Hoe maak je een vectorillustratie van start tot finish Als u een ontwerper bent die gewoon houdt van het maken van 'spullen', dan moet

Transcriptie

1 Hoe maak je een vectorillustratie van start tot finish Als u een ontwerper bent die gewoon houdt van het maken van 'spullen', dan moet Illustrator of AD uw favoriete tool zijn! Gewapend met een paar tools en technieken kunt u Illustrator's assortiment vormgereedschap gebruiken om coole vectorillustraties van alles te maken. In de handleiding van vandaag breng ik u door mijn ontwerpproces om een eenvoudige illustratie van een waterpistool te maken. Het volledige ontwerp is gemaakt van Illustrator's basisgereedschap, dan wordt het Live Paint-gereedschap gebruikt om kleur toe te voegen. Ik zal u ook een aantal handige technieken laten zien om populaire effecten toe te passen om een aantal van de populaire illustratiestijlen die vaak op Dribbles worden gezien, te repliceren.

2 Het onderwerp dat ik voor deze handleiding zal gebruiken is een super soaker style waterpistool, alleen omdat ze cool zijn! Dat is een van de wonderen van Illustrator, er is geen limiet voor de soorten willekeurige vectorafbeeldingen die u kunt maken. De gehele illustratie is gemaakt met eenvoudige vormen zoals afgeronde rechthoeken en cirkels, dan wordt de kleur aangevuld met behulp van Illustrator's Live Paint-gereedschap.

3 Open Adobe Illustrator en maak een nieuw document. Pak het gereedschap met afgeronde rechthoek en begin het overlappen van een paar vormen van verschillende maten om het mondstuk van het waterpistool te vertegenwoordigen. Gebruik de cursortoetsen om de hoekradius aan te passen voordat u de muis loslaat, en controleer of alle vormen horizontaal uitlijnen met de betreffende knop in het paneel Align.

4 Maximeer de hoekradius om een worstvorm te vormen en overlap het over het grotere stukje mondstuk. Houd ALT en Shift ingedrukt terwijl u de vorm sleept om een duplicaat te vormen. Druk meerdere malen op de CMD + D-snelkoppeling om de transformatie te herhalen en een reeks evenwichtige vormen te vormen.

5 Maak een selectie van alle worstenvormen en druk op CMD + G om ze te groeperen. Voeg de grotere rechthoek toe aan de selectie, houd ALT vast en klik op de overmaatgebieden met het hulpprogramma Shape Builder om ze te verwijderen.

6 Geef de grotere rechthoek een extra klik om het sleutelobject te maken, gebruik dan het uitlijnpaneel om ervoor te zorgen dat de vormen centraal staan langs de verticale as.

7 Teken een lange rechthoek om het vat van het waterpistool te vormen en voeg dan nog een afgeronde rechthoek toe. Teken een selectie rond de onderste punten met het Direct Selection-gereedschap en stel dan een van de kleine cirkelvormige iconen aan om de hoekradius te wijzigen. Als dit pictogram niet verschijnt, zet u Live Corners aan in het menu View> Show Corner Widget.

8 Teken een kleine cirkel om een klein detail toe te voegen, dupliceer het dan en plaats het aan het andere uiteinde van de rechthoekvorm. Gebruik het paneel Lijn om ze op te centreren, en onthoud de rechthoek te selecteren als het sleutelobject.

9 Selecteer de rechthoek en twee cirkels, houd ALT en Shift ingedrukt en sleep een paar duplicaten verder in het vat. Trek een grotere afgeronde rechthoek tussen twee van hen om de pomphandvat te vormen. Selecteer en voeg deze vormen samen met de knop Unite in het Pathfinder-paneel.

