Share
Vad du ska skapaVill du ha lite kul i nöjesparken? Följ med mig i den här handledningen och skapa en retro stilig rolig scen, inspirerad av Grease-filmen! Ingen speciell ritningsförmåga krävs här - vi ska arbeta med enkla geometriska former och Pathfinder-funktionerna i Adobe Illustrator. Dessutom lär vi oss hur du använder penslarna och Draw Inside-läget för att applicera en grungy konsistens på objekten bara om några få klick.
Har du sett Grease-filmen med John Travolta och Olivia Newton-John? Var noga med att kolla in det om du gillar 1950-talet. Det har alla möjliga saker att skapa en riktig retro atmosfär-kläder, frisyrer, bilar och musik-allt du kan tänka dig. För mig dansar en av de mest minnesvärda ögonblicken i filmen på funfairen. Så i den här handledningen skapar vi en förenklad och stiliserad version av denna nöjespark från filmen.
Glöm inte att bläddra i Funfair-delen av Envato Market för att ta reda på vad funfair-elementen ser ut och att samla lite inspiration om du vill göra fler objekt utöver de som vi ska göra i denna handledning. Du kan också hitta några fina Vintage Funfair-foto referenser på PhotoDune som ger dig en närmare titt.
Låt oss börja!
Ett stort randigt tält är ett av de första element som du tycker om när du pratar om retro funfairs. Låt oss börja bygga en sådan paviljong från en triangel av 280 x 105 px, som vi kan göra med hjälp av Polygon Tool.
Kasta sedan formen med Urvalsverktyg (V) för att göra den platt.
Ta Rektangelverktyg (M) och bilda väggen i paviljongen och fästa den på triangeltaket. Och låt oss anpassa väggen till taket med taket som Nyckelobjekt. Välj båda formerna, håll Alt och klicka på triangeln taket. Du kommer att se en tjock urvalskarta som indikerar Nyckelobjekt. Nu kan vi gå vidare till Justera panel och klicka Horisontell inriktning Center.
Bra! Nu när basen är klar, låt oss lägga till dessa randar! Använd Rektangelverktyg (M) att göra en 20 x 125 px smal vertikal rand, arkivering den med blek röd färg.
Justera Remsan till vänster sida av väggen, med väggen som Nyckelobjekt.
Kopia remsan och Klistra in på framsidan (Control-C> Control-F). Justera kopia till motsatta sidan av väggen.
Välj båda ränderna och gå till Objekt> Blanda> Gör. Nu kan vi ändra inställningarna till vår smak i Objekt> Blanda> Blandningsalternativ. Låt oss ställa in Mellanrum till Specificerade steg med 5 steg.
Gå till Objekt> Expand Utseende för att göra blandningsgruppen till en uppsättning separata ränder. Ändra väggens färg till ljusgul.
Och nu ska vi lägga till några ränder på taket också. Duplicera (Control-C> Control-F) taket, håll Alt och krympa formen med Urvalsverktyg (V), gör en snäv triangel. Fyll den med röd färg.
Duplicera den skapade remsan, välj dess ankarpunkter med Direktmarkeringsverktyg (A) och dra dem till vänster, så att triangeln är snedställd och dess främre ankarpunkt förblir fäst på toppen av taket.
Gör en annan kopia av triangeln och flytta den vidare till vänster.
Välj slutligen de två kopiorna som vi har gjort och dubbelklicka på Reflekteringsverktyg (O) för att öppna alternativfönstret. Vänd formerna över Vertikal axel och klicka Kopia att göra samma ränder för höger sida av taket.
Applicera lättare färger på takelementen för att skilja taket från väggen. Och låt oss lägga till några fler detaljer.
Ta Ellipsverktyg (L), håll Flytta och gör en jämn cirkel, passa den till bredden av den centrala stripen. Använd Smart Guides (Visa> Smart Guides) för att göra det lättare att "fästa" formerna mot varandra.
Justera formerna horisontellt.
Låt oss lägga till fler cirklar! Välj nu cirkeln och tryck på Stiga på nyckel för att öppna Flytta alternativfönster. Ställ in Horisontell värde lika med cirkelbredden. I mitt fall är det 28 px. Om vi vill flytta cirkeln till vänster måste värdet vara negativt, så vi måste ställa in Horisontell värde till -28 px och klicka Kopia.
Bra! Tryck bara på Kontroll-D flera gånger för att upprepa den sista åtgärden, skapa fler cirklar.
Och sedan upprepa detsamma för den högra halvan av tältet och flytta kopia av den centrala cirkeln 28 px till höger och upprepa åtgärden.
Alternera färgerna på cirklarna, så att de matchar färgerna på randarna på taket.
Om du märker att några av cirklarna inte passar randarna, bara flytta dem åt vänster eller höger lite eller använd Urvalsverktyg (V) för att göra cirklarna bredare eller smalare, squashing eller förlängning av formerna.
Låt oss nu ta bort de onödiga bitarna. Välj sidokretsarna tillsammans med taket och arm dig själv med Formverktygsverktyg (Shift-M). Håll Alt och klicka på de bitar som du vill radera.
Till sist, Grupp (Control-G) alla cirklarna och placera dem under taket (Kontrollera-[), gör dem lite mörkare. Glöm inte att också gruppera takets delar så att ditt arbete blir mer organiserat och snyggt.
Lägg till en mörkbrun triangel för ingången, placera den i mitten av väggen.
Till sist lägger vi till en halvgenomsiktig plana skugga. Duplicera (Control-C> Control-F) paviljongen och håller kopian vald, Förena det i Stigfinnare, skapa en platt silhuett.
Använd Linjesegmentverktyg (\) att göra en vertikal linje och Justera det till mitten av siluetten.
Håller båda formerna valt, Dela upp dem i Stigfinnare, dela siluetten i två lika stora halvor.
Slutligen radera den vänstra halvan och byt den högra till Multiplicera blandningsläge, mörka paviljongen.
Och det är allt! Vår randiga paviljongen är klar! Nu kan vi gå vidare till nästa del av vår fina funfair.
Låt oss göra ett par karuseller för vår retro nöjespark.
Låt oss göra den översta delen av vår karusell från en 175 x 35 px rektangel av turkosfärg. Välj den nedre vänstra ankarpunkten med Direktmarkeringsverktyg (A) och slå Stiga på att öppna Flytta alternativfönster. Ställ in Horisontell värde till 10 px för att flytta punkten till höger. Klick ok.
Upprepa samma för den nedre högra ankarpunkten, men den här gången ställer du in Horisontell värde till -10 px, flyttar punkten till vänster.
Nu duplicera (Control-C> Control-V) formen. Ta Urvalsverktyg (V), Ta tag i övre sidan av formen och dra den ner, vrid formen på upp och ner. Gör det lite mindre och fyll i ljusgul färg.
Använd Direktmarkeringsverktyg (A) och den Flytta funktion för att flytta de nedre ankarpunkterna närmare varandra.
Ta Rektangelverktyg (M) och gör en kolumn som passar botten av den gula formen (i mitt fall är kolonnen omkring 50 x 75 px). Lägg till mörkare vertikala ränder i kolumnen på samma sätt som vi gjorde det med den randiga paviljongen.
Lägg till en lättare rand till karusellens turkosa topp och använd Formverktygsverktyg (Shift-M) medan du håller Alt att ta bort de onödiga bitarna utanför karusellen.
Nu lägger vi till stiliserade platser eller hytter som kommer att snurra runt karusellen. Göra en 15 x 15 px cirkel och plocka den blekröda färgen från tältet med hjälp av Eyedropper Tool (I).
Välj den skapade cirkeln, håll Alt och dra cirkeln till sidan, skapa ett par kopior. Använd Linjesegmentverktyg (\) att ansluta stugorna till karusellen.
Lägg till fler stugor och anslut dem till karusellen. Placera cirklarna ovanpå (Skift-Control-]), så att strängarna är dolda under hytterna.
Låt oss lägga en mild skugga mot karusellen. Välj de grundläggande delarna (utan hytterna) och duplicera dem. Förena kopiens delar i Stigfinnare, skapa en sammanslagen silhuett. Rita en vertikal linje över silhuetten och Justera det till mitten av karusellen.
Till sist, Dela upp linjen och siluetten i Stigfinnare, radera den vänstra halvan och byt den återstående delen till Multiplicera läge.
Det är allt! Låt oss göra en annan karusell.
För vår nästa karusell, låt oss använda triangeln toppen av det randiga tältet och kolonnen med hytter från karusellen som vi just gjort. Ta bort ränderna från taket och fyll det med en ljuslila färg.
Låt oss justera taket lite. Gör en kopia och flytta den upp lite. Välj båda formerna och använd Formverktygsverktyg (Shift-M), innehav Alt, att ta bort bitarna utanför taket. Gör taket på takljuset lila-blått.
Låt oss nu ersätta cirkelhyttarna med säten av annan form. Ta tag i Penna verktyg (N) och rita ett litet bönsformat säte. Om du vill att linjerna ska bli smidigare under ritningen dubbelklickar du på Penna verktyg (N) och flytta Trohet skjutreglaget hela vägen till höger.
Gör fler kopior av sätet och ordna dem runt kolonnen. Gör några av platserna mindre och fyll dem med ljusare röd färg, vilket skapar avstånd mellan objekten.
Slutligen förläng kolumnen och gör den längre genom att välja dess nedre ankarpunkter med Direktmarkeringsverktyg (A) och dra dem ner. Lägg till en annan rand på taket. Avsluta genom att lägga en halvtransparent skugga till höger hälften av objektet, så att det ser komplett ut.
Vi börjar med att göra den mest detaljerade delen av det stora hjulet: stugan. Gör en ljus turkos rektangel av 20 x 15 px storlek.
Använd Levande hörn funktion för att göra kabinens hörn avrundade. För att göra detta, växla till Direktmarkeringsverktyg (A) och dra en liten cirkelmarkör närmare mitten. Om du arbetar i tidigare versioner av Adobe Illustrator kan du använda Effekt> Stylize> Round Corners istället, vilket ger samma resultat.
Duplicera formen och göra kopian mindre, fyll den med ljusblå färg och skildra glaset.
Håll glaset valt, ta det Eraser Tool (Shift-E), håll Alt och dra över den undre halvan av formen för att radera den.
Gör två vertikala ränder med en ljusare blå färg och rotera dem 45 grader genom att hålla Flytta och använda Urvalsverktyg (V).
Placera ränderna ovanför fönstret och använd Formverktygsverktyg (Shift-M) att ta bort de onödiga bitarna.
Slutligen lägg till en 2 x 12 px rand i mitten av fönstret för att dela upp den i två halvor.
Placera en mörk turkos cirkel på toppen av kabinen (Skift-Control- [).
Låt oss nu bilda hjulet. Göra en 270 x 270 px cirkel med grått Stroke och nej Fylla (du kan ställa in Fylla till ingen i Färg panel).
Placera a 205 x 205 px cirkel inuti den första. Fortsätt genom att lägga till färgglada detaljer i mitten, bestående av två cirklar. Ta Saxverktyg (C) och klicka på den röda cirkelns sidorankringspunkter för att dela den ifrån varandra. Gör underdelen lite mörkare.
Använd Linjesegmentverktyg (\) att göra en vertikal talade om 270 px höjd (lika med höjden på den större cirkeln). Dubbelklicka på Rotera verktyg (R) och ställa in Vinkel värde till 36 grader. Klick Kopia och tryck på Kontroll-D flera gånger och lägger till flera ekrar.
Nu när vi har tillräckligt med ekrar, placera hytterna på spetsarna av varje talare.
Recolor några av stugorna, vilket gör hjulet mer färgstarkt och festligt. Och till sist lägger du basen till hjulet genom att göra en 175 x 230 px triangel med 6 pt Stroke och nej Fylla. Skicka det till baksidan (Shift-Control- [), under hjulet.
Funfairs är kända för att ha många spännande attraktioner och underhållning, till exempel skytte gallerier, tävlingar, biljettbilar och så vidare.
Låt oss skapa en av dem, och senare kan du faktiskt göra fler av dem, med hjälp av den skapade basen. Vi ska göra en skytte galleri shack.
Börja med att göra ett randigt grönvitt tak. Du kan kolla del 2 (steg 3 och framåt) om att skapa en färgstark tecknad varmvattenbil i Adobe Illustrator-handledningen för att se hur man gör exakt samma form av baldakinen.
Göra en 270 x 150 px brun rektangel och Skicka Det att backa (Skift-Control- [), under baldakinen. Gör en mindre och mörkare rektangel för insidan av höljet.
Och slutligen skapa målen för skytte galleriet. Göra en 65 x 65 px cirkel av ljusgul färg och lägg till mindre cirklar inuti med 5 px röd Stroke och nej Fylla.
Och nu får vi göra några växter och träd som hjälper oss att skapa en fin grön scen.
Börja med trädets krona genom att göra en 45 x 45 px cirkel. Använd Rektangelverktyg (M) att göra en smal 3 x 55 px rand för trädstammen. Gör överst på bagaget något avrundat, med hjälp av Levande hörn funktion.
Ta nu Penna verktyg (N) och rita en rundad bubblad form för tecknade busken. Använd Eraser Tool (Shift-E) och håll Alt för att radera bottendelen av busken för att göra den en rak horisontell kant.
Låt oss nu kombinera alla element i en scen och göra en balanserad komposition. Ställ in storleken på din Artboard till 900 x 500 px med hjälp av Artboard Tool (Shift-O). Gör en ljusblå rektangel av samma storlek för himlen och en mindre 900 x 70 px grön rektangel för marken.
Använd Justera panel för att placera formerna ordentligt, med hjälp av Rikta mot Artboard och Justera till nyckelobjekt funktioner.
Placera funfairens skapade element bredvid varandra, vilket gör att vissa överlappar varandra. Du kan behöva skala objekten, göra några av dem större och andra mindre.
Fyll upp mellanslag mellan objekten med de träd och buskar som vi gjorde tidigare. Gör några av dem mindre och andra större. Variera färgerna på trädkronorna och buskarna från ljusgrön till mörkgrön för att skilja dem från varandra och lägg till djup i bilden.
Använd de element som vi har gjort för buskarna för att lägga till de fluffiga molnen. Speckle molnen över himlen och lita dem i vita och ljusblå färger, varierande storlekarna.
Vår sammansättning ser redan ut, och du kan faktiskt stanna vid det här steget om du vill sluta med ren och enkel platt design.
Om du vill lägga till mer av en retro touch till vår bild går du vidare till nästa del och lär dig hur du lägger till textur på objekten.
Låt oss använda vår lila karusell som ett exempel. Duplicera sitt triangeltak och dra det till toppen av karusellgruppen i Skikten panel.
Gå till Verktyg panel och hitta Rita inuti knapp under Fylla och Stroke färger. Du kommer att se prickade hörn runt det markerade objektet, vilket indikerar att du kommer att dra in i den här formen som du skulle inne i a Clipping Mask.
Låt oss nu välja en fin grungy borste från Adobe Illustrator-biblioteket. Öppna borstar panel (Fönster> Penslar) och gå till Penselbibliotek Meny> Konstnärligt> Artistic_ChalkCharcoalPencil. Välj Krita borsta ovanpå listan, ta Paintbrush Tool (B) och gör några slag längst ner på triangeln taket.
Låt oss nu vända våra penselstreck så att vi kan justera dem. Välj de skapade streckningarna och gå till Objekt> Expand Utseende. Fyll formerna med en mycket ljuslila färg och byt till Multiplicera blandningsläge, skapa en mild grungy effekt och lägga en shabby touch till karusellen.
Använd samma Krita borste eller andra grungy borstar som du vill lägga till en mild shabby effekt till de andra objekten också.
Bra jobbat! Vi har skapat en trevlig plattformssammansättning, inspirerad av Grease-filmen! Vi använde de grundläggande formerna och enkla Stigfinnare operationer och till och med lagt till en grungy retro touch med hjälp av de inbyggda Adobe Illustrator borstarna.
Jag hoppas att du har haft den här handledningen och upptäckt några nya tips och tricks som hjälper dig att skapa fler platta bilder i retrostil, som karnevalslandskap eller vintage cirkus och så vidare.
Om du vill titta närmare på den illustration som vi gjorde i denna handledning och du vill ha nattversionen av det, kan du få en Retro Funfair Flat Style Illustration på GraphicRiver.
Ha det roligt och glöm inte att dela ditt resultat! Lycka till!
Accentsconagua