Come illustrare una deliziosa barra di gelato

In questo tutorial, ti mostrerò come disegnare una gelateria. Durante questo tutorial daremo un'occhiata a varie tecniche di disegno. Creeremo tutto in Photoshop dall'inizio alla fine, ad eccezione del font utilizzato. Facciamo un salto in questo tutorial.

Anteprima dell'immagine finale

Per prima cosa, diamo un'occhiata all'immagine che creeremo.

Passo 1

Iniziamo creando un nuovo documento di 1000 pixel di larghezza e 1000 di altezza, con risoluzione impostata su 300 pixel / pollice.

Passo 2

Afferra lo strumento selezione rettangolare, imposta lo stile su Dimensioni fisse, imposta la larghezza su 530 pixel e imposta l'altezza su 260 pixel. Fai una selezione come nell'immagine qui sotto. Infine, trascina e fai scattare le guide orizzontali e verticali attorno alla selezione.

Passaggio 3

Crea un nuovo livello e chiamalo "Barra". Ottieni lo strumento Rettangolo arrotondato. Impostalo su Shape Layers e imposta il Raggio su 125 pixel nelle Opzioni dello strumento. Imposta il colore di primo piano con # 774411 e disegna un rettangolo come nell'immagine sottostante.

Passaggio 4

Ora abbiamo bisogno di dare a questo bar uno sguardo prospettico. Premi Comando + T per entrare in modalità Trasformazione libera, quindi imposta l'Angolo su -55 gradi, Inclinazione orizzontale a -25 gradi e applica premendo Invio due volte. Ora vai su Livello> Rasterizza> Livello per rasterizzare il livello forma. Si prega di notare nell'immagine seguente come differisce il risultato della trasformazione di uno strato di forma.

Passaggio 5

Ora aggiungeremo uno spessore al bar. Prima di andare avanti, assicurati di visualizzare la tela al 100%. In caso contrario, vai su Visualizza> Pixel reali (comando + Alt + 0). Afferra lo strumento Sposta e mentre tieni premuto il tasto Alt premi il tasto Freccia destra 89 volte, finché non raggiungi "Copia barra 89" nella palette dei livelli.

Ora seleziona tutti i livelli da "Barra copia 88" a "Copia barra" e uniscili passando a Livello> Unisci livelli o premendo Comando + E. Assegna un nome al livello unito "Spessore". Vai su Immagine> Regolazioni> Tonalità / Saturazione (Comando + U) e imposta Luminosità su -35. Rinominare il livello "Copia barra 89" come "Indietro". Ora scambia l'ordine dei livelli "Indietro" e "Barra" come nell'immagine qui sotto.

Passaggio 6

Ora andremo ad assaggiare il gelato. Ottieni lo strumento Selezione ellittica, imposta lo stile su una dimensione fissa, quindi imposta Larghezza e Altezza su 230 pixel e fai una selezione come nell'immagine qui sotto. Successivamente, seleziona Seleziona> Trasforma selezione, quindi imposta l'Angolo su -55 gradi e Inclinazione orizzontale su -25 gradi e applica per ottenere la stessa prospettiva con la barra del gelato. Posiziona la selezione dove dovrebbe essere il morso. Comando + Alt + Maiusc + clic sulla miniatura del livello "Barra" per intersecare la selezione con i pixel del livello.

Passaggio 7

Ora crea un nuovo livello nella parte superiore e chiamalo "Morso". Riempi la selezione con un colore distintivo, quindi deseleziona. Prima di andare avanti, assicurati di visualizzare la tela al 100%. In caso contrario, vai su Visualizza> Pixel reali (comando + Alt + 0). Inoltre, assicurati che lo strumento Sposta sia selezionato, quindi mentre tieni premuto il tasto Alt premi il tasto freccia destra 90 volte, finché non raggiungi "Copia morso 90" nella tavolozza dei livelli.

Seleziona tutti i livelli di morso tranne il "Morso copia 90" e uniscili premendo Comando + E. OK, ora prendiamo un morso, Comando-clic sul livello "Copia morso 89" per caricare i suoi pixel e deselezionare la selezione area dai livelli "Bar" e "Spessore".

Ora fai Command-click sulla miniatura del livello "Bite copy 90" e deseleziona la selezione mentre il layer "Back" è selezionato nella palette dei livelli. Ora assicurati che uno strumento di selezione sia selezionato nella casella degli strumenti e premi la freccia sinistra per spostare la selezione di 1 pixel a sinistra e premi nuovamente Elimina per cancellare. Deseleziona e quindi puoi nascondere i livelli "Copia morso 89" e "Copia morso 90".

Passaggio 8