10 Gebruik de snelkoppeling CMD + [of klik met de rechtermuisknop en kies Arrangeer> Stuur achteruit om het item terug te plaatsen onder de cirkelvormen in de stapelbestelling. Selecteer en verwijder de twee onderste cirkels.

11 Maximaliseer de hoekradius terwijl u een afgeronde rechthoek trekt en een dikke worstvorm overlap over het onderste gedeelte van de handgreep. Smart Guides inschakelen (Bekijk> Smart Guides), gebruik dan de groene tooltips om een duplicaat perfect af te stemmen terwijl u met de ALT- en Shift-sleutels sleept.

12 Druk meerdere malen op CMD + D om een reeks vormen te vormen en druk vervolgens op om de grotere rechthoek toe te voegen aan de selectie. Klik nogmaals op deze vorm om het sleutelobject te maken, en centraleer de vormen centraal met het paneel uitlijnen.

13 Met alle vormen die nog zijn geselecteerd, gebruikt u de vormbouwer om ongewenste segmenten te verwijderen. Vergeet niet om de ALT-toets vast te houden om een element te verwijderen.

14 Trek aan het einde van het vat een normale rechthoek. Gebruik het Direct Selectiongereedschap om de onderste linkerhoek naar binnen te slepen. Houd Shift vast om een rechte onderrand te behouden.

15 Klik in het midden van de vorm om de hoek widgets op te halen en af te ronden. Terwijl alle vier de hoeken zijn geselecteerd, zal de straal van toepassing zijn op hen allemaal. Deselecteer de vorm, selecteer dan een punt van de onderste linkerhoek en vergroot de radius van deze hoek afzonderlijk.

16 Teken een lange, dunne ronde rechthoek met een maximale hoekstraal boven het vat, waarbij de andere stukken elkaar snijden. Stuur dit item aan de onderkant van de stapel.

17 Voeg wat detail toe aan de hoofdlichaamvorm door een kleine afgeronde rechthoek te tekenen. Draai het om de hoek van de oudervorm te passen, houd ALT en Shift ingedrukt om een duplicaat uit te trekken. Gebruik de snelkoppeling CMD + D om een reeks vormen te vormen.

18 Teken een reeks concentrische cirkels in een lege ruimte in het lichaam van het waterpistool door gebruik te maken van de kopiëren (CMD + C) en Paste in Front (CMD + F) commando's en schaal vervolgens elke duplicaat omlaag terwijl u de Shift- en ALT-toetsen houdt. Voeg een rechthoek toe om de twee binnencirkels te snijden en gebruik dan het gereedschap Shape Builder om de verschillende stukken te verwijderen om een boogvorm te verlaten.

19 Gebruik het Polygon-gereedschap om een driehoek te tekenen door het aantal kanten te verminderen met de cursortoetsen terwijl u de vorm sleept. Verplaats het bovenste punt verticaal met het Direct Selection-gereedschap terwijl u de Shift-toets ingedrukt houdt, selecteer vervolgens de onderste twee punten en pas de hoek widgets aan om ze af te ronden.

20 Schaal, draai en plaats de vorm om de meterillustratie in het waterpistoollichaam af te ronden.

21 Gebruik dezelfde technieken om het waterpistool te bouwen. Hoe meer elementen worden toegevoegd, hoe gedetailleerder de afbeelding zal zijn.

22 Teken een afgeronde rechthoek als basis voor de handgreep, gebruik dan het schuifgereedschap om de hoek aan te passen. Houd Shift vast terwijl u sleept om de horizontale randen in lijn te houden.

23 Plaats de rechthoek op de afbeelding en gebruik dan een aantal vormen om de trekker en de handgreep op te bouwen. Deze vormen kunnen worden samengevoegd met het Pathfinder-paneel, of door te klikken en te slepen met het hulpprogramma Shape Builder.

24 Selecteer het punt van de hoek aan de rechterkant met het Direct Selectiongereedschap en pas de hoekknophandgreep aan om een ronde rand te maken.

25 Teken een normale rechthoek om de trekkerwacht te vormen. Beweeg het bovenste rechter punt naar binnen om de hoek van de greep aan te passen en voeg dan alle hoeken aan de vierhoeken toe.

26 Selecteer deze triggervorm en de hoofdgreep, houd ALT vast en doe het gebied uit met behulp van het Shape Builder-gereedschap.

27 Overlappen een paar cirkels om een trigger te vormen, gebruik dan de Shape Builder om het overmaat af te snijden om de gewenste vorm te verlaten. Verzend het item aan de onderkant van de stapel met de snelkoppeling CMD + Shift + [of met de rechtermuisknop en kies Arrangeer> Verzenden naar Terug.

28 Voeg een klein detail toe aan de greep met behulp van het Arcgereedschap. Gebruik de Smart Guide tooltip om het pad van het hoekpunt te trekken en uit te breiden tot aan de onderkant van de greep.

29 Teken een grote cirkel en overlappen een paar rechthoeken. Voeg alle vormen samen met het Pathfinder- of Shape Builder-gereedschap.

30 Controleer verder de elementen van het waterpistool met dezelfde technieken. Vergeet niet om het paneel Align te gebruiken om alles in de rij te houden.

31 Vul een paar tijdelijke vormen met kleuren om een palet te vormen voor uw illustratie. Teken een selectie rond al het kunstwerk en activeer dan het Live Paintgereedschap. Klik op het kunstwerk om een Live Paint Group te vormen.

32 Deselecteer alles, kies dan de eerste kleur uit de tijdelijke snijvormen met het Eyedropper-gereedschap. Ga terug naar het Live Paint-gereedschap en klik op de verschillende gebieden om deze kleur aan te passen. Wissel tussen het eyedropperen het Live Paint-gereedschap om de andere kleuren op de afbeelding toe te passen.

33 Door de manier waarop de afbeelding is gemaakt met overlappende vormen, zullen sommige gebieden meerdere klikken nodig hebben om alle afzonderlijke stukken te vullen.

34 Zodra de volledige afbeelding is gekleurd, ga naar Object> Uitbreiden, selecteer dan het selectievakje Object. Hierdoor worden de Live Paint secties in gevulde vormen omgezet. De tutorial kan hier eindigen, maar laten we een populair geschetst effect maken...

35 Klik met de rechtermuisknop en selecteer een paar keer ongedaan maken totdat de optie Oproepen niet meer beschikbaar is om de elementen volledig uit elkaar te breken.

36 Klik op een van de elementen en ga naar Select> Same> Vul kleur om een selectie van dezelfde kleurvormen te maken.

37 Klik op de knop Unite in het Pathfinder-venster om alle vormen van dezelfde kleur in één object te combineren.

38 Druk op CMD + 8 om een Verbonden Pad te vormen of ga naar Object> Compound Pad> Make. Dit is een cruciale stap wanneer u met het Pathfinder-paneel meerdere objecten gebruikt.

39 Herhaal het proces om dezelfde vullerkleur te selecteren, een samengestelde pad voor alle andere vormen te vormen en kies vervolgens een deel van de zwarte omtrek en kies Select> Same> Stroke Color.

40 Met alle geselecteerde zwarte strepen ga je naar Object> Expand en kies de optie Stroke om deze strepen om te zetten in gevulde vormen.

41 Klik op de knop Unite in het venster Pathfinder om alle afzonderlijke omtrekstukken samen te voegen in één continue vorm. Kopieer deze vorm naar het klembord, we hebben het nog een keer nodig!

42 Schuif en klik op een van de gekleurde objecten om die hele groep vormen aan de selectie toe te voegen en kies vervolgens de optie Minus Front in de Pathfinder om de omtrek van deze vormen af te snijden. Druk op CMD + F om de zwarte omtrek terug te plakken, herhaal dan het proces met de andere gekleurde elementen.

43 Zodra de omtrek van de afbeelding is afgemaakt, laat het openingen achter, waardoor u de achtergrondkleur kunt laten zien en resulteert in een cool gestileerde look!

44 Ons werk in Illustrator is nu compleet. Deze zelfde technieken kunnen gebruikt worden om stijlvolle illustraties van elk onderwerp te creëren. De vlakke vectoruitstraling ziet er goed uit, maar ik voeg altijd graag een aantal afwerking toe in Photoshop.

45 Plak het kunstwerk in een nieuw Photoshop-document en download en installeer mijn gratis, geforceerde halftone patronen. CMD + Klik op de miniatuur van de vector kunstwerklaag om de selectie te laden en vul het gebied vervolgens met een halftoonpatroon op een nieuwe laag.

46 Omkeer de kleuren (CMD + I) en verander de mengmodus naar het scherm om het zwarte achtergrondgebied transparant te maken om witte halftoonpunten te verlaten.

47 In sommige gebieden van de afbeelding waar er een lichtere kleur is, werken zwarte halftonen beter. Gebruik de Magic Wand om selecties te maken en vul een nieuwe laag met een halftoonpatroon in en verander de mengmodus naar Multipliceren.

48 Dat voltooit ons vector illustratie project. Ik hoop dat deze tips en technieken u helpen om illustraties van elk onderwerp voor uw toekomstige projecten te maken. Met slechts een selectie van eenvoudige vormen en Illustrator's krachtige tools, kun je iets creëren!