Slik lager du en vakker flip-flop-ikon i Adobe Illustrator

Følg denne veiledningen og lær hvordan du tegner et vakkert strandikon. Dette ikonet består av to hoveddeler, basen som ser ut som en strand og den fargerike stranden flip flops. Du lærer å lage sandig tekstur ved hjelp av ulike børster, mønstre som er tilgjengelige i Adobe Illustrator og effekter som filmkorn og Radial Blur. I tillegg til å lære å tegne en grunnleggende flip-flop, vil du også skape morsomme fargerike design. Denne opplæringen er inspirert fra sommerferie og solfylte dager, så hvis det høres interessant ut, la oss begynne!


1. Start et nytt prosjekt

Start Illustrator og gå til Fil> Ny å åpne et tomt dokument. Skriv inn et navn og sett opp dimensjonene og velg deretter piksler som enheter og RGB som Fargemodus. Deretter går til Rediger> Innstillinger> Generelt og sett Tastaturøkning til 1px. Disse innstillingene vil hjelpe deg gjennom tegningsprosessen.



2. Lag grunnlaget for ikonet

Ta tak i Rektangelverktøy (M) og tegne a 256 x 256px torget. Velg et svart slag for øyeblikket og gå til Effekt> Stylize> Round Corners og søk a 25px radius. For å utvide denne effekten, gå til Objekt> Utvid Utseende deretter Ungroup (Shift + Control + G).



3. Lag Sand Texture

Trinn 1

Fyll basisformen med den angitte fargen, ta en titt på Utseende panel. Med denne fylleattributtet valgt, trykk på Kopier det valgte elementet ikonet nederst på panelet. Som et resultat vil du få en ny fylling over. Bytt farge med et mønster som heter "USGS 17A Shifting Sand"som du kan finne i Swatch-biblioteker> Mønstre> Grunnleggende grafikk> Grunnleggende grafikk_tekster. Endre Blandingsmodus for dette mønsteret til overlegg.


Steg 2

Kopier nå det andre fylleattributtet som du gjorde i forrige trinn. Erstatt eksisterende mønster med "Stipple Fine"som du finner i Grunnleggende Graphics_Textures kategori. Sett Blandingsmodus til Color Dodge.


Trinn 3

Dupliser den første fylleattributtet og erstatt nøgenfargen med brun. Dra denne attributtet nederst på panelet, og gå til Effekt> Distort & Transform> Transform og bruk innstillingene som vises nedenfor. Du får den brune kanten på øvre høyre side av basen.


Trinn 4

Kopiere og Lim inn foran (Control + F) basen form og slett alle eksisterende utseende. Velg brun som fyllfarge og gå til Effekt> Kunstnerisk> Filmkorn og bruk innstillingene som vises. Satt til Blending Mode Overlay.


Trinn 5

Vi jobber fortsatt med formen fra det forrige trinnet. Velg en 1pt hvitt slag og sett det til Blending Mode Soft Light.


Trinn 6

Nå, gå til Utseende panelet og fra flytmenyen, velg Legg til ny fylling. Bruk den viste lineære gradienten og sett vinkelen til -90 grader. Flytt denne fylleattributtet mellom den første fyllingen og streken, og sett deretter Blandingsmodus til Fargeforbrenning og redusere opacity til 50%.



4. Legg til detaljer for sandbunnen

Trinn 1

La oss nå forbedre sandstrandens utseende for å gjøre det mer realistisk. For dette vil vi bruke noen kunstbørster tilgjengelig i Illustrator, og vi vil ta dem en etter en i den rekkefølgen de er i.

Ta tak i Pennverktøyet (P) og tegne en bane som under nederst på venstre side av bunnen. Gi det en 2PT brunt slag (1). Slå også denne banen med en kunstpensel kalt "Tørk blekk 2"som du kan finne i Penselbiblioteker> Kunstnerisk> Artistic_Ink (2). Fortsett å ha denne banen valgt, gå til Effekt> Uklarhet> Radial uskarphet og bruk innstillingene som vises i neste bilde (3). Sett Blandingsmodus til overlegg og redusere opacity til 40% (4).


I Radial uskarphet vindu velg Spin Metode, God kvalitet og Beløp av 20.


Steg 2

