Share
Nel seguente tutorial imparerai a creare un insieme di icone di emoticon attraenti. Scopri un flusso di lavoro facile da seguire per creare ciascuno di questi piccoli volti emotivi in Adobe Illustrator.
Crea un documento RGB da 60px per 60px. Innanzitutto, attiva la griglia (Visualizza> Griglia) e la Scatta alla griglia (Visualizza> Aggancia alla 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.
Seleziona lo strumento Ellisse (L), crea una forma 40 x 40 px e riempilo con R = 255, G = 222, B = 23.
Seleziona la forma creata nel passaggio precedente e assicurati che sia posizionata al centro della tua tavola da disegno. Abilita i righelli (Comando + R) e le Guide (Visualizza> Guide> Mostra guide), quindi trascina una guida verticale e una orizzontale come mostrato nell'immagine seguente. Disabilita i Righelli e mantieni le guide visibili. Aiuterà nei seguenti passaggi, quando aggiungerai alcune nuove forme.
Disattiva lo snap alla griglia, quindi vai a Modifica> Preferenze> Generale e inserisci 0.5 nella casella Incremento tastiera. Riselezionare il cerchio giallo e creare due copie in primo piano (Comando + C> Comando + F> Comando + F). Seleziona la copia in alto e premi la freccia giù una volta (per spostarla di 0,5 px in giù). Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il bianco.
Riattiva lo snap alla griglia. Riselezionare il cerchio giallo e andare al pannello Aspetto. Seleziona il riempimento esistente e fai clic sul pulsante Duplica elemento selezionato situato nella parte inferiore del pannello Aspetto. Ovviamente, ciò creerà una copia del riempimento selezionato. Seleziona questo nuovo riempimento, abbassa la sua Opacità al 75% e riempilo con il gradiente lineare mostrato nell'immagine seguente.
Presta attenzione all'immagine del gradiente. Lo "0" giallo indica la percentuale di opacità. Ciò significa che è necessario selezionare il cursore del gradiente e abbassarne l'opacità allo 0%. Continua a concentrarti su questo cerchio giallo. Riseleziona e aggiungi un tratto semplice. Renderlo largo 1pt, allinearlo all'esterno e impostare il suo colore su R = 237, G = 147, B = 39.
Riselezionare la forma modificata nel passaggio precedente. Vai al pannello Aspetto, seleziona il riempimento giallo e vai a Effetto stilizzazione> Bagliore interno. Inserisci i dati mostrati di seguito, fai clic su OK, quindi vai a Effetto> Stilizzazione> Sfalsa ombra. Ancora una volta, inserisci i dati mostrati sotto e clicca OK. Alla fine la tua forma dovrebbe assomigliare alla seguente immagine. Questa sarà la forma del viso che userai per la maggior parte delle emoticon.
Ora, aggiungiamo uno stato d'animo per questa faccia. Innanzitutto, riattiva lo snap alla griglia, quindi seleziona lo strumento rettangolo (M). Crea due forme da 4 x 8 px e una forma da 12 x 8 px, quindi posizionale come mostrato.
Lo snap alla griglia e le guide faciliteranno il tuo lavoro. Riempi tutti con R = 96, G = 57, B = 19, quindi vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 2 pixel, fare clic su OK, quindi selezionare Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati di seguito e fare clic su OK.
Seleziona lo strumento Ellisse (L), crea una forma 26 x 16 px e posizionalo come mostrato. Riempilo con il gradiente lineare mostrato sotto, quindi abbassa la sua Opacità al 50%. Ora, organizziamo le forme esistenti.
Vai al pannello Livelli, seleziona il livello esistente e fai clic sul pulsante Crea nuovo sottolivello dalla parte inferiore del pannello Livelli. Seleziona tutte le forme create finora e spostale all'interno di questo nuovo sottolivello. Fai doppio clic su questo sottolivello e chiamalo "Non divertito". Ora la tua prima emoticon è completa.
Seleziona il sottolivello creato nel passaggio precedente e crea una copia in primo piano. Concentrati su questo nuovo sottolivello, seleziona la forma della bocca e vai su Effetto> Deformazione> Arco. Inserire i dati mostrati sotto l'immagine n. 1 e fare clic su OK.
Assegna un nome a questo secondo sottolivello "Triste" e duplicalo. Seleziona la forma della bocca da questo nuovo sottolivello, quindi vai al pannello Aspetto e apri l'effetto Warp esistente. Trascina il cursore Bend fino a -50%, quindi fai clic su OK. Dai un nome a questo terzo sottolivello "Felice".
Seleziona il sottolivello "Felice" e fai una copia in primo piano. Concentriamoci su questo nuovo sottolivello. Per prima cosa, rinominalo "Grin", quindi seleziona la forma della bocca in uscita e cancellala. Seleziona lo strumento Ellisse (L), crea una forma 16 x 7 px e posizionala come mostrato nella prima immagine. Riempilo con R = 96, G = 57, B = 19. 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 crea due copie in primo piano, quindi disattiva lo snap alla griglia. Seleziona la copia in alto e colpisci la freccia in giù quattro volte, quindi seleziona nuovamente entrambe le copie e fai clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il bianco.
Riattiva lo snap alla griglia. Seleziona lo strumento Penna (P), disegna tre percorsi verticali e posizionalo come mostrato nella prima immagine. Aggiungi un tratto 1pt per questi percorsi e imposta il colore su R = 39, G = 170, B = 225.
Raggruppali (comando + G). Seleziona la forma bianca creata nel passaggio precedente, crea una copia e portala in primo piano (Shift> Comando + tasto Destra parentesi). Seleziona questa forma fresca, bianca insieme al gruppo nuovo e vai al pannello Trasparenza. Aprire il menu a comparsa e fare clic su Crea maschera di opacità.
Riseleziona la forma della bocca e vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere i dati mostrati di seguito, fare clic su OK, quindi aggiungere un tratto 1pt. Allinearlo all'esterno e impostare il colore a R = 237, G = 147, B = 39.
Seleziona il sottolivello "Grin" e fai una copia in primo piano. Concentriamoci su questo nuovo sottolivello. Innanzitutto, rinominalo "Strizza l'occhiolino", quindi seleziona la forma dell'occhio destro ed eliminala. Seleziona lo strumento Rettangolo (M), crea una forma 5 x 3 px e posizionala come mostrato.
Riempilo con R = 96, G = 57, B = 19. Quindi vai su Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 2 pixel, fai clic su OK, quindi vai su Effetto> Deformazione> Arco. Inserisci i dati mostrati di seguito, fai clic su OK, quindi vai a Effetto> Stilizzazione> Sfalsa ombra. Ancora una volta, inserire i dati mostrati di seguito, quindi fare clic su OK.
Seleziona il sottolivello "Ammiccante" e fai una copia in primo piano. Concentriamoci su questo nuovo sottolivello. Per prima cosa, rinominalo "Piangendo", quindi seleziona gli occhi e i componenti della bocca e cancellali. Seleziona lo strumento Rettangolo (M), crea due forme da 6 a 4 pixel e posizionale come mostrato nell'immagine seguente. Riempili con R = 96, G = 57, B = 19. Quindi vai su Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 2 pixel, fai clic su OK, quindi vai su Effetto> Deformazione> Arco. Immettere i dati mostrati di seguito, fare clic su OK, quindi su Oggetto> Espandi aspetto.
Seleziona la forma dell'occhio sinistro e vai su Oggetto> Trasforma> Ruota. Immettere un angolo di 45 gradi, quindi fare clic su OK. Seleziona la forma dell'occhio giusta e vai su Oggetto> Trasforma> Ruota. Immettere un angolo di -45 gradi, quindi fare clic su OK. Riseleziona entrambe le forme degli occhi e vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere i dati visualizzati nell'immagine finale, quindi fare clic su OK.
Mantieni la concentrazione sul sottolivello "Piangente". Seleziona lo strumento Ellisse (L), crea una forma 16 x 7 px e posizionalo come mostrato. Riempi con R = 96, G = 57, B = 19, e 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, crea due copie in primo piano e disattiva lo snap alla griglia. Seleziona la copia in alto e premi la freccia su dieci volte. Riselezionare entrambe le copie e fare clic sul pulsante Interseca dal pannello Elaborazione tracciati. Riempi la forma risultante con il bianco.
Riattiva lo snap alla griglia. Seleziona lo strumento Penna (P), disegna tre percorsi verticali e posizionalo come mostrato nella prima immagine. Aggiungi un tratto 1pt per questi percorsi e imposta il colore su R = 39, G = 170, B = 225. Raggruppali (comando + G). Seleziona la forma bianca creata nel passaggio precedente, crea una copia e portala in primo piano (Shift> Comando + tasto Destra parentesi). Seleziona questa forma fresca, bianca insieme al gruppo nuovo e vai al pannello Trasparenza. Aprire il menu a comparsa e fare clic su Crea maschera di opacità.
Riseleziona la forma della bocca e vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere i dati mostrati di seguito, fare clic su OK, quindi aggiungere un tratto 1pt. Allinearlo all'esterno e impostare il colore su R = 237, G = 147, B = 39.
Seleziona lo strumento Ellisse (L), crea una forma 4 x 4 px e riempilo con R = 39, G = 170, B = 255. Seleziona lo strumento Converti punto di ancoraggio (Maiusc + C) e fai clic sul punto di ancoraggio inferiore. Questo farà apparire il tuo cerchio nella seconda immagine. Seleziona lo strumento di selezione diretta (A), seleziona il punto di ancoraggio inferiore e spostalo di 2 pixel verso il basso. Ora concentrati sui punti di ancoraggio sinistro e destro. Utilizza lo stesso strumento per trascinare verso il basso le maniglie 1 px.
Seleziona la forma creata nel passaggio precedente e vai su Effetto> Deformazione> Arco. Inserisci i dati mostrati di seguito, fai clic su OK, quindi vai su Oggetto> Espandi aspetto. Duplica la forma risultante. Ruota queste due forme blu e posizionale come mostrato. Infine, aggiungi un tratto di 0,5 punti per entrambe le forme. Allinearlo all'interno e impostare il suo colore su R = 28, G = 117, B = 188.
Seleziona il sottolivello "Felice", crea una copia e spostalo nella parte superiore del pannello Livello. Concentriamoci su questo nuovo sottolivello. Innanzitutto, rinominalo "Amore", quindi seleziona le forme degli occhi ed eliminali. Vai al pannello Simboli (Finestra> Simboli), apri il menu a comparsa e vai a Apri libreria simboli> Icone web. Si dovrebbe aprire una finestra con una serie di simboli.
Seleziona il simbolo "Preferiti", trascinalo sulla tua tavola da disegno, quindi vai su Oggetto> Espandi. Concentrati sulla forma risultante. Per prima cosa, seleziona lo strumento Selezione diretta (A), seleziona i punti di ancoraggio evidenziati nella seconda immagine e premi il pulsante Elimina. Ora, il cuore dovrebbe assomigliare alla terza immagine.
Successivamente, è necessario aggiungere un effetto di rotondità discreto per il punto di ancoraggio inferiore. Avrai bisogno del Round Any Corner Script. Salvalo sul tuo disco rigido, seleziona il punto di ancoraggio inferiore usando lo Strumento selezione diretta (A), quindi vai su File> Script> Altro script. Apri lo script Round Any Corner, inserisci un raggio di 7px e fai clic su OK. Riempi la forma risultante con R = 242, G = 41, B = 17. Alla fine dovrebbe apparire come la quarta immagine.
Seleziona la forma creata nel passaggio precedente e duplicala. Seleziona queste due forme di cuore, ridimensionale e posizionale come mostrato. Ora vai su Effetto> Stilizzazione> Sfalsa ombra. Immettere i dati mostrati di seguito, fare clic su OK, quindi aggiungere un tratto di 0,75 punti. Allinearlo all'interno e impostare il suo colore su R = 190, G = 30, B = 45.
Seleziona il sottolivello "Amore" e fai una copia in primo piano. Concentriamoci su questo nuovo sottolivello. Per prima cosa, rinominalo "Sorpresa", quindi seleziona gli occhi e i componenti della bocca e cancellali. Seleziona lo strumento Rettangolo (M), crea una forma 10 x 5 px e posizionalo come mostrato nell'immagine seguente. Riempilo con R = 96, G = 57, B = 19. Quindi vai su Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 3 pixel, fare clic su OK, quindi selezionare Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati di seguito e fare clic su OK.
Seleziona lo strumento Ellisse (L), crea due forme da 8 per 8 pixel e posizionale come mostrato nella prima immagine. Riempili con R = 241, G = 242, B = 242 e aggiungi un tratto 1pt. Allinearlo all'esterno e impostare il colore a R = 237, G = 147, B = 39.
Riseleziona entrambe le cerchie e vai a Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati nella prima immagine e fare clic su OK. Ancora una volta, seleziona lo strumento Ellisse (L) e crea due forme 2 x 2 pixel. Riempili con R = 96, G = 57, B = 19 e posizionali come mostrato nella seconda immagine.
Seleziona lo strumento Penna (P), disegna due percorsi verticali (altezza 6px) e posizionali come mostrato nell'immagine seguente. Aggiungi un tratto 1pt per entrambi questi percorsi, imposta il colore su R = 237, G = 147, B = 39 e vai al pannello Traccia (Finestra> Traccia).
Fai clic sul pulsante Round Cap, quindi vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere i dati mostrati di seguito, fare clic su OK, quindi selezionare solo il percorso a sinistra. Vai su Effetto> Deformazione> Arco, inserisci i dati mostrati sotto, fai clic su OK, quindi seleziona il percorso corretto. Di nuovo, vai su Effetto> Deformazione> Arco, inserisci i dati mostrati sotto, quindi fai clic su OK.
Seleziona il sottolivello "Amore", crea una copia e spostalo nella parte superiore del pannello Livelli. Concentriamoci su questo nuovo sottolivello. Innanzitutto, rinominalo "Blushing", quindi seleziona i componenti degli occhi ed eliminali. Seleziona lo strumento Rettangolo (M), crea due forme da 4 x 6 pixel e posizionale come mostrato nell'immagine seguente. Riempili con R = 96, G = 57, B = 19, quindi vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 2 pixel, fare clic su OK, quindi selezionare Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati di seguito e fare clic su OK.
Seleziona lo strumento Penna (P), disegna due percorsi orizzontali (4 px di lunghezza) e posizionali come mostrato nell'immagine seguente. Aggiungi un tratto 1pt per entrambi questi percorsi, imposta il colore su R = 96, G = 57, B = 19 e vai al pannello Traccia. Fai clic sul pulsante Round Cap, quindi vai a Effetto> Stilizzazione> Sfalsa ombra. Inserisci i dati mostrati di seguito, fai clic su OK, quindi vai su Effetto> Deformazione> Arco. Ancora una volta, inserisci i dati mostrati sotto e clicca OK.
Seleziona lo strumento Ellisse (L), crea due forme 5 x 5 px e posizionale come mostrato. Riempili con R = 237, G = 28, B = 36 e vai a Effetto> Sfocatura> Sfocatura gaussiana. Immettere un raggio di 2 pixel e fare clic su OK.
Seleziona il sottolivello "Blushing" e fai una copia in primo piano. Concentriamoci su questo nuovo sottolivello. Innanzitutto, rinominalo "Malato", quindi elimina gli occhi e i componenti della bocca. Ora, è necessario modificare il colore dell'intero volto.
Vai al pannello Aspetto e concentrati sul primo riempimento. Sostituisci il giallo con R = 171, G = 223, B = 35, quindi apri l'effetto Bagliore interno e sostituisci il colore esistente con quello mostrato sotto. Passare al secondo riempimento e sostituire il gradiente esistente con quello mostrato. Infine, seleziona il tratto e sostituisci il colore esistente con R = 57, G = 181, B = 74.
Continuiamo con gli occhi. Seleziona lo strumento Rettangolo (M), crea due forme da 4 a 8 pixel e posizionalo come mostrato nell'immagine seguente. Riempili con R = 0, G = 104, B = 56, quindi vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 2 pixel, fare clic su OK, quindi selezionare Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati di seguito e fare clic su OK.
Seleziona lo strumento Penna (P), disegna due percorsi verticali (alti 6 px) e posizionali come mostrato nell'immagine seguente. Aggiungi un tratto 1pt per entrambi questi percorsi, imposta il colore su R = 0, G = 104, B = 56 e vai al pannello Traccia (Finestra> Traccia). Fai clic sul pulsante Round Cap, quindi vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere i dati mostrati di seguito, fare clic su OK, quindi selezionare solo il percorso a sinistra. Vai su Effetto> Deformazione> Arco, inserisci i dati mostrati sotto, fai clic su OK, quindi seleziona il percorso corretto. Di nuovo, vai su Effetto> Deformazione> Arco, inserisci i dati mostrati sotto e fai clic su OK.
Seleziona lo strumento Rettangolo (M), crea una forma 6 x 4 px e posizionalo come mostrato nell'immagine seguente. Riempi con R = 0, G = 104, B = 56, quindi vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 2 pixel, fare clic su OK, quindi selezionare Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati di seguito e fare clic su OK.
Ancora una volta, seleziona lo strumento Penna (P), disegna due percorsi verticali (altezza 6 px) e posizionali come mostrato. Aggiungi un tratto 1pt per entrambi questi percorsi, imposta il colore su R = 0, G = 104, B = 56 e vai al pannello Traccia (Finestra> Traccia). Fai clic sul pulsante Round Cap, quindi vai a Effetto> Stilizzazione> Sfalsa ombra.
Immettere i dati mostrati di seguito, fare clic su OK, quindi selezionare solo il percorso a sinistra. Vai su Effect> Warp> Arc, inserisci i dati mostrati sotto, clicca OK. Ora seleziona la strada giusta. Di nuovo, vai su Effetto> Deformazione> Arco, inserisci i dati mostrati sotto e fai clic su OK.
Seleziona il sottolivello "malato" e fai una copia in primo piano. Concentriamoci su questo nuovo sottolivello. Per prima cosa, rinominalo "Angry", quindi elimina gli occhi e i componenti della bocca. Ancora una volta, è necessario modificare il colore dell'intera faccia. In basso hai tutte le informazioni di cui hai bisogno.
Seleziona lo strumento Rettangolo (M), crea una forma 12 per 4 pixel e posizionalo come mostrato nell'immagine seguente. Riempi con R = 60, G = 36, B = 21, quindi vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 2 pixel, fare clic su OK, quindi selezionare Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati di seguito e fare clic su OK.
Continuiamo con gli occhi. Seleziona lo strumento Rettangolo (M), crea due forme da 4 a 8 pixel e posizionalo come mostrato nell'immagine seguente. Riempi con R = 60, G = 36, B = 21, quindi vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 2 pixel, fare clic su OK, quindi selezionare Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati di seguito e fare clic su OK.
Seleziona lo strumento Penna (P), disegna i due percorsi mostrati di seguito e posizionali come mostrato nell'immagine seguente. Aggiungi un tratto 1pt per entrambi questi percorsi, imposta il colore su R = 0, G = 104, B = 56 e vai al pannello Traccia (Finestra> Traccia). Fai clic sul pulsante Round Cap, quindi vai a Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati di seguito e fare clic su OK.
Seleziona lo strumento Rettangolo (M), crea una forma 2 x 5 px e riempilo con R = 0, G = 104, B = 56. Seleziona lo strumento Selezione diretta (A), seleziona i punti di ancoraggio inferiori e vai su Oggetto> Percorso> Media. Seleziona entrambi e fai clic su OK. Questo trasformerà il tuo rettangolo in un triangolo piuttosto nitido. Selezionalo e vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 1 pixel, fai clic su OK, quindi crea tre copie. Ruotali e posizionali come mostrato nell'immagine finale.
L'icona dell'icona delle emoticon finali è riportata di seguito.
Accentsconagua