Crea un'icona di valigetta realistica con texture in pelle

Il nostro obiettivo per questo tutorial è quello di disegnare una cartella di cuoio realistico interamente da zero. Utilizzeremo gli incredibili stili di livello e l'incredibile motore di pennelli di Photoshop per creare pelle ruvida, punti convincenti e serrature placcati in oro. Iniziamo!


Video Tutorial

Dai un'occhiata a questo tutorial video supplementare per questo concetto.


Passo 1

Iniziamo creando un nuovo documento RGB vuoto, scegliendo una tela quadrata di 512 px. Attiva Snap dal menu Visualizza (Maiusc + Comando + Tasto punto e virgola). Impostare due guide per contrassegnare il centro della tela.

Seleziona lo strumento Rettangolo arrotondato (U), scegli Livello forma e imposta il Raggio su 10 px nella barra delle opzioni (1a). Disegna un rettangolo marrone facendo clic con il tasto Alt e trascinando dal centro della tela (1b). Questo è il corpo principale della cartella, quindi chiamalo "principale".


Passo 2

Raggiungeremo un realismo più elevato introducendo alcune variazioni di colore. Imposta i colori in primo piano (2a) e in secondo piano (2b) in tonalità marroni, quindi vai su Filtro> Rendering> Nuvole. Questo creerà un motivo a macchie irregolari con i due colori che simulano la variazione di colore naturale della pelle (2c).


Passaggio 3

Aggiungiamo una texture in vera pelle. Scarica questa immagine e inseriscila nel documento, assegnando il nome al suo layer "texture". Ridimensionalo proporzionalmente finché non è leggermente più grande della valigetta (3a). Comando: fai clic sul livello "principale" per selezionarne i pixel, quindi aggiungi la selezione come maschera alla trama (3b).

Impostare la modalità di fusione su Luce soffusa e ridurre l'Opacità al 50% (3c). Sembra un po 'noioso, non è vero? Aggiungiamo un po 'di vita ad esso. Per prima cosa fai apparire Livelli inserendo il comando + L e sposta il cursore della mano destra più vicino al centro (3d). Ciò aumenta i livelli di bianco, rendendo la texture più luminosa.


Passaggio 4

Ora seleziona il livello "principale" e fai doppio clic su di esso per visualizzare la finestra Stile livello. Per prima cosa aggiungi un tratto marrone scuro per contrassegnare il perimetro (4a), quindi Bagliore interno per simulare la concavità attorno ai bordi (4b). Sembra già meglio (4c).


Passaggio 5

Ora duplica il livello e ridimensionalo, cancellando tutti gli stili (5a). Aggiungi uno stile Bagliore interno per simulare un'intera tasca (5b). Tuttavia, il bordo duro è sbagliato, quindi vai su Filtro> Sfocatura> Sfocatura gaussiana e scegli 3 px. Ora c'è una transizione di colore uniforme (5c). Ora torniamo al livello "principale", aggiungiamo una Sovrapposizione sfumatura per scurire la parte superiore poiché è ombreggiata dallo sportellino che disegneremo in seguito (5d).


Passaggio 6

Ora useremo una tecnica intelligente per creare i punti. Disegna un piccolo rettangolo arrotondato (6a), quindi dal menu Modifica scegli Definisci Pennello predefinito e assegna un nome al pennello "punto" (6b). Puoi cancellare il rettangolo ora.

Nella palette Pennelli impostare le proprietà del pennello. Imposta il suo Diametro su 8 px e la Spaziatura sul 550% (6c). Questi valori sono stati trovati per tentativi ed errori usando l'anteprima nella parte inferiore della tavolozza. Il pennello è pronto per essere utilizzato.


Passaggio 7

