Dizajn realistične pozadine i teksta od nehrđajućeg čelika [Photoshop Tutorial]

Web dizajneri i webmasteri obožavali su hladni čelik ili metalne efekte prije Web 2.0 oluja i sve ispire; napuštanje WWW s sjajnim, uvredljivim web-stranicama za gradijente. Apple.com je oduvijek bio povezan s dobrim dizajnom web 2.0 sučelja, ali ti dečki nikada nisu izgubili hladne crne i srebrne efekte niti uspjeli napraviti bolje u dizajnu i tipografiji.

Inspirirani njihovim dizajnom, pokušavam vratiti te stilove u moj osobni dizajn i tako stvoriti nešto nešto čvrsto, i izgleda pomalo kao komad od nehrđajućeg čelika. Cijeli Photoshop tutorial nakon skoka.

Pozadina od nehrđajućeg čelika

Korak 1

Stvorite prazan novi dokument veličine 600 × 400. Napravite novi sloj, nazovite ga „Pozadina” i ispunite je sivom bojom [# c0c0c0]. Duplikat „Pozadina” sloj, imenuj novi sloj 'čelična pozadina"i stavite ga na vrh"pozadina'.

Korak 2

S odabranim slojem "čelične pozadine", primijenite Filter -> Dodavanje buke i unesite sljedeće postavke:

• Iznos: 14,21
• Distribucija: Gaussov
• Monochromatic checked

Korak 3

S "čelična pozadinasloj još uvijek odabran, idite filtar -> zamagliti -> Motion Blur i unesite sljedeće postavke:

• Anđeo: 0
• Udaljenost: 34 piksela

Desni klik 'čelična pozadina', Odaberi Mogućnosti za miješanje i unesite sljedeće postavke za Gradient Overlay - Gradient Editor:

Boja Stop 1

• Boja: # 000000
• Neprozirnost: 50%
• Mjesto: 0%

Boja Stop 2

• Boja: #ffffff
• Mjesto: 50%

Boja Stop 3

• Boja: # 000000
• Neprozirnost: 50%
• Mjesto: 0%

Metalni tekst

4. korak

Vaša pozadina od nehrđajućeg čelika je u osnovi gotova, mi ćemo nastaviti od tamo umetnuti metalni tekst koji bi trebao izgledati odgovarajući. Koristiti Alat za tekst, napišite nešto u sredini, po mogućnosti s debelim fontom (ovdje koristim Myriad Pro Bold). Desni klik (ili dvostruki klik) sloj teksta za pokretanje Mogućnosti za miješanje dijaloški.

1. Baci sjenku

• Neprozirnost: 38%
• Udaljenost: 1px
• Spread: 1%
• Veličina: 2px

• Dubina: 100%
• Veličina: 0px
• Omekšavanje: 0px
• Istaknite neprozirnost: 42%
• Neprozirnost sjena: 32%

Tekst bi trebao izgledati nešto slično donjem.

Korak 5

Evo nešto što trebate slijediti čvrsto. Držite tipku Control (Mac: Command ključ) i lijevi klik na sloj teksta kako bi označio njegov obris. Provjerite je li okvir još uvijek tu, odaberite "čelična pozadinasloj, i pritisnite Control + J (Mac: Command + J)

Na taj način umnožite čeličnu pozadinu u obliku vašeg teksta. Preimenujte sloj u "pozadina tekstai premjestite ga na vrh.

Korak 6

Promijenipozadina teksta'do Color Burn, donesi to Neprozirnost do 67%.

Vaš konačni izlaz trebao bi izgledati slično slici ispod.

Preuzmite .PSD datoteku.