Lag en slank bildesign med Illustrator

I denne veiledningen vil vi forklare hvordan du lager en semi-realistisk bil som svinder til svart. Vi bruker geometriske skjemaer, Pathfinder-verktøyene, Mesh-verktøyet, og legger til volum med høydepunkter, samt bruk av gradienter. Den grunnleggende utformingen vil bli opprettet med gråtoner, noe som gjør den endelige fargen allsidig. Damer og herrer, start motorer!

Du kan finne kildefilene i katalogen merket kilde som kom inn i filene du lastet ned. Du kan ønske å se gjennom dem kort før vi begynner. En forhåndsvisning av det endelige bildet er under. Vær også oppmerksom på at denne opplæringen tar utgangspunkt i avansert kunnskap om Illustrators verktøy, spesielt Mesh-verktøyet. La oss begynne vektor samurai.


Trinn 1

Opprett et nytt dokument. Gruven er 800 piksler med 600 piksler. Velg pennverktøyet (P) og begynn å tegne konturformen som skal utgjøre motordekselet.



Steg 2

Velg Mesh Tool (U) og legg til mesh linjer ved å klikke på formen, som vist nedenfor.



Trinn 3

La oss lage skyggelysingsfarge. Velg maskepunktene med Direct Selection-verktøyet (A), og farger dem inn med fargeprøver ved hjelp av forskjellige toner svart. Det er godt å lage en stikkpalett som går fra 0 til 100% svart ved hjelp av 5% trinn. Dette vil tillate deg å farge raskt.



Trinn 4

Opprett en annen form med pennverktøyet (P), dette er for frontlyset, og gir det en fylt med svart.



Trinn 5

Tegn en svart strekket linje med linjesegmentverktøyet (\), og sett det som 1pt slag. Deretter går du til Objekt> Utvid. Velg objektet med Lasso-verktøyet (Q) eller Direktevalg-verktøyet (A), og juster deretter midtpunktet vertikalt. Plasser linjen på motordekselet.



Trinn 6

Tegn et rektangel med rektangulærverktøyet. Gi formen avrundede grenser ved å gå til Effect> Stylize> Round Corners. Deretter omforme den med Warp-verktøyet, og skygge det med Mesh-verktøyet. Ordren vist nedenfor er revers kronologisk.



Trinn 7

Sett stykket sammen over frontlyset, som vist.



Trinn 8

Tegn en form med pennverktøyet, som vist nedenfor. Deretter kombinerer du det med linjesegmentet vi opprettet i Trinn 5 ved hjelp av kommandoen Legg til formområde funnet i paletten Pathfinder, og utvid deretter formen.



Trinn 9

Lag to elefipper. Bruk Subtract From Shape Area Command til å lage halvmåneformen vist nedenfor. Dupliser formen, legg begge kopiene inne i frontlysområdet, og fyll dem med den lineære gradienten som vises nedenfor.



Trinn 10

La oss skape formen på mudguard. Bruk pennverktøyet til å gjøre formen, og bruk deretter en Gradient Mesh for å skygge den. Når du er ferdig, plasser sperren på bildesignet.



Trinn 11

Opprett en lysrefleksform med pennverktøyet, som vist nedenfor. Også opprett et mørkt sideområde av bilen for å plassere under sperren. Bruk et gradientnett for å skygge den mørke siden. Legg den hvite lysrefleksjonsformen og den mørke sideformen som vist nedenfor.



Trinn 12

Nå skal vi lage ventilasjonsområdene. Tegn et rektangel ved hjelp av rektangulærverktøyet. Bruk deretter Direct Selection-verktøyet til å trekke i øverste høyre hjørne, som vist nedenfor. Gi den en svart til grå til svart lineær gradient, og sett vinkelen på 90 grader eller så, det som ser rett ut til deg, er greit. Lag nå bunnområdet ved hjelp av pennverktøyet, og bruk et gradientmaske fylt med svart og mørkegrå.



Trinn 13

Nå skal vi lage et lufthull. Tegn et rektangel med rektangulærverktøyet, og gå deretter til Effect> Stylize> Round Corner, og bruk en innstilling som ser bra ut, eller bruk bare verktøyet Avrundet rektangel. Deretter skal du bruke et gradientmaske for å legge til dimensjon til formen, og plasser den over bildesignet.



Trinn 14

