Dizaina reāls nerūsējošā tērauda fons un teksts [Photoshop Tutorial]

Tīmekļa dizaineri un tīmekļa pārziņi izmantoja, lai mīlētu atdzist tērauda vai metālisku efektu pirms Web 2.0 vētras un visu mazgā; atstājot WWW ar spīdīgām, ļaunprātīgām gradientu vietnēm. Apple.com vienmēr ir bijis saistīts ar labu Web 2.0 interfeisa dizainu, taču šie puiši nekad nav zaudējuši vēsā melnā un sudraba-ish efektu, kā arī nespēj padarīt to labāku dizainā un tipogrāfijā.

Iedvesmojoties no to dizaina, es cenšos šos stilus atgriezt savā personīgajā dizainā un tādējādi radīju kaut ko cietu un izskatīties mazliet kā nerūsējošā tērauda metāla gabalu. Pilna Photoshop apmācība pēc lēciena.

Nerūsējošā tērauda fons

1. solis

Izveidojiet tukšu jaunu dokumentu ar izmēru 600 × 400. Izveidojiet jaunu slāni, nosauciet to “fons” un aizpildiet to ar pelēku krāsu [# c0c0c0]. Dublikāts “fons” slānis, nosauciet jauno slāni ”tērauda fons"un novietojiet to virs"fona'.

2. solis

Atlasiet atlasīto slāni ar tērauda fonu Filtrēt -> Pievienot troksni un ievadiet šādus uzstādījumus:

• Summa: 14,21
• Sadalījums: Gausa
• Monohromatiska pārbaude

3. solis

Ar 'tērauda fons'slānis vēl ir izvēlēts, dodieties Filtrēt -> Blur -> Motion Blur un ievadiet šādus uzstādījumus:

• Eņģelis: 0
• Attālums: 34 pikseļi

Ar peles labo pogu noklikšķiniet uztērauda fons, izvēlieties Sajaukšanas opcijas un ievadiet šādus uzstādījumus Gradienta pārklājums - gradienta redaktors:

Krāsu apstāšanās 1

• Krāsa: # 000000
• Dūmainība: 50%
• Atrašanās vieta: 0%

Krāsu apstāšanās 2

• Krāsa: #ffffff
• Atrašanās vieta: 50%

Krāsu apstāšanās 3

• Krāsa: # 000000
• Dūmainība: 50%
• Atrašanās vieta: 0%

Metāla teksts

4. solis

Jūsu nerūsējošā tērauda fons pamatā tiek darīts, mēs turpināsim no turienes ievietot metāla tekstu, kas izskatās atbilstošs. Izmantojiet Teksta rīks, uzrakstiet kaut ko vidū, vēlams ar domāt tauku fontu (es izmantoju Myriad Pro Bold šeit). Ar peles labo pogu noklikšķiniet uz teksta slāņa (vai veiciet dubultklikšķi), lai palaistu Sajaukšanas opcijas dialoglodziņā.

1. Drop Shadow

• Dūmainība: 38%
• Attālums: 1px
• Izplatīt: 1%
• Izmērs: 2px

• Dziļums: 100%
• Izmērs: 0px
• Mīkstina: 0px
• Izcelt necaurredzamību: 42%
• Ēnu necaurredzamība: 32%

Jūsu tekstam vajadzētu izskatīties kaut kas līdzīgs tālāk redzamajam.

5. solis

Šeit ir kaut kas, kas jums ir stingri jāievēro. Turiet vadības taustiņu (Mac: komandu taustiņš) un kreisais klikšķis uz teksta slāņa, lai izceltu tā kontūru. Pārliecinieties, vai kontūra joprojām ir, izvēlieties 'tērauda fons'slānis, un hit Control + J (Mac: Command + J)

To darot, jūs dublējat tērauda fonu jūsu teksta formā. Pārdēvējiet slāni uz 'teksta fonsun pārvietojiet to uz augšu.

6. solis

Mainīt 'teksta fonsuz Krāsu ierakstīšana, lai tas būtu Necaurredzamība līdz 67%.

Jūsu galīgajam izvadam vajadzētu izskatīties līdzīgi zemāk redzamajam attēlam.

Lejupielādējiet .PSD failu.