Seleziona il livello "Indietro" nella palette dei livelli e poi vai su Immagine> Regolazioni> Tonalità / Saturazione (Comando + U). Imposta la luminosità su -25. Fai clic tenendo premuto il tasto Comando sul livello "Copia morso 89" per caricare la selezione e Comando + Alt + Maiusc + clic sul livello "Indietro" per intersecare.

Vai a Livello> Nuovo> Livello tramite Copia. Questo creerà un nuovo livello dalla selezione. Dai un nome a questo nuovo livello "Cioccolato". Vai a Livello> Duplica livello e chiamalo "Bianco". Premi Comando + U per visualizzare la finestra di dialogo Tonalità / saturazione e imposta la luminosità su 75.

Passaggio 9

Comando: fai clic sul livello "Bianco" per caricare la selezione. Vai a Seleziona> Inversa. Assicurati che lo strumento selezione sia selezionato nella casella degli strumenti e premi cinque volte la freccia destra per spostare a destra la selezione di cinque pixel. Hit cancella per cancellare.

Ora premi Maiusc + Freccia sinistra una volta per spostarlo di 10 pixel a sinistra e poi premi Elimina per cancellare il lato destro del livello "Bianco". Premi la freccia giù per cinque volte e poi premi Elimina. Infine, premi Shift + Up Arrow una volta e quindi cancella di nuovo la selezione.

Passaggio 10

Vai al livello "Bar" nella palette dei livelli e applica una Sovrapposizione sfumatura usando queste impostazioni: Modalità miscelatura impostata su Schermo, Opacità al 50%, Sfumatura impostata su Nero a Bianco, Contrassegno all'indietro, Stile impostato su Radiale e Scala impostata su 130%. Trascina il centro del gradiente come nell'immagine sottostante mentre la finestra di dialogo Sovrapposizione sfumatura è ancora aperta.

Passaggio 11

Ora vai al livello "Spessore" e applica uno stile di livello Sovrapposizione sfumatura e usa queste impostazioni: Modalità fusione impostata su Colore scherma, Opacità al 55%, Sfumatura impostata su Nero a Bianco, Stile impostato su Lineare e Scala impostata su 150%.

Passaggio 12

Vai al livello "Chocolate" nella palette dei livelli e applica una sovrapposizione sfumatura anche a questo livello con queste impostazioni: Modalità fusione impostata su Luce soffusa, Opacità al 70%, Sfumatura impostata su Nero a Bianco con Stile lineare, Angolo impostato su -90 gradi e scala al 150%.

Passaggio 13

Ora applichiamo un altro Sovrapposizione sfumatura, questa volta al livello "Bianco" con queste impostazioni: Modalità fusione impostata su Luce intensa, Opacità impostata su 50%, Sfumatura impostata su Nero a Bianco, Stile impostato su Lineare, Impostazione angolo a -90 gradi e scala impostata al 150%.

Passaggio 14

Crea un nuovo livello sopra il livello "Bar" e chiamalo "Evidenzia". Premi il tasto Comando e fai clic sul livello "Barra" per caricarne i pixel, vai a Modifica> Traccia. Impostare la larghezza su 2 pixel e Colore su bianco, quindi impostare Posizione su Centro e premere OK. Premi Command + D per deselezionare.

Cancelleremo alcune parti di questo e ne faremo un risalto. Ora rendi il tuo sfondo un po 'più scuro per vedere chiaramente il contorno bianco andando su Immagine> Regola> Tonalità / Saturazione (Comando + U). Fallo mentre il livello "Sfondo" è selezionato, quindi nella tavolozza Livelli imposta Luminosità su - 40.

Passaggio 15

Vai al livello "Evidenzia" nella tavolozza dei livelli. Afferra lo strumento Cancella, quindi nelle opzioni dello strumento imposta il Diametro principale a 240 pixel, imposta Durezza su 0% e imposta la Modalità su Pennello. Cancellare le aree a sinistra, in basso e morse, come nell'immagine qui sotto. Imposta l'opacità dei livelli al 50%.

Passaggio 16

Crea un nuovo livello sopra il livello "Bar" e chiamalo "Texture". Premi D per impostare i colori predefiniti che sono in bianco e nero. Vai a Filtro> Rendering> Nuvole. Ora vai su Filtro> Render> Difference Clouds. Vai a Filtro> Distorci> Vetro. Impostare la distorsione su 20, Levigatezza su 10, impostare la trama su smerigliato e ridimensionare al 100%.

Passaggio 17

Imposta la modalità di fusione del livello "Texture" su Luce soffusa. Successivamente, premi Comando + T, imposta Angolo su -55 gradi, imposta Inclinazione orizzontale su -25, quindi applica.

Passaggio 18