Tegn den andre banen med Pennverktøyet (P) og gi den en 1pt brunt slag (1). Denne gangen bruker du en kunst pensel kalt "Kritt"som du kan finne i Penselbiblioteker> Kunstnerisk> Artistic_ChalkCharcoalPencil. Dobbeltklikk på penselslaget som er påført i Utseende panel for å åpne Strekalternativer vindu og sjekk Flip Along alternativet og trykk deretter OK (2). Påfør igjen Radial uskarphet effekt ved å bruke de samme innstillingene (3) og sett den til Fargeforbrenning (4).


Trinn 3

La oss fortsette med den tredje banen og gi den 2PT brunt slag (1). Bruk igjen "Kritt" kunst pensel å strekke det (2) og deretter gå til Effekt> Uklarhet> Radial uskarphet og bruk innstillingene som vises i neste bilde (3). Satt til Blending Mode Overlay og redusere opacity til 40% (4).


I Radial uskarphet vindu velg Zoom metode, God kvalitet og Beløp av 20.


Trinn 4

Ta tak i Pennverktøyet (P) og tegne en annen bølgende bane som nedenfor. Gi det en 2PT brunt slag (1), bruk deretter igjen "Kritt" kunst pensel å stryke den (2). Påfør Radial uskarphet effekt ved å bruke innstillingene som vises ovenfor og sett den til Fargeforbrenning og redusere opacity til 40% (3).


Trinn 5

Tegn neste sti nederst på venstre side av basen, og velg en 1pt brunt slag (1). Denne gangen bruker du "Tørk blekk 2" kunst pensel å stryke den (2). Påfør Radial uskarphet effekt ved å bruke innstillingene som vises i begynnelsen av dette trinnet (4.1) og sett det til Fargeforbrenning (4).


Trinn 6

Du er ikke ferdig ennå. Ta Pennverktøyet (P) og tegne den neste banen og velg et 2pt brunt slag (1). Bruke "Kritt" kunst pensel å stryke den (2) og bruk deretter Radial uskarphet effekt (innstillinger-4.1). Satt til Blending Mode Color Burn og redusere opacity til 75% for denne banen (3).


Trinn 7

Tegn en annen bane i øvre venstre side av bunnen og gi den en 2pt brunt slag. Bruke "Tørk blekk 2" kunst pensel å stryke den (2) og bruk deretter Radial uskarphet effekt (innstillinger-4.1). Satt til Blending Mode Color Burn (4).


Trinn 8

Til slutt trekker du den siste banen i øvre høyre side og gir den 1pt brunt slag (1). Bruke "Kritt" kunst pensel å stryke den (2) og bruk deretter Radial uskarphet effekt (innstillinger-4.1). Sett den til Blending Mode Overlay (4) og du er ferdig med denne delen.



5. Ryd opp kantene på ikonet

Trinn 1

Vi vil ha rene kanter for dette ikonet derfor trenger vi en maske. Først, Kopiere og Lim inn foran (Control + F) basen form og slette alle eksisterende utseende (ingen slag, ingen fylling). Ta med denne kopien foran alt ved å gå til Objekt> Arranger> Ta med til fronten. Å ha denne kopien valgt og også de åtte strekkene går til Objekt> Clipping Mask> Make (Control + 7).


Steg 2

På dette punktet bør basen av ikonet se ut nedenfor:



6. Legg til høydepunkter i ikonet

Trinn 1

Kopiere og Lim inn foran (Control + F) Basen formen igjen og slett alle eksisterende utseende. Ta det foran alt ved å gå til Objekt> Arranger> Ta med til fronten og gi den 1pt strekk ved hjelp av hvilken som helst farge (1). Ta Legg til Anchor Points Tool (+) og legg til to ekstra poeng på venstre og høyre kant (2). Deretter ta tak i Saksverktøy (C) og klikk på de fire punktene som er angitt for å kutte banen inn i segmenter (3). Slett de som du ikke trenger, og hold bare de to banene som vises nedenfor (4).


Steg 2

Slå på de to banene som ble oppnådd i det forrige trinnet med en blandingstekst pensel som jeg har forklart hvordan du lager i min neon art brushes opplæring. Bare i stedet for 200 x 5px har denne dimensjonene 100 x 3px. Sett Stroke Weight til 0,75 pt deretter redusere opacity til 75%.



7. Legg til skygge under ikonet

Ta tak i Ellipseverktøyet (L) og tegne en ellipse med de viste dimensjonene. Flytt formen nederst på ikonet og send det bak alt ved å gå til Objekt> Ordne> Send til Tilbake. Velg svart som fyllfarge og gå til Effekt> Uklarhet> Gaussisk uskarphet og søk a 10 radius.



