Share
Vad du ska skapaAlla känner en viss passion för retrostil! De extraordinära kläderna, de snygga frisörerna, musiken och, naturligtvis, bilarna! I denna handledning kombinerar vi vår kärlek i 50-talet, film och spel, vilket skapar en galen mix. Vi kommer att göra en flygvy av en stiliserad Greased Lightning retrobil med hjälp av grundläggande former, olika typer av gradienter och blandningslägen, som arbetar med Pathfinder-panelen och andra funktioner i Adobe Illustrator.
Fett är ordet. Det är en film som representerar den rena väsen av 1950-talet - en berättelse om kärlek, glädje, vackra saker och underbara bilar. Dessa retro cabriolets med släta avrundade former och viktak. De förblir definitivt snygga och oförglömliga.
Inspirerad av den här filmen kommer vi att göra en toppvy av en retrobil med blixtformade mönster. Du kan faktiskt använda dessa tekniker för att skapa någon form av bil. Var noga med att kolla bilens toppvy av Envato Market för att göra det lättare att föreställa dig bilarna från en sådan antennvinkel. Bläddra genom retrobilar på Envato Market kan också vara ganska användbar för att få en bra detaljerad referens av ett fordon.
Klar för att börja ritning? Låt oss börja!
Vi börjar med att göra huvuddelen av vår bil. Ta Ellipsverktyg (L) och låt oss forma chassits toppvy. Göra en 130 x 300 px ellips, byta till Direktmarkeringsverktyg (A) och dra båda sidoförankringspunkterna ner och gör bottendelen platt och bred.
Fortsätt genom att göra en mindre 55 x 155 px ellips och placera den på vänster sida av chassit. Detta kommer att vara basen för strålkastarna. Drag sidans förankringspunkter uppåt, vilket gör den undre delen av formen mer spetsig.
Låt oss nu forma bottendelen, som ligger bakom bilen. Göra en 130 x 125 px rektangel med Rektangelverktyg (M). Välj båda bottenförankringspunkterna med Direktmarkeringsverktyg (A) och använd Levande hörn funktion för att göra de nedre hörnen avrundade, genom att dra Levande hörn cirkelmarkörer upp.
Om du använder tidigare versioner av Adobe Illustrator kan du gärna ansöka Effekt> Stylize> Round Corners. Det påverkar emellertid alla hörn av formen. Du kan då använda Eraser Tool (Shift-E) och håll ner Alt För att ta bort den övre delen av formen, gör de övre hörnen skarpa igen.
Lägg nu en smal form med Rundad rektangelverktyg, som bildar vingeens toppvy. Och låt oss lägga till samma element till höger hälften av chassit.
Välj både den ovala och vingen och dubbelklicka på Reflekteringsverktyg (O) för att öppna alternativfönstret. Välj Vertikal axel och slå på Kopia knapp. Placera kopiorna på motsatta sidan av bilen, så att de passar in i chassit.
Låt oss nu göra en vindruta för vår bil. Gör en liten rektangel av ungefär 110 x 18 px storlek, placera den inuti chassit. Gå till Effekt> Warp> Arc Upper och ställa in Horisontell Bend värde till 20%, gör formen välvd på toppen. Objekt> Expand Utseende att tillämpa effekten.
Gå sedan till Objekt> Path> Offset-sökväg och ställa in Offset värde till -5 px, skapa en mindre form inuti. Klick ok.
Till sist, låt oss lägga till bilens inre delar. Använd Rektangelverktyg (M) att göra två små rektanglar som passar in i bilens inre utrymme. De kommer att vara för platserna. Gör de yttre hörnen av formen avrundade, med hjälp av Levande hörn funktion.
Slutligen bilda ett enkelt ratt, av tre ellipser, en inuti den andra.
Bra! Nu är alla huvuddelar klara och vi kan gå vidare till färgning!
Låt oss först och främst välja det största elementet, basen på vår bil och applicera en ljus radiell gradient från levande rött i mitten till mörkare röda vid kanterna. Använd Gradient Tool (G) för att krympa formen av gradienten, vilket gör den mer oval, så sättas subtila skuggor mot kanterna på vår bil.
Välj strålkastar ellipserna och använd Eyedropper Tool (I) för att välja den röda gradientfärgen från bilens bas. Byt ut Typ av gradienten till Linjär och placera gradienterna vertikalt från ljusare rött ovanpå till mörkare rött i botten.
Lägg till en liten rundad rektangel under chassit (tryck på Skift-Control- [ till Skicka Det att backa) och fyll den med liknande röda färger, fyll på luckorna på bilens framsida.
Applicera samma röda linjära gradient till vingarna på bilen, och placera den på 90 grader vinkel i Lutning panel.
När det gäller bottenelementet (baksidan av bilen), låt oss även applicera en ovalformad radiell gradient samt Skicka den här delen att återvända (Shift-Control- [), placera den under bilens bas.
Låt oss nu tillämpa färgerna på vindrutan. Gör den yttre formen ljusröd, något lättare än bilens bas, så att den dyker upp. När det gäller den inre formen, applicera en ljusblå vertikal linjär gradient som avbildar glasytan.
Låt oss lägga till några glansiga höjdpunkter på vindrutan. Använd Rektangelverktyg (M) att göra två smala vertikala ränder av vilken färg som helst (bara för att göra dem synliga ovanför den vita bakgrunden). Ställ in Blandningsläge till Skärm i Genomskinlighet panel.
Håll ner Flytta och rotera formerna 45 grader, Placera ränderna ovanför vindrutan. Välj nu randarna tillsammans med den blå glasformen och ta den Formverktygsverktyg (Shift-M). Håll Alt och klicka på de onödiga bitarna utanför glaset för att radera dem.
Slutligen ställa in Fylla färg till vit i Färg panel och här har du det!
Nu ska vi göra det randiga mönstret för sätena för att få dem att bli mer realistiska och texturerade.
Göra en 13 x 60 px rektangel och fyll den med horisontell linjär gradient från vit till ljusgrå.
Håll ner Alt-Shift och dra formen till höger och gör en kopia. Tryck Kontroll-D flera gånger för att göra sju fler kopior. Grupp (Control-G) formerna.
Låt oss nu gå tillbaka till vår bil, välj sätena, Kopiera (Control-C) dem och Klistra in på framsidan (Control-F). Placera vår konsistens under sätena (tryck på Kontrollera-[ några gånger för att flytta objektet flera positioner ner). Håll Alt-Shift och dra upp texturen, skapa en kopia för den andra halvan av platserna.
Välj nu den undre texturen och sätesformen ovanför den, klicka på höger musknapp och Gör Clipping Mask.
Som du kan se, är texturen gömd inuti sitsformen och skapar en fin puffig konsistens.
Upprepa detsamma för den andra halvan av sätet, placera texturen inuti Clipping Mask.
Låt oss nu skapa ytterligare skugga för att göra platserna mer tredimensionella. Vi har fortfarande två fler skisser på våra platser (de kopior som vi skapade några steg före).
Välj den övre halvan och fyll den med samma vitgrå linjär gradient som vi hade för sätets konsistens (du kan använda Eyedropper Tool (I) för att välja färgen), men denna gång placerar gradienten vertikalt. Byt ut Blandningsläge till Multiplicera, gör en mörkare halvtransparent form.
Och upprepa detsamma för den andra halvan av platserna.
De två halvorna av sätena ser lika ut nu, men låt oss lägga till lite mer variation här. För att göra det, välj elementen i den nedre halvan och krympa dem, vilket gör sätet smalare. När det gäller andra halvan, låt oss göra motsatsen: förläng formerna, vilket gör sätet mycket bredare, vilket skapar kontrast mellan formerna.
Låt oss nu gå vidare till ratten. Välj de två cirklarna (som är för hjulet), högerklicka och Gör sammansatt väg (eller tryck helt enkelt på Kontroll-8). Fyll den skapade munkformen med en komprimerad radiell gradient, bestående av tre färger: mörkgrå, vit, ljusgrå. Fyll i mitten av ratten med en enkel radiell gradient från ljusgrå till mörkare grå.
Låt oss nu ändra baksidan av bilen och lägga till ett fällbart tak. Kopia bottenformen och Föra Det till framsidan (Control-C> Control-F> Shift-Control-]). Fyll formen med vertikal linjär gradient från vit till ljusgrå.
Gör formen mycket mindre och placera den som visas på skärmbilden nedan: Den ljusgråa formen ska passa snyggt inuti chassit bak, så att den mörka röda botten på chassit skapar en tunn kontur runt formen, vilket gör båda former matchar perfekt.
Till sist, duplikat (Control-C> Control-F) den ljusgråa formen som vi har skapat gör kopian mindre och vänd färgen på lutningen, vilket skapar den inre delen av det vikande textiltaket på cabriolen.
Låt oss nu bilda den inre delen av bilen, vilket gör den mycket mörkare. Välj bilens bas och gå till Objekt> Path> Offset-sökväg. Ställ in Offset värde till -5 px, skapa en mindre form i basen.
Välj nu den nya formen tillsammans med den yttre delen av vindrutan (den röda), ta den Formverktygsverktyg (Shift-M), håll ner Alt och klicka på överdelen för att radera den. På så sätt har vi bildat bilens inre.
Vi har redan grunden för strålkastarna, men vi har inte gjort strålkastarna själva. Låt oss forma dem!
Göra en 35 x 8 px oval form med hjälp av Ellipsverktyg (L). Fyll formen med vertikal linjär gradient från ljusgrå till vit. Kopia det och Klistra in bakåt (Control-C> Control-B).
Välj den bakre förankringspunkten med bakre form med Direktmarkeringsverktyg (A) och dra ner den och håll den Flytta.
Slutligen fyll den extruderade formen med ljusröd radial gradient genom att plocka färgen från chassit, med hjälp av Eyedropper Tool (I).
Voila! Nu kan vi fästa strålkastarna i bilen.
Placera strålkastarna på den övre delen av bilen. De borde se ut så här.
Låt oss nu lägga till ett glänsande kromelement på framsidan av bilen. Ta Rundad rektangelverktyg och bilda en smal vertikal rand på toppen av bilen.
Applicera en linjär gradient med följande färger: ljusgrå, vit, mörkgrå, ljusgrå. Placera den horisontellt, som visas nedan, vilket ger formen ett verkligt metallutseende.
Nu är det dags att få vår retro bil att se unik och associera den med Grease-filmen! Gör dig redo att ta tag i Penna verktyg (N) och rita de flytande linjerna, skapa ett snyggt ljusmönster för vår bil. Försök att hålla det enkelt.
Du kan dubbelklicka på Penna verktyg (N) att leka med sin Trohet inställningar, vilket gör det smidigt. Jag ritar dessa former med bara en mus och, som du kan se, klarar Adobe Illustrator perfekt bra med att göra linjerna smidiga.
Gör tre mer olika former av blixt.
Börja applicera blixten till vänster hälften av bilen. Rotera dem och flytta runt dem, så att de passar perfekt i bilen. Kom ihåg att använda Formverktygsverktyg (Shift-M) att ta bort de oönskade bitarna av blixten utanför bilen.
Så snart du är nöjd med positionen för elementen, välj dem och använd Reflekteringsverktyg (O) att vända formerna över Vertikal axel, göra speglade kopior och fästa dem på motsatta sidan av bilen.
Låt oss nu lägga till lite mer dimension här. Välj de två speglade blixtformarna på framsidan av bilen och Gör en förbandsledning (Control-8). Applicera en ljus radiell gradient från vit till grårosa, vilket gör mönstret silver och glödande. Applicera samma färg på alla andra blixtformer.
Låt oss nu lägga till några höjdpunkter i bilen, vilket gör att dess yta ser blankt och polerat ut. Välj det största elementet i chassit och tillämpa Objekt> Path> Offset-sökväg med -7px Offset värde. Fyll den nya formen med vertikal linjär gradient från rosa till svart och sätt in Blandningsläge till Skärm. Du ser att den svarta delen blir transparent, vilket ger en fin blank effekt.
Gör detsamma för de ovala formerna under strålkastarna.
Lägg till en liknande höjd bakom bilen. Var noga med att placera blixtmönstren under höjdpunkterna.
Låt oss nu lägga till ett annat viktigt element i alla bilar: avgasen eller utloppsröret. Vi gör faktiskt två av dem för att få vår bil att se cool ut.
Gör en 8 x 35 px rektangel för utloppsröret och fyll den med samma kromlinjära gradient som dekorationsremsan vid bilens näsa (använd Eyedropper Tool (I) för att välja lutningen).
Håll Alt-Shift och dra formen till höger och gör en kopia. Välj båda avgasrören och Skicka dem att Tillbaka (Shift-Control- [).
Nu ska vi visa att flammor kastas från avgasen.
Börja med att göra en 7 x 30 px ellips av svart färg och fäst den till spetsen av utloppsröret. Skapa en mindre oval på toppen, fyll den med ljusorange färg.
Välj båda ovalerna och gå till Objekt> Blanda> Gör. På detta sätt gör vi en smidig övergång mellan färgerna, vilket ger en flamseffekt.
Vi kan fortfarande redigera elementen inom Blandning grupp i Skikten panel. Till exempel kan du lägga till en mindre gul ellips på toppen och dra den inuti Blandning grupp för att göra flammen ännu ljusare.
Drag ned sidans och bottenförankringspunkterna i formarna med hjälp av Direktmarkeringsverktyg (A) att förlänga flamman.
För att få den halvgenomsynliga flamseffekten måste vi först skapa någon form av bakgrund under vår bil. För detta ändamål, skapa en grå rektangel av 800 x 600 px storlek och placera den under bilen (Skift-kommando- [).
Välj flammorna och byt Blandningsläge till Skärm.
Nu när vi redan har börjat göra bakgrunden, låt oss fortsätta med det, så att kompositionen ser ut komplett och balanserad.
Vi har redan en 800 x 600 px rektangel under vår bil. Applicera en radiell gradient från grått till mörkt grått, som visar asfaltytan.
Låt oss nu återvända till vår bil och tweak den lite, och lägger till en mild plattformskugga. Välj alla delar av bilen, duplicera dem (Control-С> Control-F) och Förena i Stigfinnare, skapa en enda silhuett.
Använd Linjesegmentverktyg (\) att rita en röd vertikal linje över bilen.
Låt oss anpassa objekten. Välj både den röda linjen och bilsiletten, håll Alt och klicka på siluetten för att göra det till en Nyckelobjekt. Du kommer att se ett tjockt valtslag, vilket indikerar att alla valda element kommer att anpassas till det här objektet. Gå till Justera panel och klicka Horisontell inriktning Center.
Medan båda objekten fortfarande är markerade, gå till Stigfinnare panel och klicka Dela upp för att dela siluetten i två lika stora halvor. Ta bort den högra halvan och applicera Multiplicera blandningsläge till vänster halv, vilket gör den halvtransparent och därigenom mörkare på vänster sida av bilen.
Låt oss göra marken under bilen texturerad för mer realism. Duplicera (Control-C> Control-F) bakgrundsrektangeln och huvudet till rutor~~POS=HEADCOMP panel. Härifrån klickar du på Menyn Swatch Libraries ikon och hitta Mönster> Grundläggande grafik> Basic Graphics_Textures. Applicera USGS 22 Grus Beach konsistens till vår rektangel.
Låt oss nu lägga till en skugga som kastas av vår bil. Använd Ellipsverktyg (L) att göra en oval av en något större storlek än bilen. Placera den under fordonet och applicera en komprimerad radiell gradient från gråaktig-rosa i mitten till vit vid kanterna. Byt till Multiplicera blandningsläge, bildar en suddig skugga på marken.
Och här är vad vi har!
Bra jobb killar! Vi har framgångsrikt korsat målbanan i vår race och skapat en flygvy av en retrobil inspirerad av Grease-filmen. Dessa tekniker kan användas för att skapa något annat toppbil eller symmetriskt objekt, vilket är perfekt för enkla racing spel och lätt att animera.
Ta gärna vidare och justera vår resultatbild ännu mer. Till exempel har jag duplicerat den bil som vi skapade och spelat runt med färgerna, skapa alternativa paletter, vilket också kan hittas i den ursprungliga Grease-filmen. Du kan få dessa toppvynna retrobilar i AI, EPS och PNG för att se hur de gjordes eller för att redigera dem som du tycker om.
Fortsätt skapa fina saker och dela dina resultat! Lycka till!
Accentsconagua