Crea un'icona a forma di lente di ingrandimento in Photoshop CS4

In questo tutorial, combineremo forme vettoriali semplici, stili di livello e generose quantità di brillantezza per creare la lente di ingrandimento perfetta per tutte le esigenze delle tue icone di ricerca. Iniziamo!

Anteprima dell'immagine finale

Dai un'occhiata all'immagine che creeremo. 

Dettagli dell'esercitazione

  • Programma: Adobe Photoshop CS4
  • Difficoltà: Intermedio
  • Tempo di completamento stimato: 30 minuti

Video Tutorial

Il nostro editor video Gavin Steele ha creato questo video tutorial per completare questo tutorial di testo + immagine.

Passo 1

Apri un nuovo documento vuoto e scegli 512 pixel per larghezza e altezza. Creeremo una lente d'ingrandimento in vista frontale 2D, illuminata dall'angolo in alto a sinistra.

Seleziona lo strumento Ellisse (U) dalla barra degli strumenti. Tenendo premuti entrambi i tasti Maiusc e Alt, trascina un cerchio perfetto vicino all'angolo superiore destro dell'area di disegno. Tenendo premuto Maiusc è possibile disegnare un cerchio anziché un'ellisse mentre Alt consente la creazione dal centro anziché dall'angolo (1a). Denominare questo livello "bordo esterno", fare doppio clic su di esso per aprire la finestra Stile livello e aggiungere un Sovrapposizione sfumatura. Scegli una tonalità di grigio chiaro-medio (1b).

Passo 2

Duplica e riduci l'ellisse, chiamandola "bordo interno" (2a). Regola la Sovrapposizione sfumatura in modo che le ombre vengano invertite verticalmente e le faccia diventare più scure anche (2b). Aggiungi un'ombra interiore (2c).

Passaggio 3

Copia il cerchio del "cerchio interno", ridimensionalo un po 'e chiamalo "obiettivo" (3a). Cambia la sovrapposizione sfumatura in modo che l'obiettivo abbia una gradevole sfumatura blu (3b). Cancella l'ombra interiore. Aggiungi smusso e rilievo per farlo sembrare convesso (3c). Infine aggiungi Inner Glow per aggiungere un'ombra al suo bordo (3d). Ora puoi rasterizzare i tre livelli (3e).

Passaggio 4

Seleziona il "bordo esterno". Scegli lo strumento Brucia (O), scegli un pennello grande, morbido, rotondo (4a) e scurisci i due punti contrassegnati nell'immagine 4b. Ora scegli lo strumento Schiva, regola il pennello come nell'immagine 4c e schiarisci i punti contrassegnati nell'immagine 4d. Abbiamo quindi aggiunto sottili riflessi ambientali alla cornice dell'obiettivo.

Passaggio 5

Puntiamo a un'icona brillante, quindi aggiungiamo ora forti riflessi. Con lo strumento Selezione ellittica (M), selezionare la metà superiore del "bordo esterno" (5a). Premi Comando + J per creare un nuovo livello da questa selezione. Chiamalo "outer rim refl", modifica la sua modalità di fusione su Screen e imposta Opacity al 40% (5b).

Passaggio 6

Seleziona il livello "bordo interno" ora. Usando la stessa tecnica spiegata nel passaggio 4 (usa gli strumenti Brucia e Schiva) migliora l'illuminazione oscurando la metà superiore e illuminando la metà inferiore.

Passaggio 7

Aggiungi un forte riflesso riflettente al livello "lente" usando il metodo del Passaggio 5: selezione: seleziona la metà superiore (7a), crea un nuovo livello tramite copia con Command + J e impostalo su Schermo e 40% Opacità (7b).

Passaggio 8

Raggruppa i livelli esistenti e assegna al gruppo "obiettivo". Creiamo la maniglia ora. Afferra lo strumento rettangolo arrotondato (U) dalla barra degli strumenti e imposta il raggio su 10px (8a). Crea un rettangolo nero e chiamalo "handle" (8b).

