Share
Hva du skal skapeAlle føler en viss lidenskap for retro stil! De ekstraordinære klærne, de fancy frisørene, musikken og selvfølgelig bilene! I denne opplæringen kombinerer vi vår kjærlighet til 50-tallet, kinematografi og spill, og skaper en gal blanding. Vi skal lage et luftfoto av en stilisert Retro-bil med Greased Lightning, ved hjelp av grunnleggende former, ulike typer gradienter og blandemoduser, som arbeider med Pathfinder-panelet og andre funksjoner i Adobe Illustrator.
Fett er ordet. Det er en film som representerer den rene essensen av 1950-tallet - en historie om kjærlighet, glede, vakre ting og fantastiske biler. De retro cabriolets med glatte avrundede former og sammenleggbare tak. De forblir definitivt stilige og uforglemmelige.
Inspirert av denne filmen, får vi en oversikt over en retrobil med lynformede mønstre. Du kan faktisk bruke disse teknikkene for å skape noen form for bil. Pass på å sjekke bilens toppvisning av Envato Market for å gjøre det lettere å forestille seg kjøretøyene fra en slik antennevinkel. Bla gjennom retrobiler på Envato Market kan også være ganske nyttig for å få en fin detaljert referanse til et kjøretøy.
Klar til å begynne å tegne? La oss begynne!
Vi starter med å lage hoveddelen av bilen vår. Ta Ellipseverktøyet (L) og la oss forme toppbildet av chassiset. Lage en 130 x 300 px ellipse, bytt til Direkte utvalgsverktøy (A) og dra begge sidens ankerpunkter ned, og gjør bunnpartiet flatt og bredt.
Fortsett ved å lage en mindre 55 x 155 px ellipse og plasser den på venstre side av chassiset. Dette vil være grunnlaget for frontlysene. Dra sideforankringspunktene opp, noe som gjør den nederste delen av formen mer spiss.
La oss nå forme den nederste delen, som er på baksiden av bilen. Lage en 130 x 125 px rektangel med Rektangelverktøy (M). Velg begge nedre ankerpunkter med Direkte utvalgsverktøy (A) og bruk Levende hjørner Funksjon for å gjøre de nederste hjørner avrundet, ved å trekke Levende hjørner sirkel markører opp.
Hvis du bruker tidligere versjoner av Adobe Illustrator, kan du gjerne søke Effekt> Stylize> Round Corners. Det påvirker imidlertid alle formens hjørner. Du kan da bruke Eraser Tool (Shift-E) og hold nede alt for å slette den øvre delen av formen, og gjøre øvre hjørner skarpe igjen.
Legg nå en smal form med Avrundet rektangelverktøy, danner vinkelsens topp-visning. Og la oss legge til de samme elementene til høyre halvdel av chassiset.
Velg både ovalen og vingen og dobbeltklikk på Reflekteringsverktøy (O) for å åpne opsjonsvinduet. Velg Vertikal akse og treffer Kopiere knapp. Legg kopiene på motsatt side av bilen, slik at de passer til chassiset.
La oss nå lage en vindrute for bilen vår. Lag et lite rektangel av ca. 110 x 18 px størrelse, plasser den inne i chassiset. Gå til Effekt> Warp> Arc Upper og sett Horisontal Bend verdi til 20%, gjør formen buet på toppen. Objekt> Utvid Utseende å bruke effekten.
Så gå til Objekt> Path> Offset Path og sett offset verdi til -5 px, skaper en mindre form inni. Klikk OK.
Til slutt la vi legge til bilens indre deler. Bruke Rektangelverktøy (M) å lage to små rektangler som passer inn i bilen. De vil være for setene. Gjør de ytre hjørnene av figurene avrundet, ved hjelp av Levende hjørner trekk.
Endelig dannes et enkelt ratt, laget av tre ellipser, den ene i den andre.
Flott! Nå er alle hoveddelene klare, og vi kan fortsette å fargelegge!
Først av alt, la oss velge det største elementet, bunnen av bilen vår og bruke en lys radial gradient fra levende rød i midten til mørkere rød på kantene. Bruke Gradient Tool (G) å krympe formen på graden, noe som gjør den mer oval, slik at du legger til subtile skygger på kantene på bilen vår.
Velg frontlysene ellipser og bruk Eyedropper Tool (I) å velge den røde gradientfargen fra bilens base. Bytt Type av gradienten til lineær og plasser gradienterne vertikalt fra lysere rød på toppen til mørkere rød på bunnen.
Legg til et lite avrundet rektangel under chassiset (trykk på Shift-Control-[ til Sende den tilbake) og fyll den med lignende røde farger, fyll hullene på forsiden av bilen.
Bruk den samme røde lineære gradienten til vingene i bilen, og plasser den på 90 grader vinkel i gradient panel.
Når det gjelder bunnelementet (baksiden av bilen), la oss også bruke en ovalformet radiell gradient og Sende denne delen å gå tilbake (Shift-Control- [), plasser den under bunnen av bilen.
La oss nå bruke fargene til frontruten. Gjør den ytre formen lysrød, litt lettere enn bunnen av bilen, slik at den spretter ut. Når det gjelder den indre formen, bruk en lysblå vertikal lineær gradient som skildrer glassoverflaten.
La oss legge til noen skinnende høydepunkter til frontruten. Bruke Rektangelverktøy (M) å lage to smale vertikale striper av hvilken som helst farge (bare for å gjøre dem synlige over den hvite bakgrunnen). Sett Blandingsmodus til Skjerm i åpenhet panel.
Holde nede Skifte og roter figurene 45 grader, plasserer stripene over frontruten. Velg nå stripene sammen med den blå glassformen og ta Form Builder Tool (Shift-M). Holde alt og klikk de unødvendige brikkene utenfor glasset for å slette dem.
Endelig sett inn Fylle farge til hvit i Farge panelet og her har du det!
Nå skal vi lage det stripete mønsteret for setene for å få dem til å se mer realistisk og strukturert ut.
Lage en 13 x 60 px rektangel og fyll det med horisontal lineær gradient fra hvitt til lysegrå.
Holde nede Alt-Shift og dra formen til høyre, og ta en kopi. trykk Kontroll-D flere ganger for å lage syv flere kopier. Gruppe (Control-G) figurene.
La oss nå gå tilbake til bilen vår, velg setene, Kopier (Control-C) dem og Lim inn foran (Control-F). Plasser teksturet under setene (trykk på Styre-[ et par ganger for å flytte objektet flere stillinger nede). Holde Alt-Shift og dra tekstur opp, og skape en kopi for den andre halvdelen av setene.
Velg nå bunnen av tekstur og seteformen over den, klikk på høyre museknapp og Lag Clipping Mask.
Som du kan se, er teksturen gjemt inne i seteformen, og skaper en fin, puffete tekstur.
Gjenta det samme for andre halvdel av setet, og plasser tekstur inni Clipping Mask.
La oss skape litt ekstra skygge for å gjøre setene mer tredimensjonale. Vi har fortsatt to flere skisser på våre plasser (eksemplene vi opprettet noen få skritt før).
Velg den øvre halvdelen og fyll den med samme hvitt-grå lineær gradient som vi hadde for setets tekstur (du kan bruke Eyedropper Tool (I) å velge fargen), men denne gangen plasserer du gradienten vertikalt. Bytt Blandingsmodus til Multiplisere, gjør en mørkere semi-gjennomsiktig form.
Og gjenta det samme for andre halvdel av setene.
De to sidene av setene ser like ut nå, men la oss legge til litt mer variasjon her. For å gjøre det, velg elementene i den nedre halvdelen og krymp dem, gjør setet smalere. Når det gjelder andre halvdel, la oss gjøre det motsatte: Forlenge figurene, gjør setet mye bredere, og skape kontrast mellom figurene.
La oss nå gå videre til rattet. Velg de to sirkler (som er for hjulet), høyreklikk og Lag sammensatt sti (eller bare trykk Kontroll-8). Fyll den skapt dunneformen med en komprimert radialgradient, bestående av tre farger: mørkegrå, hvit, lysegrå. Fyll midten av rattet med en enkel radiell gradient fra lysegrå til mørkere grå.
La oss nå endre på baksiden av bilen, og legge til et sammenleggbart tak. Kopiere bunnformen og Bringe den til forsiden (Control-C> Control-F> Shift-Control-]). Fyll formen med vertikal lineær gradient fra hvitt til lysegrå.
Gjør formen mye mindre og plasser den som vist på skjermbildet nedenfor: Den lysegrå form skal passe pent inn i baksiden av chassiset, slik at den mørkrøde bunnen av chassiset skaper en tynn kontur rundt formen, noe som gjør begge figurer passer perfekt.
Endelig, duplikat (Control-C> Control-F) den lysegrå form som vi har opprettet, gjør kopien mindre og reverserer fargene på gradienten, og skaper den indre delen av det sammenleggbare tekstiltaket på cabrioletet.
La oss nå danne den indre delen av bilen, noe som gjør den mye mørkere. Velg bunnen av bilen og gå til Objekt> Path> Offset Path. Sett offset verdi til -5 px, skaper en mindre form i basen.
Velg nå den nye formen sammen med den ytre delen av frontruten (den røde), ta den Form Builder Tool (Shift-M), holde nede alt og klikk på toppstykket for å slette det. På den måten har vi dannet det indre av bilen.
Vi har allerede grunnlaget for frontlysene, men vi har ennå ikke gjort frontlysene selv. La oss forme dem!
Lage en 35 x 8 px oval form ved hjelp av Ellipseverktøyet (L). Fyll formen med vertikal lineær gradient fra lysegrå til hvit. Kopiere det og Lim inn i baksiden (Control-C> Control-B).
Velg det nederste ankerpunktet på bakformen med Direkte utvalgsverktøy (A) og dra den ned, hold Skifte.
Til slutt fyll den ekstruderte formen med lysrød radial gradient ved å plukke fargen fra chassiset, ved hjelp av Eyedropper Tool (I).
Voila! Nå kan vi feste frontlysene til bilen.
Plasser frontlysene på den øverste delen av bilen. De burde se slik ut.
La oss nå legge til et skinnende kromelement på forsiden av bilen. Ta Avrundet rektangelverktøy og danner en smal vertikal stripe på toppen av bilen.
Påfør en lineær gradient med følgende farger: lys grå, hvit, mørk grå, lysegrå. Plasser den horisontalt, som vist nedenfor, og gi formen et ekte-til-livet metallutseende.
Nå er det på tide å få vår retrobil til å se unik og knytte den sammen med Grease-filmen! Gjør deg klar til å ta tak i Blyantverktøy (N) og tegne de flytende linjene, skape et fancy lynmønster for vår bil. Prøv å holde det enkelt.
Du kan dobbeltklikke på Blyantverktøy (N) å leke med sin gjengivelse innstillinger, slik at den blir jevn. Jeg tegner disse figurene med bare en mus, og som du kan se, klarer Adobe Illustrator seg perfekt med å gjøre linjene glatte.
Lag tre forskjellige former for lyn.
Begynn å bruke lynet til venstre halvdel av bilen. Roter dem og flytt dem rundt, slik at de passer perfekt til elementene i bilen. Husk å bruke Form Builder Tool (Shift-M) å slette de uønskede brikkene utenfor bilen.
Så snart du er fornøyd med plasseringen av elementene, velg dem og bruk Reflekteringsverktøy (O) å vende formene over Vertikal akse, gjør speilet kopier og fester dem til motsatt side av bilen.
La oss nå legge til litt mer dimensjon her. Velg de to speilrefleksene på forsiden av bilen og Lag en sammensatt sti (Control-8). Påfør en lys radial gradient fra hvitt til gråaktig-rosa, noe som gjør mønsteret sølv og glødende. Påfør samme farge til alle de andre lynene.
La oss nå legge til noen høydepunkter i bilen, slik at overflaten ser glanset og polert ut. Velg det største elementet i chassiset og bruk Objekt> Path> Offset Path med -7px Offset verdi. Fyll den nye formen med vertikal lineær gradient fra rosa til svart og sett inn Blandingsmodus til Skjerm. Du vil se at den svarte delen blir gjennomsiktig, og skaper en fin glanset effekt.
Gjør det samme for de ovale formene under frontlysene.
Legg til et lignende høydepunkt på baksiden av bilen. Pass på å plassere lynmønstre under høydepunktene.
La oss nå legge til et annet viktig element i enhver bil: eksos eller utløp. Vi skal faktisk gjøre to av dem for å få bilen til å se kult ut.
Lag en 8 x 35 px rektangel for utløpsrøret og fyll det med den samme kromlinjene som den dekorative stripen ved bilens nese (bruk Eyedropper Tool (I) å velge gradienten).
Holde Alt-Shift og dra formen til høyre, og ta en kopi. Velg begge avløpsrør og Sende dem til Tilbake (Shift-Control- [).
Nå skal vi skildre flammer som kastes fra eksos.
Start med å lage en 7 x 30 px ellipse av svart farge og fest den til spissen av utløpsslangen. Lag en mindre oval på toppen, fyll den med lyse oransje farge.
Velg begge ovaler og gå til Objekt> Blend> Lag. På den måten gir vi en jevn overgang mellom fargene, og skaper en flammeffekt.
Vi kan fortsatt redigere elementene inne i Blanding gruppe i lag panel. For eksempel kan du legge til en mindre gul ellipse på toppen og dra den inn i Blanding gruppe for å gjøre flammen enda lysere.
Dra side- og bunnforankringspunktene av figurene ned, ved hjelp av Direkte utvalgsverktøy (A) å forlenge flammen.
For å få den halv gjennomsiktige flamseffekten, må vi først opprette en hvilken som helst form for bakgrunn under vår bil. For dette formålet, opprett et grått rektangel av 800 x 600 px størrelse og plasser den under bilen (Shift-Kommando- [).
Velg flammene og slå på Blandingsmodus til Skjerm.
Nå som vi allerede har begynt å lage bakgrunnen, la oss fortsette med det, slik at komposisjonen ser ut komplett og balansert.
Vi har allerede en 800 x 600 px rektangel under bilen vår. Påfør en radiell gradient fra grått til mørkegrå, som viser asfaltoverflaten.
La oss nå gå tilbake til bilen vår og justere den litt, og legge til en skånsom skygge i flatskjerm. Velg alle deler av bilen, duplisere dem (Control-С> Control-F) og Forene i Pathfinder, skaper en enkelt silhuett.
Bruke Linjesegmentverktøy (\) å tegne en rød vertikal linje over bilen.
La oss justere objektene. Velg både den røde linjen og bilsilhouetten, hold alt og klikk silhouetten for å gjøre det til en Nøkkelobjekt. Du ser et tykt utvalgsslag, som indikerer at alle de valgte elementene vil bli justert til dette objektet. Hodet til Rette inn panel og klikk Horisontal justeringssenter.
Mens begge objektene fortsatt er valgt, går du til Pathfinder panel og klikk Dele opp for å dele silhuetten i to like halvdeler. Slett den høyre halvdelen og søk Multipliser Blending Mode til venstre halvdel, noe som gjør den halvtransparent og dermed mørkere på venstre side av bilen.
La oss lage bakken under bilens struktur for mer realisme. Duplisere (Control-C> Control-F) bakgrunnsrektangelet og hodet til fargeprøver panel. Herfra klikker du på Stikkordbibliotekets meny ikon og finn Mønster> Grunnleggende grafikk> Grunnleggende grafikk_tekster. Påfør USGS 22 Gravel Beach tekstur til vårt rektangel.
La oss nå legge til en skygge av vår bil. Bruke Ellipseverktøyet (L) å lage en oval av litt større størrelse enn bilen. Plasser den under kjøretøyet og bruk en squashradialgradient fra gråaktig-rosa i midten til hvit ved kantene. Bytt den til Multipliser Blending Mode, danner en sløret skygge på bakken.
Og her er det vi har!
Gode jobb gutta! Vi har lykkes med å krysse målstreken i løpet, og opprettet et flybilde av en retrobil, inspirert av Grease-filmen. Disse teknikkene kan brukes til å lage et annet toppbilde eller symmetrisk objekt, som er perfekt for enkle racing spill og lett å animere.
Du er velkommen til å gå videre og justere resultatbildet enda mer. For eksempel, her har jeg duplisert bilen vi opprettet og spilt rundt med fargene, og opprettet alternative paletter, som også finnes i den opprinnelige Grease-filmen. Du kan få disse toppbilde-retro-bilene i AI, EPS og PNG for å se hvordan de ble laget eller for å redigere dem som du liker.
Fortsett å skape fancy ting og dele resultatene dine! Lykke til!
Accentsconagua