Come creare una bella icona Flip Flop in Adobe Illustrator

Segui questo tutorial e impara a disegnare una bella icona della spiaggia. Questa icona è composta da due parti principali, la base che sembra una spiaggia e le infradito da spiaggia colorate. Imparerai a creare la texture sabbiosa usando vari pennelli, i modelli disponibili in Adobe Illustrator e effetti come Film Grain e Radial Blur. Oltre a imparare a disegnare un infradito basico, creerai anche divertenti disegni colorati. Questo tutorial è ispirato alle vacanze estive e ai giorni di sole, quindi se sembra interessante cominciamo!


1. Inizia un nuovo progetto

Avvia Illustrator e vai a File> Nuovo per aprire un documento vuoto. Digita un nome e imposta le dimensioni, quindi seleziona pixel come unità e RGB come Modalità colore. Avanti, vai a Modifica> Preferenze> Generale e impostare il Incremento della tastiera a 1px. Queste impostazioni ti aiuteranno durante il processo di disegno.



2. Crea la base dell'icona

Prendi il Strumento rettangolo (M) e disegna a 256 x 256 pixel piazza. Seleziona un tratto nero per il momento poi vai a Effetto> Stilizzazione> Angoli tondi e applicare a 25px Raggio. Per espandere questo effetto, vai a Oggetto> Espandi Aspetto poi Separa (Shift + Control + G).



3. Crea la texture della sabbia

Passo 1

Riempi la forma della base con il colore indicato, quindi dai un'occhiata al Aspetto pannello. Con questo attributo di riempimento selezionato, premere il tasto Duplica elemento selezionato icona nella parte inferiore del pannello. Di conseguenza otterrai un secondo riempimento sopra. Sostituisci il colore con un motivo chiamato "Sabbia di spostamento USGS 17A"che puoi trovare in Librerie Swatch> Pattern> Grafica di base> Basic Graphics_Textures. Cambiare il Modalità di fusione per questo modello a copertura.


Passo 2

Ora, duplica il secondo attributo di riempimento come hai fatto nel passaggio precedente. Sostituisci il pattern esistente con "Stipple Fine"che puoi trovare nel Basic Graphics_Textures categoria. Impostare il Modalità di fusione a Dodge Color.


Passaggio 3

Duplica il primo attributo di riempimento e sostituisci il colore nudo con il marrone. Trascina questo attributo nella parte inferiore del pannello, quindi vai a Effetto> Distorci e trasforma> Trasforma e applicare le impostazioni mostrate di seguito. Otterrai il bordo marrone nella parte superiore destra della base.


Passaggio 4

copia e Incolla davanti (Control + F) la forma base ed elimina tutte le apparenze esistenti. Seleziona marrone come colore di riempimento, quindi vai a Effetto> Artistico> Grana del film e applicare le impostazioni mostrate. Impostato Sovrapposizione modalità di fusione.


Passaggio 5

Stiamo ancora lavorando con la forma del passaggio precedente. Seleziona un 1pt tratto bianco e impostarlo su Modalità di fusione Luce morbida.


Passaggio 6

Ora vai al Aspetto pannello e dal menu a comparsa selezionare Aggiungi nuovo riempimento. Usa il gradiente lineare mostrato e imposta l'angolo su -90 gradi. Sposta questo attributo di riempimento tra il primo riempimento e il tratto, quindi imposta il Modalità di fusione a Colore brucia e ridurre il Opacità a 50%.



4. Aggiungi dettagli alla base di sabbia

Passo 1

Ora miglioriamo il look da spiaggia sabbiosa per renderlo più realistico. Per questo, utilizzeremo alcuni pennelli artistici disponibili in Illustrator e li prenderemo uno per uno nell'ordine in cui si trovano.

