Disegno realistico di sfondo e testo in acciaio inossidabile [Photoshop Tutorial]

I web designer e i webmaster amavano l'acciaio freddo o il tipo metallico di effetti prima del Web 2.0 tempeste e lavato via tutto; lasciando il WWW con siti web con gradienti lucidi e offensivi. Apple.com è sempre stato collegato al buon design dell'interfaccia Web 2.0 ma questi ragazzi non hanno mai perso i fantastici effetti black e silver-ish, né sono riusciti a renderlo migliore nei loro progetti e nella loro tipografia.

Ispirato dai loro disegni, sto cercando di ricondurre questi stili nel mio design personale, creando così qualcosa di solido e un po 'come un pezzo di metallo inossidabile. Tutorial completo di Photoshop dopo il salto.

Fondo in acciaio inossidabile

Passo 1

Crea un nuovo documento vuoto della dimensione di 600 × 400. Crea un nuovo livello, chiamalo 'sfondo' e riempilo con un colore grigio [# c0c0c0]. Duplicare 'sfondo' livello, chiama il nuovo livello 'fondo in acciaio'e posizionalo sopra'sfondo'.

Passo 2

Con il layer 'steel background' selezionato, applicare Filtro -> Aggiungi disturbo e inserire le seguenti impostazioni:

• Importo: 14,21
• Distribuzione: gaussiana
• Controllato monocromatico

Passaggio 3

Con 'fondo in acciaio'layer ancora selezionato, vai Filtro -> blur -> Sfocatura movimento e inserire le seguenti impostazioni:

• Angelo: 0
• Distanza: 34 pixel

Clic destro 'fondo in acciaio', seleziona Opzioni di fusione e inserire le seguenti impostazioni per Sovrapposizione sfumatura - Editor sfumatura:

Color Stop 1

• Colore: # 000000
• Opacità: 50%
• Posizione: 0%

Color Stop 2

• Colore: #ffffff
• Posizione: 50%

Color Stop 3

• Colore: # 000000
• Opacità: 50%
• Posizione: 0%

Testo in metallo

Passaggio 4

Il tuo background in acciaio inossidabile è praticamente terminato, continueremo da lì per inserire un testo in metallo che dovrebbe apparire corrispondente. Utilizzare il Strumento di testo, scrivi qualcosa nel mezzo, preferibilmente con il font think fat (sto usando Myriad Pro Bold qui). Fai clic destro (o doppio clic) sul livello testo per avviare il Opzioni di fusione dialogo.

1. Ombra esterna

• Opacità: 38%
• Distanza: 1px
• Spread: 1%
• Dimensione: 2px

• Profondità: 100%
• Dimensione: 0 px
• Ammorbidire: 0 px
• Evidenzia l'opacità: 42%
• Opacità dell'ombra: 32%

Il tuo testo dovrebbe apparire simile al seguente.

Passaggio 5

Ecco qualcosa che devi seguire strettamente. Tieni premuto il tasto di controllo (Mac: tasto Comando) e fare clic con il tasto sinistro del mouse sul livello testo per evidenziare il suo contorno. Assicurati che il contorno sia ancora lì, seleziona 'fondo in acciaio'strato, e premi Control + J (Mac: comando + J)

In questo modo, stai duplicando lo sfondo in acciaio nella forma del tuo testo. Rinominare il livello in 'sfondo del testo'e spostalo verso l'alto.

Passaggio 6

Modificare 'sfondo del testo' a Colore brucia, portarlo Opacità giù verso 67%.

Il tuo output finale dovrebbe apparire qualcosa di simile all'immagine qui sotto.

Scarica il file .PSD.