Design de fundal din oțel inoxidabil realist și text [Photoshop Tutorial]

Web designerii și webmasterii obișnuiau să iubească oțelul rece sau felul de efecte metalice înainte de Web 2.0 furtună și spălate totul; ieșind din wWW cu site-uri lucioase, gradiente abuzive. Apple.com a fost întotdeauna legată de designul bun al interfeței Web 2.0, dar acești tipi nu au pierdut niciodată efectele reci negre și argint, nici nu reușesc să o facă mai bine în desenele și tipografia lor.

Inspirat de desenele lor, încerc să aduc aceste stiluri înapoi în designul meu personal și astfel a creat ceva destul de solid și arată puțin ca o bucată de metal din oțel inoxidabil. Tutorial complet pentru Photoshop după salt.

Context din oțel inoxidabil

Pasul 1

Creați un document nou gol la dimensiunea de 600 × 400. Creați un strat nou, denumiți-l 'fundal' și umpleți-o cu culoare gri [# c0c0c0]. Duplicat 'fundal' strat, denumiți noul strat "oțel de fundal"și puneți-l pe partea de sus a"fundal'.

Pasul 2

Cu stratul de fundal din oțel selectat, aplicați Filtru -> Adăugați zgomot și introduceți următoarele setări:

• Cantitate: 14,21
• Distribuție: Gaussian
• Monocromatic verificat

Pasul 3

Cu 'oțel de fundal"încă selectat, du-te Filtru -> Estompa -> Neclaritate de miscare și introduceți următoarele setări:

• Angel: 0
• Distanța: 34 de pixeli

Click dreapta 'oțel de fundal', Selectați Opțiuni amestecate și introduceți următoarele setări pentru Gradient Overlay - Gradient Editor:

Stoparea culorii 1

• Culoare: # 000000
• Opacitate: 50%
• Locație: 0%

Color Stop 2

• Culoare: #ffffff
• Locație: 50%

Stoparea culorii 3

• Culoare: # 000000
• Opacitate: 50%
• Locație: 0%

Text metalic

Pasul 4

Fundalul dvs. din oțel inoxidabil se face practic, vom continua de acolo pentru a introduce un text de metal care ar trebui să arate potrivită. Folosește Instrument text, scrieți ceva în mijloc, de preferință cu font de grăsime (folosesc Myriad Pro Bold aici). Faceți clic dreapta (sau faceți dublu clic) pe stratul de text pentru a lansa Opțiuni amestecate dialog.

1. Umbra

• Opacitate: 38%
• Distanța: 1px
• Răspândire: 1%
• Dimensiune: 2px

• Adâncime: 100%
• Dimensiune: 0px
• Se înmoaie: 0px
• Evidențiați opacitatea: 42%
• Opacitatea umbrei: 32%

Textul dvs. ar trebui să pară ceva similar cu cele de mai jos.

Pasul 5

Iată ceva ce trebuie să urmăriți strâns. Țineți apăsată tasta Control (Mac: tasta Command) și faceți clic stânga pe stratul de text pentru a evidenția conturul acesteia. Asigurați-vă că conturul este încă acolo, selectați "oțel de fundal"strat, și apăsați Control + J (Mac: Command + J)

Procedând astfel, duplicați fundalul de oțel în forma textului. Redenumiți layerul la "text de fundal'și mutați-o în partea de sus.

Pasul 6

Schimbare 'text de fundal' la Color Burn, aduceți-l Opacitate până la 67%.

Rezultatul final ar trebui să pară ceva similar cu imaginea de mai jos.

Descărcați fișierul .PSD.