Accentsconagua
Share
Vad du ska skapaVi hedrar det tyska språket och kulturen i veckan i firandet av lanseringen av Tyska versionen av Envato Elements!
I dagens handledning tar vi en titt på processen att skapa en flytande zeppelinillustration i Adobe Illustrator, med inget mer än ett par geometriska former och verktyg.
Så, förutsatt att du redan prepped dig med en ny kopp kaffe, låt oss hoppa rakt in i den.
Innan vi började ville jag påpeka att den textur som jag slutade använda för det aktuella projektet är en del av det Subtile Halftone Textures-paketet (mer exakt halvton nummer fem) som du hittar över på Envato Elements.
Åh, och glöm inte att du alltid kan expandera ditt resursbibliotek genom att gå över till Envato Elements, där du hittar ett bra urval av vektorgrafik.
Subtila halftonstrukturer av Envato ElementsSom alltid kommer vi att sparka upp saker genom att skapa en ny projektfil genom att gå vidare till Fil> Ny (eller använda Kontroll-N snabbtangent) och justera sedan på följande sätt:
Och från Avancerad flik:
När vi har slutat konfigurera vår projektfil, skulle det vara en bra idé att strukturera vårt dokument med några lager eftersom det här hjälper oss att behålla ett stabilt arbetsflöde genom att låta oss fokusera på en sektion av bilden i taget.
Som sagt, ta upp Skikten panel och skapa totalt fyra lager, som vi kommer att byta namn på enligt följande:
Så snart vi har lagat vårt dokument kan vi börja arbeta med den faktiska illustrationen, och det gör vi genom att skapa bakgrunden. Så se till att du har placerat dig på det första lagret och låt oss hoppa rakt in i det!
Snabbtips: innan vi började, ville jag påpeka att hela projektet byggdes med pixel perfektion i åtanke, så du kanske vill kolla in min How to Create Pixel Perfect Artwork handledning, som borde få dig till snabbhet på nolltid.
Ta tag i Penverktyg (P), och efter att du ställt in Fylla färg till # 7AC6F4, Dra försiktigt huvudformen för den nedre bakgrundsutskärningen med referensbilden som huvudguide.
Med Penverktyg (P) fortfarande valda, rita snabbt den minsta övre utklippningen, positionera den resulterande formen enligt referensbilden.
När du är färdig med att tegna bakgrundssegmenten kan vi börja arbeta på förgrundsskydden, som vi kommer att skapa med hjälp av vissa cirklar av olika storlekar. Placera dem på sidorna av den undre formen, färgar de främre med hjälp av # F0FBFF och de bakre som använder # D4F7FF.
Eftersom vi vill att formerna ska förbli begränsade till bakgrundsytans yta ska vi gruppera (Kontroll-G) och sedan maskera dem med en kopia (Kontroll-C) av den underliggande formen som vi klistrar in framför (Kontroll-F). Sedan, med både kopian och de grupperade formerna som valts, enkelt högerklicka> Gör klippmask.
När du är klar, glöm inte att välja och gruppera alla nuvarande sektions kompositer med hjälp av Kontroll-G tangentbordsgenväg.
Flytta över till det mindre bakgrundssegmentet och börja arbeta på solen genom att skapa sin glödande halo med hjälp av a 112 x 112 px cirkel (# FFCF83) följt av två mindre (# FFCF83), varje 12 px mindre än den sista. Stacka dem på toppen av varandra, se till att sänka deras Opacitet till bara 16%. När du är klar, lägg till den faktiska solen med hjälp av a 40 x 40 px cirkel (# FFCF83), se till att du väljer och grupperar alla fyra former tillsammans med Kontroll-G tangentbordsgenväg.
Så fort du har slutat skapa solen, maskera den med samma process som används för förgrundsskydden, så att den kommer att förbli bunden till ytan av den underliggande formen.
Börja arbeta med de mindre flytande molnen genom att skapa tre olika formade ellipser (#FFFFFF) för varje förekomst. Gör dem överlappande (1), och justera sedan dem genom att först klämma fast sina ankarpunkter med hjälp av Anchor Point Tool (Shift-C) (2). Fortsätt att justera sin form genom att välja sina nedre ankarpunkter med hjälp av Direktmarkeringsverktyg (A) och sedan ta bort dem genom att trycka på Radera, Se till att stänga de resulterande banorna med hjälp av Kontroll-J tangentbordsgenväg (3). När du är klar väljer du och grupperar varje molns kompositer med hjälp av Kontroll-G tangentbordsgenväg.
Snabbtips: För att uppnå olika variationer, öka eller minska ellipsernas bredd och / eller höjd tills du får önskad form.
Avsluta bakgrunden genom att placera de resulterande molnen som visas i referensbilden, välja och gruppera alla nuvarande avsnittets kompositionsformer efteråt med hjälp av Kontroll-G tangentbordsgenväg.
Nu när vi har arbetat med bakgrunden kan vi låsa sitt lager och sedan gå vidare till nästa (det skulle vara det andra), där vi tar vår tid och gradvis bygger vår lilla Zeppelin.
Börja med att skapa huvudformen för gondolen med hjälp av a 48 x 12 px rektangel, som vi kommer att färga med # 664.240 och placera sedan på det större bakgrundssegmentet, på ett avstånd av 288 px från dess vänstra kant och 208 px från dess översta.
Justera formen som vi just skapat genom att öppna Omvandla panel och sedan ställa in Radie av dess nedre hörn till 8 px inifrån Rektangelegenskaper.
Lägg till fönsterkanalerna med åtta 2 x 2 px torg (# F7C263) horisontellt åtskilda 2 px från varandra, som vi kommer att gruppera (Kontroll-G) och sedan position som sedd i referensbilden. När du är klar, se till att du väljer och grupperar (Kontroll-G) både fönstren och den större underliggande formen tillsammans innan du går vidare till nästa steg.
Börja arbeta med ballongavsnittet genom att skapa en 400 x 112 px ellips, som vi kommer att färga med # F99178 och placera sedan på toppen av gondolen så att den slutar överlappa den.
Justera formen som vi just skapat genom att välja och trycka dess centrumankare till vänster sida vid 32 px använda Flytta verktyg (högerklicka> Transformera> Flytta> Horisontellt> -32 px), se till att förkorta det högra ankars handtag med 15 px för att tunna ut sin bakre ände.
Lägg till ballongens nedre mörkare del genom att skapa en kopia (Control-C> Control-F) av den resulterande formen, som vi kommer att justera genom att välja och sedan ta bort dess främre ankarpunkt. Se till att stänga den resulterande sökvägen med hjälp av Kontroll-J Tangentbordsgenväg, färgning av den nya formen med # C15142.
Lägg till den inre, lättare delen med en andra kopia (Kontroll-C) av den större ballongen, som vi klistrar in framför (Kontroll-F). Ändra dess färg till # EA7B65, och välj sedan individuellt och tryck upp dess övre och nedre ankare på insidan av 16 px (högerklicka> Transformera> Flytta> Vertikal> +/- 16 px beroende på vilket ankare du börjar med).
Skapa den mörkare bottenhalvan med hjälp av en kopia (Control-C> Control-F) av den resulterande formen, som vi kommer att justera genom att först ändra sin färg till # D86552 och sedan avlägsna dess främre ankarpunkt, stänger du omedelbart banan med hjälp av Kontroll-J tangentbordsgenväg. När du är klar, se till att du väljer och grupperar (Kontroll-G) hela ballongens kompositionsformer innan du går vidare till nästa steg.
Lägg till den färgade spetsen med en 8 x 112 px rektangel, som vi kommer att färga med # 664.240 och centrera sedan in mot ballongens vänstra kant, se till att maskera den (högerklicka> Gör klippmask) efteråt använda en kopia (Control-C> Control-F) av den större underliggande formen.
Skapa näskegeln med hjälp av a 12 x 4 px rektangel (# 664.240), som vi kommer att justera genom att individuellt välja och skjuta in sina vänstra ankarpunkter på insidan av 1 px Med hjälp av piltangenterna för riktning placerar du den resulterande formen så att den överlappar den större ballongen 2 px.
Lägg till huvudformen för det övre roderet med hjälp av a 40 x 32 px rektangel (# D86552), som vi kommer att justera genom att ställa in Radie av sitt övre vänstra hörn till 32 px, dess högsta till höger 4 px och dess botten-höger en till 20 px inifrån Omvandla panelens Rektangelegenskaper.
Dekorera roderet snabbt genom att lägga till den mörkare vertikala sektionen med hjälp av en 8 x 32 px rektangel (# 664.240), som vi kommer att maska med en kopia av den underliggande formen, följt av en 8 x 8 px cirkel (# 664.240), som vi kommer att positionera som sedd i referensbilden. När du är klar, se till att du väljer och grupperar (Kontroll-G) alla tre formerna tillsammans innan du går vidare till nästa steg.
Lägg ner det nedersta roderet med hjälp av en kopia (Control-C> Control-F) av den som vi just har slutat arbeta med, som vi kommer att horisontellt reflektera (högerklicka> Transformera> Reflektera> Horisontell) och placera sedan på ballongens undersida. Se till att skicka dem under alla andra former när du är klar (högerklicka> Ordna> Skicka till Tillbaka).
Skapa sidohissen med hjälp av a 40 x 8 px ellipsen (# 664.240), som vi kommer att justera genom att välja och trycka dess inre ankarpunkter till vänster av 4 px, positionering av den resulterande formen 16 px från ballongens bakre ände.
Lägg till de små stödsegmenten med fyra uppsättningar av tre 4 x 2 px ellipser (# 664.240), efter linjen i ballongens inre sektioner, som ses i referensbilden. Ta din tid, och när du är klar, se till att du väljer och grupperar dem alla tillsammans med Kontroll-G tangentbordsgenväg.
Avsluta zeppelin genom att lägga till sidomotorn med hjälp av a 12 x 8 px ellipsen (# 664.240), som vi kommer att justera genom att välja och trycka dess inre ankarpunkter till vänster av 2 px. Placera den resulterande formen så som den ses i referensbilden, var noga med att välja och gruppera alla luftskepps komponentdelar efteråt med hjälp av Kontroll-G tangentbordsgenväg.
Så snart vi har slutat arbeta med zeppelin, kan vi lägga till de lilla spårlinjerna med tre 1 px tjocka rundade rektanglar (#FFFFFF), som vi kommer att placera runt skeppet på ett avstånd av 8 px.
Avsluta illustrationen genom att lägga till några flytande moln (#FFFFFF), enligt samma metod som används för att skapa bakgrunden. När du är klar, glöm inte att välja och gruppera alla former tillsammans med Kontroll-G tangentbordsgenväg.
Innan vi låser det nuvarande lagret och går vidare till nästa (det skulle vara det tredje) måste vi lägga till en kopia (Kontroll-C) av bakgrundens två utklipp och Zeppelin huvudkropp till Urklippet eftersom vi ska använda dem för att skapa överlagret.
Vi vill börja med att klistra in de kopior som vi just har lagt till Urklippet på det aktuella lagret med Kontroll-F tangentbordsgenväg.
Därefter måste vi göra våra former att bete sig som en enda större genom att göra dem till en Sammansatt form. Välj först dem och öppna sedan Stigfinnare panelen och gå vidare till sin avancerade meny och träffa Gör sammansatt form.
När vi har skapat vår sammansatta form kan vi öppna Lutning panel och applicera en jämn linjär gradient med # 662D91 för vänster färgstopp och # FBB03B för den rätta.
Allt vi behöver göra nu för att få färgerna att dyka upp öppnas Genomskinlighet panelen och ställa in gradientens Blandningsläge till Färg bränna, se till att sänka dess Opacitet till bara 30%.
När vi har lagt till övergångsöverlagringen kan vi låsa det aktuella lagret och sedan gå vidare till den sista (det skulle vara den fjärde), där vi ska avsluta vår lilla illustration genom att tillämpa en fin subtil struktur på den.
Vi vill börja med att först kopiera (Kontroll-C) och sedan klistra (Kontroll-V) Den anpassade texturen på vårt nuvarande lager, se till att ändra storlek så att det slutar att täcka hela Artboard.
När vi har strukturen på plats, är allt vi behöver göra maskera (högerklicka> Gör klippmask) det använder en sammansatt form som skapats från bakgrunden och Zeppelin huvudformer (de tre som vi har använt för några steg sedan), se till att sänka dess Opacitet till 60% innan du slår det äntligen Spara knapp.
Som alltid hoppas jag att du hade kul att arbeta med det här lilla projektet och lyckades viktigast med att lära mig något nytt och användbart under processen.
Med det sagt, om du har några frågor, skriv gärna dem i kommentarfältet och jag kommer tillbaka till dig så snart jag kan!
Om du vill expandera din färdighet och lära dig något nytt och användbart, har jag tagit dig tid att handplocka några tutorials som jag starkt rekommenderar dig att kolla in!
