How å lage en vakker Flip Flop ikon i Adobe Illustrator
Dette innlegget er en del av en serie som heter Summer in Session! .Bruk Inkscape å lage et par solbriller Med EaseGet den mens den er Varmt! Lag en detaljert BBQ i Adobe Illustrator

Følg denne opplæringen og lære å tegne en vakker strand ikon. Dette ikonet består av to hoveddeler, den basen som ser ut som en strand og fargerike strand flip flops. Du vil lære å lage sand tekstur ved hjelp av ulike børster, mønstre tilgjengelig i Adobe Illustrator og effekter som film korn og Radial Blur. Foruten å lære hvordan å trekke en enkel flip flop, vil du også lage morsomme fargerike design. Denne opplæringen er inspirert fra sommerferie og solfylte dager, så hvis det høres interessant la oss begynne!

1. Starte et nytt prosjekt

Launch Illustrator og gå til Fil > Ny for å åpne et tomt dokument. Skriv inn et navn og sette opp dimensjonene deretter velge piksler som enheter og RGB som fargemodus. Deretter går du til Rediger > Innstillinger> Generelt og sette tastaturet Økning til 1px. Disse innstillingene vil hjelpe deg gjennom hele tegneprosessen.

2. Lag Base av Icon

Grab rektangelverktøyet (M) og trekke en 256 x 256px torget. Velg en svart strek for øyeblikket og deretter gå til Effect > Stylize> Runde hjørner og bruke en 25px Radius. For å utvide denne effekten, gå til Object >. Utvid Utseende deretter opp gruppe (Shift + Ctrl + G)

3. Lag Sand Texture

Trinn 1

Fyll bunnen form med fargen indikerte så ta en titt på Utseende panel. Med denne fyll attributtet valgt, trykker du på Duplicate Selected Element-ikonet nederst i panelet. Som et resultat vil du få en annen fylling over. Skift farge med et mønster som kalles " USGS 17A Skiftende Sand " som du kan finne i Swatch biblioteker> Oppskrifter> Grunn Grafikk> Grunn Graphics_Textures. Endre Blending Mode for dette mønsteret til overlegg.

Trinn 2

Nå, kopiere andre fyll attributt som du gjorde i forrige trinn. Bytt ut den eksisterende mønster med " Stipple Fine " som du kan finne i Basic Graphics_Textures kategorien. Sett Blending Mode til Color Dodge.

Trinn 3

Duplicate første oppfylling attributtet og erstatte nude farge med brun. Dra denne attributten nederst i panelet og deretter gå til Effect > Forvrenge og Transform> Transform og bruke innstillingene som er vist nedenfor. Du vil få den brune kanten i øvre høyre side av basen.

Trinn 4

Kopier og lim inn Forsiden (Ctrl + F) base-form og slette alle eksisterende opptredener. Velg brun som fyllfarge og deretter gå til Effect > Kunstnerisk> Film korn og bruke innstillingene som vises. Sett til Blending Mode overlegg.

Trinn 5

Vi jobber fortsatt med formen fra forrige trinn. Velg en 1pt hvit strek og sett den til Blending Mode Soft Light.

Trinn 6

Nå, gå til Utseende panelet og fra fly-out menyen velger du Legg til ny Fill. Bruk lineær gradient vist og angi vinkelen til -90 grader. Flytt denne fill attributtet mellom første fyll og slaget deretter sette Blending Mode til Color Burn og redusere Opacity til 50%.

4. Legg Detaljer til Sand Base

Trinn 1

Nå la oss forbedre sandstranden utseende for å gjøre det mer realistisk. For dette vil vi bruke noen art pensler tilgjengelig i Illustrator, og vi vil ta dem én etter én i den rekkefølgen de er.

Grip Pen Tool (P) og tegne en bane som under lavt i venstre side av basen. Gi den en 2PT brun slag (1). Også slag denne banen med en art børste kalt " Dry Ink 2 " som du kan finne i Brush biblioteker> Kunstnerisk> Artistic_Ink (2). Likevel har denne veien valgt, gå til Effect > Blur> Radial Blur og bruke innstillingene som vises i neste bilde (3). Sett Blending Mode til Overlay og redusere Opacity til 40% (4).

I Radial Blur vinduet velger Spin Method, god kvalitet og mengden av 20.

Trinn 2

