Share
Vad du ska skapaPå sommaren är allt fullt i blom och människor njuter av varma, soliga dagar och firar årets längsta och mäktigaste dag: Sommarsolståndet, som även kallas Litha i Wiccan traditioner.
I denna handledning skapar vi en uppsättning enkla men trendiga platta ikoner som är dedikerade till elementen, kopplade till naturen och midsommarfirandet. Vi använder grundläggande former och olika funktioner i Adobe Illustrator för att göra processen heltäckande och roligt.
Litha kan fira på ett fåtal olika sätt, och det är huvudsakligen tillägnad naturen. Vissa människor bygger altare, dekorerad med årstiderna: sommarblommor, solartiklar, ljus och grödor, som berömmer solens ljus och energi. Ikonerna i vår handledning kommer att skildra dessa symboler och tillgångar, tillägnad sommaren, naturen och Litha!
I slutet av denna handledning kan du tillämpa dessa tekniker och skapa andra typer av platta illustrationer och ikoner, t.ex. matikoner eller tillbehörsikoner. Bläddra igenom Envato Market för att hitta ett ämne du vill, och var redo att göra en ny uppsättning när vi har avslutat med den här!
Låt oss börja!
Vårt första element kommer att vara en massa mogna bär på en stam. Ta Ellipsverktyg (L) och börja forma vår bär från en 15 x 15 px röd cirkel.
Välj en ljusrosa färg och bild a 5 x 5 px ellips på toppen av bären för höjdpunkten. Lägg till en mindre ellipse lite lägre, vilket gör vår bär glansig.
Slutligen, välj alla element och grupp (Control-G) dem.
Låt oss lägga till en stam eller en gren. Ta Linjesegmentverktyg (\), håll Flytta, och rita en vertikal linje av 35 px höjd. Du kan justera storleken på din linje från kontrollpanelen ovanpå. Ställ in Stroke färg till mörkbrun i Färg panel.
Gå till Stroke panel och härifrån ställer du in Vikt värde till 2 pt, och växla Keps och Hörn till mittenpositionerna för att göra linjens tips avrundade.
Ta nu Arc Tool och fäst en kort spire till vänster. Ställ in Slagvikt till 1,5 pt och, som tidigare, ställa in Keps och Hörn till mittenpositionerna.
Lägg till en mer spire och täcka dem båda med kopior av vår röda bär, något varierande deras storlekar.
Låt oss nu forma ett par blad. Använd Ellipsverktyg (L) att göra en 9 x 20 px grön oval. Ta Direktmarkeringsverktyg (A), välj de övre och nedre ankarpunkterna och använd Konvertera valda ankarpunkter till hörn funktion för att göra spetsarna på bladet spetsiga. Du hittar den här funktionen på kontrollpanelen ovanpå.
Låt oss lägga till en midrib till vårt blad. Använd Linjesegmentverktyg (\) att göra en vertikal linje och byta dess Stroke färg till mörkgrön. I Stroke panel, ställ in Vikt värde till 1 pt och Profil till Breddsprofil 1, vilket gör spetsen av linjen tunn och spetsig.
Grupp (Control-G) bladets element, rotera det lite och fästa det på stammen.
Låt oss göra grunden för vår ikon! Byt till Polygon Tool och ange numret på sidor till 8. Gör en 80 x 80 px ottong i beige färg.
Låt oss nu justera objekten. Välj björnarna och oktagonen och klicka på oktagonen en gång till för att göra det a Nyckelobjekt (du ser ett tjockare urval runt formen). Gå till Justera panel och klicka Horisontell inriktning Center för att göra båda elementen perfekt anpassade.
Låt oss avsluta vår ikon genom att lägga till en trendig lång skugga. Använd Rektangelverktyg (M) att göra en 60 x 70 px rektangel med ljus beige färg. Ställ in dess Blandningsläge till Multiplicera i Genomskinlighet panel.
Håll Flytta och använd Urvalsverktyg (V) att rotera rektangeln 45 grader. Placera det mellan bären och ikonbasen antingen genom att trycka på Kontrollera-[ flera gånger eller genom att dra det manuellt i Skikten panel.
Placera skuggan, så att den passar vår anläggning. Använd Lägg till Anchor Point Tool (+) och den Direktmarkeringsverktyg (A) att flytta punkterna och dölja dem bakom växten.
Slutligen måste vi bli av med skuggan utanför ikonbasen. låt oss Kopia ikonbasen och Klistra in på framsidan (Control-C> Control-F). Tryck Skift-Control-] till Föra Det till framsidan. Välj kopian och skuggan, klicka på höger musknapp och Gör Clipping Mask. Och det är allt! Vi kan fortfarande redigera och justera skuggan, om det behövs, inuti Clipping Mask genom att välja den i Skikten panel eller använda Direktmarkeringsverktyg (A).
Låt oss gå vidare till vår nästa ikon!
Låt oss börja göra en svamp från locket. Använd Ellipsverktyg (L) att göra en 40 x 10 px röd oval. Ta Direktmarkeringsverktyg (A) och välj toppankeringspunkten. Förkorta dess ankarehandtag genom att flytta dem närmare mittpunkten, vilket gör toppen av formen mer spetsig.
Om du väljer den valda punkten trycker du på Stiga på att öppna Flytta fönster. Ställ in Horisontell värde till 0 px och Vertikal värde till -10 px. Klick ok att flytta punkten 10 px upp och bildar en keps.
Låt oss lägga till ett "ben" eller en rand till vår svamp. Göra en 10 x 25 px beige form med hjälp av Ellipsverktyg (L). Välj båda elementen och Justera deras Horisontella centra, använder locket som en Nyckelobjekt.
Låt oss ändra rändernas form. Välj det och gå till Effekt> Warp> Arc. Ställ in Horisontell Bend värde till -10%, gör formen bredare i botten. Klick ok att tillämpa effekten, och låt oss lägga till en annan.
Gå till Effekt> Warp> Fisk. Klick Applicera ny effekt i popup-dialogrutan och låt oss ställa in Vertikal böjning värde till -25%, gör formen något bulged.
Gå till Objekt> Expand Utseende att tillämpa effekten. Skicka remsan att backa, Placera den rätt under locket genom att trycka på Skift-Control- [.
Låt oss dekorera vår svamp med några finnar för att göra det mer detaljerat. Göra en 5 x 5 px ljus-beige cirkel och placera den vid kanten av den röda formen. Skapa en annan cirkel på motsatta sidan och delvis göm den under locket.
Speckle några mer finnar, varierande deras storlekar.
Låt oss nu lägga en mild skugga längst ner på remsan. Duplicera remsan två gånger (Control-C> Control-F> Control-F) och flytta den övre kopian upp lite genom att slå på Uppåtpil tangentbordet på ditt tangentbord några gånger.
Välj två kopior av stripen och använd Minus Front funktion av Stigfinnare att skära formerna. Gör färgen på formen mörkare och bildar en skugga.
Avsluta vår svampymbol genom att lägga till en grön oktagonikonbas och en trendig lång skugga.
Grymt bra! Låt oss gå vidare.
Välj en mörkbrun färg och gör toppen av vårt ljus från en 30 x 5 px ellips. Välj en ljusare brun färg och gör kroppen av vårt ljus från en 30 x 30 px rektangel, med hjälp av Rektangelverktyg (M). Kombinera ljusets kropp med toppen, inriktnings objekten till varandra.
Välj nu den elliptiska toppen av ljuset, håll Alt-Shift och dra formen ner och gör en kopia. Använd Eyedropper Tool (I) att välja färgen från kroppen och applicera den på den nedre ellipsen och därigenom bilda ljusets botten.
Använd Rektangelverktyg (M) att göra en smal form av 5 x 23 px storlek och justera Det till vänster kanten av ljusets kropp. För att hålla formen vald, tryck på Stiga på att öppna Flytta fönster. Ställ in Horisontell värde till 5 px och Vertikal värde till 0 px.
Tryck Kopia att lägga till en andra rand. Tryck nu på Kontroll-D flera gånger för att göra fem fler kopior, så att vi har totalt sju kopior. Välj alla ränder och squash dem lite, så att de passar in i vårt ljuss ljus.
Börja med att ändra storleken på varje form, alternerande längden på rektanglarna. Välj sedan alla rektanglarna och Förena dem i Stigfinnare, slå samman dem i en enda form.
Nu kan vi ta Direktmarkeringsverktyg (A) och välj alla bottenpunkter i den sammanslagna formen. Vi ser de små cirkelmarkörerna av Levande hörn funktion, vilket gör att vi kan göra hörnen av de valda formerna fullständigt rundade om vi drar cirklarna närmare mittpunkten.
Låt oss lägga en flamma i vårt ljus. Använd Ellipsverktyg (L) att göra en 5 x 15 px orange oval. Välj dess främre ankarpunkt med Direktmarkeringsverktyg (A) och använd Konvertera funktion i den övre kontrollpanelen för att göra toppen av ellipsen spetsig.
Gör flamman lite bredare och placera en mindre kopia på toppen, fyll den med ljusgul färg, vilket gör flamman stiliserad men ändå sann i livet.
Avsluta vår ljusikonen genom att skapa en ljusblå ikonbas med en lång skugga.
Vi har tre ikoner att göra! Vi gör det!
Arm dig med Ellipsverktyg (L) och låt oss börja forma vår fjäder från en 15 x 40 px ljusbrun oval. Gå till Effekt> Warp> Arc och ställa in Horisontell Bend värde till -6%, gör botten av formen något bredare än sin topp.
Låt oss nu lägga till några skåror till vår fjäder. Använd Penverktyg (P) att göra en liten triangelformad polylin (visa i rött på skärmbilden nedan). Välj både linjen och fjädern och använd Minus Front funktion av Stigfinnare att skära ut en bit av fjädern. Lägg till fler skåror, med samma enkla teknik.
Låt oss forma fjäderns axel. Använd Linjesegmentverktyg (\) och håll Flytta att rita en vertikal linje över fjädern. Välj en mörkare brun färg för Stroke och ställa in Slagvikt till 2 pt. Ställ in Profil till Breddsprofil 1, gör axeln spetsad.
Låt oss lägga till några mindre detaljer till vår fjäder. Ta Rektangelverktyg (M) och gör en 15 x 5 px ljusbrun form. Dubbelklicka de Rotera verktyg (R) och ställa in Vinkel värde till 30 grader.
Håll Alt-Shift och dra formen ner och gör en kopia. Ändra kopieringens storlek till mörkare brun.
Placera ränderna ovanför fjädern och gömma sina vänstra ankarpunkter under axeln. När det gäller de onödiga bitarna till höger, låt oss se hur vi kan bli av med dem.
Välj både fjäder och ränder. Ta Formverktygsverktyg (Shift-M), håll Alt och klicka på de onödiga bitarna för att radera dem. Voila! Vår fjäder är klar.
Avsluta ikonen genom att lägga till en blå ikonbas med en subtil skugga. Och låt oss gå vidare till nästa ikon!
Nu ska vi skapa en mineralikon som ser ut som en glänsande kristall.
Använd Rektangelverktyg (M) att göra en 10 x 40 px blå form. Träffa Stiga på att öppna Flytta fönster. Ställ in Horisontell värde till 10 px och Vertikal värde till 0 px. Klick Kopia för att skapa en andra rektangel, kopplad till den första.
Tryck Kontroll-D att skapa den tredje formen och variera ljusets ljushet Fylla färg, vilket gör formerna som en lutning.
Squash de vänstra och högra rektanglarna lite, vilket gör dem smalare än den centrala formen. Välj alla tre former och duplicera dem (Control-C> Control-F). Dra upp kopiorna och fäst dem längst upp i den första gruppen av rektangeln. Krympa kopiorna, vilket gör dem mycket kortare.
Låt oss nu forma toppen av vår kristall. Ta Direktmarkeringsverktyg (A) och välj alla toppankeringspunkter markerade i skärmdumpen nedan. Gå till Justera panel, välj Anpassa till urvalet och klicka Horisontell inriktning Center att samla alla valda ankarpunkter i en punkt och bilda en triangel.
Låt oss nu deformera vår kristall, vilket gör den mindre symmetrisk. Ta Lasso Tool (Q), välj de nedre centrala punkterna i vår kristall och tryck på Nedåtpil tangentbordet på ditt tangentbord några gånger, flytta ner dem. Ändra toppen av kristallen också med hjälp av Lasso Tool (Q) och flytta punkterna nere.
Ändra också mineralsidorna, flytta dess ankarpunkter i motsatta riktningar, vilket gör toppen av formen lite bredare.
Låt oss lägga till en ljus höjdpunkt i vår kristall för att göra det glänsande. Använd Rektangelverktyg (M) att göra en grupp ljusblå ränder. Rotera dem och placera dem ovanför kristallens främre del. Välj både randarna och den centrala rektangeln av vår kristall och byt till Formverktygsverktyg (Shift-M). Håll Alt och klicka på de bitar som du vill radera.
Bra! Nu ser det ut som en glasyta.
Avsluta vår kristallikonen genom att lägga till en grön ikonbas med en lång skugga.
Det finns bara en ikon kvar för att göra! Låt oss gå vidare.
Vår sista ikon kommer att bli en enkel, härlig blomma. Använd Polygon Tool och ange numret på sidor till 8 att göra en oktagon (samma som vi har för vår ikonbas). Göra en 50 x 50 px röd form.
Gå till Effekt> Förvräng & Transformera> Pucker & Bloat. Flytta reglaget till Svälla sida, ställer in sitt värde till 50%. Det ser redan ut som en blomma!
Gå till Effekt> Expand Utseende att tillämpa effekten. Ta Ellipsverktyg (L) och gör en 15 x 15 px orange cirkel till mitten av vår blomma.
Kopiera stammen tillsammans med bladen från vår allra första ikon (den med bären) och ändra stamens färg till grön.
Fäst stammen till blomman och Skicka Det att återvända (Shift-Control- [).
Avsluta med vår blomikon genom att placera den på en beigebas med en trendig lång skugga.
Bra jobbat! Du har lärt dig att skapa denna sommar och naturinspirerad uppsättning med hjälp av grundläggande former och funktioner i Adobe Illustrator. Jag hoppas att du har upptäckt några praktiska tips och tricks som kommer att vara användbara för ditt framtida projekt och hjälper dig att skapa någon form av platta ikoner och illustrationer.
Gärna dela ditt resultat i kommentarerna nedan!
Om du gillar att skapa platta ikoner så mycket som jag gör, tveka inte att kolla in följande handledning:
Ha så kul!
Accentsconagua