Comando-clic sul livello "Indietro" per caricare la selezione. Comando + Maiusc-clic sul livello "Spessore" e Comando + Maiusc + clic sul livello "Barra" per aggiungere i loro pixel alla selezione. Vai a Seleziona> Inversa e premi Elimina per cancellare. Premi Comando + D per deselezionare. Imposta l'opacità dei livelli al 20%.

Passaggio 19

Crea un nuovo livello sopra il livello "Bianco" e chiamalo "Rosso". Comando: fai clic sulla miniatura del livello "Cioccolato" per caricare la selezione. Assicurati che uno strumento selezione sia selezionato nella casella degli strumenti. Tenendo premuto il tasto Maiusc, premere il tasto freccia destra tre volte per spostare la selezione di 30 pixel a sinistra e riempire la selezione con il rosso.

Premi Shift + Freccia destra altre tre volte e premi Elimina. Ora prendi lo strumento Selezione rettangolare e seleziona la parte superiore dell'area rossa e premi Elimina per cancellare. Fai la stessa cosa anche per la parte inferiore e Deseleziona.

Passaggio 20

Comando: fai clic sul livello "Rosso" per caricare la selezione. Vai alla palette dei canali e crea un nuovo canale. Riempi la selezione con il bianco e poi deseleziona. Vai a Filtro> Sfocatura> Sfocatura gaussiana e applica con un raggio di 5 pixel. Vai a Immagine + Regolazioni> Livelli (Comando + L) e imposta i Livelli di input su 125, 1 e 150. Fai clic con il tasto Comando sul canale "Alfa 1" per selezionare i pixel bianchi.

Passaggio 21

Torna al livello "Rosso" nella tavolozza dei livelli. Vai a Seleziona> Inversa e premi Elimina per cancellare i bordi taglienti. Imposta il metodo di fusione del livello su Moltiplica. Deseleziona premendo Comando + D.

Passaggio 22

Crea un nuovo livello sopra il livello "Rosso" e chiamalo "Evidenziazione rossa". Comando: fare clic sulla miniatura del livello "Rosso" per caricare la selezione. Assicurati che sia selezionato uno strumento Selezione e premi una volta il tasto Freccia destra per spostare la selezione di un pixel verso destra. Riempi la selezione con il bianco e sposta la selezione di altri due pixel a destra e premi Elimina.

Ora abbiamo una linea sottile che deve essere sfocata. Premi il tasto Comando e fai di nuovo clic sulla miniatura del livello "Rosso", vai su Filtro> Sfocatura> Sfocatura gaussiana e applica con un Raggio di 2 pixel. Inoltre, assicurati di Deselezionare.

Passaggio 23

Ora è il momento di fare il bastone. Ma prima di procedere, riordina gli strati. Vai alla palette dei livelli ed elimina i livelli "Bite copy 90" e "Bite copy 89". Quindi seleziona tutti i livelli tranne il livello "Sfondo" e vai a Livello> Nuovo> Raggruppa dai livelli, chiama il gruppo "Gelato".

Passaggio 24

Ora dobbiamo disegnare il bastone. Innanzitutto, creiamo un nuovo documento di 90 pixel di larghezza e 340 pixel di altezza con una risoluzione di 300 pixel / pollice.

Passaggio 25

Premi Comando + A per selezionare tutto. Trascina le guide tutto intorno al quadro e un'altra guida al centro verticale dell'area di disegno. Premi Comando + D per deselezionare. Crea un nuovo livello chiamato "Stick". Imposta il colore di primo piano su # ffcc77. Afferra lo strumento rettangolo arrotondato, imposta il raggio a 40 pixel, imposta i livelli di forma e disegna un rettangolo come nell'immagine qui sotto.

Passaggio 26

Ottieni lo strumento Aggiungi punto di ancoraggio e aggiungi punti di ancoraggio come nell'immagine sottostante. Ora prendi lo strumento selezione diretta, seleziona e sposta il punto di ancoraggio sinistro per aggiungere 10 pixel a destra usando i tasti freccia. Sposta quello di destra 5 pixel a sinistra. Vai a Livello> Rasterizza> Livello.

Passo 27

Crea un nuovo livello e chiamalo "Fibers". Premi D per impostare i colori predefiniti. Premi Alt + Backspace per riempire il livello con il nero. Vai a Filtro> Render> Fibers. Imposta Varianza su 10 e Forza su 50. Vai su Livello> Duplica livello e premi OK. Vai a Modifica> Trasforma> Ruota di 180 gradi. Imposta il metodo di fusione del livello su Scherma lineare. Premi Comando + E per unire i primi due strati.

Passaggio 28

Alt-clic sulla linea tra i livelli "Fibers" e "Stick" nella palette dei livelli. Questo definirà il livello "Stick" come una maschera di ritaglio per "Fibers". Vai a Filtro> Precisione> Maschera di contrasto. Imposta l'importo al 60%, il raggio su 8 pixel e la soglia su 4 livelli.