8. Tegn flippflopens form

Trinn 1

Bruke Ellipseverktøyet (L) å tegne en ellipse med de viste dimensjonene. Med Direkte utvalgsverktøy (A) velg bare topp- og bunnpunktene og dra håndtakene sine for å gjøre dem lengre. Velg deretter de to punktene fra midten av formen og dra håndtakene for å endre posisjonen som vist.


Steg 2

Ta tak i Legg til ankerpunktsverktøy (+) og bruk den til å legge to ekstra punkter i bunnen av sålen og juster håndtakene om nødvendig. Deretter velger du toppunktet med Direkte utvalgsverktøy (A) og endre håndtakets posisjon som vist nedenfor. Legg til andre to punkter øverst ved hjelp av Legg til ankerpunktsverktøy (+) og flytt håndtakene som vist nedenfor.



9. Tegn stroppene på Flip Flop

Trinn 1

Ta Pennverktøyet (P) og tegne to baner som under og strekk dem med en kunst pensel kalt "Tapered-Sharp"som du kan finne i Penselbiblioteker> Kunstnerisk> Artistic_Ink. Sett vekten til 0.3pt. Fra Objekt> Utvid Utseende deretter Ungroup (Shift + Control + G) to ganger, og du vil få stroppene.


Steg 2

Velg venstre stropp og gå til Objekt> Sti> Legg til ankerpoeng velg deretter den riktige stroppen og gå til Objekt> Sti> Legg til ankerpoeng to ganger. Du får noen ekstra poeng på hver form. Bruk nå Direkte utvalgsverktøy (A) for å velge bare de to punktene som er markert med grønt og flytte dem litt til venstre. Deretter velger du de tre punktene som er markert med blå og flytter dem til høyre.


Trinn 3

Velg å bruke Direkte utvalgsverktøy (A) bare poenget markert med grønt og flytte det litt ned og gjør det samme med de fire punktene markert med blått.


Trinn 4

Ta tak i Direkte utvalgsverktøy (A) og dra et valg som vist nedenfor for å velge bare poengene i det området og flytte dem litt ned. Endelig flytte de to punktene fra toppen ved siden av hverandre og stroppene er klare.


Trinn 5

Bruke Pennverktøyet (P) å tegne figurene underfra som den indre delen av stroppene.



10. Lag designet på Sole of the Flip Flop

Trinn 1

Nå som vi har den grunnleggende formen på flippen, må vi bringe den til liv. Skjul stroppene for øyeblikket og fokus på sålen. Velg skyggen av rosa angitt som fyllfarge. Deretter bruker du Pennverktøyet (P) eller til og med Blyantverktøy (N) å tegne noen bølgende stier tilfeldig over sålen.


Steg 2

Kopiere og Lim inn foran (Control + F) den eneste form og ta den foran alt ved å gå til Objekt> Arranger> Ta med til fronten. Gruppe (Kontroll + G) Alle bølgende baner velger deretter kopien av sålen og gruppen og trykker på Dele opp i Pathfinder panel. Ungroup (Shift + Control + G) Den resulterende gruppen slett deretter de større figurene fra toppen og bunnen. Fyll stripene med de angitte fargene.


Trinn 3

Kopiere og Lim inn foran (Control + F) den eneste formen igjen og ta den til forsiden. Fyll den med den lineære gradienten vist med svart og grått (40% svart) og sett vinkelen til 90 grader. Endre Blandingsmodus til overlegg og redusere opacity til 20%.


Trinn 4

Deretter tar du Pennverktøyet (P) og tegne en segmentert virvel som i bildet. Som solstrålene tegner korte stier rundt. Velg for alle stiene a 1pt lys grå slag og trykk på Round Cap alternativ i Stroke panel.



11. Farg remmene på flip-flopen

Trinn 1

Først unhide stroppene. Fyll den rette stroppen med skyggen av rosa angitt. Gå til Utseende panelet og ha dette fylleattributtet valgt, trykk på Kopier det valgte elementet ikon nederst. Som et resultat vil du få en ny fylling over. Bruk en lineær gradient fra hvit til svart og sett den til Blending Mode Overlay og redusere opacity til 20%. Gjenta det samme for venstre rem.


Steg 2

