Come creare un'azione Avatar di consapevolezza in Adobe Photoshop

Cosa starai creando

Unisciti a noi mentre celebriamo la Giornata dello Spirito per difendere il bullismo giovanile. In questo tutorial creeremo un avatar che puoi posizionare sui tuoi social media utilizzando Livelli di regolazione, Modalità di fusione dei livelli e risorse dal mercato Envato. 

Cos'è la Giornata dello Spirito?

Ogni anno milioni di persone diventano viola per mostrare il loro sostegno alla comunità LGBTQ e ai giovani vittime del bullismo. Il giorno dello spirito è simboleggiato dal colore viola sulla bandiera arcobaleno, che rappresenta la parola "spirito".

Quest'anno Spirit Day cade il 20 ottobre 2016. E per festeggiare questo giorno, creeremo una semplice azione Photoshop che ti permetterà di creare un avatar a tema viola per i tuoi profili sui social media. Mi sono ispirato agli striscioni del design di stampa per questo look, quindi sentiti libero di sfogliare l'ampia selezione di Banner Graphics da Envato Market per ulteriori ispirazioni.

1. Imposta i preset: forma banner

Passo 1

Prima di iniziare l'azione, dovremo impostare alcuni preset solo per semplificare le cose. Iniziamo creando una semplice forma di banner.

Creare un Nuovo documento a 500 x 500 pixel in Photoshop. Non confondere questo documento per l'avatar perché abbiamo solo bisogno di questo per creare un banner veloce. Seleziona il Strumento rettangolo (U) e crea un rettangolo lungo con un riempimento di colore viola # 28173a. Quindi selezionare il Strumento penna (P) e posizionare un punto di ancoraggio nella parte inferiore del rettangolo.

Passo 2

Ora seleziona il Converti strumento punto e fai clic sul punto di ancoraggio appena creato per trasformarlo da un punto di ancoraggio liscio a un angolo. Quindi utilizzare il Strumento di selezione diretta (A) tirare il punto di ancoraggio verso l'alto mentre si tiene premuto il tasto Cambio chiave per tenerlo centrato.

Passaggio 3

Una volta che hai finito, Pulsante destro del mouse e selezionare Converti in forma, nominando la tua nuova forma "Banner di sensibilizzazione".

2. Imposta i predefiniti: Campioni e Gradienti

Passo 1

Ora impostiamo i colori e i gradienti di cui avremo bisogno per questa azione. Accedi al tuo campioni pannello (Finestra> Campioni) e creare diversi nuovi campioni di colore di cui avremo bisogno per questa azione. Avremo bisogno dei seguenti colori (escluso il colore bianco) per questi diversi elementi dell'avatar:

  • Testo viola brillante: # a85bcd
  • Cerchia superiore: # a962b5
  • Bottom Circle: # 834.491
  • Testo viola scuro: # 3e2c57
  • Nero: # 000000
  • Banner di crema: #dcdcdc

Passo 2

Per i gradienti, selezionare il Strumento sfumatura (G). Fare doppio clic sul gradiente attivo per visualizzare il Editor di sfumature. Imposta il tuo primo gradiente con un colore blu scuro # 290a59 che va in un viola brillante # ba3ede. Al termine, assegna un nome alla sfumatura e premi Nuovo per creare il nuovo gradiente.

Passa al gradiente successivo. Crea uno simile, questa volta usando un viola scuro # 311.759 a colore viola pallido # c675de.

3. Imposta i Preset: Crop Preset

L'ultimo preset che stiamo per aggiungere è per il Strumento di ritaglio (C). Questo preset è necessario solo se stai iniziando con un'immagine del profilo che non è quadrata. Seleziona il Strumento di ritaglio (C) e scegliere W x H x Risoluzione. Per questo avatar di profilo, userò le dimensioni di un'immagine di un post di Facebook, quindi inserisci 504 x 504 pixel con 72 dpi. Quindi selezionare Nuovo preset di ritaglio dal menu a discesa e fare clic ok per salvare il nuovo preset.

4. Creare l'azione di ridimensionamento / ritaglio

Passo 1

Con tutti i colori, i gradienti e i preset impostati, possiamo passare alla nostra prima azione. La prima azione che dovremo creare è il ridimensionamento e le azioni di ritaglio per modificare le dimensioni della tua foto.

