Share
Deze tutorial gaat over het gebruik van de Mesh Tool (U) van Adobe Illustrator en verschillende basistechnieken om een monitor en muis in vectorstijl te maken, met een soortgelijk ontwerp als Apple's nieuwe iMac 27 "met magische muis. Je kunt deze technieken gebruiken om andere monitoren te maken en muisontwerpen ook. Laten we aan de slag gaan!
Hieronder is het uiteindelijke beeld waar we naartoe zullen werken. Wil je toegang tot de volledige Vector Source-bestanden en downloadbare exemplaren van elke tutorial, inclusief deze? Word lid van Vector Plus voor slechts 9 $ per maand.
Dit is een brede zelfstudie waarin ik je ga leren hoe je de mesh-tool (U) kunt gebruiken om mooie eenvoudige hellingen te maken zoals je zou willen. Deze tool is geweldig voor het maken van fotorealistische effecten in vectorformaat. U hebt geen stockfoto's nodig voor deze zelfstudie, behalve degene die u gebruikt voor het maken van de scherminhoud. Deze heb je nodig uit mijn verzameling en is volledig gratis voor gebruik zonder enige beperking.
U zou op zijn minst moeten weten hoe u met Illustrator Pen Tool (P) moet omgaan om deze tutorial te voltooien. Als u niet bekend bent met het gebruik ervan, staar u dan met deze tutorial: Illustrator's Pen Tool: The Comprehensive Guide.
We beginnen onze zelfstudie met het maken van nieuw tekengebied. Geef het nieuwe document "iMac" een naam en stel de afmetingen in op 1024pt voor de breedte en 768pt voor de hoogte. Omdat dit ontwerp bedoeld is voor afgedrukte media, stellen we de Kleurmodus in op CMYK en de resolutie op 300 dpi.
Begin met modelleren met het display. Het eerste dat u moet maken, is de zijkant van het display van de iMac. Maak een eenvoudige vorm met het gereedschap Afgeronde rechthoek (mijn afmetingen zijn 545pt bij 440pt), kleur het in op # 807F83 en vorm het opnieuw met het gereedschap Direct selecteren (A). Besteed speciale aandacht aan de hoeken.
Nu gebruiken we Illustrators Mesh Tool (U). Selecteer het gereedschap en maak het ankerpunt op de rand van de vorm in de buurt rechtsonder in de hoek. Zorg dat u het punt op de grenslijn maakt.
Het is tijd voor oefening en je creativiteit. Speel gewoon met de Mesh Tool (U) en probeer iets te maken dat lijkt op de afbeelding hieronder. U kunt een gedetailleerder beeld van de hoeken zien in verdere stappen, of voor Vector Plus-leden hoeft u alleen maar naar het AI-bronbestand te kijken voor deze zelfstudie.
Hier ziet u een gedetailleerd beeld van de mesh-hoek. Gebruik de Direct Selection Tool (A) en # D8D9DA, # 807F83 kleuren om dit gebogen verloop te maken. Selecteer een bepaald gedeelte van de mesh en pas er kleur op toe tot je het hieronder getoonde effect hebt.
Ga in deze stap gewoon door met dezelfde kleuren in de rechterbovenhoek. De bovenste pijl toont de sectie voor de donkere en de onderste pijl toont de sectie voor de lichtere. Dit is allemaal voor het deel aan de zijkant zoals weergegeven. In de volgende paar stappen gaan we het scherm maken.
Maak nog een afgeronde rechthoek (537pt bij 441pt) en kleur deze in met # A1A1A4. Breng het indien nodig naar voren en pas de positie aan de kant vorm, die een geëxtrudeerde vorm illusie creëert.
Gebruik de mesh-tool (U) met de kleuren # EFE9E5 en # A1A1A4 om een verloop te maken, zoals hieronder weergegeven.
Dupliceer de laag uit stap 8. Klik erop met het selectiegereedschap (V) en verander de kleur naar # 261C02. Maak vervolgens twee rechthoekige vormen (M) en vervorm ze door hun ankerpunten te verplaatsen met het gereedschap Direct selecteren (A). En nu zijn we klaar om ze af te trekken om een zwart weergavekader te maken. Selecteer nu de # 1 rechthoek en ga naar Object> Pad> Objecten verdelen hieronder. Doe hetzelfde met de # 2-vorm.
Nu gaan we de spiderfoto gebruiken. Plaats het gewoon op het tekengebied en schaal het naar de benodigde afmetingen, gewoon om de rechterbovenhoek in de rechterbovenhoek van het frame te krijgen en doe hetzelfde met de linkerbenedenhoek.
Klik in het configuratiescherm op Masker en corrigeer de vorm met het gereedschap Direct selecteren (A). Het laatste ding met de foto is om het achteruit te zetten met het Arrange-menu (Besturing> Rangschikken) om de randen achter het zwarte kader te verbergen.
Gebruik nu de Pen-tool (P) voor het maken van 'the Apple' of voeg je eigen creatieve branding toe. Houd er rekening mee dat het een beetje misvormd moet zijn volgens perspectiefregels.
Maak met het gereedschap Pen (P) de vorm voor een reflectiegradiënt. U kunt een volledig nieuwe vorm maken of de eerste laag van het scherm dupliceren en bewerken met aftrekkingen en Ankerpuntgereedschap converteren (Shift + C). Breng vervolgens een semi-transparant verloop erop aan. Het verloop wordt gemaakt met #fff kleur met 0% dekking, # 000 kleur met 100% dekking en de hoek is ingesteld op 81,82 graden.
En het laatste dat je voor de iMac kunt maken, is zijn been. Maak de onderstaande vorm met Pen Tool (P) en pas # D8D9DA hierop toe.
Maak een nieuwe rechthoek (mijn dimensies zijn 102pt bij 79pt) en gebruik de mesh-tool (U) om twee verticale lijnen te maken. Zorg ervoor dat u op de randlijnen klikt, niet in de vorm.
Ga verder met de mesh-tool (U) en maak nog een verticale lijn en vervolgens 8 horizontale lijnen. Nogmaals, klik zeker op de randlijnen.
Gebruik het gereedschap Direct selecteren (A), gereedschap Maas (U) en gereedschap Ankerpunt (Shift + C) om je vorm te transformeren naar die in de afbeelding hieronder.
Dus we zijn bijna klaar met de iMac. Gebruik gewoon het gereedschap Direct selecteren (A) om de specifieke gebieden van mesh en # 807F83, # C2CDC5, # EFE9E5, # A1A1A4 kleuren te selecteren om schaduwen en reflecties te creëren. Besteed aandacht aan de gebieden aangegeven door pijlen hieronder, omdat ze bijzonder belangrijk zijn.
En de laatste stap is om de positie van de vormen van het been van de iMac aan te passen en ook om het achter het scherm terug te plaatsen. En voilá, we hebben een fotorealistische vector van Apple's iMac.
Ik heb ook de magische muis voorbereid om de vaardigheden te oefenen die je hebt geleerd. De volgende stappen die het creatieproces beschrijven, zijn korter om u te laten zien hoeveel u de stappen begrijpt tijdens het maken van de iMac. Als je verdwaald bent, kun je terugdraaien en de vorige stappen opnieuw bekijken of gewoon spelen met het bron-AI-bestand.
Gebruik het gereedschap Pen (P), gereedschap Direct selecteren (A), gereedschap Ankerpunt (Shift + C) en Maasstukje (U) om de basismaasvorm voor de magische muis te maken.
Voeg twee vormen toe (Pen Tool (P)) voor reflecties. # 1 is #FFF kleur met 0% dekking op #bfbfbf kleur met 50% dekking en hoek ingesteld op -93,74 graden. # 2 is #FFF-kleur met 0% dekking, #DDD-kleur met 100% dekking, #bfbfbf-kleur met 10% dekking en een hoek ingesteld op 175,71 graden.
Maak een vorm voor de zijlijn van de magische muis. Vul het met een verloop met behulp van de kleuren, hoek en posities zoals weergegeven. De enige uitzondering is de 0% dekking van de #ABABAB-kleur in het midden van het verloop.
De laatste afbeelding toont de vorm voor de schaduw van het merk. Apple is de bovenste laag en is gevuld met # a1a1a5 kleur. De schaduw zoals verwacht is de achterlaag gevuld met # 162732 kleur.
Nu kun je de iMac en de Magic Mouse samenvoegen en zijn we klaar. Bedankt voor je aandacht en ik hoop dat deze tutorial nuttig voor je was.
Abonneer u op de Vectortuts + RSS-feed om op de hoogte te blijven van de nieuwste vectorhandleidingen en -artikelen.
Accentsconagua