Scegli un colore giallo pallido per i punti (7a). Ora crea un rettangolo arrotondato (scegli l'opzione Percorso per lo strumento Rettangolo arrotondato) di dimensioni comprese tra "main" e "main copy". I punti correranno lungo questo percorso (7b). Nella palette Percorsi vedrai il percorso appena creato, fai doppio clic sul suo nome generico e inserisci "punti principali" (7c).

Ora crea un nuovo livello e assicurati che sia selezionato. Torna alla palette Tracciati, fai clic con il pulsante destro del mouse sul percorso "Punti principali" e seleziona Tracciato tracciato. Apparirà una finestra di dialogo. Scegli lo strumento Pennello e deseleziona il Simula pressione opzione se non lo è già. Ecco il risultato (7d).

Come puoi vedere, il pennello non è conforme al percorso in modo che i trattini siano sempre orizzontali. Abbiamo bisogno di cancellare i lati verticali. Quindi selezionare i trattini agli angoli e ruotarli di 45 gradi (7e, 7f). Va bene se non sembrano simmetrici, perché sembra più naturale.


Passaggio 8

Ora dobbiamo creare un nuovo livello e tracciare nuovamente il percorso per creare i lati mancanti. Premi B per selezionare lo strumento Pennello, quindi F5 per aprire la tavolozza Pennello e ruota il pennello "punto" di 90 gradi. Vedi nella finestra di anteprima che i trattini sono ora verticali, che è perpendicolare al percorso (8a). Proprio come abbiamo fatto prima, traccia il percorso "punti principali" sul nuovo livello (8b). Cancella i lati orizzontali e dovresti essere finito (8c). Puoi unire i due strati in uno denominato "punti" (8d).


Passaggio 9

I punti sembrano piatti. Aggiungiamo un po 'di spessore. Innanzitutto uno stile Bevel and Emboss (9a) per dare ai punti un certo spessore, quindi un Drop Shadow (9b). Ora sembrano più realistici (9c).


Passaggio 10

La pelle riflette l'ambiente, quindi abbiamo bisogno di aggiungere riflessi ambientali. Disegna un rettangolo arrotondato vicino al fondo della cartella, scegliendo un colore rosa chiaro (10a). Denominare questo livello "riflesso ambientale", impostarlo su Modalità schermo e 40% Opacità (10b).

Abbiamo bisogno di ammorbidire i suoi bordi in modo da applicare un Gaussian Blur di 3 px (10c). Ora digita Q per accedere alla modalità Maschera veloce. I colori cambieranno in bianco e nero. Digitare G per selezionare lo strumento Sfumatura e fare clic e trascinare verticalmente per creare un gradiente da nero a bianco (10d).

Premi di nuovo Q per uscire dalla modalità Maschera veloce e vedere il gradiente trasformato in una selezione: utilizzalo per mascherare il livello e sfumare la parte superiore del riflesso (10e). A questo punto potrebbe essere necessario regolare l'opacità al 60% e sfocare nuovamente per ottenere un risultato soddisfacente (10f).


Passaggio 11

Ora disegniamo un divisore per suggerire due tasche. Disegna una sottile ellisse verticale con lo Strumento Ellipse (U) nel mezzo (11a). Chiamalo "tasche". Dobbiamo rendere gli endpoint più scuri, implicare l'illuminazione proveniente da destra e aggiungere anche alcuni riflessi morbidi attorno a questa fessura. Ancora una volta gli stili di livello renderanno il lavoro facile. Per prima cosa aggiungi un Sovrapposizione sfumatura (11b), quindi Smusso e rilievo (11c) e infine Bagliore esterno (11d). Molto bello, il fondo della cartella è completo (11e).


Passaggio 12

Disegniamo il lembo. Agganciare alla guida centrale e disegnare la metà destra della linguetta (12a). Duplicare questo livello, capovolgerlo orizzontalmente e farlo scattare sul lato sinistro della guida (12b). Puoi regolare i percorsi finché non sei soddisfatto della forma. Rasterizza gli strati quando hai finito. Assegna un nome a questo "lembo".


Passaggio 13

Aggiungi uno stile Sovrapposizione sfumatura al lembo, rendendo la parte superiore luminosa, poiché è illuminata (13a). Anche il lembo ha bisogno di una trama, quindi duplica il livello "trama" e spostalo sopra l'aletta. Per evitare la ripetizione del motivo, girarlo verticalmente e schiacciarlo in modo che corrisponda alle proporzioni del lembo (13b). Usa anche il lembo per mascherarlo (13c).


Passaggio 14

Il lembo ha bisogno di un certo spessore. Copia il livello "lembo" e sposta la copia sotto di esso, chiamandolo "spessore lembo". Spostalo un po '(14a). Regola il suo Sovrapposizione sfumatura in modo che sia un po 'più chiaro (14b). Lo spessore non è strutturato. Poiché il flap proietta un'ombra sul corpo principale, dobbiamo aggiungere anche uno stile Ombra esterna (14c).

Vogliamo solo che l'ombra venga proiettata sulla valigetta, quindi dobbiamo mascherare le parti che sporgono. Fai clic con il tasto destro sullo "spessore del lembo" e seleziona Crea livelli. Questo trasforma gli stili in livelli separati, mascherati dal loro genitore (14d). Ora fai Command-click sul layer "main" (14e) e usa questa selezione per mascherare l'ombra esterna (14f).


Passaggio 15

Aggiungiamo i punti al lembo. Fai clic con il tasto Comando sul "lembo", quindi seleziona Seleziona> Modifica> Contratto e scegli 6 pixel (15a). Come sai quanto contrarre la selezione? Prova ed errore, nessuna conoscenza magica richiesta (15b).

Creare un percorso da questa selezione più piccola e denominarlo "punti di risvolto" (15c). Con lo strumento di selezione diretta (A), modifica il percorso in modo che sporga dall'alto. Vogliamo implicare che i punti si curvino sul retro (15d).


Passaggio 16

Traccia il percorso usando il nostro pennello "punto" personalizzato con la sua rotazione ripristinata a 0 gradi (16a). Cancellare i lati verticali, quindi ruotare manualmente i trattini attorno agli angoli curvi in ​​modo che si adattino al lembo (16b). Su un nuovo livello, traccia di nuovo il tracciato, questa volta ruotando il pennello di 90 gradi. Cancellare i trattini superflui. Copia e incolla gli stili di livello dai punti precedenti (16c).


Passaggio 17

Il prossimo sono le serrature. Scegli un colore giallo e disegna un rettangolo arrotondato, spostandolo sotto lo "spessore del lembo" e nominandolo "piastra inferiore" (17a). Applicare un Sovrapposizione sfumatura dorata (17b), un'ombra esterna (17c) e un tratto per simulare le luci sui bordi (17d).


Passaggio 18

Copia questa forma e spostala sopra tutti i livelli. Chiamalo "piastra superiore". Selezione: selezionare le parti in eccesso e cancellarle (18a). Apri gli stili di livello e deseleziona Inverti dalla sovrapposizione sfumatura (18b). Riduci l'opacità dell'ombra esterna al 30% (18c) e l'opacità dell'effetto al 50% (18 giorni). Sembra buono (18e). Infine, fai una copia più piccola della "piastra inferiore", chiamala "lucchetto" e riduci l'opacità del tratto al 50% (18f).


Passaggio 19

La chiusura è fissata al lembo tramite un cinturino in pelle corto. Dietro la "piastra superiore" disegnare un'ellisse marrone e chiamarlo "cinturino" (19a). Copia e incolla gli stili di livello dal livello "principale" (19b). Modificali: riduci il Bagliore interno (19c), cambia il colore Sovrapposizione sfumatura (19d) e modifica il tratto (19e). Le modifiche erano necessarie per adattarsi alle dimensioni più piccole del cinturino (19f).


Passaggio 20

Aggiungiamo piccoli punti a punta sul lembo. La procedura è stata spiegata già due volte. Crea una copia più piccola, selezionala e trasformala in un percorso. Modifica le proprietà del pennello "punto" (20a) e traccia il tracciato su un nuovo livello chiamato "punto di aggancio". Questa volta non abbiamo bisogno di ruotare i trattini mentre sono rotondi. Applica gli stessi stili di livello degli altri punti (20b).

Seleziona e collega la "piastra inferiore", "blocco", "piastra superiore", "cinturino" e punti fermacorda. "Ora spostali al centro della tasca sinistra e copiali nella tasca destra (20c). li copi, gli strati saranno tutti sopra gli originali. Devi spostare la "copia della piastra inferiore" e la "copia di blocco" sotto lo "spessore del lembo" in modo che ricevano l'ombra esterna correttamente.


Passaggio 21

L'ultimo elemento da disegnare è la maniglia. Crea due piccole fibbie metalliche usando lo Strumento Rettangolo (U) (21a). Applicare uno stile sovrapposizione sfumatura oro chiaro (21b). Creare un rettangolo marrone chiaro dietro le fibbie, inclinandolo per conformarsi al bordo superiore del lembo (21c). Copialo e giralo orizzontalmente sotto la fibbia destra.


Passaggio 22

La maniglia viene creata con un rettangolo arrotondato (Raggio = 5 px) posizionato sotto le fibbie (22a). Digitare Command + T per richiamare lo strumento di trasformazione gratuito, quindi fare clic con il pulsante destro del mouse sul manico e scegliere Warp. Nella barra delle opzioni selezionare Arco e impostare Piega su 20 (22b). La forma risultante (22c) deve essere ridimensionata e resa più leggera (22d).


Passaggio 23

Aggiungiamo un paio di rifiniture per rendere il manico migliore. Aggiungi uno stile di livello Satin per scurire la parte centrale (23a). Successivamente aggiungi uno stile Bagliore interno per creare l'evidenziazione superiore (23b). La cartella è ora finita (23c).


Conclusione

Completa l'icona con un'ombra o un riflesso adatto alle tue esigenze. In questo tutorial hai appreso come utilizzare gli stili di livello per simulare lo spessore e l'illuminazione con il minimo sforzo e come utilizzare i pennelli personalizzati per creare tratti con motivi. Spero ti sia divertito a creare la valigetta. Ehi, puoi usarlo per mostrare il tuo portafoglio impressionante ora!