Så här skapar du en vacker flip-flop-ikon i Adobe Illustrator

Följ denna handledning och lär dig att rita en vacker strandikon. Den här ikonen består av två huvuddelar, basen som ser ut som en strand och den färgglada stranden flip-flops. Du kommer att lära dig att skapa den sandiga strukturen med olika penslar, mönster som finns i Adobe Illustrator och effekter som filmkorn och Radial Blur. Förutom att lära sig att rita en grundläggande flip-flop, kommer du också skapa roliga färgstarka mönster. Denna handledning inspireras från sommarlov och soliga dagar så om det låter intressant låt oss börja!


1. Starta ett nytt projekt

Starta Illustrator och gå till Fil> Ny för att öppna ett tomt dokument. Skriv ett namn och ställ in dimensionerna och välj sedan pixlar som Enheter och RGB som Färg läge. Därefter, gå till Redigera> Inställningar> Allmänt och ställa in Tangentbordsökning till 1px. Dessa inställningar hjälper dig under hela ritningsprocessen.



2. Skapa basen på ikonen

Ta tag i Rektangelverktyg (M) och rita a 256 x 256px fyrkant. Välj ett svart slag för tillfället och gå till Effekt> Stylize> Round Corners och tillämpa a 25px Radius. För att utöka denna effekt, gå till Objekt> Expand Utseende sedan Ungroup (Shift + Control + G).



3. Skapa Sand Texture

Steg 1

Fyll basformen med den angivna färgen, ta en titt på Utseende panel. Med det här fyllningsattributet valt trycker du på Kopiera valda objekt ikonen längst ner på panelen. Som ett resultat får du en ny fyllning ovanför. Byt färg med ett mönster som heter "USGS 17A Shifting Sand"som du kan hitta i Swatch Libraries> Mönster> Basic Graphics> Basic Graphics_Textures. Ändra Blandningsläge för detta mönster till Täcka över.


Steg 2

Kopiera nu det andra fyllningsattributet som du gjorde vid föregående steg. Byt ut det befintliga mönstret med "Stipple Fine"som du kan hitta i Basic Graphics_Textures kategori. Ställ in Blandningsläge till Färg Dodge.


Steg 3

Duplicera det första fyllningsattributet och ersätt den nakna färgen med brun. Dra det här attributet längst ner på panelen och gå till Effekt> Förvräng & Transformera> Transformera och använd de inställningar som visas nedan. Du får den bruna kanten på den övre högra sidan av basen.


Steg 4

Kopia och Klistra in framåt (Kontroll + F) basformen och radera alla befintliga utseenden. Välj brun som fyllfärgen och gå till Effekt> Konstnärligt> Filmkorn och använd de visade inställningarna. Satt till Blandningslägeöverlagring.


Steg 5

Vi arbetar fortfarande med formen från föregående steg. Välj en 1pt vit stroke och sätt på den Blendingläge Mjukt ljus.


Steg 6

Gå nu till Utseende panelen och från menyn Fly-out väljer du Lägg till ny fyllning. Använd den linjära gradienten som visas och sätt vinkeln på -90 grader. Flytta detta fyllningsattribut mellan den första fyllningen och stroken och ställ sedan in Blandningsläge till Färg bränna och minska Opacitet till 50%.



4. Lägg till detaljer till sandbasen

Steg 1

Låt oss nu förbättra sandstrandens utseende för att göra det mer realistiskt. För detta kommer vi att använda några konstborstar tillgängliga i Illustrator och vi tar dem en efter en i den ordning de är i.

Ta tag i Penverktyg (P) och rita en bana som nedan i botten till vänster på basen. Ge det en 2pt brun stroke (1). Slå också denna väg med en konstborste som heter "Torrbläck 2"som du kan hitta i Borsta bibliotek> Konstnärligt> Artistic_Ink (2). Fortsätt ha den här sökvägen vald, gå till Effekt> Oskärpa> Radial oskärpa och använd inställningarna som visas i nästa bild (3). Ställ in Blandningsläge till Täcka över och minska Opacitet till 40% (4).


I Radiell oskärpa fönstret välj Spinnmetod, Bra kvalitet och den Belopp av 20.


Steg 2