Prendi il Strumento penna (P) e traccia un percorso come in basso nella parte in basso a sinistra della base. Dagli un 2pt tratto marrone (1). Traccia anche questo percorso con un pennello artistico chiamato "Inchiostro secco 2"che puoi trovare in Librerie di pennelli> Artistico> Artistic_Ink (2). Continuando a selezionare questo percorso, vai a Effetto> Sfocatura> Sfocatura radiale e applicare le impostazioni mostrate nell'immagine successiva (3). Impostare il Modalità di fusione a copertura e ridurre il Opacità a 40% (4).


Nel Sfocatura radiale finestra selezionare il Metodo di spin, Buona qualità e il Quantità di 20.


Passo 2

Disegna il secondo percorso con il Strumento penna (P) e dargli un 1pt tratto marrone (1). Questa volta usa un pennello d'arte chiamato "Gesso"che puoi trovare in Librerie di pennelli> Artistico> Artistic_ChalkCharcoalPencil. Doppio click sul tratto del pennello applicato nel Aspetto pannello per aprire il Opzioni del tratto finestra e controllare il Flip Along opzione quindi premi OK (2). Applicare di nuovo il Sfocatura radiale effetto usando le stesse impostazioni (3) quindi impostarlo su Colore brucia (4).


Passaggio 3

Continuiamo con il terzo percorso e diamo 2pt tratto marrone (1). Usa di nuovo il "Gesso" pennello d'arte per accarezzarlo (2) quindi andare a Effetto> Sfocatura> Sfocatura radiale e applicare le impostazioni mostrate nell'immagine successiva (3). Impostato Sovrapposizione modalità di fusione e ridurre il Opacità a 40% (4).


Nel Sfocatura radiale finestra selezionare il Metodo di zoom, Buona qualità e il Quantità di 20.


Passaggio 4

Prendi il Strumento penna (P) e traccia un altro percorso ondulato come di seguito. Dagli un 2pt tratto marrone (1), quindi utilizzare di nuovo il "Gesso" pennello d'arte per accarezzarlo (2). Applicare il Sfocatura radiale effetto usando le impostazioni mostrate sopra, quindi impostarlo su Colore brucia e ridurre il Opacità a 40% (3).


Passaggio 5

Disegna il prossimo percorso nella parte in basso a sinistra della base e seleziona a 1pt tratto marrone (1). Questa volta usa il "Inchiostro secco 2" pennello d'arte per accarezzarlo (2). Applicare il Sfocatura radiale effetto usando le impostazioni mostrate all'inizio di questo passaggio (4.1) quindi impostarlo su Colore brucia (4).


Passaggio 6

Non hai ancora finito. Prendi il Strumento penna (P) e traccia il prossimo percorso e seleziona un tratto marrone 2pt (1). Utilizzare il "Gesso" pennello d'arte per accarezzarlo (2) quindi applicare il Sfocatura radiale effetto (impostazioni-4.1). Impostato Modalità di fusione Brucia colore e ridurre il Opacità a 75% per questo percorso (3).


Passaggio 7

Disegna un altro percorso nella parte in alto a sinistra della base e dargli un tratto marrone di 2 punti. Utilizzare il "Inchiostro secco 2" pennello d'arte per accarezzarlo (2) quindi applicare il Sfocatura radiale effetto (impostazioni-4.1). Impostato Modalità di fusione Brucia colore (4).


Passaggio 8

Infine, disegna l'ultimo percorso nella parte in alto a destra e dargli un colpo marrone di 1 pt (1). Utilizzare il "Gesso" pennello d'arte per accarezzarlo (2) quindi applicare il Sfocatura radiale effetto (impostazioni-4.1). Impostalo su Sovrapposizione modalità di fusione (4) e hai finito con questa parte.



5. Pulisci i bordi dell'icona

Passo 1