Apri la tua foto in Photoshop. Userò questo stock donna dal mercato Envato.

Doppio click lo strato di sfondo nel Livelli pannelloper sbloccarlo e impostarlo su Livello 0. Assicurati di fare questo passaggio per ogni immagine che intendi utilizzare usando questa azione, altrimenti non funzionerà correttamente.

Passo 2

Ora vai a Finestra> Azioni per accedere al Azioni pannello. Seleziona la cartella a Crea un nuovo set e nominare il nuovo set Consapevolezza. Quindi selezionare l'icona della carta su Crea nuova azione, nominando l'azione "Ridimensiona". 

Passaggio 3

Automaticamente l'azione inizierà la registrazione, quindi vai Immagine> Dimensione dell'immagine e cambia la larghezza in 504 pixel.

Passaggio 4

Questa azione funziona perfettamente se l'immagine è già un quadrato, ma se ha un orientamento verticale o orizzontale dovrai quindi ritagliarlo per adattarlo alle dimensioni quadrate.

Pratichiamo questo scenario su una foto diversa come questa Azione per Giovani Donne. Dopo di te Giocare l'azione di ridimensionamento sulla tua foto, passa alla creazione dell'azione di ritaglio. Per fare ciò, seguire gli stessi passi di prima per creare un Nuova azione. Questa volta, chiama l'azione "Ritaglia".

Passaggio 5

Una volta che l'azione inizia a registrare, selezionare il Strumento di ritaglio (C) e scegli il 504 px x 504 px x 72 dpi preset che hai creato in precedenza. Muovi il Strumento di ritaglio (C) verso l'alto per incorniciare il viso e poi raccolto la foto. Quando hai finito, attiva la finestra di dialogo per l'azione di Photoshop in modo che sia necessario ritagliare manualmente la foto.

5. Creare l'azione Effetto colore

Passo 1

Ora che ci siamo occupati delle dimensioni della nostra foto del profilo, possiamo passare all'effetto colore. Userò il mio titolo originale per continuare questo tutorial.

Per prima cosa creeremo un'azione di sfocatura rapida. Segui i passaggi precedenti per creare un Nuova azione. Assegna un nome a questo nuovo "Sfocatura". Colpire Control-J creare un Duplicare della tua foto. 

Quindi vai a Filtro> Galleria sfocatura> Iris Blur, impostando una sfocatura di 10 pixel, prima di colpire ok. Per evitare qualsiasi problema con questa azione, assicurati di te Attiva la finestra di dialogo quindi puoi creare manualmente la sfocatura, quindi Stop la registrazione dell'azione.

Passo 2

Ora iniziamo ad aggiustare i colori. Creare un Nuova azione denominato "Regolazioni colore". Eseguiremo questa azione come una lunga azione, ma è possibile interrompere tra le rettifiche se necessario.

Innanzitutto, crea un Nuovo Colore di riempimento di nero dal Livelli pannello. Impostare il Modalità di fusione dei livelli a Luce soffusa e regolare il Opacità a 60%.

Passaggio 3

Vai a destra nel prossimo aggiustamento. Ora crea un Livello di regolazione della mappa dei gradienti di bianco e nero e impostarlo su Luce soffusa.

Mentre l'azione sta ancora registrando, regola rapidamente l'intensità dei colori con a Nuovo livello di regolazioner di livelli, e cambia solo il Livelli di output a 50, 255.

Passaggio 4

Ora aggiungi un Livello di regolazione della mappa dei gradienti usando il secondo gradiente viola che abbiamo creato in precedenza. Quando hai finito, imposta il Modalità di fusione dei livelli a Colore.

Passaggio 5

Ultimo ma non meno importante, completa le regolazioni del colore con a Nuovo livello di regolazione di curve. Seleziona il Canale blu e sollevare leggermente la linea dal fondo per conferire all'immagine una tinta blu. 

Ora questo effetto cromatico è finito, quindi colpisci Stop pulsante sul Pannello delle azioni per interrompere la registrazione.

6. Crea l'azione banner

Passo 1

Passiamo alla decorazione. Per decorare ulteriormente il nostro avatar e mostrare il nostro orgoglio di Spirit Day, aggiungeremo alcuni elementi geometrici e un piccolo testo. Creare un Nuova azione denominato "Banner Avatar".