Rita den andra sökvägen med Penverktyg (P) och ge den en 1pt brun stroke (1). Den här gången använder du en konstborste kallas "Krita"som du kan hitta i Penselbibliotek> Konstnärligt> Artistic_ChalkCharcoalPencil. Dubbelklicka på borstslaget applicerat i Utseende panel för att öppna Stroke Options fönster och kolla Vänd längs alternativet och tryck sedan på OK (2). Applicera igen Radiell oskärpa effekt med samma inställningar (3) och ställ sedan in den Färg bränna (4).


Steg 3

Låt oss fortsätta med den tredje vägen och ge den 2pt brun stroke (1). Använd igen "Krita" konstborste att släcka den (2) och sedan gå till Effekt> Oskärpa> Radial oskärpa och använd inställningarna som visas i nästa bild (3). Satt till Blandningslägeöverlagring och minska Opacitet till 40% (4).


I Radiell oskärpa fönstret välj Zoommetod, Bra kvalitet och den Belopp av 20.


Steg 4

Ta tag i Penverktyg (P) och rita en annan vågig väg som nedan. Ge det en 2pt brun stroke (1) använd sedan igen "Krita" konstborste att släcka den (2). Applicera Radiell oskärpa effekt med de inställningar som visas ovan och sätt den till Färg bränna och minska Opacitet till 40% (3).


Steg 5

Rita nästa sökväg längst ned till vänster på basen och välj en 1pt brun stroke (1). Den här gången använder du "Torrbläck 2" konstborste att släcka den (2). Applicera Radiell oskärpa effekt med de inställningar som visas i början av detta steg (4.1) och ställ sedan in det på Färg bränna (4).


Steg 6

Du är inte färdig än. Ta Penverktyg (P) och rita nästa väg och välj ett 2pt brunt slag (1). Använd "Krita" konstborste att släcka den (2) och applicera sedan Radiell oskärpa effekt (inställningar-4.1). Satt till Blandningsläge Färgbränning och minska Opacitet till 75% för denna väg (3).


Steg 7

Rita en annan väg i den övre vänstra sidan av basen och ge den en 2pt brunt slag. Använd "Torrbläck 2" konstborste att släcka den (2) och applicera sedan Radiell oskärpa effekt (inställningar-4.1). Satt till Blandningsläge Färgbränning (4).


Steg 8

Slutligen rita den sista vägen i övre högra sidan och ge den en 1pt brunt slag (1). Använd "Krita" konstborste att släcka den (2) och applicera sedan Radiell oskärpa effekt (inställningar-4.1). Ställ den på Blandningslägeöverlagring (4) och du är klar med den här delen.



5. Rengör kanten på ikonen

Steg 1

Vi vill ha rena kanter för den här ikonen därför behöver vi en mask. Först, Kopia och Klistra in framåt (Kontroll + F) basformen och radera alla befintliga utseenden (ingen stroke, ingen fyllning). Ta med denna kopia framför allt genom att gå till Objekt> Ordna> Ta fram. Med den här kopian vald och även de åtta strokade banorna går till Objekt> Clipping Mask> Make (Control + 7).


Steg 2

Vid denna punkt ska ikonens bas se ut som nedan:



6. Lägg till höjdpunkter i ikonen

Steg 1

Kopia och Klistra in framåt (Kontroll + F) basen formar igen och raderar alla existerande framträdanden. Ta det framför allt genom att gå till Objekt> Ordna> Ta fram och ge den 1pt stroke med vilken färg som helst (1). Ta Lägg till Anchor Points Tool (+) och lägg till två extra poäng på vänster och höger kanter (2). Nästa, ta tag i Saxverktyg (C) och klicka på de fyra punkterna som anges för att klippa banan i segment (3). Ta bort de som du inte behöver och behåll bara de två vägarna som visas nedan (4).


Steg 2

Slå på de två vägarna som erhölls vid det föregående steget med en blandartburk som jag har förklarat hur man skapar i min neon art brushes handledning. Bara det i stället för 200 x 5px har den här dimensionerna 100 x 3px. Ställ in Slagvikt till 0,75 pt minska sedan Opacitet till 75%.



7. Lägg till skugga under ikonen

Ta tag i Ellipsverktyg (L) och dra en ellips med de visade dimensionerna. Flytta formen längst ner på ikonen och skicka den bakom allt genom att gå till Objekt> Ordna> Skicka till Tillbaka. Välj svart som fyllfärgen och gå till Effekt> Oskärpa> Gaussisk oskärpa och tillämpa a 10 Radius.