Con lo strumento Selezione rettangolare (M) selezionare tre strisce sottili (8c). Come si fa a farlo? Un modo è quello di fare la prima selezione, quindi tenere premuto MAIUSC e fare i rimanenti due. Shift aggiunge alla selezione (per sottrarre usa Alt). Premi Maiusc + Comando + J per tagliare le strisce e incollarle in un nuovo livello. Chiamalo "squilla" e alterna temporaneamente la sua visibilità facendo clic sull'occhio accanto ad essa nella palette Livelli. Sul livello "handle" seleziona il rettangolo in alto (8d), usa Shift + Command + J per creare un nuovo Layer via Cut. Chiamalo "maneggia sopra".

Passaggio 9

Seleziona il livello "anelli" e aggiungi un Sovrapposizione sfumatura orizzontale (9a) e una Bagliore interno (9b) in modo che guardino attorno e ricevano ombre dalle altre sezioni dell'impugnatura. Ridimensionare lo strato in orizzontale in modo che le strisce siano più strette rispetto al resto dell'impugnatura (9c).

Passaggio 10

Aggiungi un Sovrapposizione sfumatura al livello "manico": lascia il lato destro nero e rendi il lato sinistro più chiaro (10a). In modo simile aggiungi un Sovrapposizione sfumatura al livello "manico superiore", questa volta rendendolo grigio chiaro (10b).

Passaggio 11

Crea due copie del livello "manico superiore" e posizionale e ridimensionale secondo l'immagine 11a. Sposta la sezione più piccola dietro tutto e chiamala "manico". Aggiungi ad esso una bagliore interno come nell'immagine 11b.

Ora possiamo appiattire tutti i livelli di handle in uno che chiameremo "handle". Afferra lo strumento Brucia (O), regola le sue impostazioni come nell'immagine 11c e rinforza le ombre dipingendo una striscia verticale lungo tutta la lunghezza della maniglia (11d). Ora con lo strumento Scherma migliorare le alte luci con un altro tratto di pennello verticale (11e).

Passaggio 12

Seleziona i "collari" arrotondati dal "collo" con lo strumento selezione (M) e premi Maiusc + F6 per richiamare il comando Sfuma e impostalo su 3 pixel (12a). Con lo strumento Brucia (O) fai qualche pennellata per scurire l'area selezionata. L'effetto è sottile ma evidente (12b).

Passaggio 13

Facciamo anche il manico lucido. Su un nuovo livello creare punti luce bianchi, conformando la loro forma alla maniglia. Imposta il metodo di fusione di questo livello su Luce soffusa (13a, 13b). Taglia i punti salienti superiori in un nuovo livello (13c), riduci la sua opacità al 70% quindi applica un filtro sfocatura gaussiana 2 px (13d).

Il motivo per cui lo facciamo è perché la maniglia è in plastica nera, con riflessi forti e forti, e alluminio, che ha riflessi più morbidi. Assegna un nome a questi livelli "mantieni refl 1" e "mantieni refl 2." Con lo strumento Sfocatura dalla barra degli strumenti (la piccola goccia) ammorbidisci il fondo dell'evidenziazione "manico riflesso 1" in modo che si dissolva in corrispondenza del bordo arrotondato del manico (13e).

Passaggio 14

La maniglia è finita. Raggruppa i livelli, sposta il gruppo dietro la "lente" e ruotalo di 45 gradi verso destra (14a). Crea un'ombra da un'ellisse riempita di nero, impostata su Moltiplica, con il 50% di Opacità. Sfumalo come ti piace con lo strumento Sfocatura. Ora aggiungi uno sfondo all'icona e un paio di luci sfocate sul manico e sul bordo dell'obiettivo. Si tratta di cerchi bianchi su livelli separati, impostati su Schermo, con 80% di opacità. Applicare Gaussian Blur a piacere (14b). L'icona è finita!

Conclusione

I migliori amici del designer di icone in Photoshop sono lo strumento penna e gli stili di livello. Questa volta abbiamo anche utilizzato i fantastici pennelli di Photoshop per perfezionare l'illuminazione della lente d'ingrandimento. Questa abilità distingue Photoshop da Illustrator, che sarebbe altrimenti adatto per creare questa icona.