Share
Nel seguente tutorial ti mostrerò come creare un'icona del ciuccio. Imparerai a utilizzare tecniche di costruzione di forme vettoriali professionali, risparmiando tempo con gli strumenti di Illustrator e come aggiungere quei dettagli che rendono l'immagine finale pop.
Crea un documento RGB 255 x 255 px. Per prima cosa, attiva la griglia (Visualizza> Mostra griglia) e la funzione Blocca sulla griglia (Visualizza> Blocca sulla griglia). Successivamente, avrai bisogno di una griglia ogni 1 pixel. Vai a Modifica> Preferenze> Guide e griglia, inserisci 1 nella griglia ogni casella e 1 nella casella Sottori.
Puoi anche aprire il pannello Informazioni (Finestra> Informazioni) per un'anteprima dal vivo con le dimensioni e la posizione delle tue forme. Non dimenticare di sostituire l'unità di misura in pixel da Modifica> Preferenze> Unità> Generale. Tutte queste opzioni aumenteranno significativamente la tua velocità di lavoro.
Per prima cosa, vai al pannello Aspetto o sulla barra degli strumenti e rimuovi il colore per il tratto. Quindi, seleziona lo strumento Ellisse (M) e crea una forma da 90 per 125 pixel. Riempi con nessuno e aggiungi un tratto 8pt. Imposta il suo colore su R = 43, G = 57, B = 144.
Ora vai al pannello Traccia e fai clic sul pulsante Allinea tratto a interno. Continuare con lo strumento selezione diretta (A). Seleziona il punto di ancoraggio superiore e spostalo verso il basso di 40 px.
Seleziona lo strumento Rettangolo (M) e crea una forma da 26 per 25 pixel. Riempilo con R = 28, G = 117, B = 188. Posizionalo come mostrato nell'immagine seguente. È molto importante posizionarlo come mostrato di seguito, quindi dai uno sguardo più da vicino alla griglia per ottenere il posto esatto.
Continuare con lo strumento Rettangolo (M) e creare una seconda forma. Rendilo largo 37px e alto 20px, riempilo con R = 43, G = 57, B = 144. Ora posizionalo come mostrato nell'immagine seguente. Lascia uno spazio di 15px tra il lato inferiore di questa nuova forma e il lato inferiore della forma creata nel passaggio precedente.
Continua con lo strumento Rettangolo (M) e crea una terza forma. Rendilo ampio 48px e alto 20px, riempilo con R = 28, G = 117, B = 188. Ora posizionalo come mostrato nell'immagine seguente. Lascia uno spazio di 5px tra il lato inferiore di questa nuova forma e il lato inferiore della forma creata nel passaggio precedente.
Seleziona lo strumento Ellisse (L) e crea una forma da 110 per 40 pixel. Riempilo con R = 39, G = 170, B = 225. Ora posizionalo come mostrato nell'immagine seguente.
Seleziona lo strumento Selezione (V), seleziona tutte le forme create, quindi fai clic sul bordo della prima forma (quella con il tratto). Ora, il bordo di questa forma dovrebbe essere enfatizzato, quindi vai al pannello Allinea (Finestra> Allinea) e fai clic sul pulsante Allinea orizzontale al centro. Alla fine, tutte le forme dovrebbero essere allineate come mostrato nella seconda immagine.
Ora, aggiungiamo alcuni effetti extra per queste forme. Seleziona il rettangolo in basso e vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 5px, fai clic su OK, quindi vai su Effetto> Deformazione> Arco. Inserisci i dati mostrati sotto la prima immagine, fai clic su OK, quindi vai su Effetto> Deformazione> Arco. Ancora una volta, inserisci i dati mostrati di seguito, fai clic su OK, quindi vai su Oggetto> Espandi aspetto.
Sposta in alto, al prossimo rettangolo. Selezionalo e vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 4 pixel, fai clic su OK, quindi vai su Effetto> Deformazione> Arco. Inserisci i dati mostrati sotto la seconda immagine, fai clic su OK, quindi vai su Oggetto> Espandi aspetto.
Seleziona il rettangolo rimanente e vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 10px, fai clic su OK, quindi vai su Effetto> Deformazione> Arco. Inserisci i dati mostrati sotto la prima immagine, fai clic su OK, quindi vai su Oggetto> Espandi aspetto. Vai al cerchio spremuto. Selezionalo e vai su Effetto> Deformazione> Arco. Inserisci i dati mostrati sotto la seconda immagine, fai clic su OK, quindi vai su Oggetto> Espandi aspetto.
Scegli lo strumento Ellisse (L) e fai clic sulla tua tavola da disegno. Immettere 12.5 nella casella della larghezza e 8,5 nella casella dell'altezza, quindi fare clic su OK. Ciò creerà una forma 12,5 per 8,5 px.
Riempi con qualsiasi colore, quindi vai su Effetto> Deformazione> Arco. Inserisci i dati mostrati di seguito, fai clic su OK, quindi vai su Oggetto> Espandi aspetto. Seleziona la forma risultante e vai su Oggetto> Trasforma> Ruota. Immettere -15 nella casella Angolo, quindi fare clic su OK. Alla fine la tua forma dovrebbe assomigliare alla terza immagine mostrata.
Seleziona la forma creata nel passaggio precedente, posizionala come mostrato nella prima immagine, quindi vai su Oggetto> Trasforma> Rifletti. Controllare il pulsante Verticale, quindi fare clic sul pulsante Copia. Questo creerà una copia capovolta della tua forma. Selezionalo e spostalo a destra, come mostrato nella terza immagine.
Ora aggiungiamo un po 'di colore in più per queste forme. Seleziona la forma con il tratto e vai a Oggetto> Espandi aspetto. Riempi la forma risultante con il gradiente radiale mostrato sotto, quindi aggiungi un tratto di 0,25 pt. Allinearlo all'interno e impostare il colore su R = 6, G = 67, B = 114.
Disabilitare la griglia (Visualizza> Nascondi griglia) e lo snap alla griglia (Visualizza> Blocca sulla griglia). Seleziona la forma creata nel passaggio precedente e vai su Oggetto> Tracciato> Tracciato offset. Inserisci un offset di -1px e fai clic su OK. Seleziona la forma risultante e rimuovi il suo tratto, quindi riempilo con il bianco e abbassa la sua Opacità al 30%. Crea una copia di questa nuova forma.
Selezionalo, quindi premi una volta la freccia destra e la freccia su. Riselezionare queste due nuove forme e fare clic sul pulsante Minus Front dal pannello Pathfinder. Dovresti ottenere un gruppo con due di queste forme.
Sposta alla forma successiva. Riempilo con R = 6, G = 67, B = 114. Quindi vai su Oggetto> Percorso> Percorso offset. Immettere un offset -2px, quindi fare clic su OK. Riempi la forma risultante con il bianco e abbassa la sua opacità al 30%, quindi fai una copia in primo piano.
Seleziona questa copia e premi una volta la freccia destra e la freccia su. Riselezionare queste due nuove forme e fare clic sul pulsante Minus Front dal pannello Pathfinder. La forma risultante dovrebbe assomigliare alla quarta immagine mostrata.
Passa al prossimo a forme. Riempili entrambi con il gradiente lineare mostrato sotto, quindi aggiungi un tratto di 0,25 pt. Allinearlo all'interno e impostare il colore su R = 6, G = 67, B = 114.
Concentrati sulle piccole forme ovali. Iniziamo con quello piccolo, a sinistra. Selezionalo e fai due copie, quindi seleziona la copia in alto e premi due volte la freccia giù. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 188, G = 190, B = 192. Ora usa le stesse tecniche per creare la forma puntata dalla freccia nella quarta immagine.
Seleziona le forme ovali piccole insieme a quelle grandi e fai clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente radiale mostrato sotto, quindi aggiungi un tratto bianco di 2 pt. Allinearlo all'interno, quindi andare al pannello Aspetto e abbassare la sua Opacità al 50%. Successivamente, è necessario aggiungere un secondo tratto per questa forma. Vai al pannello Aspetto, apri il menu a comparsa e fai clic su Aggiungi nuovo riempimento.
Ovviamente, questo aggiungerà un secondo tratto per la tua forma. Renderlo largo 0,25pt, allinearlo all'interno e impostare il suo colore su R = 128, G = 130, B = 133.
Una breve nota riguardante il gradiente: noterai un numero bianco nell'immagine del gradiente. Rappresenta la percentuale di posizione. Ciò significa che devi selezionare quella piccola icona a forma di diamante e trascinarla a sinistra al 25%.
Seleziona la forma creata nel passaggio precedente e crea due copie in primo piano. Seleziona la copia in alto e premi due volte la freccia su, quindi seleziona nuovamente entrambe le copie e fai clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati.
Otterrai un gruppo con tre nuove forme. Innanzitutto, elimina le due forme indicate dalla freccia nella seconda immagine, quindi seleziona la forma rimanente, separala (Shift + Control + G) e riempila con R = 188, G = 190, B = 192.
Riattiva la griglia e lo snap alla griglia, quindi prendi lo strumento ellisse (L). Crea una forma di 40 x 29 px e riempila con R = 188, G = 190, B = 192. Ora posizionalo come mostrato nell'immagine seguente.
Continuiamo con il pezzo di gomma. Seleziona lo strumento Rettangolo (M), crea una forma di 40 per 55 px e vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 18 pixel, fai clic su OK, quindi vai su Oggetto> Espandi aspetto. Seleziona lo strumento Ellisse (L) e crea una forma 60 per 60 pixel.
Posizionalo come mostrato nella seconda immagine, quindi vai su Effetto> Deformazione> Arco inferiore. Inserisci i dati mostrati di seguito, fai clic su OK, quindi vai su Effetto> Deformazione> Arco. Ancora una volta, inserisci i dati mostrati di seguito, fai clic su OK, quindi vai su Oggetto> Espandi aspetto.
Seleziona le due forme create nel passaggio precedente e fai clic sul pulsante Unite dal pannello Pathfinder. Seleziona la forma risultante e vai su Effetto> Deformazione> Arco. Inserisci i dati mostrati di seguito, fai clic su OK, quindi vai su Effetto> Deformazione> Bulge. Ancora una volta, inserisci i dati mostrati di seguito, fai clic su OK, quindi vai su Oggetto> Espandi aspetto.
Mantieni la concentrazione sulla forma creata nel passaggio precedente. Successivamente, avrai bisogno dello script Round Any Corner, che può essere trovato nell'articolo Vectortuts + 20 Free e utili script Adobe Illustrator.
Salvalo sul tuo disco rigido, quindi seleziona lo Strumento selezione diretta (A). Seleziona i due punti di ancoraggio evidenziati nella prima immagine e vai su File> Script> Altro script. Apri lo script Round Any Corner, inserisci un Raggio 3px e fai clic su OK. Questo aggiungerà un effetto di rotondità discreto per i punti di ancoraggio selezionati, come mostrato nelle seconde immagini.
Disabilita la griglia e lo snap alla griglia. Seleziona la forma creata nel passaggio precedente e riempila con il gradiente lineare mostrato sotto. Presta attenzione alla percentuale di localizzazione. Successivamente, aggiungi un 4pt, tratto bianco per la tua forma. Selezionalo dal pannello Aspetto e allinearlo all'interno. Ora abbassate la sua Opacità al 15% e cambiate la modalità di fusione in Sovrapposizione.
Aggiungi un secondo tratto per questa forma e rendilo largo 0,25 px. Allinearlo all'interno, impostare il suo colore su R = 196, G = 154, B = 108. Ora cambia la modalità di fusione in Moltiplica.
Seleziona la forma modificata nel passaggio precedente e crea due copie in primo piano. Seleziona la copia in alto, quindi premi tre volte la freccia sinistra e la freccia su. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Selezionare la forma risultante, rimuovere i tratti e riempirla con R = 251, G = 186, B = 86.
Abilita le guide intelligenti (Control + U). Scegli lo strumento Penna (P), crea una forma come quella mostrata nella prima immagine e riempila con R = 251, G = 186, B = 86. Seleziona questa nuova forma, insieme a quella creata nel passaggio precedente, e fai clic sul pulsante Unisci dal pannello Elaborazione tracciati. Seleziona la forma risultante e vai a Effetto> Sfocatura> Sfocatura gaussiana. Inserisci un raggio di 5px e fai clic su OK.
Seleziona la forma arrotondata e arancione e creane una copia. Riempi con il bianco e portalo in primo piano (Shift + Control + tasto Right Bracket). Seleziona questa nuova forma, insieme a quella sfocata creata nel passaggio precedente, e vai al pannello Trasparenza. Aprire il menu a comparsa e fare clic su Crea maschera di opacità. Alla fine, la tua forma dovrebbe assomigliare alla terza immagine mostrata. Blocca questa forma mascherata. In questo modo non lo selezionerai o lo sposti casualmente.
Riselezionare la forma arrotondata e arancione e andare su Oggetto> Tracciato> Tracciato offset. Immettere un offset -8px e fare clic su OK. Seleziona la forma risultante e rimuovi tutte le proprietà esistenti dal pannello Aspetto, quindi aggiungi un nuovo tratto. Renderlo largo 6pt e impostare il colore su R = 255, G = 210, B = 90. Ora allinearlo al centro e cambiare la modalità di fusione in Moltiplica.
Seleziona lo strumento selezione diretta (A), seleziona i punti di ancoraggio evidenziati nella seconda immagine e premi il tasto Canc. Seleziona il percorso risultante, vai al pannello Traccia e fai clic sul pulsante Cap. Tondo. Infine, vai su Effetto> Sfocatura> Sfocatura gaussiana, inserisci un raggio di 5px e fai clic su OK.
Riattiva la griglia e lo snap alla griglia. Seleziona lo strumento Ellisse (L) e crea una forma di 24 x 15 pixel. Riempi con R = 254, G = 238, B = 141 e vai su Effetto> Curvatura> Arco. Immettere i dati mostrati di seguito, fare clic su OK, quindi creare una seconda forma. Fallo largo 12 e alto 7px e posizionalo come mostrato nella seconda immagine. Riempi di bianco, quindi vai su Effetto> Deformazione> Arco.
Immettere i dati mostrati di seguito, fare clic su OK, quindi selezionare nuovamente queste due forme e andare su Oggetto> Espandi aspetto. Seleziona la forma grande e risultante e vai a Effetto> Sfocatura> Sfocatura gaussiana. Immettere un raggio di 4 pixel, fare clic su OK, quindi selezionare l'altra forma. Abbassa la sua opacità al 40%, quindi vai a Effetto> Sfocatura> Sfocatura gaussiana. Inserisci un raggio di 3 pixel, fai clic su OK, quindi seleziona nuovamente entrambe le forme e raggruppale (Control + G).
Seleziona il gruppo creato nel passaggio precedente e vai su Oggetto> Trasforma> Ruota. Immettere 50 nella casella Angolo e fare clic su OK. Riselezionare questo gruppo ruotato e posizionarlo come mostrato nella seconda immagine.
Disabilita la griglia e lo snap alla griglia. Riselezionare la forma arrotondata e arancione e andare su Oggetto> Tracciato> Tracciato offset. Immettere un offset -7px e fare clic su OK. Seleziona la forma risultante, rimuovi il tratto, quindi riempilo con il bianco e abbassa la sua opacità al 75%.
Crea una copia di questa nuova forma. Selezionalo, quindi premi due volte la freccia destra e la freccia giù. Riselezionare queste due nuove forme e fare clic sul pulsante Minus Front dal pannello Pathfinder. Dovresti ottenere un gruppo con le due forme sottili della quarta immagine. Selezionalo e vai a Effetto> Sfocatura> Sfocatura gaussiana. Immettere un raggio di 3pz, quindi fare clic su OK.
Seleziona tutte le forme create negli ultimi undici passaggi e raggruppale, quindi seleziona questo gruppo e posizionalo come mostrato nell'immagine seguente.
Seleziona tutte le forme create finora e duplicale. Seleziona queste copie e fai clic sul pulsante Unite dal pannello Pathfinder. Riempi la forma risultante con il gradiente lineare mostrato nella terza immagine.
Manda questa nuova forma indietro (Shift + Control + tasto Left Bracket) e vai su Effect> Distort & Transform> Free Distort. Sposta i punti di ancoraggio superiori come mostrato nell'immagine finale, fai clic su OK, quindi vai su Oggetto> Espandi aspetto.
Seleziona tutte le forme create finora e vai su Oggetto> Trasforma> Ruota. Immettere 45 nella casella Angolo, quindi fare clic su OK. Infine, sposta la forma dell'ombra di alcuni pixel verso l'alto e verso destra.
Le icone finali sono sotto.
Accentsconagua