Disain realistlik roostevabast terasest taust ja tekst [Photoshop Tutorial]

Veebidisainerid ja veebimeistrid kasutasid enne. \ T Veeb 2.0 tormid ja kõik ära pestud; lahkumine WWW koos läikivate, kuritarvitavate gradientide veebisaitidega. Apple.com on alati olnud seotud hea Web 2.0 liidese disainiga, kuid need mehed pole kunagi kaotanud jahedaid musti ja hõbedat ish-efekte ega suutnud seda paremini kujundada ja trükkida.

Inspireerituna oma disainilahendustest üritan neid stiile oma isiklikule disainile tagasi tuua ja luua nii mõnevõrra tahke ja tundub natuke roostevabast terasest tükk. Täielik Photoshopi õpetus pärast hüpata.

Roostevabast terasest taust

Samm 1

Looge tühi uus dokument suurusega 600 × 400. Loo uus kiht, nime "taust" ja täitke see halli värviga [# c0c0c0]. Duplikaat "taust" kiht, nimetage uus kiht "terase taust"ja asetage see peal"taustal'.

2. etapp

Valida on valitud „Terasest taust” kiht Filter -> Lisa müra ja sisestage järgmised seaded:

• Summa: 14,21
• Jaotus: Gaussi
• Monokromaatiline kontroll

3. etapp

Koos 'terase taust'kiht ikka valitud, mine Filter -> Hägusus -> Motion Blur ja sisestage järgmised seaded:

• Ingel: 0
• Kaugus: 34 pikslit

Paremklõps 'terase taust, valige Segamisvalikud ja sisestage järgmised seaded Gradienti ülekate - gradient-redaktor:

Värvipeatus 1

• Värv: # 000000
• Läbipaistmatus: 50%
• Asukoht: 0%

Värvipeatus 2

• Värv: #ffffff
• Asukoht: 50%

Värvipeatus 3

• Värv: # 000000
• Läbipaistmatus: 50%
• Asukoht: 0%

Metalltekst

4. etapp

Teie roostevabast terasest taust on põhimõtteliselt tehtud, jätkame sealt metallist teksti, mis peaks sobima. Kasuta Teksti tööriist, kirjutage midagi keskele, soovitavalt mõelda rasva fontiga (ma kasutan siin Myriad Pro Boldi). Paremklõps (või topeltklõps) tekstikihti, et käivitada Segamisvalikud dialoogi.

1. Drop Shadow

• Läbipaistmatus: 38%
• Kaugus: 1tk
• Spread: 1%
• Suurus: 2tk

• Sügavus: 100%
• Suurus: 0px
• Pehmendab: 0px
• Esile läbipaistmatus: 42%
• Varju läbipaistmatus: 32%

Teie tekst peaks nägema midagi sarnast allpool.

5. etapp

Siin on midagi, mida peate rangelt järgima. Hoidke juhtnuppu all (Mac: käsuklahv) ja vasakule klõps tekstikihile, et tõsta esile selle ülevaade. Veenduge, et kontuur on ikka veel olemas, valige 'terase taust'kiht ja vajuta Control + J (Mac: Command + J)

Seda tehes dubleerite terasest tausta teksti kujul. Kihi ümbernimetamine 'teksti taustja liigutage see ülevalt.

6. etapp

Muudateksti taust" Värvipõletus, tuua see Läbipaistmatus alla 67%.

Teie lõplik väljund peaks nägema midagi sarnast allpool olevale pildile.

Lae .PSD-fail.