Vogliamo i bordi puliti per questa icona, quindi abbiamo bisogno di una maschera. Primo, copia e Incolla davanti (Control + F) la forma di base ed elimina tutte le apparenze esistenti (nessun tratto, nessun riempimento). Porta questa copia di fronte a tutto andando a Oggetto> Disponi> Porta in primo piano. Avendo selezionato questa copia e anche gli otto percorsi tracciati vanno a Oggetto> Maschera di ritaglio> Rendi (Control + 7).


Passo 2

A questo punto la base dell'icona dovrebbe apparire come di seguito:



6. Aggiungi highlight all'icona

Passo 1

copia e Incolla davanti (Control + F) di nuovo la forma base ed elimina tutte le apparenze esistenti. Portalo davanti a tutto andando a Oggetto> Disponi> Porta in primo piano e darlo 1pt tratto usando qualsiasi colore (1). Prendi il Aggiungi lo strumento Punti di ancoraggio (+) e aggiungi due punti extra sui bordi sinistro e destro (2). Quindi, prendi il Scissors Tool (C) e fare clic sui quattro punti indicati per tagliare il tracciato in segmenti (3). Elimina quelli che non ti servono e mantieni solo i due percorsi mostrati di seguito (4).


Passo 2

Traccia i due percorsi ottenuti nel passaggio precedente con un pennello artistico misto che ho spiegato come creare nel tutorial sui pennelli al neon. Solo che invece di 200 x 5px questo ha le dimensioni 100 x 3 px. Impostare il Peso del colpo a 0,75 pt quindi ridurre il Opacità a 75%.



7. Aggiungi ombra sotto l'icona

Prendi il Strumento ellisse (L) e disegna un'ellisse con le dimensioni mostrate. Sposta la forma nella parte inferiore dell'icona, quindi inviala dietro a tutto andando a Oggetto> Disponi> Porta in secondo piano. Seleziona il nero come colore di riempimento, quindi vai a Effetto> Sfocatura> Sfocatura gaussiana e applicare a 10 Raggio.



8. Disegna la forma del flip flop

Passo 1

Utilizzare il Strumento ellisse (L) disegnare un'ellisse con le dimensioni mostrate. Con il Strumento di selezione diretta (A) seleziona solo i punti superiore e inferiore e trascina le maniglie per allungarle. Quindi, selezionare i due punti dal centro della forma e trascinare le maniglie per modificare la loro posizione come mostrato.


Passo 2

Prendi il Aggiungi strumento Punto di ancoraggio (+) e usalo per aggiungere due punti extra nella parte inferiore della forma della suola e regolare le maniglie se necessario. Quindi, selezionare il punto in alto con il Strumento di selezione diretta (A) e modificare la posizione delle maniglie come mostrato di seguito. Aggiungi altri due punti in alto usando il Aggiungi strumento Punto di ancoraggio (+) e spostare le maniglie come mostrato di seguito.



9. Disegna le cinghie del flip flop

Passo 1

Prendi il Strumento penna (P) e disegna due percorsi come di seguito e accarezzali con un pennello d'arte chiamato "Tapered-Sharp"che puoi trovare in Librerie di pennelli> Artistico> Artistic_Ink. Impostare il peso su 0.3pt. Dal Oggetto> Espandi Aspetto poi Separa (Shift + Control + G) due volte e otterrai le forme della cinghia.


Passo 2

Seleziona la cinghia sinistra e vai a Oggetto> Percorso> Aggiungi punti di ancoraggio quindi seleziona la fascia corretta e vai a Oggetto> Percorso> Aggiungi punti di ancoraggio due volte. Otterrai alcuni punti extra su ogni forma. Ora, usa il Strumento di selezione diretta (A) per selezionare solo i due punti evidenziati con il verde e spostarli leggermente a sinistra. Quindi, seleziona i tre punti evidenziati con il blu e spostali verso destra.


Passaggio 3

Seleziona usando il Strumento di selezione diretta (A) solo il punto evidenziato con il verde e spostalo un po 'verso il basso, poi fai la stessa cosa con i quattro punti evidenziati con il blu.