Seleziona il Strumento Poligono (U), assicurandoti che sia impostato per 3 lati per creare un triangolo (puoi anche creare un preset di questa forma, come hai fatto con gli altri all'inizio).

Creare un triangolo bianco nell'angolo in alto a sinistra e Trasformazione libera (Control-T) ruotare il triangolo per adattarlo meglio allo spazio. Poi Pulsante destro del mouse andare a Opzioni di fusione. Aggiungere un Sovrapposizione sfumatura con le seguenti impostazioni:

Passo 2

Adesso Control-J a Duplicare il poligono. Ruotare con Trasformazione libera (Control-T) per posizionarlo e abbracciare l'area in alto a destra. Nascondi la visibilità del Stili di livello e impostare il Modalità di fusione di nuovo a Normale prima di regolare il Opacità a 80%.

Duplicare la forma del poligono altre due volte. Segui gli stessi passaggi di prima per riposizionarli e questa volta posizionali nella parte inferiore della composizione. Imposta il primo triangolo con le stesse impostazioni del primo. Tuttavia, cambia il Modalità di fusione dei livelli dell'ultimo triangolo a colore con un Opacità del 53%.

Passaggio 3

Ora seleziona il Strumento forma personalizzata (U) e usa la forma del banner che abbiamo creato all'inizio. Aggiungi il banner nell'angolo in alto a sinistra con un colore crema chiaro #dcdcdc.Poi Pulsante destro del mouse andare a Opzioni di fusione, aggiungendo a Ombra esterna con le seguenti impostazioni:

Passaggio 4

Le ultime forme che useremo sono solo due cerchi rapidi. Seleziona il Ellipse Tool (U) e creare un viola scuro # 834.491 cerchio nell'angolo in basso a destra, regolando il Opacità al 60%. Poi Duplicare il cerchio (Control-J), portando il Opacità al 100% e cambiando il Riempire colore a un viola più chiaro (# 9e53ac).

Stop la registrazione quando hai finito.

7. Creare l'azione di testo

Passo 1

Ora che la maggior parte dei nostri elementi è stata completata, possiamo passare al testo. Creare un Nuova azione chiamato "Testo". Per prima cosa aggiungi un viola brillante # 9e4cc7 text to the top banner con le seguenti impostazioni:

  • Font: Franklin Gothic Demi e Franklin Gothic Heavy
  • Taglia: 18 e 24 pt.

Spremere in linea con a Peso di 1 pixel nel mezzo di questo testo usando il Strumento linea (U).

Passo 2

Quindi aggiungi del testo al cerchio in basso con le seguenti impostazioni:

  • Font: Franklin Gothic Demi e Franklin Gothic Heavy
  • taglie: 12, 24 e 30 pt.

Lascia il testo principale a 24 punti in modo da attirare maggiormente l'attenzione sulla parola "contro". Mentre la maggior parte del testo sarà bianca, cambia la parola "contro" in un colore viola scuro # 33224c.

Passaggio 3

Ultimo ma non meno importante, aggiungerò un po 'di luce all'immagine. Creare un Nuovo strato e selezionare il Pennello (B). Imposta il colore su bianco e usa un grande Soft Round Brush per dipingere una singola macchia di bianco nella parte superiore centrale della composizione. Impostare il Modalità di fusione a Luce soffusa e regolare il Opacità a 70%.

Puoi includere questo come solo un'altra parte dell'azione Text prima di premere Stop per l'ultima volta.

8. Usa questa azione per cause diverse

Una cosa grandiosa di questa azione è che puoi usarla per diverse cause semplicemente accendendo i colori. Dopo di te Giocare l'azione, semplicemente sperimentare con i colori fino a trovare qualcosa di appropriato per la causa che stai sostenendo.

Vuoi vedere una versione alternativa? Qui ho creato lo stesso avatar usando i colori rosa per il Mese per la consapevolezza del cancro al seno.

Conclusione

Il mondo potrebbe usare meno bullismo. Quindi spero che tu ti unisca a noi nel celebrare la Giornata dello Spirito mostrando il tuo amore per la comunità LGBTQ. Vuoi vedere altre azioni di Photoshop? Dai un'occhiata a questi tutorial qui sotto:

  • Crea un effetto collage usando le azioni di Photoshop
  • Crea un'azione di effetto clone colorato in Adobe Photoshop
  • Crea un'azione Photoshop in movimento con animazione in Adobe Photoshop