Tegn andre banen med Pen Tool (P) og gir den en brun 1pt slag (1). Denne gangen bruker en kunst pensel kalt " Chalk " som du kan finne i Brush biblioteker> Kunstnerisk> Artistic_ChalkCharcoalPencil. Dobbeltklikk på penselstrøk påføres i Utseende-panelet for å åpne Stroke Options vinduet og sjekke Flip Sammen alternativ og trykk OK (2). Påfør igjen Radial Blur effekt med de samme innstillingene (3) og deretter sette den til Color Burn (4).

Trinn 3

La oss fortsette med det tredje banen og gi den 2PT brunt slag (1). Bruk igjen " Chalk " art pensel til å klappe den (2) og deretter gå til Effect > Blur> Radial Blur og bruke innstillingene som vises i neste bilde (3). Sett til Blending Mode overlegg og redusere Opacity til 40% (4).

I Radial Blur-vinduet velger du Zoom Method, god kvalitet og mengden av 20.

Trinn 4

Grip Pen Tool (P) og trekke et bølget bane som nedenfor. Gi den en 2PT brun slag (1) og deretter bruke igjen " Chalk " art pensel til å klappe den (2). Påfør Radial Blur effekt ved hjelp av innstillingene som vises ovenfor deretter sette den til Color Burn og redusere Opacity til 40% (3).

Trinn 5

Tegn neste bane i nedre venstre side av basen, og velg en 1pt brun slag (1). Denne gangen bruker " Dry Ink 2 " art pensel til å klappe den (2). Påfør Radial Blur effekt ved hjelp av innstillingene som vises i begynnelsen av dette trinnet (4.1) og deretter sette den til Color Burn (4).

Trinn 6

Du er ikke ferdig ennå. Ta Pen Tool (P) og tegne neste bane, og velg en 2PT brun slag (1). Bruk " Chalk " art pensel til å klappe den (2) da gjelde (innstillinger-4.1) den Radial Blur effekt. Sett til Blending Mode Color Burn og redusere Opacity til 75% for denne banen (3).

Trinn 7

Tegn en annen vei i øvre venstre side av sokkelen og gi den en 2pt brun slag. Bruk " Dry Ink 2 " art pensel til å klappe den (2) da gjelde (innstillinger-4.1) den Radial Blur effekt. Sett til Blending Mode Color Burn (4).

Trinn 8

Til slutt trekke den siste banen i øvre høyre side og gi den en 1pt brun slag (1). Bruk " Chalk " art pensel til å klappe den (2) da gjelde (innstillinger-4.1) den Radial Blur effekt. Sett den til Blending Mode Overlay (4) og du er ferdig med denne delen.

5. Rydde opp kantene på Ikon

Trinn 1

Vi ønsker rene kanter for ikonet derfor trenger vi en maske. Først Kopier og lim inn Forsiden (Ctrl + F) foten form og slette alle eksisterende kamper (ingen slag, ingen fyll). Ta denne kopien foran alt ved å gå til Object> Ordne> Legg foran. Etter å ha denne kopien valgt og også de åtte strøk stier gå til Object > Klipping Mask> Gjør (Control + 7).

Trinn 2

På dette punktet bunnen av ikoner som skal se ut som følger:

6. Legg Høydepunkter til ikonet

Trinn 1

Kopier og lim inn Forsiden (Ctrl + F) basen form igjen og slette alle eksisterende opptredener. Ta det foran alt ved å gå til Object > Ordne> Legg foran og gi det 1pt slag ved hjelp av en farge (1). Ta Add Anchor Points Tool (+) og legge til to ekstra poeng på venstre og høyre side (2). Neste, ta tak i Saks Tool (C), og klikk på de fire punktene som er angitt å kutte banen i segmenter (3). Slett de du ikke trenger og holde bare de to banene som er vist nedenfor (4).

Trinn 2

Stroke de to banene som oppnås ved forrige trinn med en blanding art pensel som jeg har forklart hvordan du kan lage i min neon kunst børster opplæringen. Bare at i stedet for 200 x 5px denne har dimensjonene 100 x 3px. Sett Stroke Vekt 0,75 pt deretter redusere Opacity til 75%.

7. Legg Shadow Under Ikon