Passaggio 4

Prendi il Strumento di selezione diretta (A) e trascina una selezione come mostrato di seguito per selezionare solo i punti in quell'area e spostarli leggermente verso il basso. Infine sposta i due punti in alto uno accanto all'altro e le cinghie sono pronte.


Passaggio 5

Utilizzare il Strumento penna (P) disegnare le forme dal basso come la parte interna delle cinghie.



10. Crea il design sulla suola del flip flop

Passo 1

Ora che abbiamo la forma di base delle infradito, abbiamo bisogno di portarlo in vita. Nascondi le cinghie per il momento e concentrati sulla suola. Seleziona la tonalità di rosa indicata come colore di riempimento. Quindi, usa il Strumento penna (P) o anche il Pencil Tool (N) disegnare alcuni percorsi ondulati a caso sulla suola.


Passo 2

copia e Incolla davanti (Control + F) la forma unica e portarla davanti a tutto andando a Oggetto> Disponi> Porta in primo piano. Gruppo (Control + G) tutti i percorsi ondulati quindi selezionano la copia della suola e del gruppo e premono Dividere nel esploratore pannello. Separa (Shift + Control + G) il gruppo risultante elimina quindi le forme più grandi dall'alto e dal basso. Riempi le strisce con i colori indicati.


Passaggio 3

copia e Incolla davanti (Control + F) di nuovo la forma unica e portarla in primo piano. Riempi con il gradiente lineare mostrato usando nero e grigio (40% di nero) e impostare l'angolo su 90 gradi. Cambiare il Modalità di fusione a copertura e ridurre il Opacità a 20%.


Passaggio 4

Quindi, prendi il Strumento penna (P) e disegna un vortice segmentato come nell'immagine. Mentre i raggi del sole disegnano brevi sentieri tutt'attorno. Seleziona per tutti i percorsi a 1pt colpo di grigio chiaro e premere il tasto Tappo rotondo opzione nel Ictus pannello.



11. Colora le cinghie del flip flop

Passo 1

Per prima cosa, mostra le cinghie. Riempi la fascia destra con la tonalità di rosa indicata. Vai al Aspetto pannello e avendo selezionato questo attributo di riempimento, premere il tasto Duplica elemento selezionato icona in basso. Di conseguenza otterrai un secondo riempimento sopra. Usa un gradiente lineare dal bianco al nero, quindi impostalo su Sovrapposizione modalità di fusione e ridurre il Opacità a 20%. Ripeti la stessa cosa per la cinghia sinistra.


Passo 2

Ora seleziona la cinghia interna sinistra e riempila di rosa scuro. Duplica questo attributo di riempimento come hai fatto in precedenza e usa una sfumatura radiale dal bianco al nero questa volta. Impostalo su La modalità di fusione si moltiplica e ridurre il Opacità a 20%. Ripeti la stessa cosa per il cinturino interno giusto.


Passaggio 3

copia e Incolla sul retro (Control + B) la cinghia sinistra quindi elimina le apparenze esistenti e seleziona il rosa acceso come colore di riempimento. Seleziona usando il Strumento di selezione diretta (A) solo i due punti indicati della forma sul retro e spostali 1px a sinistra premendo il tasto Freccia sinistra tasto sulla tastiera una volta.

Il prossimo, copia e Incolla sul retro (Control + B) la cinghia giusta e cambia il colore di riempimento. Utilizzare il Strumento di selezione diretta (A) per selezionare solo i quattro punti indicati e spostarli 1px a sinistra per rivelare un po 'della forma rosa sul retro.


Passaggio 4

copia e Incolla sul retro (Control + B) il cinturino interno giusto, elimina le apparenze esistenti e seleziona la tonalità di rosa indicata come colore di riempimento. Utilizzare il Strumento di selezione diretta (A) per selezionare solo i due punti evidenziati e spostarli 1px verso l'alto premendo il tasto Freccia su tasto sulla tastiera una volta.

