Realistinio nerūdijančio plieno fono ir teksto dizainas [Photoshop Tutorial]

Žiniatinklio dizaineriai ir žiniatinklio valdytojai naudojo mielas plieno ar metalo efektus prieš „Web 2.0“ audrų ir viską nuplauti; paliekant WWW su blizgančiomis, piktnaudžiavimo gradientų svetainėmis. „Apple.com“ visuomet buvo susijęs su geru „Web 2.0“ sąsajos dizainu, tačiau šie vaikinai niekada neprarado šaltų juodos ir sidabro spalvos efektų ir nepadarė geresnio dizaino ir spausdinimo.

Įkvėptas jų dizaino, stengiuosi sugrąžinti šiuos stilius į savo asmeninį dizainą ir taip sukurti kažką tvirtą, ir atrodo kaip nerūdijančio plieno metalo gabalas. Pilna „Photoshop“ pamoka po šuolio.

Nerūdijančio plieno fonas

1 žingsnis

Sukurkite tuščią naują dokumentą, kurio dydis yra 600 × 400. Sukurkite naują sluoksnį, pavadinkite jį „fonas“ ir užpildykite ją pilka spalva [# c0c0c0]. Pasikartokite „fonas“ sluoksnis, pavadinkite naują sluoksnį “plieno fonas„ir padėkite jį ant“fonas„.

2 žingsnis

Pasirenkamas „plieno fono“ sluoksnis Filtruoti -> Pridėti triukšmą ir įveskite šiuos nustatymus:

• Suma: 14,21
• Pasiskirstymas: Gauso
• Patikrinta monochromatinė

3 žingsnis

Su 'plieno fonas„sluoksnis vis dar pasirinktas, eik Filtras -> Blur -> Motion Blur ir įveskite šiuos nustatymus:

• Angelas: 0
• Atstumas: 34 taškai

Dešiniuoju pelės mygtuku spustelėkite 'plieno fonas, pasirinkite Maišymo parinktys ir įveskite šiuos parametrus Gradiento perdanga - gradiento redaktorius:

Spalvų sustabdymas 1

• Spalva: # 000000
• Neskaidrumas: 50%
• Vieta: 0%

Spalvų sustojimas 2

• Spalva: #ffffff
• Vieta: 50%

Spalvų sustojimas 3

• Spalva: # 000000
• Neskaidrumas: 50%
• Vieta: 0%

Metalo tekstas

4 žingsnis

Jūsų nerūdijančio plieno fonas iš esmės yra padaryta, mes tęsime iš ten įterpti metalo tekstą, kuris turėtų atrodyti tinkamas. Naudoti Teksto įrankis, parašykite kažką viduryje, pageidautina su riebalų šriftu (čia naudoju „Myriad Pro Bold“). Dešiniuoju pelės mygtuku spustelėkite (arba du kartus spustelėkite) teksto sluoksnį, kad paleistumėte Maišymo parinktys dialogo langas.

1. Mesti šešėlį

• Neskaidrumas: 38%
• Atstumas: 1px
• Paskirstymas: 1%
• Dydis: 2px

• Gylis: 100%
• Dydis: 0px
• Minkštinti: 0px
• Paryškinkite neskaidrumą: 42%
• Šešėlis: 32%

Jūsų tekstas turėtų atrodyti panašus į žemiau pateiktą.

5 veiksmas

Štai ką reikia sekti griežtai. Laikykite valdymo klavišą („Mac“: komandų klavišas) ir kairiuoju pelės mygtuku spustelėkite teksto sluoksnį, kad būtų paryškintas jo kontūras. Įsitikinkite, kad kontūras vis dar yra, pasirinkite „plieno fonas'sluoksnis, ir paspauskite Control + J („Mac“: komanda + J)

Tokiu būdu jūs dubliuojate plieno foną teksto pavidalu. Pervardykite sluoksnį į „teksto foneir perkelkite jį į viršų.

6 veiksmas

Keisti “teksto fone„ Spalva įrašyti, pareikšti tai Neskaidrumas iki 67%.

Galutinis rezultatas turėtų atrodyti panašus į toliau pateiktą vaizdą.

Parsisiųsti .PSD failą.