8. Rita på flipflopens form

Steg 1

Använd Ellipsverktyg (L) att rita en ellips med de visade dimensionerna. Med Direktmarkeringsverktyg (A) välj endast de övre och nedre punkterna och dra handtagen för att göra dem längre. Välj sedan de två punkterna från mitten av formen och dra handtagen för att ändra positionen som visas.


Steg 2

Ta tag i Lägg till Anchor Point Tool (+) och använd den för att lägga till två extra punkter längst ner i sållformen och justera handtagen om det behövs. Välj sedan toppunkten med Direktmarkeringsverktyg (A) och ändra handtagets position enligt nedan. Lägg till andra två punkter längst upp med hjälp av Lägg till Anchor Point Tool (+) och flytta handtagen som visas nedan.



9. Rita om flip-flopens band

Steg 1

Ta Penverktyg (P) och rita två vägar som nedan och dra dem med en konstborste kallas "Avsmalnande Sharp"som du kan hitta i Borsta bibliotek> Konstnärligt> Artistic_Ink. Ställ vikten på 0.3pt. Från Objekt> Expand Utseende sedan Ungroup (Shift + Control + G) två gånger och du kommer få bandremmarna.


Steg 2

Välj vänster rem och gå till Objekt> Sti> Lägg till Anchor Points välj sedan rätt rem och gå till Objekt> Sti> Lägg till Anchor Points dubbelt. Du får några extra poäng på varje form. Använd nu Direktmarkeringsverktyg (A) för att välja endast de två punkterna markerade med grön och flytta dem lite till vänster. Välj sedan de tre punkterna markerade med blå och flytta dem till höger.


Steg 3

Välj med Direktmarkeringsverktyg (A) bara punkten markerad med grön och flytta den lite nedåt och gör samma sak med de fyra punkterna markerade med blå.


Steg 4

Ta tag i Direktmarkeringsverktyg (A) och dra ett val enligt nedan för att bara välja punkterna i det området och flytta dem lite nedåt. Flytta äntligen de två punkterna från toppen bredvid varandra och remmarna är klara.


Steg 5

Använd Penverktyg (P) att dra formerna nedanifrån som bandets inre del.



10. Skapa designen på sållan på flippen

Steg 1

Nu när vi har den grundläggande formen på flip-flopen behöver vi ta den till liv. Dölj remmarna för ögonblicket och fokusera på sulan. Välj skuggan av rosa som anges som fyllfärgen. Använd sedan Penverktyg (P) eller till och med Penna verktyg (N) Att rita några vågiga vägar slumpmässigt över sulan.


Steg 2

Kopia och Klistra in framåt (Kontroll + F) den enda formen och ta den framför allt genom att gå till Objekt> Ordna> Ta fram. Grupp (Kontroll + G) Alla vågiga vägar väljer sedan kopia av sålen och gruppen och trycker på Dela upp i Stigfinnare panel. Ungroup (Shift + Control + G) Den resulterande gruppen tar sedan bort de större formerna från toppen och botten. Fyll ränderna med de angivna färgerna.


Steg 3

Kopia och Klistra in framåt (Kontroll + F) den enda formen igen och ta den framåt. Fyll den med den linjära gradienten som visas med svart och grått (40% svart) och vinkla till 90 grader. Ändra Blandningsläge till Täcka över och minska Opacitet till 20%.


Steg 4

Ta sedan nästa Penverktyg (P) och rita en segmenterad virvla som på bilden. Som solstrålarna ritar korta vägar runt. Välj för alla banor a 1pt ljusgrå stroke och tryck på Round Cap alternativet i Stroke panel.



11. Färgbandet på flip-flopen färgas

Steg 1

Först förstör remmarna. Fyll rätt rygg med skuggan av rosa som anges. Gå till Utseende panelen och med det här fyllningsattributet valt, tryck på Kopiera valda objekt ikonen längst ner. Som ett resultat får du en ny fyllning ovanför. Använd en linjär gradient från vit till svart och ställ den till Blandningslägeöverlagring och minska Opacitet till 20%. Upprepa samma sak för vänster rem.


Steg 2