Il prossimo, copia e Incolla sul retro (Control + B) la cinghia interna sinistra e cambia il colore di riempimento. Questa volta spostare l'intera cinghia interna (non la copia) a destra premendo il tasto Freccia destra chiave una volta.



12. Creare la barra dei piedi

Passo 1

Prendi il Strumento ellisse (L) e disegna due piccoli cerchi con le dimensioni mostrate. Disporli come in basso e riempirli con il gradiente radiale mostrato.


Passo 2

Ora, con il Strumento penna (P) disegnare un percorso tra il buco e le cinghie come nell'immagine. Impostare il Peso del colpo a 4.5pt e premere il Tappo rotondo opzione nel Ictus pannello. Dal Oggetto> Espandi e Separa quindi riempire la forma risultante con rosa scuro. Spostare la barra dei piedi dietro le cinghie.


Passaggio 3

copia e Incolla davanti (Control + F) la barra dei piedi e ridimensionarla un po '. Sostituisci il colore di riempimento con la sfumatura mostrata, quindi impostalo su Modalità di fusione Schiarisci e ridurre il Opacità a 75%.


Passaggio 4

Disegna due ellissi con il Strumento ellisse (L) nella parte inferiore delle cinghie interne e riempirle con il colore indicato.



13. Aggiungi punti salienti sulle cinghie

Passo 1

Prendi il Strumento penna (P) e traccia due percorsi seguendo i bordi delle cinghie come nell'immagine successiva. Traccia questi percorsi con il pennello "Blend Art" usato in precedenza, quindi imposta il peso su 0.25pt e il Modalità di fusione a copertura.


Passo 2

Disegna altri due percorsi seguendo i bordi delle cinghie e accarezzali con lo stesso "pennello Blend Art". Impostare il peso su 0.25pt e ridurre il Opacità a 75%.



14. Crea un aspetto lucido

Passo 1

Prendi il Strumento rettangolo (M) e disegna un rettangolo sopra il cinturino destro come nell'immagine. Riempilo con il gradiente lineare mostrato, quindi impostalo su Modalità di fusione Schiarisci e ridurre il Opacità a 60%.


Passo 2

Disegna un rettangolo più piccolo sopra e seleziona il bianco come colore di riempimento. Impostalo su Sovrapposizione modalità di fusione e ridurre il Opacità a 50%.


Passaggio 3

copia e Incolla davanti (Control + F) la cinghia giusta ed elimina tutte le apparenze esistenti. Portalo davanti a tutto andando a Oggetto> Disponi> Porta in primo piano. Ora, seleziona i due rettangoli e la copia della cinghia e vai a Oggetto> Maschera di ritaglio> Crea.


Passaggio 4

Qualcosa di simile accade sul lato sinistro. Innanzitutto, disegna il rettangolo e riempilo con lo stesso gradiente. Regola l'angolo, quindi impostalo su Modalità di fusione Schiarisci e ridurre il Opacità a 40%. Fai una copia della cinghia sinistra e portala davanti come hai fatto prima. Ora seleziona il rettangolo e anche la copia della tracolla e vai a Oggetto> Maschera di ritaglio> Crea.



15. Aggiungi ombre

Passo 1

Seleziona le due forme dietro le cinghie interne quindi copia e Incolla loro in Indietro (Control + B). Dare loro un riempimento nero quindi andare a Effetto> Sfocatura> Sfocatura gaussiana e applicare a Raggio 4px.


Passo 2

Non vogliamo che la sfocatura sia visibile in alcune aree e quindi la sistemeremo con una maschera. Primo, copia e Incolla davanti (Control + F) la forma unica e cancella tutte le apparenze esistenti. Seleziona le due forme con la sfocatura applicata e anche la copia della suola (che dovrebbe essere di fronte a loro) e vai a Oggetto> Maschera di ritaglio> Crea.


