Come creare emoticon animate con Photoshop

Vi siete mai chiesti se è possibile creare emoticon personalizzate per il vostro Messenger?! Non solo è possibile, ma è anche abbastanza semplice. E’ quello che impareremo a fare in questo tutorial per Adobe Photoshop, useremo un file .psd che poi animeremo ed esporteremo in .gif. Pochi semplicissimi passi per configurare il vostro Messenger ed usare le emoticon personalizzate.
In questo tutorial useremo diversi strumenti quali: il Testo, serve per scrivere all’interno del documento; la Selezione Elllittica, consente di creare cerchi ed ellissi perfette; il Gradiente, permette di creare un flusso di colore in alcune aree selezionate; la Scatola dei colori, nel quale potete scegliere i colori da utilizzare durante le varie operazioni.

Create un nuovo documento di 50×50 pixel. Riempite il livello di base con il colore bianco.

Ora create un nuovo livello e chiamatelo ’smile’. Selezionate lo strumento Selezione Ellisse e create un cerchio. Ora impostate il colore primario nella ‘Scatola dei colore’ in un giallo brillante, io ho usato il # fffc00. Premete il tasto Shift + F5 per riempire l’area attiva con questo colore primario.

Avete creato la base sulla quale lavorare, tutto quello che dovete fare ora è applicare alcuni effetti e disegni di piccolo formato per creare l’emoticon a piacimento. Create un nuovo livello e rinominatelo ‘ombra’. Selezionate lo strumento Gradiente. Prima di applicare un flusso gradiente al vostro disegno, ci sono due cose che dovete controllare. Assicuratevi di avere i colori desiderati in entrambe le caselle del colore secondario e primario. Io ho impostato # FFFFFF e # 515151. Poi assicuratevi di aver isolato l’area desiderata per l’applicazione della sfumatura.
Fate clic sul bordo superiore destro della zona gialla, e trascinate verso il basso a sinistra, con lo strumento Gradiente, il bordo inferiore del cerchio. Applicate il metodo di fusione su Moltiplica e l’opacità al 60%.

Create un altro livello e chiamtelo ‘evidenziando’. Assicuratevi di avere ancora lo strumento Gradiente selzionato con gli stessi colori ed eseguite gli stessi passaggi spiegati in precedenza, questa volta solo trascinando la selezione dal bordo verso il centro dell’area del cerchio. Impostate Schiarisci come metodo di fusione e il 60% d’opacità.

Ora creeremo un’ombra sotto lo smiley, su un nuovo livello, utilizzando lo strumento selezione Ellisse. Una volta isolata l’area, applicate una sfumatura con lo strumneto Gradiente.

Una volta eseguiti questi passaggi ci accingeremo ad animare l’immagine. Per farlo è necessario avere due espressioni diverse dello stesso smiley.

Create un nuovo livello con la scritta ‘LOL’. Rendete il testo accattivante usando dei font particolari e begli effetti. Siate creativi e create qualsiasi cosa vogliate vedere nella vostra animazione.

Andate su Finestra> Animazione, si aprirà un nuovo pannello. Potrete modificare diverse cose senza influire sui livelli del .psd.
Rendete visibili entrambi i livelli con le faccine e create un nuovo frame. Continuate a seguire questa procedura fino a quando l’animazione sarà pronta.
Un fattore molto importante da regolare al momento della creazione dell’animazioni è la durata dei frames. Sotto ogni frame avrete un valore misurato in secondi, che determinerà il ritardo su ogni fotogramma.
L’animazione è ora completa e potete salvarla in .Gif. Andate su File> Salva per il web e quindi salvate il file come ‘. gif’. Potete anche premere il tasto Shift + Ctrl + Alt + S come scorciatoia per salvare rapidamente i file in maniera ottimizzata.

Aprite MSN Messenger. Andate su Strumenti> emoticon.Cercate il file appena salvato e assegnategli la parola desiderata. Più facile di così!

Date un’occhiata a questo video che mostra come si usa il pannello Animazioni:

Se vi siete divertiti con questo tutorial sappiate che Tuttogratis dispone di un vasto elenco di tutorial per Adobe Photoshop, ce ne sono di ogni genere; potete imparare a disegnare il logo Apple oppure provare a creare un ritratto fatto di fumo. Buon divertimento!