Velg nå venstre indre stropp og fyll den med mørkrosa. Dupliser dette fyllingsattributtet som du gjorde tidligere, og bruk en radial gradient fra hvitt til svart denne gangen. Sett den til Blending Mode Multiply og redusere opacity til 20%. Gjenta det samme for høyre indre stropp.


Trinn 3

Kopiere og Lim inn i baksiden (Kontroll + B) den venstre remmen sletter så de eksisterende utseendet og velger lys rosa som fyllfarge. Velg å bruke Direkte utvalgsverktøy (A) bare de to punktene angitt av formen i ryggen og flytte dem 1px til venstre ved å trykke på Venstre pil tast på tastaturet en gang.

neste, Kopiere og Lim inn i baksiden (Kontroll + B) den rette stroppen og endre fyllfarge. Bruke Direkte utvalgsverktøy (A) for å velge bare de fire punktene som er angitt og flytte dem 1px til venstre for å avsløre litt av den rosa figuren i ryggen.


Trinn 4

Kopiere og Lim inn i baksiden (Kontroll + B) Den høyre indre stroppen, slett de eksisterende utseendet og velg skyggen av rosa angitt som fyllfarge. Bruke Direkte utvalgsverktøy (A) for å velge bare de to punktene uthevet og flytte dem 1px opp ved å trykke på Pil opp tast på tastaturet en gang.

neste, Kopiere og Lim inn i baksiden (Kontroll + B) venstre indre stropp og endre fyllfarge. Denne gangen beveger du hele indre stroppen (ikke kopien) til høyre ved å trykke på Høyre pil nøkkel en gang.



12. Lag tånefeltet

Trinn 1

Ta tak i Ellipseverktøyet (L) og tegne to små sirkler med de viste dimensjonene. Ordne dem som under og fyll dem med den viste radiale gradienten.


Steg 2

Nå, med Pennverktøyet (P) tegne en bane mellom hullet og stroppene som i bildet. Sett Stroke Weight til 4.5pt og trykk på Round Cap alternativ i Stroke panel. Fra Objekt> Utvid og Del opp gruppe fyll deretter den resulterende formen med mørkrosa. Flytt tåstangen bak stroppene.


Trinn 3

Kopiere og Lim inn foran (Control + F) tåbjelken og skala den litt. Bytt fyllfarge med den viste gradienten og sett den på Blendingsmodus Lysere og redusere opacity til 75%.


Trinn 4

Tegn to ellipser med Ellipseverktøyet (L) på bunnen av de indre stroppene og fyll dem med den angitte fargen.



13. Legg til høydepunkter på stroppene

Trinn 1

Ta tak i Pennverktøyet (P) og tegne to baner etter kantene på stroppene som i neste bilde. Slå på disse stiene med "Blend Art brush" brukt tidligere, og sett vekten til 0.25pt og Blandingsmodus til overlegg.


Steg 2

Tegn andre to baner etter kantene på stroppene og slå dem med samme "Blend Art brush". Sett vekten til 0.25pt og redusere opacity til 75%.



14. Lag en blank utseende

Trinn 1

Ta Rektangelverktøy (M) og trekk et rektangel over høyre stropp som i bildet. Fyll den med den lineære gradienten som vises, og sett den til Blendingsmodus Lysere og redusere opacity til 60%.


Steg 2

Tegn et mindre rektangel på toppen og velg hvitt som fyllfarge. Sett den til Blending Mode Overlay og redusere opacity til 50%.


Trinn 3

Kopiere og Lim inn foran (Control + F) den rette stroppen og slett alle eksisterende utseende. Ta det foran alt ved å gå til Objekt> Arranger> Ta med til fronten. Nå, velg de to rektanglene og kopien av stroppen og gå til Objekt> Clipping Mask> Make.


Trinn 4

Noe lignende skjer på venstre side. Først trekk rektangelet og fyll det med samme gradient. Juster vinkelen og sett den til Blendingsmodus Lysere og redusere opacity til 40%. Lag en kopi av venstre rem og ta den til front som du gjorde tidligere. Nå, velg rektangelet og også kopien av stroppen og gå til Objekt> Clipping Mask> Make.



15. Legg til skygger

Trinn 1

Velg de to figurene bak de indre stroppene da Kopiere og Lim inn dem i baksiden (kontroll + b). Gi dem en svart fyll og gå til Effekt> Uklarhet> Gaussisk uskarphet og søk a 4px Radius.