Grab Ellipse Tool (L) og tegne en ellipse har dimensjoner som vist. Flytt formen nederst på ikonet og deretter sende den bak alt ved å gå til Object > Ordne> Send til Back. Velg svart som fyllfarge og deretter gå til Effect > Blur> Gaussian Blur og bruke en 10 Radius.

8. Tegn formen på Flip Flop

Trinn 1

Bruk Ellipse Tool (L) for å tegne en ellipse har dimensjoner som vist. Med Direct Selection Tool (A) velger bare de øverste og nederste punktene og dra håndtakene for å gjøre dem lenger. Deretter velger de to punktene fra midten av formen og dra i håndtakene for å endre sin posisjon som vist.

Trinn 2

Grab Legg Anchor Point Tool (+) og bruke den til å legge til to ekstra poeng i bunnen av sålen-form og justere håndtakene hvis nødvendig. Deretter velger du den øverste punktet med Direct Selection Tool (A) og endre plasseringen av håndtakene som vist nedenfor. Legg til andre to punkter på toppen ved hjelp av Legg Anchor Point Tool (+) og flytte håndtakene som vist nedenfor.

9. Tegn Stropper av Flip Flop

Trinn 1

Ta Pen Tool (P) og trekker to baner som nedenfor deretter stryke dem med en art børste kalt " Tapered-Sharp " som du kan finne i Brush biblioteker> Kunstnerisk> Artistic_Ink. Sett vekten til 0.3pt. Fra Object > Utvid Utseende deretter opp gruppe (Shift + Ctrl + G) to ganger, og du vil få stroppen former.

Trinn 2

Velg den venstre stroppen og gå til Object > Sti> Legg til ankerpunkt deretter velge riktig stropp og gå til Object > Sti> Legg til ankerpunkt to ganger. Du vil få noen ekstra poeng på hver form. Nå bruker Direct Selection Tool (A) for å velge bare de to punktene markert med grønt og flytte dem litt til venstre. Deretter velger de tre punktene markert med blått og flytte dem til høyre.

Trinn 3

Velg bruker Direct Selection Tool (A) bare poenget uthevet med grønt og flytte den litt ned og deretter gjøre det samme med de fire punktene markert med blått.

Trinn 4

Grab Direct Selection Tool (A) og dra et utvalg som vist under for å velge bare de punktene i dette området og flytte dem litt ned. Til slutt beveger de to punktene fra toppen ved siden av hverandre og stroppene er klare.

Trinn 5

Bruk Pen Tool (P) for å tegne figurene nedenfra som den indre delen av stroppene.

10. Opprett Design på Sole av Flip Flop

Trinn 1

Nå som vi har den grunnleggende formen på flip flop vi trenger å bringe den til liv. Skjule stropper for øyeblikket og fokusere på sålen. Velg skyggen av rosa angitt som fyllfargen. Deretter bruker Pen Tool (P) eller til og med Pencil Tool (N) for å trekke noen bølgete baner tilfeldig over sålen.

Trinn 2

Kopier og lim inn i Front (Ctrl + F) sålen-form og bringe den foran alt ved å gå til Object > Ordne> Legg foran. Group (Ctrl + G) alle bølgete stier velg deretter kopi av sålen og gruppen, og trykk Divide i Pathfinder-panelet. Del opp gruppe (Shift + Ctrl + G) den resulterende gruppen deretter slette de større figurer fra toppen og bunnen. Fyll striper med fargene indikert.

Trinn 3

Kopier og lim inn Forsiden (Ctrl + F) den eneste-form igjen og bringe den til fronten. Fyll den med lineær gradient vist ved hjelp av svart og grå (40% svart) og angi vinkelen til 90 grader. Endre Blending Mode til Overlay og redusere Opacity til 20%.

Trinn 4

Deretter tar Pen Tool (P) og tegne en segmentert virvel som i bildet. Når solen stråler trekke korte baner rundt. Velg for alle banene en 1pt lys grå strek og trykk på Round Cap alternativ i Strek-panelet.

11. Color Stroppene av Flip Flop

Trinn 1

Først unhide stroppene. Fyll høyre stropp med skyggen av rosa indikert. Gå til Utseende panel og ha dette fill attributtet valgt, trykker du på Duplicate valgte elementet ikonet nederst. Som et resultat vil du få en annen fylling over. Bruk en lineær gradient fra hvitt til svart og deretter sette den til Blending Mode overlegg og redusere Opacity til 20%. Gjenta det samme for venstre stroppen.

