10 passaggi per un rapido set di emoticon in Adobe Photoshop

Cosa starai creando

Emote, emoji, faccine sorridenti; qualunque cosa tu chiami loro sono onnipresenti all'interno di blog, messaggi di testo e programmi di chat. Essere su una scala così ridotta rende questo lavoro un po 'carino per l'arte dei pixel, che è facilmente realizzabile in Adobe Photoshop.

1. Disegna la base del cerchio

Passo 1

Fare un Nuovo documento nel Adobe Photoshop questo è circa 200 px per 200 px, o così (qualunque quantità di spazio si scava), e impostare lo sfondo a Trasparente. Utilizzare il Pencil Tool (B) con il set di pennelli su 1pt e usa il Zoom Tool (Z) per ingrandire 1500-1600%.

Il cerchio è semplice: cinque pixel per la parte superiore, Due da entrambe le parti, uno diagonale dai due pixel laterali, e Due più pixel in basso su entrambi i lati. Ripeti per il resto del cerchio (vedi sotto).

Passo 2

Usando il Paint Bucket Tool (G), riempire il cerchio con un giallo brillante (R: 255 G: 204 B: 51). Assicurarsi Anti-alias è deselezionato e contiguo controllato. Riempi il contorno del cerchio nero con il giallo scuro (R: 102 G: 51 B: 0).

Per affrontare l'ombreggiatura sul cerchio, ridurre il Opacità del Strumento di matita50% e concentrare questi pixel oscurati attorno al bordo dell'interno del cerchio. Utilizzare il Strumento Eyedropper (I) per campionare il colore dell'ombra, impostare il Opacità di nuovo a 100% e posizionare i pixel attorno agli angoli dei lati del cerchio (su entrambi i lati della striscia di cinque pixel).

2. Fai una faccia sorridente

Passo 1

Dal momento che disegneremo più facce, crea un Nuovo livello (Control-N). Scegli di nuovo il giallo scuro e disegna due scatole da quattro pixel per gli occhi. Ombra tra gli occhi riducendo il Strumento di matita Opacità20%, o così. La bocca è Sette pixel ampi e si allontana verso il basso (7-5-3). Aggiungi i pixel di ombreggiatura su entrambi i lati (50% di opacità) e ombra sotto la bocca (20% di opacità).

Passo 2

Usa il bianco per i riflessi luminosi a 100%,50%, e 30% per creare una dimensione sulla parte superiore del cerchio, sulle guance della faccina sorridente e sul labbro superiore. Notare le varie sfumature del giallo sui bordi esterni del cerchio, posizionate lì per appianare i bordi.

3. Facce alternative

Passo 1

Copia (Control-C)Incolla (Control-V) il cerchio di base da Sezione 1. Fare un Nuovo strato. Il processo per la faccia triste è lo stesso di Sezione 2 faccia felice, ma la bocca è cinque pixel con Due pixel su entrambe le diagonali inferiori.

Passo 2

Per la faccia arrabbiata, copiaIncolla la faccia triste. 

  1. Muovi l'intera bocca verso il basso. Il modo più semplice è usare il Strumento rettangolare di selezione (M) per selezionare la bocca e le ombre e le luci circostanti e spostarlo verso il basso di un pixel.
  2. Estendi i pixel dell'occhio dalle piccole scatole alle piccole forme a z. In questo modo gli occhi sono socchiusi da una fronte corrugata, piuttosto che spalancati.

Passaggio 3

La faccia che ride ha gli occhi chiusi. Di nuovo, copiaIncolla il cerchio principale, questa volta con linee d'ombra al centro e in basso (vedi sotto). Gli occhi sono chiusi e posizionati verso il basso mentre la bocca è posizionata verso l'alto con pixel ombra che coprono la maggior parte della metà inferiore del cerchio.

Passaggio 4

Questo emote è terribilmente semplice: tre pixel per ciascun occhio e cinque per la bocca.

Passaggio 5

Infine, l'emoticon che canta / fischia / "oohing". Il viso inizia con la stessa base di tutti gli altri all'interno del set. Gli occhi sono quattro per quattro quadrati. La bocca è composta da due file di tre per due con un singolo pixel al centro in alto e in basso. Aggiungi riflessi in alto a sinistra e ombre scure sul fondo per accentuare la forma della bocca.

4. Colori facilmente modificabili

Passo 1

Selezionare le tue emoticon (in questo caso ce l'ho Strati uniti (Control-E) per esempio), e fare a Nuovo strato. Utilizzare il Strumento di riempimento per riempire la selezione del nuovo livello con un colore piatto. Nel Livelli pannello, cambia il Modalità di fusioneColore

Ripeti con altri colori tutte le volte che vuoi, piuttosto che ridisegnare l'intera emoticon. 

Ottimo lavoro, hai fatto!

Ben fatto! Sei passato da zero a emoticon impostato in un attimo. L'arte dei pixel può essere abbastanza dettagliata per le sue dimensioni ridotte e, allo stesso tempo, piccoli errori nel posizionamento dei pixel possono cambiare l'aspetto di un'immagine. È un modo divertente per passare un po 'di tempo, giocando con piccoli punti e vedendo cosa si sviluppa.