La oss legge til flere dimensjoner til mudguardområdet. Lag en ellipse med Ellipseverktøyet. Kopier (Command + C) og Lim inn (Command + V) den. Plasser formene over hverandre, som vist nedenfor. Bruk kommandoen Subtract From Shape Area i Pathfinder-paletten og Utvid. Gjør det samme ved hjelp av ulike former opprettet med pennverktøyet, ved å følge eksemplene nedenfor. Plasser den resulterende formen inn i slamområdet, som vist i neste form.



Trinn 15

Bruk pennverktøyet til å lage en vindusform. Påfør farging og skygging ved hjelp av Mesh-verktøyet, og sett deretter stykket som vist. Som du kan se, følger vi en lignende konstruksjonsbane og setter dette designet sammen ett stykke av gangen. Bilformen begynner å dukke opp.



Trinn 16

La oss nå lage rimen. Tegn først en sirkel. Ta tak i Direct Selection-verktøyet og dra bunnen mest ned for å skape en oppreist tåreform. Juster håndtakene til formen ser bra ut til deg, eller følg eksempelformen nedenfor.

Velg denne nye figuren, ta tak i Rotate-verktøyet, og hold nede Alt-tasten under tåredråpet. Roter vinduet åpnes, gi det en vinkel på 72 grader, og klikk Kopier. Etter, trykk Command + D tre ganger, som gir deg fem former. Dette vil skape et sirkulært stjerne mønster.

Senter en ellipse inne i de nye fasongene. Velg ellipse og stjerneformen, og gå deretter til Subtract From Shape Area og klikk Expand. Tegn nå en ellipse bak denne formen som omfatter den, og trekk stjerneformen fra ellipsen. Deretter sletter du stjernen, og din kant begynner å ta skjema, se nederst til høyre bilde.



Trinn 17

Farge fargene mørkegrå, så vi kan se hva vi gjør. Tegn en annen sirkel inne i felgen som bare er større enn det indre sirkelområdet der nå. Velg begge figurene og bruk Subtraher From Shape Area og Utvid det, som vil slå et hull gjennom det.



Trinn 18

La oss følge en lignende prosedyre som vi gjorde i trinn 16. Tegn et avrundet rektangel, og trekk deretter ned de nederste sidene med Direct Selection-verktøyet, som vist i følgende øverste venstre bilde. Gjenta Rotate ved 72 grader kopi, deretter Command + D tre ganger for å skape vår nye stjerneform. Legg deretter en liten sirkel i midten av stjerneformen, og legg den som vist øverst til høyre nedenfor. Også, Utvid den formen.

Lag nå en trekantform med Star-verktøyet til tre punkter, og gå til Effect> Stylize> Rounded Corners, og bruk et beløp som ser bra ut til å avrunde trekanten. Spinn flere kopier ved hjelp av en lignende prosess som angitt ovenfor, som begynner med Rotate-verktøyet, deretter Trekk fra formområde, og klikk igjen Utvid.



Trinn 19

Bruk nå en gradient til hver form separat, bruk deretter Free Transform verktøyet til å plassere randen som vist nedenfor.



Trinn 20

Lag en ellipse med Ellipse-verktøyet, gå til Objekt> Opprett Gradient Mesh, i dialogboksen sett radene som 6 og kolonnene som 4, og bruk det ved å trykke OK. Påfør skyggelegging som ligner på det som er vist nedenfor med forskjellige gråtoner.



Trinn 21

La oss legge til mer dimensjon på felgen. Kopier hver form og legg bak, og flytt det litt til venstre. Deretter bruker du gradienter i ulike vinkler.



Trinn 22

Nå skal vi lage bilens dørformer. Tegn tre separate stykker med pennverktøyet.



Trinn 23

Farg bitene med gradienter og bruk lysfjæring ved å gå til Effekt> Stylize> Fjær, og bruk en minimal mengde som ser bra ut til deg, eller følg eksemplene nedenfor.



Trinn 24

Kombiner disse delene som vist.



Trinn 25

Legg brikkene inn i bildesignet som vist. Kopier alle bitene og lim inn foran, kombinere dem til en form ved hjelp av kommandoen Pathfinder Merge, send form på baksiden.



Trinn 26

Nå begynner vi å lage bremseskiven. Lag en sirkel med Ellipse-verktøyet, og bruk deretter en linergradient med en 45 graders vinkel som vist. Deretter lager du en mindre svart sirkel. Åpne børstervinduet og dra den lille sorte sirkelen inn. Angi børstetype-alternativet som New Scatter Brush, la innstillingene stå som standard.