Trinn 2

Nå velger venstre indre stroppen og fyll den med mørk rosa. Kopiere denne fill attributtet som du gjorde tidligere, og bruke en radial gradient fra hvitt til svart denne gangen. Sett den til Blending Mode Multipliser og redusere Opacity til 20%. Gjenta det samme for den rette indre stroppen.

Trinn 3

Kopier og lim inn Back (Ctrl + B) venstre stroppen deretter slette de eksisterende skinn og velg lyse rosa som fyllfarge. Velg bruker Direct Selection Tool (A) bare de to punktene som er angitt av formen i ryggen og flytte dem 1px til venstre ved å trykke på venstre piltast på tastaturet samtidig.

Deretter Kopier og lim inn Back (Ctrl + B) rett stropp og endre fyllfargen. Bruk Direct Selection Tool (A) for å velge bare de fire punktene indikert og flytte dem 1px til venstre for å avsløre litt av den rosa form i ryggen.

Trinn 4

Kopier og lim inn Back (Ctrl + B) rett indre stroppen, slette eksisterende skinn og velg skyggen av rosa angitt som fyllfargen. Bruk Direct Selection Tool (A) for å velge bare de to punktene uthevet og flytte dem 1PX opp ved å trykke pil opp-tasten på tastaturet samtidig.

Deretter Kopier og lim inn Back (Ctrl + B) venstre indre stroppen og endre fyllfargen. Denne gangen flytter hele indre stropp (ikke kopi) til høyre ved å trykke høyre piltast én gang.

12. Opprett Toe Bar &
Trinn 1

Grab Ellipse Tool (L) og trekker to små sirkler har dimensjoner som vist. Ordne dem som nedenfor og fylle dem med radial gradient vist.

Trinn 2

Nå, med Pen Tool (P) tegne en bane mellom hullet og stroppene som i bildet. Sett Stroke Vekt til 4.5pt og trykk på Round Cap alternativ i Strek-panelet. Fra Object > Utvid og opp gruppe deretter fylle den resulterende form med mørk rosa. Flytt tå bar bak stroppene.

Trinn 3

Kopier og lim inn tå bar Front (Ctrl + F) og skalere det litt. Bytt fyllfargen med graderingen vist deretter sette den til Blending Mode Lighten og redusere Opacity til 75%.

Trinn 4

Tegn to ellipser med Ellipse Tool (L) på bunnen av de indre stropper og fylle dem med fargen angitt.

13. Legg Høydepunkter på stroppene

Trinn 1

Grip Pen Tool (P) og trekker to baner følgende kantene av stroppene som i neste bilde. Stroke disse baner med " Blend Art pensel " brukt tidligere da sette vekten til 0.25pt og Blending Mode til overlegg.

Trinn 2

Tegn to andre baner følgende kantene av stropper og stryke dem med samme " Blend Art pensel ". Sett vekten til 0.25pt og redusere Opacity til 75%.

14. Lag en skinnende utseende

Trinn 1

Ta rektangelverktøyet (M) og tegne et rektangel over den høyre stroppen som på bildet. Fyll den med lineær gradient vist deretter sette den til Blending Mode Lighten og redusere Opacity til 60%.

Trinn 2

Tegn en mindre rektangel på toppen og velg hvit som fyllfarge. Sett den til Blending Mode overlegg og redusere Opacity til 50%.

Trinn 3

Kopier og lim inn Forsiden (Ctrl + F) rett stropp og slette alle eksisterende opptredener. Ta det foran alt ved å gå til Object > Ordne> Legg foran. Nå velger de to rektangler og kopien av stroppen og gå til Object > Klipping Mask> Lag.

Trinn 4

Noe lignende skjer på venstre side. Først tegne rektangelet og fylle det med det samme gradient. Juster vinkelen deretter sette den til Blending Mode Lighten og redusere Opacity til 40%. Lag en kopi av den venstre stropp og bringe den til fronten som du gjorde tidligere. Nå velger rektangelet og også kopi av stroppen og gå til Object > Klipping Mask> Lag.

15. Legg Shadows

Trinn 1

Velg de to formene bak de indre stropper deretter Kopier og lim dem på Back (Ctrl + B). Gi dem en svart fyll deretter gå til Effect > Blur> Gaussian Blur og bruke en 4px Radius.

