Share
Hva du skal skapeVil du ha det gøy i fornøyelsesparken? Så bli med meg i denne opplæringen, og skape en retro-stil, flatskjerm scene, inspirert av Grease-filmen! Ingen spesielle tegning ferdigheter kreves her - vi skal jobbe med enkle geometriske former og Pathfinder-operasjonene i Adobe Illustrator. I tillegg lærer vi hvordan du bruker penslene og Draw Inside-modusen for å bruke en grungy tekstur til objektene bare om noen få klikk.
Har du sett Grease-filmen med John Travolta og Olivia Newton-John? Husk å sjekke det ut hvis du liker 1950-tallet. Det har alle slags ting å skape en riktig retro atmosfære - klær, frisyrer, biler og musikk - alt du kan forestille deg. For meg er en av de mest minneverdige øyeblikkene i filmen dansende på funfair. Så i denne opplæringen skaper vi en forenklet og stilisert versjon av denne fornøyelsesparken fra filmen.
Du er velkommen til å bla gjennom Funfair-delen av Envato Market for å finne ut hva funfair-elementene ser ut og å samle litt inspirasjon hvis du vil lage flere objekter i tillegg til de som vi skal gjøre i denne opplæringen. Du kan også finne noen fine Vintage Funfair foto referanser på PhotoDune som vil gi deg en nærmere titt.
La oss begynne!
Et stort stripet telt er en av de første elementene du tenker på når du snakker om retro funfairs. La oss begynne å bygge en slik paviljong fra en trekant av 280 x 105 px, som vi kan gjøre med hjelp av Polygonverktøy.
Deretter squash formen med Utvalgsverktøy (V) å gjøre det flatt.
Ta Rektangelverktøy (M) og danner paviljongveggen, fest den til trekanttaket. Og la oss justere veggen til taket, takket være taket som Nøkkelobjekt. Velg begge fasene, hold alt og klikk på trekanttaket. Du vil se et tykt utvalgsoversikt, som indikerer Nøkkelobjekt. Nå kan vi gå til Rette inn panel og klikk Horisontal justeringssenter.
Flott! Nå som basen er klar, la oss legge til disse stripene! Bruke Rektangelverktøy (M) å lage en 20 x 125 px smal vertikal stripe, arkiver den med lys rød farge.
Rette inn stripen til venstre side av veggen, ved hjelp av veggen som Nøkkelobjekt.
Kopiere stripen og Lim inn foran (Control-C> Control-F). Rette inn kopien til motsatt side av veggen.
Velg begge stripene og gå til Objekt> Blend> Lag. Nå kan vi endre innstillingene til vår smak i Objekt> Blend> Blandingsalternativer. La oss sette Spacing til Spesifikke trinn med 5 trinn.
Gå til Objekt> Utvid Utseende for å gjøre Blend-gruppen til et sett med separate striper. Bytt farge på veggen til lys gul.
Og la oss legge til noen striper på taket også. Dupliser (Control-C> Control-F) taket, hold alt og krympe formen med Utvalgsverktøy (V), gjør en smal trekant. Fyll den med rød farge.
Dupliser den opprettede stripen, velg dens nedre ankerpunkter med Direkte utvalgsverktøy (A) og dra dem til venstre, slik at trekanten er skjev og toppankerpunktet er festet til toppen av taket.
Lag en annen kopi av trekanten stripe og flytte den videre til venstre.
Til slutt velger du de to kopiene som vi har laget og dobbeltklikker på Reflekteringsverktøy (O) for å åpne opsjonsvinduet. Vri formene over Vertikal akse og klikk Kopiere å lage de samme stripene til høyre side av taket.
Påfør litt lettere farger på takelementene for å skille taket fra veggen. Og la oss legge til flere detaljer.
Ta Ellipseverktøyet (L), holde Skifte og lag en jevn sirkel, tilpass den til bredden av den sentrale stripen. Bruke Smart Guides (Vis> Smart Guides) for å gjøre det lettere å "feste" figurene til hverandre.
Rette inn formene horisontalt.
La oss legge til flere kretser! Velg nå sirkelen og trykk på Tast inn nøkkel for å åpne Bevege seg alternativer vindu. Sett Horisontal verdien er lik bredden på sirkelen. I mitt tilfelle er det 28 px. Hvis vi vil flytte sirkelen til venstre, må verdien være negativ, så vi må stille inn Horisontal verdi til -28 px og klikk Kopiere.
Flott! Trykk bare på Kontroll-D flere ganger for å gjenta den siste handlingen, og opprette flere sirkler.
Og så gjenta det samme for høyre halvdel av teltet, og flytte kopien av den sentrale sirkelen 28 px til høyre og gjenta handlingen.
Alterner fargene til sirklene, slik at de passer sammen med fargene på stripene på taket.
Hvis du merker at noen av sirklene ikke passer til stripene, bare flytte dem til venstre eller høyre litt eller bruk Utvalgsverktøy (V) å gjøre sirklene bredere eller smalere, squashing eller forlenge figurene.
La oss nå slette de unødvendige brikkene. Velg sidekretsene sammen med taket og arm deg selv med Form Builder Tool (Shift-M). Holde alt og klikk på brikkene du vil slette.
Endelig, Gruppe (Control-G) alle sirkler og plasser dem under taket (Styre-[), gjør dem litt mørkere. Ikke glem å gruppere takets elementer også for å gjøre arbeidet mer organisert og pent.
Legg til en mørkbrun trekant for inngangen, plasser den i midten av veggen.
Til slutt la vi legge til en semi-gjennomsiktig flatskjermskygge. Dupliser (Control-C> Control-F) paviljongen og holder kopien valgt, Forene det i Pathfinder, skaper en flat silhuett.
Bruke Linjesegmentverktøy (\) å lage en vertikal linje og Rette inn det til midten av silhouetten.
Holder begge formene valgt, Dele opp dem i Pathfinder, å dele silhuetten i to like halvdeler.
Til slutt sletter du den venstre halvdelen og bytter den rette til Multipliser Blending Mode, mørkere paviljongen.
Og det er det! Vår stripete paviljong er klar! Nå kan vi gå videre til neste del av vår fancy sjåfør.
La oss lage et par karuseller for vår retro fornøyelsespark.
La oss lage den øverste delen av karusellen fra a 175 x 35 px rektangel av turkis farge. Velg nederste venstre ankerpunkt med Direkte utvalgsverktøy (A) og treffer Tast inn å åpne Bevege seg alternativer vindu. Sett Horisontal verdi til 10 px for å flytte punktet til høyre. Klikk OK.
Gjenta det samme for nedre høyre ankerpunkt, men denne gangen stiller du inn Horisontal verdi til -10 px, flytter punktet til venstre.
Nå duplikat (Control-C> Control-V) formen. Ta Utvalgsverktøy (V), Ta tak i den øvre siden av formen og dra den ned, snu formen på hovedet. Gjør det litt mindre og fyll med lys gul farge.
Bruke Direkte utvalgsverktøy (A) og Bevege seg Fungerer for å flytte de nedre ankerpunktene nærmere hverandre.
Ta Rektangelverktøy (M) og lag en kolonne som passer til bunnen av den gule formen (i mitt tilfelle er kolonnen rundt 50 x 75 px). Legg mørkere vertikale striper til kolonnen på samme måte som vi gjorde med veggen av den stripede paviljongen.
Legg en lettere stripe til karusellens turkise topp, og bruk Form Builder Tool (Shift-M) mens du holder alt å slette de unødvendige brikkene utenfor karusellen.
La oss nå legge til stiliserte seter eller hytter som snurrer rundt karusellen. Lage en 15 x 15 px sirkel og velg den blek-røde farge fra teltet ved hjelp av Eyedropper Tool (I).
Velg den opprettede sirkelen, hold alt og dra sirkelen til siden, og opprett et par eksemplarer. Bruke Linjesegmentverktøy (\) å koble hyttene til karusellen.
Legg til flere hytter og koble dem til karusellen. Plasser sirklene på toppen (Shift-Control-]), slik at strengene er skjult under hyttene.
La oss legge til en skygge i karusellen. Velg de grunnleggende delene (uten hyttene) og dupliser dem. Forene elementene i kopien i Pathfinder, skaper en fusjonert silhuett. Tegn en vertikal linje over silhuetten og Rette inn det til sentrum av karusellen.
Endelig, Dele opp linjen og silhuetten i Pathfinder, Slett den venstre halvdelen, og bytt den gjenværende delen til Multiplisere modus.
Det er det! La oss lage en annen karusell.
For vår neste karusell, la oss bruke trekantens topp av det stripete teltet og kolonnen med hytter fra karusellen som vi nettopp har laget. Fjern stripene fra taket og fyll det med en blek lilla farge.
La oss justere taket litt. Lag en kopi og flytte den opp litt. Velg begge figurene og bruk Form Builder Tool (Shift-M), holding alt, å slette brikkene utenfor taket. Gjør toppen av taklyset lilla-blå.
La oss nå erstatte sirkelkabinene med seter av forskjellig form. Ta tak i Blyantverktøy (N) og tegne et lite bønneformet sete. Hvis du vil at linjene skal bli jevnere mens du tegner, dobbeltklikker du på Blyantverktøy (N) og flytte gjengivelse skyvekontrollen helt til høyre.
Lag flere kopier av setet og ordne dem rundt kolonnen. Gjør noen av setene mindre og fyll dem med lysere rød farge, og skape avstand mellom objektene.
Til slutt skal du utvide kolonnen og gjøre den høyere ved å velge sine nedre ankerpunkter med Direkte utvalgsverktøy (A) og dra dem ned. Legg til en annen stripe på taket. Avslutt ved å legge til en halv gjennomsiktig skygge til høyre halvdel av objektet, slik at det ser komplett ut.
Vi starter med å gjøre den mest detaljerte delen av det store hjulet: hytta. Lag et lys turkis rektangel av 20 x 15 px størrelse.
Bruke Levende hjørner funksjon for å gjøre hjørnene av hytta avrundet. For å gjøre dette, bytt til Direkte utvalgsverktøy (A) og trekk en liten sirkelmarkør nærmere midten. Hvis du arbeider i tidligere versjoner av Adobe Illustrator, kan du bruke Effekt> Stylize> Round Corners i stedet, som gir det samme resultatet.
Dupliser formen og gjør kopien mindre, fyll den med lyseblå farge, som viser glasset.
Holde glasset valgt, ta Eraser Tool (Shift-E), holde alt og dra over den nederste halvdelen av formen for å slette den.
Lag to vertikale striper med en lysere blå farge og roter dem 45 grader ved å holde Skifte og bruke Utvalgsverktøy (V).
Legg stripene over vinduet og bruk Form Builder Tool (Shift-M) å slette de unødvendige brikkene.
Til slutt legg til en 2 x 12 px stripe i midten av vinduet for å dele den i to halvdeler.
Legg en mørkere turkis sirkel på toppen av hytta (Shift-Control- [).
La oss nå danne hjulet. Lage en 270 x 270 px sirkel med grå Stroke og nei Fylle (du kan angi Fylle til ingen i Farge panel).
Plasser a 205 x 205 px sirkel inne i den første. Fortsett ved å legge til fargerike detaljer i senteret, bestående av to sirkler. Ta Saksverktøy (C) og klikk på sideankerpunktene i den røde sirkelen for å dele den fra hverandre. Gjør bunnen litt mørkere.
Bruke Linjesegmentverktøy (\) å lage en vertikal talte om 270 px høyde (lik høyden til større sirkel). Dobbeltklikk på Rotate Tool (R) og sett Angle verdi til 36 grader. Klikk Kopiere og trykk Kontroll-D flere ganger, og legger til flere eiker.
Nå som vi har nok eiker, plasser hyttene på spissene til hver snakke.
Recolor noen av hyttene, noe som gjør hjulet mer fargerikt og festlig. Og til slutt legger du basen til hjulet ved å lage en 175 x 230 px trekant med 6 pt Stroke og nei Fylle. Send den til Tilbake (Shift-Control- [), under rattet.
Funfairs er kjent for å ha mange spennende attraksjoner og underholdning, for eksempel skyting gallerier, konkurranser, bilkjøretøy og så videre.
La oss lage en av dem, og senere kan du faktisk gjøre flere av dem, ved hjelp av den opprettede basen. Vi skal lage et skytingshall.
Begynn med å lage et stripet grønn-hvitt tak. Du kan sjekke del 2 (trinn 3 og fremover) for å lage en fargerik tegneserie-hot-vane i Adobe Illustrator-opplæringen for å se hvordan du lager nøyaktig samme form på baldakinen.
Lage en 270 x 150 px brunt rektangel og Sende den tilbake (Shift-Control- [), under baldakin. Lag et mindre og mørkere rektangel på innsiden av hytta.
Og til slutt, skape målene til skytegalleriet. Lage en 65 x 65 px sirkel av lysegul farge og legg til mindre sirkler inne med 5 px rød Stroke og nei Fylle.
Og nå la oss lage noen planter og trær som vil hjelpe oss med å skape en fin grønn scene.
Start med kronen av treet ved å lage en 45 x 45 px sirkel. Bruke Rektangelverktøy (M) å gjøre en smal 3 x 55 px stripe for stammen. Gjør toppen av kofferten litt avrundet, ved hjelp av Levende hjørner trekk.
Ta nå Blyantverktøy (N) og tegne en rundet boblet form for tegneseriebusken. Bruke Eraser Tool (Shift-E) og hold alt å slette bunnen av bushen for å gjøre den til en rett horisontal kant.
La oss nå kombinere alle elementene inn i en scene og gjøre en balansert sammensetning. Sett størrelsen på Artboard til 900 x 500 px med hjelp av Artboard Tool (Shift-O). Lag et lyseblått rektangel av samme størrelse for himmelen og en mindre 900 x 70 px grønt rektangel for bakken.
Bruke Rette inn panel for å plassere figurene riktig, ved hjelp av Juster til Artboard og Juster til Nøkkelobjekt egenskaper.
Plasser de opprettede elementene av funfair ved siden av hverandre, noe som gjør at noen av dem overlapper hinanden. Du må kanskje skalere objektene, gjøre noen av dem større og andre mindre.
Fyll opp mellomrom mellom objekter med trær og busker som vi laget tidligere. Gjør noen av dem mindre og andre større. Vari fargene på trekronene og buskene fra lysegrønn til mørkegrønn for å skille dem fra hverandre, legg til dybde i bildet.
Bruk elementene som vi har laget for buskene for å legge til de lune skyene. Speckle skyene over himmelen og tilbakekalle dem i hvite og lysblå farger, varierende størrelsene.
Vår sammensetning ser allerede ut, og du kan faktisk stoppe ved dette trinnet hvis du vil ende opp med ren og enkel flat design.
Men hvis du vil legge til flere av en retro-berøring til bildet vårt, går du videre til neste del og lærer å legge til tekstur på objektene.
La oss bruke vår lilla karusell som et eksempel. Dupliser trekanttaket og dra det til toppen av karusellgruppen i lag panel.
Hodet til Verktøy panel og finn Tegn innvendig knappen under Fylle og Stroke farger. Du vil se stiplede hjørner rundt det valgte objektet, noe som indikerer at du vil trekke inn i denne formen som du ville innenfor a Clipping Mask.
La oss nå velge en fin grungy børste fra Adobe Illustrator-biblioteket. Åpne Børster panel (Vindu> Pensler) og gå til Penselbiblioteker Meny> Kunstnerisk> Artistic_ChalkCharcoalPencil. Velg Kritt børste på toppen av listen, ta Paintbrush Tool (B) og gjør noen slag på bunnen av trekanttaket.
La oss nå snu våre penselstreker slik at vi kan justere dem. Velg de opprettede slagene og gå til Objekt> Utvid Utseende. Fyll figurene med en veldig lyspargefarge og bytt til Multipliser Blending Mode, skaper en mild grungy effekt og legger en loslitt berøring til karusellen.
Bruk det samme Kritt børste eller andre grungy børster som du vil legge til en mild, loslitt effekt til de andre objektene også.
God jobb! Vi har skapt en fin flatskjerm-funfair-komposisjon, inspirert av Grease-filmen! Vi brukte de grunnleggende former og enkle Pathfinder operasjoner og til og med lagt til en grungy retro touch ved hjelp av de innebygde Adobe Illustrator børster.
Jeg håper du har hatt glede av å følge denne opplæringen og oppdaget noen nye tips og triks, som vil hjelpe deg med å lage mer flate bilder i retrostil, som et karnevalslandskap eller vintage sirkus og så videre.
Hvis du vil ta en nærmere titt på illustrasjonen som vi gjorde i denne opplæringen, og du vil ha nattversjonen av det, vær så snill å få en Retro Funfair Flat Style Illustrasjon hos GraphicRiver.
Ha det gøy og ikke glem å dele resultatet! Lykke til!
Accentsconagua