Trinn 27

Opprett en sirkel og bruk scatterbørsten vi opprettet i forrige trinn ved hjelp av et 1pt slag. Klikk øverst til høyre i Brush-paletten og gå til Alternativ for valgt objekt, og øk avstanden som vist nedenfor, og bruk den ved å trykke OK. Kopier (Command + C) denne sirkelen og Lim inn foran (Command + F), og skala deretter den ned. Gjør dette to ganger, som vist nedenfor. Hvis innstillingene dine senker strekens størrelse, må du bare sette den tilbake til et 1pt slag.



Trinn 28

Bruk Free Transform Tool til å manipulere brikken for å passe inn i bildesignet bak felgen, og sett deretter Opacity på 50%.



Trinn 29

Bruk pennverktøyet til å lage en speilform. Lag også en trekant med pennverktøyet, bruk en gradient, og legg den som vist for å legge til et høydepunkt.



Trinn 30

Opprett et rektangel med rektanguleringsverktøyet 1px i høyde, og gå deretter til Objekt> Sti> Offsettvei, og bruk innstillingene som vises nedenfor. Sett det større rektangelets fyll på svart og sett Opacity til 0.



Trinn 31

Gå til Objekt> Blend, og bruk Spacing of Specified Steps satt til 8, og bruk den deretter. Neste gjør dette til en ny Art Brush ved å bruke standardinnstillingene.



Trinn 32

Opprett gratis linjer med pennverktøyet, som vist nedenfor. Pass på å slå den med den nye spesielle børsten som ble opprettet i forrige trinn.



Trinn 33

Nå er vi pennverktøyet og lager bilvinduet, som vist nedenfor. Farg vinduet hvitt for nå. Ordne disse stykkene med speilet.



Trinn 34

La oss legge til flere detaljer på felgen. Opprett et rektangel med rektangulært verktøy, forvreng det, og bruk deretter Feather. Lag en ellipse med Ellipse-verktøyet. Kopier (Command + C) Ellipse og Lim inn foran (Kommando + F). Bruk en ellipse til å trekke ut form for den andre for å oppnå formen vist nedenfor. Pass på at den nye formen er utvidet. Også, sett det er gjennomsiktighet til 30 prosent. Ordne fasene i felgen som vist med Free Transform for å plassere figurene.



Trinn 35

La oss nå lage et snev av bilens kropp, da resten av kroppen svinder til svart. Opprett figurene som vises nedenfor med pennverktøyet, og bruk deretter Mesh-verktøyet til å skygge dem.




Trinn 36

Plasser brikkene som ble opprettet i det forrige trinnet i bildesignet.



Trinn 37

La oss lage skyggen under speilet. Tegn en form som ligner den som er vist nedenfor, med pennverktøyet og farg det svart. Påfør en fjær og slipp den til Opacity til 90%, plasser den deretter under speilet.



Trinn 38

La oss opplyse frontlysene nå. Lag en ellipse som er 15px i høyde med 15px i bredde ved hjelp av Ellipse-verktøyet. Bruk Objekt> Path> Offset Path, og kompensere med 10px. Deretter slippe den utvendige form Opacity ned til 0%, og bruk en blanding med 20 angitte trinn.



Trinn 39

Opprett en ny form ved hjelp av pennverktøyet (P) for å representere lys som reflekterer glasset fra frontlyset. Bruk en gradient til den nye formen. Legg nå lysene som ble opprettet i forrige trinn og deretter denne refleksjonen over dem.



Trinn 40

Vi har fullført den grunnleggende utformingen av bilen vår. Nå er det på tide å gi liv til det. Vi lager en oversikt for dette. Pass på at du trekker av lyskastområdet ut av konturformen.



Trinn 41

Fyll denne konturen 100 prosent med fargen på drømbilen din og legg den over designet.



Trinn 42

Velg Overlay-alternativet i vinduet Transparency og angi Opacity til 80 prosent. Og nå er din drømmeautomat klar. Også fordi vi brukte gråtoner for å lage den grunnleggende designen, kan vi enkelt endre fargen hvis nødvendig, noe som gjør dette til en allsidig teknikk.



Konklusjon

For å illustrere bilen til drømmene dine trenger du bare noen grunnleggende teknisk evne. Etter å ha utviklet det, kan du opprette noe. Jeg håper du likte denne opplæringen og la nye teknikker til dine ferdigheter når du følger med.