Steg 2

Vi vil ikke at uskarpheten skal være synlig på enkelte områder, og derfor skal vi fikse dette med en maske. Først, Kopiere og Lim inn foran (Control + F) den eneste form og slette alle eksisterende utseende. Velg de to figurene med uskarpt påføring og også kopien av sålen (som skal være foran dem) og gå til Objekt> Clipping Mask> Make.


Trinn 3

Kopiere og Lim inn i baksiden (Kontroll + B) den venstre stroppen, gi den en svart fyll og flytt den til høyre. Bruker Pennverktøyet (P) tegne de to andre formene vi trenger, en bak den venstre indre stroppen og den ene bak tåen.


Trinn 4

Lag en annen kopi av sålen (ingen slag, ingen fylling) da Gruppe (Kontroll + G) den andre og tredje svarte figuren. Velg denne gruppen og kopien av sålen og trykk på Krysse i Pathfinder panel. Du vil få en sammensatt sti, men gå til Objekt> sammensatt sti og velg Utgivelse. Du bør nå ha tre former som du vil skape skyggen til den indre stroppen, til venstre stropp og til tåbjelken.


Trinn 5

Fyll disse tre figurene med den lineære gradienten som er vist og juster vinkelen i henhold til posisjonen til hver form. Sett dem til Blending Mode Multiply (hvitt blir gjennomsiktig) og redusere opacity til 35%.



16. Lag Sole of Flip Flop

Trinn 1

Kopiere og Lim inn i baksiden (Kontroll + B) den eneste formen (innersålen) og fyll den med den angitte fargen. Flytt denne formen litt ned og til høyre som i bildet. Dette vil være ytre sålen.


Steg 2

Kopiere og Lim inn i baksiden (Kontroll + B) innsolen igjen. Velg en 0.5pt hvitt slag, slett den eksisterende fyllfargen og sett inn opacity til 75%. Flytt denne formen litt ned og til høyre til den er i midten av sålen. neste, Kopiere og Lim inn foran (Control + F) ytre solen og sett fyllingen til ingen og slaget til ingen. Velg den hvite stien og kopien av ytre solen og gå til Objekt> Clipping Mask> Make.



17. Skriv ut strandikonet

Trinn 1

Flippen er nå klar, og du kan lage paret. Først Gruppe (Kontroll + G) alle former som utgjør den høyre flippen og går til Objekt> Transformere> Reflektere. Kryss av vertikal deretter treffer Kopiere og du vil få venstre flip-flop. Ordne strandflippene over basen du har opprettet for å komponere ikonet.


Steg 2

Velg høyre ytre såle og gå til Effekt> Stylize> Drop Shadow. Bruk innstillingene som vises, og trykk OK. Gjør det samme for den andre flipflopen med den venstre ytre sålen


Trinn 3

På dette punktet er strandikonet klart. Du kan opprette andre størrelser hvis du vil, men først sørg for at du utvider hver børste og effekt som brukes.



18. Prøv forskjellige design og kombinasjoner

Trinn 1

Du kan bruke en kopi av flippen som er tegnet for å skape ulike typer strandflip-flops. Først bytt ut fargene på innersålen og ytre sålen. For design av innersålen denne gangen har jeg brukt mange fargerike sirkler, og bruk en kopi av sålen til å maskere dem. Løsne også stroppene og tåbjelken med nyanser av det grønne som er angitt. Hvis du trenger mer informasjon, kan du bruke referanse illustratorfilen.


Steg 2

Når du er ferdig med den riktige flippen, reflekterer den som du gjorde tidligere. Denne gangen har jeg flyttet ytre solen til venstre flip-flop i høyre side for et annet utseende. På slutten gjelder Drop Shadow effekt.


Trinn 3

Her er et annet eksempel. Fargene jeg har brukt er oppført nedenfor, men du er selvfølgelig fri til å bruke noen farger du ønsker. Som designet brukte jeg et fotavtrykk som består av rektangler og ellipser.


Trinn 4

Nå kan du skrive et nytt ikon ved hjelp av noen av flippene til stranden:



Gratulerer! Du er ferdig.

Opplæringen er fullført, og ikonet for strandflip-flops er klart. Jeg håper at du har lært nye ting. Eksperimenter med forskjellige fargepaletter og funky design og se hva du kommer opp med. Jeg vil gjerne se tegningene dine.