Illustrare un'icona cono del traffico in Photoshop

In precedenza ti ho mostrato come illustrare un'icona di un casco da costruzione. Oggi disegneremo un cono del traffico, un'altra comoda icona per gli elementi "in costruzione". La nostra icona a cono è ispirata a quella che ho visto sul sito VLC Player di recente.

Nota dell'editore: Questo tutorial è stato originariamente pubblicato in lingua ceca su Grafika Online. Grafika ha gentilmente dato il permesso a Vaclav di ripubblicare qui su Psdtuts + per quelli di noi che non hanno padroneggiato abbastanza il ceco.

Passo 1

Avvia Photoshop, apri un nuovo documento e riempi lo sfondo con il colore arancione chiaro / sabbia (# EABE94). Seleziona lo strumento Rettangolo arrotondato e disegna la base dell'icona a colori # CC622E (per ora).

Passo 2

Ruota questa forma (Ctrl + T) di 45 gradi ...

Passaggio 3

... e riduci la sua altezza all'incirca della metà, sempre con lo strumento di trasformazione (Ctrl + T).

Passaggio 4

Copia questo livello (Ctrl + J), cambia il colore in una tonalità più scura (# 8A3300), e
spostalo sotto l'ultimo livello. Questa sarà la base del cono. Sfortunatamente, via
a sinistra e anche a destra (come mostrano le frecce) c'è uno spazio libero.

Passaggio 5

Questo è il motivo per cui dobbiamo riempire questi posti. Un modo per farlo è aggiungere due rettangoli alla forma (vedi i contorni seguenti).

Passaggio 6

E possiamo arrivare alla parte principale. Per prima cosa, facciamo clic su una forma triangolare simile a questa con lo strumento Penna (P).

Passaggio 7

Successivamente, aggiungi punti con lo stesso strumento al centro dell'asse superiore e inferiore.

Passaggio 8

Usando lo strumento di selezione diretta (A), sposta il punto in alto verso l'alto e il punto in basso verso il basso. Si noti che quando si disegnano i punti, ho trascinato le estremità come indicato nell'immagine sottostante.

Passaggio 9

Ora per le strisce riflettenti bianche, creeremo forme extra. Per prima cosa, disegniamo un'ellisse su tutta la larghezza della forma precedente, posizioniamo un rettangolo sopra di esso (disegnato con il tasto Shift in basso), e quindi un'altra ellisse, che sottraiamo dalla forma (disegnata con il tasto Alt). Per ora, usa colori come # E6E6E6. Dovresti concludere con il risultato mostrato.

Passaggio 10

Copia questa forma ancora una volta (Ctrl + J), spostati verso il basso e ridimensionala per ingrandirla in modo che corrisponda alla forma del cono (Ctrl + T). Crea una maschera di ritaglio dall'ultimo livello su entrambi i livelli, con la scorciatoia Ctrl + Alt + G. Dopo questo, i livelli verranno visualizzati solo sul livello precedente (arancione).

Passaggio 11

Per mantenere la nostra icona colorata in modo appropriato, possiamo disegnare i colori lateralmente in un nuovo livello, che useremo per l'ombreggiatura. È un arancione scuro per le tonalità (# 6B3719), le tonalità arancioni per la base (# D25200, # F07E00) e quella chiara per i riflessi (# E6E6E6). Sarà OK se si utilizza il colore bianco con opacità ridotta per i riflessi.

Quindi iniziamo l'ombreggiatura. Nascondi tutti i livelli tranne il primo (livello inferiore della base), crea un nuovo livello e quindi crea una maschera di ritaglio sul livello precedente (Ctrl + Alt + G).

Selezionare un colore scuro e uno scarto medio-sinistro con un pennello grande, quindi selezionare la parte destra della forma con lo strumento Lazo poligonale e scribacchiare nuovamente con il pennello grande. Come puoi vedere nell'immagine, dovresti avere due patch scurite.

Passaggio 12

Scopri il livello successivo, ricollegalo all'arancione (# D45809) e crea sfumature usando la colorazione dal retro. Illumina la forma come se l'illuminazione provenisse dalla parte anteriore.

Passaggio 13

Creiamo anche sfumature sopra la parte principale del cono, e anche da sinistra e da destra. Usiamo ancora lo stesso colore (# 6C3819), solo che questa volta sperimentiamo opacità e interazione (prova ad impostare il livello di ombreggiatura su Moltiplicare per un buon effetto).

Passaggio 14

Ora vogliamo accendere le strisce bianche. Se guardi attentamente il vetro riflettente o un gilet reflex, puoi vedere una struttura chiara, che tenteremo di immedesimare. Poiché l'icona è molto piccola, anche la struttura deve essere piccola e semplice.

Disegniamo questo modello in un nuovo livello con lo strumento Matita, quindi selezioniamo la sezione e la definiamo come un nuovo motivo: Modifica> Definisci modello.

Passaggio 15

Ora carica la selezione di entrambi i livelli bianchi (Ctrl-Maiusc-clic sul livello), crea un nuovo livello (Ctrl + Alt + Maiusc + N) e imposta questa selezione come
Maschera di livello.

Passaggio 16

Passa alla maschera (Alt + clic sulla maschera) e riempi gli spazi bianchi con il nostro modello preparato. Useremo il fatto che il colore nero non cambia impostando l'interazione Moltiplica. Apri la finestra di dialogo Riempi dal menu Modifica, imposta il modello, l'interazione e conferma.

Passaggio 17

Cos'è successo? Ora il contenuto del livello verrà visualizzato solo sul punto dei livelli bianchi, ma solo come un motivo. Puoi provarlo immediatamente, disegnando con qualsiasi strumento sul livello come nell'immagine.

Passaggio 18

Ma vogliamo avere una bella luce, quindi abbiamo impostato un pennello grande, bianco, morbido e disegnato nel mezzo del cono. Il nostro modello inizia a progettare bene.

Passaggio 19

Ecco perché possiamo avere grandi riflessioni sull'intero cono. Per prima cosa carichiamo una selezione della parte principale del cono e Contrattiamo questa selezione di 2px.

Passaggio 20

Con lo strumento Lazo poligonale, sottraiamo la metà destra (tenendo premuto il tasto Alt) e dopo di essa con lo strumento Selezione ellittica, sottraiamo la parte superiore (che non sarebbe illuminata, ma solo per ora).

Passaggio 21

Con la selezione ancora impostata, traccia un gradiente da bianco a trasparente in un nuovo livello con lo strumento Sfumatura.

Passaggio 22

Creare un riflesso sulla base nello stesso modo assicurandosi di mostrarlo inclinato per abbinare l'oggetto.

Passaggio 23

Assicurati di aggiungere anche l'evidenziazione sul lato della base. Qui puoi usare lo strumento Selezione rettangolare.

Passaggio 24

Ma il cono senza il riflesso in alto sembra un po 'strano, quindi dobbiamo aggiungerlo anche qui. Poiché desideriamo modificare questo riflesso, possiamo utilizzare un livello di forma, creato con lo strumento Penna.

Passaggio 25

Evidenzia maggiormente i bordi dei riflessi. Usiamo lo strumento penna per fare questo, e puoi vedere gli scatti dettagliati qui sotto.

Passaggio 26

Poiché stiamo creando un cono extra lucido, la base dovrebbe avere anche un leggero riflesso.

Quando il cono è abbastanza lucido, la parte del cono dovrebbe riflettere sulla base. Questo è noi che copiamo questo livello (quello arancione) e lo mettiamo sopra il
base. Capovolgi il livello, spostalo verso il basso, possiamo anche aggiungere una maschera per far sparire un livello. Puoi vedere nell'immagine sotto che il riflesso si vede principalmente nella parte destra dell'icona (dove mostra la freccia).

Passo 27

L'ultimo passaggio sarà l'aggiunta di una luce di sfondo. È bello se l'icona non è dello stesso colore, quindi possiamo scegliere un'altra tonalità per la luce. Ho selezionato un colore viola. Carica la selezione di tutti i livelli e riducine di un pixel scegliendo Seleziona> Modifica> Contratto ...

Passaggio 28

Quindi disegna con un pennello grande, morbido, viola (# D2B8F6) e spazzoli la luce nel nuovo livello,

Passaggio 29

E questo è tutto! Buona fortuna per il tuo lavoro!