Trinn 2

Vi ønsker ikke blur til å være synlig i enkelte områder, og derfor vi kommer til å fikse dette med en maske. Først Kopier og lim inn Forsiden (Ctrl + F) sålen-form og slette alle eksisterende opptredener. Velg de to figurer med uskarphet søkt og også kopi av sålen (som skal være foran dem) og gå til Object > Klipping Mask> Lag.

Trinn 3

Kopier og lim inn Back (Ctrl + B) venstre stropp, gi det en svart fyll og flytte den til høyre. Bruke Pen Tool (P) trekke de to andre figurer som vi trenger, en bak venstre indre stropp og en bak tå bar.

Trinn 4

Opprett en ny kopi av den eneste (ingen slag, uten fyll) da Group (Ctrl + G) i andre og tredje svarte figurer. Velg denne gruppen og kopi av sålen og trykk Snitt i Pathfinder-panelet. Du vil få en sammensatt bane, men gå til Object > Sammensatt bane og velg Frigi. Du skal nå ha tre figurer som du vil skape skygge for den indre stroppen, for venstre stropp og for toe bar.

Trinn 5

Fyll disse tre figurer med lineær gradient vist og justere vinkelen i henhold til plasseringen av hver form. Sett dem til Blending Mode Multiply (hvit blir gjennomsiktig) og redusere Opacity til 35%.

16. Lag Sole av Flip Flop

Trinn 1

Kopier og lim inn Back (Ctrl + B) den eneste-form (innersålen) og fylle den med fargen angitt. Flytt denne formen litt ned og til høyre som på bildet. Dette vil være yttersåle.

Trinn 2

Kopier og lim inn Back (Ctrl + B) innersålen igjen. Velg en 0.5pt hvit strek, slette eksisterende fyllfarge og sett Opacity til 75%. Flytt denne formen litt ned og til høyre før det er i midten av sålen. Deretter Kopier og lim inn Forsiden (Ctrl + F) yttersålen og sette fyllstykke og slag til ingen. Velg den hvite banen og kopi av den ytre såle og gå til Object > Klipping Mask> Lag.

17. Komponer Beach Ikon

Trinn 1

flip flop er nå klart og du kan opprette sin paret. Først Group (Ctrl + G) alle figurene som utgjør riktig flip flop og gå til Object > Transform> Reflect. Sjekk Vertikal deretter traff Kopier og du vil få igjen flip flop. Ordne stranden flip flops over base som du har opprettet for å komponere ikonet.

Trinn 2

Velg riktig yttersåle og gå til Effect > Stylize> Drop Shadow. Påfør innstillingene som vises og trykk OK. Gjør det samme for den andre flip flop med venstre yttersåle

Trinn 3

På dette punktet ikonet stranden er klar. Du kan opprette andre størrelser hvis du vil, men først forsikre deg om at du utvider hver børste og effekten.

18. Prøv ulike design og kombinasjoner

Trinn 1

Du kan bruke en kopi av flip flop trukket for å skape ulike typer av stranden flip flops. Først erstatte fargene på innleggssåle og yttersåle for utforming av sålen denne gangen har jeg brukt mye av fargerike sirkler deretter bruke en kopi av sålen for å maskere dem. Også fargelegge stroppene og tå bar ved hjelp av nyanser av grønt indikert. Hvis du trenger mer informasjon du kan bruke referansen illustratør fil.

Trinn 2

Når du er ferdig med den rette flip flop reflektere det som du gjorde tidligere. Denne gangen har jeg flyttet yttersåle i venstre flip flop på høyre side for et annet utseende. På slutten bruke Drop Shadow effekt.

Trinn 3

Her er et annet eksempel. Fargene jeg har brukt er listet opp nedenfor, men selvfølgelig, du er fri til å bruke alle fargene du ønsker. Som design jeg brukte et fotavtrykk består av rektangler og ellipser.

Trinn 4

Nå kan du komponere et nytt ikon ved hjelp av noen av stranden flip flops:

Gratulerer! Du er ferdig.

Den opplæringen er fullført og stranden flip flops ikonet er klar. Jeg håper at du har lært nye ting. Eksperimentere med ulike fargepaletter og funky design og se hva du kommer opp med. Jeg ville elske å se dine tegninger.