Passaggio 3

copia e Incolla sul retro (Control + B) il cinturino sinistro, dargli un riempimento nero e spostarlo a destra. Usando il Strumento penna (P) disegna le altre due forme di cui abbiamo bisogno, una dietro la cinghia interna sinistra e una dietro la punta.


Passaggio 4

Crea un'altra copia della suola (nessun tratto, nessun riempimento) quindi Gruppo (Control + G) la seconda e la terza forma nera. Seleziona questo gruppo e la copia della suola e premi intersecare nel esploratore pannello. Avrai un percorso composto ma vai Oggetto> Percorso composto e selezionare pubblicazione. Ora dovresti avere tre forme con le quali creerai l'ombra per il cinturino interno, per il cinturino sinistro e per il puntale.


Passaggio 5

Riempi queste tre forme con il gradiente lineare mostrato e regola l'angolo in base alla posizione di ogni forma. Impostali su La modalità di fusione si moltiplica (il bianco diventa trasparente) e ridurre il Opacità a 35%.



16. Crea la suola del flip flop

Passo 1

copia e Incolla sul retro (Control + B) la forma della suola (soletta) e riempirla con il colore indicato. Sposta questa forma leggermente verso il basso e verso destra come nell'immagine. Questa sarà la suola esterna.


Passo 2

copia e Incolla sul retro (Control + B) la soletta di nuovo. Seleziona un 0.5pt tratto bianco, eliminare il colore di riempimento esistente e impostare il Opacità al 75%. Sposta questa forma leggermente verso il basso e verso destra finché non si trova al centro della suola. Il prossimo, copia e Incolla davanti (Control + F) la suola esterna e imposta il riempimento su none e il tratto su none. Seleziona il percorso bianco e la copia della suola esterna e vai a Oggetto> Maschera di ritaglio> Crea.



17. Componi l'icona della spiaggia

Passo 1

L'infradito è ora pronto e puoi creare la sua coppia. Primo Gruppo (Control + G) tutte le forme che compongono la giusta infradito e vai a Oggetto> Trasforma> Rifletti. Dai un'occhiata Verticale poi colpisci copia e otterrai il flip flop sinistro. Disporre le infradito da spiaggia sopra la base che hai creato per comporre l'icona.


Passo 2

Seleziona la suola esterna giusta e vai a Effetto> Stilizzazione> Sfalsa ombra. Applicare le impostazioni mostrate e premere OK. Fai la stessa cosa per le altre infradito usando la suola esterna sinistra


Passaggio 3

A questo punto l'icona della spiaggia è pronta. Puoi creare altri formati se vuoi, ma prima assicurati di espandere ogni pennello ed effetto applicato.



18. Prova diversi disegni e combinazioni

Passo 1

È possibile utilizzare una copia delle infradito disegnate per creare vari tipi di infradito da spiaggia. Per prima cosa sostituisci i colori della soletta e della suola esterna. Per il design della soletta questa volta ho usato un sacco di cerchi colorati quindi uso una copia della suola per mascherarli. Ricolora anche le cinghie e la barra dei piedi utilizzando le tonalità di verde indicate. Se hai bisogno di maggiori informazioni puoi usare il file illustratore di riferimento.


Passo 2

Quando hai finito con la giusta flip flop rifletterlo come hai fatto prima. Questa volta ho spostato la suola esterna del flip flop sinistro sul lato destro per un look diverso. Alla fine applicare il Ombra esterna effetto.


Passaggio 3

Ecco un altro esempio. I colori che ho usato sono elencati di seguito ma, ovviamente, sei libero di usare qualsiasi colore desideri. Come design ho usato un footprint composto da rettangoli ed ellissi.


Passaggio 4

Ora puoi comporre una nuova icona usando una delle infradito da spiaggia:



Congratulazioni! Hai finito.

Il tutorial è completato e l'icona di infradito da spiaggia è pronta. Spero che tu