Passaggio 29

Vai a Immagine> Ruota quadro> 90 gradi CW. Imposta il metodo di fusione per il livello "Fibre" su Softlight e applica il livello di opacità al 40%. Premi Comando + E per unire i livelli "Fibre" e "Stick". Ottieni lo strumento tipo orizzontale e digita il testo come nell'immagine sottostante. Ho usato questo font gratuito da dafont.com. Imposta l'opacità del livello testo al 50%. Ora premi nuovamente Command + E per unire il livello "Stick" e il testo.

Passaggio 30

Ora inseriremo il bastone nel nostro documento principale "Gelato". Afferra lo strumento Sposta, trascina e rilascia il livello "Stick" nel documento "Gelato".

Passaggio 31

Premi Comando + T e imposta l'inclinazione orizzontale a -25 gradi e applica. Premi nuovamente Comando + T e questa volta imposta Rotazione a -55 gradi. Stiamo applicando queste due trasformazioni in due passaggi diversi per ottenere un risultato più pulito.

Passo 32

Vai alla palette dei livelli e trascina il livello "Stick" sotto il gruppo "Ice cream".

Passaggio 33

Afferra lo strumento Sposta e assicurati di visualizzare la dimensione 100% della tela. Tenendo premuto il tasto Alt, premere il tasto freccia sinistra cinque volte. Seleziona dal livello "Stick copia 4" a "Stick" nella palette dei livelli e uniscili premendo Command + E. Vai a Immagine> Regolazioni> Tonalità / Saturazione (Comando + U) e imposta Luminosità a -30.

Passaggio 34

Vai al livello "Stick copia 5" nella palette dei livelli e premi Comando + E per unire entrambi i livelli bastone e nominare questo livello "Stick". Ora applicheremo un Sovrapposizione sfumatura al livello "Stick" per dare l'effetto ombra, utilizzando queste impostazioni: Metodo di fusione impostato su Moltiplica, Opacità al 100%, Sfumatura impostata su Nero a Bianco, Stile impostato su Lineare, Angolo impostato su -130 gradi e scala al 55%.

Passaggio 35

Ora creeremo l'ombra. Rendi il livello "Sfondo" invisibile. Crea un nuovo livello in cima e chiamalo "Ombra". Vai a Immagine> Applica immagine. Questo unirà tutti i livelli visibili al livello attivo. Vai su Immagine> Regolazioni> Tonalità / Ombra e imposta Luminosità su -100.

Passaggio 36

Ritorna il livello "Sfondo" a visibile. Trascina il livello "Ombra" sopra il livello "Sfondo" nella palette dei livelli. Premi Comando + T per entrare in modalità Trasformazione libera. Impostare la posizione del punto di riferimento in basso a sinistra e impostare l'inclinazione orizzontale su -20 gradi e applicare.

Premi nuovamente Comando + T, imposta la posizione del punto di riferimento in basso al centro e imposta la scala verticale su 35%. Ridimensiona l'ombra orizzontalmente trascinando la maniglia medio-destra del riquadro di delimitazione sul margine destro dell'area di disegno.

Passaggio 37

Vai a Visualizza> Cancella guide per cancellare le guide esistenti. Trascina una guida verticale e posizionala sul bordo sinistro del livello "Ombra". Ora vai alla palette dei canali e crea un nuovo canale. Afferra lo strumento Sfumatura, apri il Selettore sfumato e seleziona il nero in bianco, quindi riempi il canale con la sfumatura a partire dalla linea guida e trascinando fino all'estremità destra della tela. Ora fai Command-clic su "Alpha 2" nella palette Canali per fare una selezione dei pixel bianchi e tornare al livello "Ombra" nella palette dei livelli.

Passaggio 38

Ora abbiamo selezionato la fine dell'ombra e applicheremo un po 'di sfocatura a quest'area. Vai a Filtro> Sfocatura> Sfocatura gaussiana e applica con un raggio di 3 pixel. Premi Comando + F nove volte per applicare l'ultimo filtro utilizzando le stesse impostazioni più volte. Ora per far sparire l'ombra premi Elimina.

Passaggio 39

Al punto 16 abbiamo riempito l'intero livello "Texture" e poi lo abbiamo ruotato, quindi alcuni pixel sono andati fuori dalla tela. Ora sposteremo il gelato e l'ombra, e questi pixel entreranno nella tela. Per eliminarli premi Comando + A per selezionare tutto e vai a Immagine> Ritaglia.

Conclusione

Ora puoi unire tutti i livelli tranne il livello "Sfondo" e posizionare il gelato al centro della tela, quindi applicare una sfumatura allo sfondo. Sì è quello. Spero che tu abbia imparato qualcosa di nuovo e apprezzato questo tutorial.