Design Realistické nerezové oceľové pozadie a text [Photoshop Tutorial]

Web dizajnéri a webmasteri zvykli milovať chladné ocele alebo metalické druhy efektov pred Web 2.0 búrky a všetko premyté; opustenie WWW s lesklými, zneužívajúcimi gradientovými webovými stránkami. Apple.com bol vždy spojený s dobrým dizajnom rozhrania Web 2.0, ale títo ľudia nikdy nestratili chladné čierne a strieborné efekty, ani sa im nepodarilo lepšie vo svojich dizajnoch a typografii.

Inšpirovaný svojimi návrhmi, snažím sa priniesť tieto štýly späť do môjho osobného dizajnu, a tak vytvoril niečo dosť pevné a vyzerá ako kúsok nehrdzavejúcej ocele. Kompletný návod pre Photoshop po skoku.

Nerezové ocelové pozadie

Krok 1

Vytvorte prázdny nový dokument vo veľkosti 600 × 400. Vytvorte novú vrstvu a pomenujte ju 'pozadie' a naplňte ju sivou farbou [# c0c0c0]. duplikát 'pozadie' vrstvu, pomenujte novú vrstvu "oceľové pozadie"a umiestnite ho na"pozadie'.

Krok 2

Ak ste zvolili vrstvu "oceľové pozadie", použite Filter -> Pridať šum a zadajte nasledujúce nastavenia:

• Suma: 14,21
• Distribúcia: Gaussian
• Monochromaticky skontrolované

Krok 3

S "oceľové pozadie'vrstva stále vybraná, ísť filter -> Rozmazať -> Pohybový efekt a zadajte nasledujúce nastavenia:

• Angel: 0
• Vzdialenosť: 34 pixelov

Kliknite pravým tlačidlom myši 'oceľové pozadie', vyberte Blending Options a zadajte nasledujúce nastavenia pre Gradient Overlay - Gradient Editor:

Farba Stop 1

• Farba: # 000000
• Neprístupnosť: 50%
• Umiestnenie: 0%

Farba Stop 2

• Farba: #ffffff
• Miesto: 50%

Farba Stop 3

• Farba: # 000000
• Neprístupnosť: 50%
• Umiestnenie: 0%

Text z kovu

Krok 4

Vaše pozadie z nehrdzavejúcej ocele je v podstate vykonané, budeme pokračovať odtiaľ, aby vložili kovový text, ktorý by mal vyzerať zhodné. Použi Textový nástroj, napíšte niečo uprostred, najlepšie pomocou písma myslenia tuku (používam tu Myriad Pro Bold). Kliknite pravým tlačidlom myši (alebo dvakrát kliknite na textovú vrstvu) na spustenie Blending Options dialóg.

1. Vrhať tieň

• Neprístupnosť: 38%
• Vzdialenosť: 1px
• Spread: 1%
• Veľkosť: 2px

• Hĺbka: 100%
• Veľkosť: 0px
• Zmäkčiť: 0px
• Zvýraznenie nepriehľadnosti: 42%
• Tmavá opacita: 32%

Váš text by mal vyzerať podobne ako v nasledujúcom texte.

Krok 5

Tu je niečo, čo potrebujete dôsledne sledovať. Podržte kláves Control (Mac: príkazový kľúč) a kliknutím ľavým tlačidlom na textovú vrstvu zvýraznite jej obrys. Uistite sa, že obrys je stále tam, vyberte "oceľové pozadievrstvy a stlačte Control + J (Mac: príkaz + J)

Týmto spôsobom zdvojujete oceľové pozadie v tvare textu. Premenujte vrstvu na 'textové pozadie'a presuňte ho hore.

Krok 6

Zmeniť "textové pozadie'to Vypaľovanie farieb, priniesť to je nepriehľadnosť dole na 67%.

Váš konečný výstup by mal vyzerať podobne ako obrázok nižšie.

Stiahnite si súbor .PSD.