Välj nu vänster innerband och fyll den med mörkrosa. Duplicera detta fyllningsattribut som du gjorde tidigare och använd en radial gradient från vit till svart den här gången. Ställ den på Blandningsläge Multiplicera och minska Opacitet till 20%. Upprepa samma sak för rätt inre band.


Steg 3

Kopia och Klistra in bakåt (Kontroll + B) den vänstra remmen tar bort de befintliga optionerna och väljer ljusrosa som fyllfärgen. Välj med Direktmarkeringsverktyg (A) bara de två punkterna som anges av formen i ryggen och flytta dem 1px till vänster genom att trycka på Vänster pil tangent på tangentbordet en gång.

Nästa, Kopia och Klistra in bakåt (Kontroll + B) rätt rem och ändra fyllfärgen. Använd Direktmarkeringsverktyg (A) för att välja endast de fyra punkterna som anges och flytta dem 1px till vänster för att avslöja lite av den rosa formen i ryggen.


Steg 4

Kopia och Klistra in bakåt (Kontroll + B) höger inre band, radera de existerande förekomsterna och välj skuggan av rosa som anges som fyllfärgen. Använd Direktmarkeringsverktyg (A) för att välja endast de två punkterna som markeras och flytta dem 1px upp genom att trycka på Uppåtpil tangent på tangentbordet en gång.

Nästa, Kopia och Klistra in bakåt (Kontroll + B) Vänster inre band och ändra fyllfärgen. Den här gången rör hela innerbandet (inte kopian) till höger genom att trycka på Höger pil nyckeln en gång.



12. Skapa tåningsfältet

Steg 1

Ta tag i Ellipsverktyg (L) och rita två små cirklar med de visade dimensionerna. Ordna dem som nedan och fyll dem med den radiala gradienten som visas.


Steg 2

Nu med Penverktyg (P) rita en bana mellan hålet och banden som i bilden. Ställ in Slagvikt till 4.5pt och tryck på Round Cap alternativet i Stroke panel. Från Objekt> Expand och Dela upp fyll sedan den resulterande formen med mörkrosa. Flytta tåningsstången bakom remmarna.


Steg 3

Kopia och Klistra in framåt (Kontroll + F) tån bar och skala det lite. Byt fyllfärgen med den visade gradienten och sätt den till Blandningsläge Lättare och minska Opacitet till 75%.


Steg 4

Rita två ellipser med Ellipsverktyg (L) längst ner på de inre remmarna och fyll dem med den angivna färgen.



13. Lägg till höjdpunkter på remmarna

Steg 1

Ta tag i Penverktyg (P) och rita två vägar som följer bandets kanter som i nästa bild. Slå in dessa vägar med "Blend Art brush" som används tidigare och sätt in tyngden till 0.25pt och den Blandningsläge till Täcka över.


Steg 2

Rita andra två vägar som följer bandets kanter och slå dem med samma "Blandartunstborste". Ställ vikten på 0.25pt och minska Opacitet till 75%.



14. Skapa en blank utseende

Steg 1

Ta Rektangelverktyg (M) och rita en rektangel över höger rem som i bilden. Fyll den med den linjära gradienten som visas och sätt den till Blandningsläge Lättare och minska Opacitet till 60%.


Steg 2

Rita en mindre rektangel ovanpå och välj vit som fyllfärgen. Ställ den på Blandningslägeöverlagring och minska Opacitet till 50%.


Steg 3

Kopia och Klistra in framåt (Kontroll + F) höger rem och radera alla existerande framträdanden. Ta det framför allt genom att gå till Objekt> Ordna> Ta fram. Välj nu de två rektanglarna och remstycket och gå till Objekt> Clipping Mask> Make.


Steg 4

Något liknande händer på vänster sida. Rita först rektangeln och fyll den med samma gradient. Justera vinkeln så sätt den till Blandningsläge Lättare och minska Opacitet till 40%. Gör en kopia av vänster rem och ta fram den som du gjorde tidigare. Välj nu rektangeln och även remstycket och gå till Objekt> Clipping Mask> Make.



15. Lägg till skuggor

Steg 1

Välj de två formerna bakom de inre remmarna då Kopia och Klistra dem i bakåt (kontroll + b). Ge dem en svart fyllning och gå till Effekt> Oskärpa> Gaussisk oskärpa och tillämpa a 4px Radius.


