Share
In questo tutorial, ti mostrerò come illustrare una chiave USB che fluttua nell'aria e riflette su una superficie. Aggiungeremo numerosi dettagli che faranno risplendere questa illustrazione. Nota come il nome di Psdtuts + riflette il pavimento nell'illustrazione. Questi sono i piccoli dettagli che aggiungono un grado di realismo al tuo lavoro.
Prima di iniziare, diamo un'occhiata all'immagine che creeremo. Come sempre, il file Photoshop a più livelli è disponibile tramite la nostra iscrizione Psdtuts + Plus. È possibile visualizzare l'anteprima dell'immagine finale qui sotto o visualizzare una versione più grande qui.
Iniziamo creando un nuovo documento con una larghezza di 1000 pixel per 1000 pixel, impostando la risoluzione su 300 pixel / pollice e lo sfondo su bianco. Afferra lo strumento Selezione rettangolare, quindi imposta lo stile su Dimensioni fisse con una larghezza di 100 px e un'altezza di 240 px. Trascina quattro guide attorno alla selezione, come mostrato nell'immagine sottostante, quindi deseleziona premendo Comando + D.
Crea un nuovo livello e chiamalo "Front B." Imposta il colore di primo piano con il 55% di grigio. Ottieni lo strumento Rettangolo arrotondato, impostalo su Riempi pixel e Raggio su 30 px nel set di Opzioni strumento. Disegna un rettangolo arrotondato come mostrato di seguito.
Ora cancelleremo le guide andando su Visualizza> Cancella guide. Premi Comando + T per entrare nella modalità Trasformazione libera, imposta l'inclinazione verticale a -30 gradi e applicala. Premi nuovamente Comando + T e imposta Rotazione su -30 gradi. Avremmo potuto distorcere e ruotare lo strato allo stesso tempo. Il motivo per cui lo abbiamo fatto in due fasi è che dà risultati più puliti. Puoi dare un'occhiata all'immagine qui sotto per un confronto.
Ora abbiamo bisogno di due guide orizzontali. Trascina e scatta uno verso l'alto e uno verso il basso del rettangolo trasformato. Questo non è il nostro angolo di prospettiva finale, ma è più facile costruire la chiave USB in questo modo, quindi ruoteremo di nuovo l'intera cosa per ottenere il nostro aspetto di prospettiva finale.
Duplica il livello "Front B" e chiamalo "Front A." Sposta il livello "Anteriore A" di 30 pixel a sinistra. Puoi farlo usando i tasti freccia sulla tastiera quando lo strumento Sposta è selezionato. Tenendo premuto Maiusc, premere il tasto freccia sinistra tre volte. Applica uno stile di sovrapposizione sfumatura con queste impostazioni: Modalità fusione impostata su Moltiplica, Opacità al 100%, Sfumatura impostata su Nero a bianco, Stile lineare, Angolo impostato su 90 gradi e Scala impostata su 130%.
Ora dobbiamo connettere questi due rettangoli arrotondati. Torna al livello "Front B" nella palette dei livelli. Ottieni lo strumento Lazo poligonale e fai una selezione, come mostrato nell'immagine qui sotto. Assicurati che le guide siano visibili. Riempi la selezione con il 55% di grigio, quindi deseleziona premendo Comando + D.
Ci sono alcuni pixel indesiderati, lasciali liberi. Afferrare lo strumento Selezione rettangolare, impostare lo stile su Normale ed effettuare una selezione, come mostrato di seguito. Sposta la selezione di 1 px verso il basso e premi Elimina per cancellare l'area. È possibile spostare le selezioni utilizzando i tasti freccia sulla tastiera finché è attivo uno strumento selezione. Ora fai una selezione rettangolare questa volta in basso. Sposta la selezione di 1 px verso l'alto e premi nuovamente Elimina.
Ora applicheremo uno stile di sovrapposizione di sfumatura al livello "Front B" con queste impostazioni: modalità di fusione impostata su Moltiplica, opacità al 65%, set di sfumature su "Barra di acciaio" (che si trova nel set di metalli), con un Stile lineare, Angolo impostato su -30 gradi e Scala al 110%. Inoltre, puoi regolare la posizione della sfumatura trascinandola mentre la finestra di dialogo Sovrapposizione sfumatura è ancora aperta. Regola la posizione come nell'immagine.
Comando: fare clic sulla miniatura del livello "Anteriore A" per caricare la selezione. Ho spostato la selezione di 400 pixel a destra. Questo definirà la lunghezza della tua chiave USB, quindi puoi cambiarla se vuoi una più lunga o una più corta. Crea un nuovo livello e chiamalo "Indietro". Ho riempito la selezione con il colore # ee3232, ma puoi scegliere un colore diverso in base ai tuoi gusti.
Ora crea un altro nuovo livello e chiamalo "Corpo". Riempi la selezione con il 15% di grigio. Deseleziona premendo Comando + D. Rendi invisibile il livello "Indietro", poiché ne avremo bisogno in seguito. Trascina e posiziona il livello "Corpo" sopra il livello "Sfondo" nella tavolozza dei livelli.
Ora estruderemo il corpo come abbiamo fatto per la parte anteriore. Ottieni lo strumento Lazo poligonale e fai una selezione come mostrato, quindi riempila con il 15% di grigio. Premi Comando + D per deselezionare.
Ottieni lo strumento del marchio rettangolare e allinea una selezione alla guida superiore, come nell'immagine qui sotto. Sposta la selezione di 1 px verso il basso e deseleziona premendo Delete. Fai un'altra selezione rettangolare, questa volta in basso, sposta la selezione di 1 px verso l'alto e premi nuovamente Elimina per cancellare la fila inquietante di pixel.
Ora applicheremo uno stile di sovrapposizione sfumatura al livello "Corpo" per ottenere l'angolo arrotondato. Usa queste impostazioni: Modalità fusione impostata su Moltiplica, Opacità al 65%, Sfumatura impostata su Nero a Bianco, con Stile lineare, Angolo impostato su 90 gradi e Scala impostata su 18%. Sposta il gradiente verso il basso, come nell'immagine sottostante. Puoi farlo trascinando mentre la finestra di dialogo Sovrapposizione sfumatura è aperta.
Vai alla tavolozza dei livelli, quindi trascina e posiziona il livello "Indietro" appena sopra il livello "Sfondo". Sposta il livello "Indietro" di 20 px a destra usando il tasto freccia destra. Successivamente, prendi lo strumento Lazo poligonale e fai una selezione, come mostrato sotto, quindi riempi la selezione con il rosso (o il tuo colore) per estrudere la parte posteriore della chiave USB. Premi Comando + D per deselezionare.
Ottieni lo strumento del marchio rettangolare e allinea una selezione alla guida superiore, come fatto in precedenza. Sposta la selezione di 1 px verso il basso e deseleziona premendo Delete. Fai un'altra selezione rettangolare, questa volta in basso. Sposta la selezione di 1 px in alto e premi nuovamente Elimina per cancellare la riga di pixel che disturba.
Abbiamo bisogno di applicare una sovrapposizione sfumatura al livello "Indietro" con le stesse impostazioni utilizzate per "Corpo". Ora fai clic con il pulsante destro del mouse sul livello "Corpo" nella tavolozza dei livelli e scegli Copia stile livello. Fai clic con il pulsante destro del mouse sul livello "Indietro" e scegli Incolla stile livello.
Crea un nuovo livello sopra il livello "Front B" e chiamalo "Evidenzia". Afferra lo strumento Linea, impostalo su Riempi pixel e imposta Peso su 8 px. Scegli il bianco come colore di primo piano e traccia una linea retta, come nell'immagine sottostante. Vai a Filtro> Sfocatura> Sfocatura gaussiana, applicare con un raggio di 5 px.
Ora abbiamo il momento clou, ma dovremmo eliminare la parte eccedente. Premi il tasto Comando e fai clic sulla miniatura del livello "Corpo" per caricare la selezione. Dovremmo anche selezionare la parte posteriore, quindi Comando + Maiusc + clic sulla miniatura di sfondo "Indietro" per aggiungere alla selezione. Vai a Seleziona> Inversa e premi Elimina per cancellare. Deseleziona premendo Comando + D.
Crea un nuovo livello sopra il livello "Corpo" e chiamalo "Riflesso". Afferra lo strumento sfumatura, imposta il gradiente su nero su bianco e riempi il livello con il gradiente da sinistra a destra. Vai a Immagine> Regolazioni> Curve e modifica la curva come mostrato di seguito. Questo è il mio modo preferito per fare riflessioni. Quindi premi Comando + T e ruota il livello "Riflessione" di 30 gradi. Vedrai perché lo faremo più tardi.
Ora, perché vogliamo che la riflessione sia visibile nella parte "Corpo", dobbiamo liberarci del resto. Premi il tasto Comando e fai clic sulla miniatura del livello "Corpo" per caricare la selezione. Comando + Alt-clic sulla miniatura del livello "Front B" per sottrarlo dalla selezione corrente. Vai a Seleziona> Inversa e premi Elimina per cancellare. Premi Comando + D per deselezionare. Imposta il metodo di fusione dei livelli su Sovrapponi.
Ora prendi lo strumento Gomma. Assicurati che la modalità in Opzioni strumenti sia impostata su Pennello. Ho impostato il diametro master del pennello su 215 e il grado di durezza sul 25%. Cancellare l'area sotto l'angolo arrotondato.
Ci sono alcuni pixel dipinti fuori dalla tela perché abbiamo riempito l'intera pagina e quindi abbiamo ruotato la sfumatura. Non possiamo vederli al momento. Nei passaggi finali ruoteremo la chiave USB e questi pixel costituiranno un problema per sbarazzarcene. Vai a Seleziona> Tutto, quindi vai a Immagine> Ritaglia.
Iniziamo a disegnare la spina. Comando: fai clic sul livello "Anteriore A" per caricare la selezione. Crea un nuovo livello sopra il "Front A" e chiamalo "Plug". Riempi la selezione con il 25% di grigio. Deseleziona premendo Comando + D. Premi Comando + T per entrare in modalità Trasformazione libera, imposta le Scale verticale e orizzontale al 56% e applica.
Duplica il livello "Plug" e chiamalo "Plug Front". Sposta il livello "Plug Front" a 150 pixel a sinistra. Trascina due guide dal righello superiore e agganciatele alla parte superiore e inferiore del livello "Plug". Torna al livello "Plug" nella palette dei livelli, prendi lo strumento Lazo poligonale e fai una selezione come nell'immagine qui sotto. Riempi la selezione con il 25% di grigio, quindi deseleziona premendo Comando + D.
Prendi lo strumento Marchio rettangolare e allinea una selezione alla guida superiore, come mostrato di seguito. Sposta la selezione di 1 px verso il basso e deseleziona premendo Delete. Fai un'altra selezione rettangolare, questa volta in basso, sposta la selezione di 1 px verso l'alto e premi nuovamente Elimina per cancellare la fila inquietante di pixel.
Comando-clic sul livello "Plug" miniatura, questo caricherà la selezione. Ottieni lo strumento Sfumatura, imposta il gradiente come Primo piano su Trasparente, imposta Colore primo piano su nero e Stile sfumatura su Lineare. Trascinalo, come mostrato sotto, per riempire la selezione con un gradiente dal nero al trasparente. Questo renderà la parte superiore della spina più scura, il che ci aiuterà a ottenere l'aspetto metallico.
Premi Comando + D per deselezionare. Applica uno stile di sovrapposizione sfumatura con queste impostazioni: Modalità Blending impostata su Moltiplica, Opacità al 50%, Sfumatura impostata su Nero a Bianco, Stile lineare, Angolo impostato su 90 gradi e Scala impostata su 18%. Sposta il gradiente verso il basso finché non si adatta all'angolo arrotondato, come nell'immagine sottostante, mentre la finestra di dialogo Sovrapposizione sfumatura è ancora aperta.
Crea un nuovo livello sopra il livello "Plug" e chiamalo "Plug Reflection". Ottieni lo strumento Marchio rettangolare e fai una selezione, come nell'immagine qui sotto. Ottieni lo strumento Gradiente. Imposta il gradiente su Argento (è nel Set di Metalli). Imposta lo Stile sfumato su Riflesso e riempi la selezione iniziando dal centro verso sinistra. Premi Comando + D per deselezionare. Vai a Immagine> Regolazioni> Inverti per ottenere il negativo.
Premi Comando + T, quindi ridimensiona il riflesso un po 'in orizzontale e ruota di 30 gradi. Ora vogliamo il riflesso visibile solo sulla spina. Quindi definiremo il livello "Plug" come una maschera di ritaglio per "Plug Reflection". Puoi farlo facendo Alt-clic sulla linea tra questi due livelli nella palette dei livelli. Prendi lo strumento Gomma. Cancellare l'area sotto l'angolo arrotondato della spina. Inoltre, imposta il metodo di fusione del livello su Schermo.
Crea un nuovo livello sopra il livello "Plug Reflection" e chiamalo "Plug Highlight". Ottieni lo strumento Linea, impostalo su Riempi pixel e imposta Peso su 4 px. Inoltre, imposta il bianco come colore di primo piano. Disegna una linea retta, imposta Peso su 2 px e disegna un'altra linea, come nell'immagine sottostante.
Vai a Filtro> Sfocatura> Sfocatura gaussiana, applicare con un raggio di 1,5 px. Comando: fai clic sul livello "Plug" per caricare la selezione, quindi seleziona Seleziona> Inversa e deseleziona premendo Elimina. Imposta l'opacità del livello "Plug Highlight" al 60%.
Ora faremo il buco sulla spina. Comando: fai clic sul livello "Plug Front" per caricare la selezione. Vai a Seleziona> Modifica> Contratto e contratta la selezione di 2 pixel. Crea un nuovo livello sopra il livello "Plug Front" e chiamalo "Plug Hole".
Riempi la selezione con il 25% di grigio e applica uno stile di sovrapposizione di sfumatura con queste impostazioni: Modalità fusione impostata su Moltiplica, Opacità al 40%, Sfumatura impostata su nero a bianco, con Stile lineare, Angolo impostato su -90 gradi e Scala al 13%. Sposta il gradiente finché non si adatta all'angolo arrotondato della spina.
Crea un nuovo livello denominato "Plug Hole Shadow" appena sopra il livello "Plug Hole". Afferra lo strumento Lazo poligonale, seleziona un'area come nell'immagine sottostante e riempi con il nero. Premi Comando + D per deselezionare. Vai a Filtro> Sfocatura> Sfocatura gaussiana. Imposta il raggio su 15 pixel. Comando-clic sul livello "Plug Hole", vai a Seleziona> Inversa per invertire la selezione. Cancella colpendo Elimina. Dovresti anche regolare l'opacità del livello a tuo gusto.
Crea un nuovo livello sopra il livello "Plug Hole" e chiamalo "Bianco". Comando-clic sul livello "Plug Hole". Ottieni lo strumento Marchio rettangolare e sposta la selezione, come mostrato di seguito. Comando + Alt + Maiusc + clic sulla miniatura di livello "Foro di chiusura" per intersecare la selezione, quindi riempire la selezione con bianco e premere Comando + D per deselezionare. Sposta il livello "Bianco" di 5 pixel a destra. Trascina le guide orizzontali e scatta in cima e in fondo al livello "Bianco".
Crea un altro livello sotto il livello "Bianco" e chiamalo "Top bianco". Ottieni lo strumento Lazo poligonale e fai una selezione, come mostrato di seguito. Riempi la selezione con il 20% di grigio. Fare clic con il tasto Comando sul livello "Spina foro", quindi selezionare Seleziona> Inversa per invertire la selezione caricata. Premi Elimina per cancellare la parte fuori dal buco. Vai al livello "Bianco" nella palette dei livelli e premi nuovamente Elimina. Premi Comando + D per deselezionare.
Seleziona i livelli nella tavolozza dei livelli, come mostrato di seguito. Vai a Livello> Raggruppa livelli (Comando + G.) Assegna un nome al gruppo "Plug Bottom". Ora duplica il gruppo "Plug Bottom" e chiamalo "Plug Top". Vai a Livello> Unisci gruppo. Rendi invisibile il gruppo "Plug Bottom" per ora.
Ora faremo il riflesso della spina sul corpo. Duplica il livello "Plug Top", chiamalo "Plug Reflection" e trascinalo sopra il livello "Front A" nella palette dei livelli. Sposta a destra, come mostrato di seguito. Vai a Filtro> Sfocatura> Sfocatura gaussiana e applica con un raggio di 3 pixel. Per mascherare il riflesso, fare clic con il tasto Alt sulla linea tra i livelli "Riflesso puntale" e "Anteriore A" nella tavolozza Livelli. Puoi cambiare l'opacità del livello come desideri.
Continuiamo a sistemare i nostri strati. Seleziona tutti i layer tranne i layer "Background" e "Plug Top" e "Plug Bottom". Vai a Livello> Unisci livelli (Comando + E.) Rinomina il livello unito come "Corpo".
Ora faremo i due piccoli fori sulla spina. Crea un nuovo livello nella parte superiore della pila di livelli denominata "Buco". Ottieni lo strumento Marchio rettangolare, imposta lo stile su Dimensioni fisse e Larghezza e Altezza su 26 px. Effettua una selezione come mostrato di seguito. Riempi la selezione con il 65% di grigio. Premi Comando + D per deselezionare.
Premi Comando + T e imposta l'inclinazione orizzontale su 30 gradi. Questo si adatta alla prospettiva dei fori per la prospettiva delle spine. Ottieni lo strumento Lazo poligonale e fai una selezione, come mostrato nell'immagine in basso a sinistra qui sotto. Vai a Immagine> Regolazioni> Tonalità / Saturazione (Comando + U) e imposta Luminosità su + 100% per rendere bianca la parte selezionata.
Comando: fai clic sul livello "Foro" per caricare la selezione. Sposta la selezione 1 px a sinistra e 1 px in basso. Comando + Alt + Maiusc + clic sul livello "Foro" per intersecare la selezione con il livello. Riempi la selezione con il nero. Inoltre, deseleziona premendo Comando + D.
Duplica il livello "Foro". Ora abbiamo due fori e dovrebbero essere allineati correttamente. Puoi ottenere aiuto dal bordo destro o sinistro della spina. Dopo aver allineato correttamente, selezionare entrambi gli strati del foro e posizionarli come mostrato di seguito.
Ora prendi lo strumento di testo. Ho impostato il carattere come Trebuchet MS con una dimensione di 35 punti. Crea il tuo colore di primo piano ee0055, quindi digita il testo. Premi Comando + T e imposta l'inclinazione orizzontale su 30 gradi e applica. Rinominare il livello di testo come "Testo". Applicare un Sovrapposizione sfumatura al livello "Testo" usando queste impostazioni: Modalità miscelatura impostata su Schermo, Opacità al 50%, Sfumatura impostata su Argento, con Stile lineare, Angolo impostato su 30 gradi e Scala impostata al 75%.
Applicheremo anche un'ombra discendente con le seguenti impostazioni: Modalità di fusione di Moltiplica, Opacità impostata su 60%, Angolo impostato su 90 gradi e Distanza e Dimensione impostati su 2 px.
Quello che abbiamo ora è la nostra chiave USB. Ciò che non facciamo è il riflesso. La nostra chiave fluttuerà nell'aria, e la parte inferiore di essa si rifletterà sulla superficie. E la parte inferiore della chiave è leggermente diversa dalla parte superiore.
Duplica il livello "Body" e chiamalo "Body Bottom". Ora seleziona i layer "Copia foro", "Foro", "Testo", "Plug Top" e "Corpo", quindi vai a Livello> Unisci. Assegna un nome al livello unito "USB" e rendi invisibile lo strato "USB" per ora.
Otterremo di nuovo lo strumento Testo, creerai il tuo colore di primo piano # ee0055 e digiterò il testo. Premi Comando + T e ridimensiona il testo per adattarlo alla presa. Vai a Modifica> Trasforma> Rifletti verticalmente per rispecchiare il testo. Premi Comando + T e imposta l'inclinazione orizzontale su 30 gradi e applica. Rinominare il livello di testo come "Testo".
Applicare un Sovrapposizione sfumatura al livello "Testo" usando queste impostazioni: Modalità miscelatura impostata su Schermo, Opacità al 50%, Sfumatura impostata su Argento, con Stile lineare, Angolo impostato su 30 gradi e Scala impostata al 75%.
Applicheremo anche un'ombra discendente con le seguenti impostazioni: Modalità di fusione di Moltiplica, Opacità impostata su 60%, Angolo impostato su 90 gradi e Distanza e Dimensione impostati su 2 px.
Assicurati che uno dei livelli visibili sia selezionato nella tavolozza dei livelli, quindi vai a Livello> Unisci visibili. Assegna un nome al livello unito "Reflection". Ora dovresti avere tre livelli: "Sfondo", "USB finale" e "Riflessione". Ora abbiamo quasi finito.
Ora rendi visibile il gruppo "Plug Bottom". Apri il gruppo ed elimina il livello "White Top". Vai al livello "Bianco" e spostalo verso l'alto, come mostrato di seguito. Comando: fai clic sul layer "Plug Hole" per caricare la selezione, vai su Seleziona> Inversa. Premi Elimina per cancellare fuori dal buco. Deseleziona premendo Command + D. Vai al livello "Plug Hole Shadow" nella palette dei layer. Premi Comando + T e ruota il livello di 180 gradi e assicurati che si adatti ancora al foro.
Ora inseriremo il segno USB sulla spina. Ne ho disegnato uno e puoi farlo qui. Apri il file "USBsign.png" e prendi lo strumento Sposta e trascina il logo nel tuo "USB Refleciton.psd".
Premi Comando + T per accedere alla modalità Trasformazione libera, ruota il logo di -90 gradi, riduci la dimensione per adattarlo alla spina e applica. Vai a Modifica> Trasforma> Rifletti verticalmente per specchiarlo. Premi nuovamente Comando + T e imposta l'inclinazione orizzontale su 30 gradi. Posizionalo sulla spina e imposta l'opacità dei livelli al 60%.
Chiudere il gruppo "Plug Bottom". Seleziona "Plug Bottom", "Body Bottom" e "Text" nella palette dei layer e vai su Layer> Merge Layers. Denominare il livello unito "USB Reflection". Assicurati che il livello "USB" sia in alto e tutti i livelli siano visibili.
Seleziona i livelli "USB" e "USB Reflection" nella palette dei livelli, premi Comando + T e Ruota di -30 gradi. Afferra lo strumento Sposta, quindi sposta il livello "USB Reflection" verso il basso, come mostrato di seguito. Vai a Filtro> Sfocatura> Sfocatura gaussiana e applica con un Raggio di 3 px. Inoltre, imposta l'opacità dei livelli al 20%.
Duplica il livello "USB Reflection" e chiamalo "Shadow". Premi Comando + U per visualizzare la finestra di dialogo Tonalità / saturazione. Imposta la luminosità su -100 per rendere l'ombra nera. Vai a Filtro> Sfocatura> Sfocatura gaussiana e applica con un Raggio di 40 px. Imposta l'opacità dei livelli al 50% e sposta il livello "Ombra" verso l'alto, come nell'immagine qui sotto.
Alla fine li ho ridimensionati un po 'e applicato un gradiente allo sfondo. E questa è la fine di un altro tutorial. Spero che tu sia felice con la tua illustrazione della chiave USB e mi sia divertito un po '! È possibile visualizzare l'immagine finale qui sotto o visualizzare una versione più grande qui.
Abbonati a Psdtuts + Feed RSS per i migliori tutorial e articoli di Photoshop sul Web.
Accentsconagua