Steg 2

Vi vill inte att suddningen ska vara synlig på vissa områden och därför kommer vi att fixa det här med en mask. Först, Kopia och Klistra in framåt (Kontroll + F) den enda formen och radera alla existerande framträdanden. Välj de två formerna med det suddade pålägget och även kopian av sulan (som ska vara framför dem) och gå till Objekt> Clipping Mask> Make.


Steg 3

Kopia och Klistra in bakåt (Kontroll + B) Vänsterremmen, ge den en svart fyllning och flytta den till höger. Använda Penverktyg (P) rita de andra två formerna som vi behöver, en bakom vänster innerband och en bakom tågelisten.


Steg 4

Skapa en annan kopia av sulan (ingen stroke, ingen fyllning) då Grupp (Kontroll + G) den andra och tredje svarta formen. Välj den här gruppen och kopian av sulan och tryck på Korsas i Stigfinnare panel. Du kommer att få en sammansatt väg men gå till Objekt> Sammansatt sökväg och välj Släpp. Du borde nu ha tre former med vilken du kommer att skapa skuggan för det inre bandet, för vänster rem och för tåbalk.


Steg 5

Fyll dessa tre former med den linjära gradienten som visas och justera vinkeln efter varje forms position. Ställ in dem till Blandningsläge Multiplicera (vit blir transparent) och minska Opacitet till 35%.



16. Skapa änden av flip-flopen

Steg 1

Kopia och Klistra in bakåt (Kontroll + B) den enda formen (innersula) och fyll den med den angivna färgen. Flytta den här formen lite ner och till höger som i bilden. Detta kommer att vara yttersålen.


Steg 2

Kopia och Klistra in bakåt (Kontroll + B) insoles igen. Välj en 0.5pt vit stroke, radera den befintliga fyllfärgen och ställ in Opacitet till 75%. Flytta den här formen lite ner och till höger tills den ligger mitt i sulan. Nästa, Kopia och Klistra in framåt (Kontroll + F) yttersålen och ställa fyllningen till ingen och slaget till ingen. Välj den vita vägen och exemplet på yttersålen och gå till Objekt> Clipping Mask> Make.



17. Komponera Beach Icon

Steg 1

Flip-flopen är nu klar och du kan skapa sitt par. Först Grupp (Kontroll + G) alla former som utgör rätt flip-flop och gå till Objekt> Transformera> Reflektera. Kontrollera Vertikal sedan träffa Kopia och du kommer att få vänster flip-flop. Ordna flipflopsna över basen som du har skapat för att komponera ikonen.


Steg 2

Välj den högra yttersålen och gå till Effekt> Stylize> Drop Shadow. Använd de visade inställningarna och tryck på OK. Gör samma sak för den andra flipflopen med vänster yttersål


Steg 3

Vid denna tidpunkt är strandikonen klar. Du kan skapa andra storlekar om du vill, men först kontrollera att du utökar varje borste och effekt som tillämpas.



18. Försök med olika konstruktioner och kombinationer

Steg 1

Du kan använda en kopia av den flip-flop som ritats för att skapa olika typer av flip-flops. Först ersätta färgerna på innersulan och yttre sulan. För inläggssolen designar den här gången jag har använt många färgglada cirklar, använd sedan en kopia av sulan för att maskera dem. Lossa också remmarna och tåstången med hjälp av nyanser av det gröna som anges. Om du behöver mer information kan du använda referensillustratorfilen.


Steg 2

När du är klar med rätt flip-flop, reflektera det som du gjorde tidigare. Den här gången har jag flyttat yttersålen på vänster flip-flop i höger sida för ett annat utseende. Vid slutet gäller Drop Shadow effekt.


Steg 3

Här är ett annat exempel. Färgerna som jag har använt listas nedan men du är självklart fri att använda alla färger du önskar. Som design använde jag ett fotavtryck bestående av rektanglar och ellipser.


Steg 4

Nu kan du skriva en ny ikon med någon av flipporna på stranden:



grattis! Du är klar.

Handledningen är färdig och ikonen för flip flops är klar. Jag hoppas att du har lärt dig nya saker. Experimentera med olika färgpaletter och snygga mönster och se vad du gör med. Jag skulle gärna se dina ritningar.