Kaip sukurti profesionalų svetainės antraštę naudojant Photoshop

Photoshop CC 2014 yra puikus įrankis kuriant profesionalias svetainės antraštes, įskaitant reklaminius banerius. Pirmąjį banerį projektuodami, laikykite dizainą paprastą, kad grafika nebūtų perkrauta perteklinėmis detalėmis. Jei jūsų įmonė turi įprastines spalvas ir šriftą, naudokite juos – tai sustiprins prekės ženklo atpažįstamumą.

1 žingsnis – Sukurkite naują dokumentą

Atidarykite Photoshop. Paspauskite Ctrl+N arba pasirinkite „New“ iš meniu File. Nustatykite norimą pločio ir aukščio matmenis, pvz., 900 px × 150 px, ir spustelėkite OK.

2 žingsnis – Fono spalva (nebūtina)

Jei norite, pasirinkite vienodą fono spalvą. Spustelėkite įrankių juostoje Foreground Color ir pasirinkite spalvą, tada naudokite Rectangle Tool ir užpildykite visą antraštės plotą. Šiame vadove vietoje to naudojame du išdėstytus gradientus.

3 žingsnis – Pridėkite gradientą

Pasirinkite Gradient Tool. Viršutinėje parinkčių juostoje spustelėkite Fill ir pasirinkite juodai baltą gradientą. Tempkite nuo viršaus iki apačios per antraštės plotą, kad sukurtumėte gradientą.

4 žingsnis – Įterpkite tekstą

Pasirinkite Horizontal Type Tool, nutempkite teksto laukelį ant antraštės ir nurodykite šriftą, dydį bei spalvą. Perkelkite teksto laukelį, kad jis būtų centre kairėje antraštės pusėje.

5 žingsnis – Pridėkite logotipą arba kitą vaizdą

Pasirinkite File → Open ir atidarykite norimą paveikslėlį (pvz., įmonės logotipą). Tada meniu Layer → Duplicate perkelkite jį į antraštės dokumentą (pagal nutylėjimą jis bus pavadintas „Untitled‑1“). Patvirtinkite, kad paveikslėlis pasirodys kaip naujas sluoksnis.

6 žingsnis – Pakeiskite dydį

Pasirinkite Edit → Transform → Scale. Tempkite bet kurį paveikslėlio kampą, laikydami Shift, kad išlaikytumėte proporcijas. Paspauskite Enter ir perkelkite vaizdą į dešinę antraštės pusę.

7 žingsnis – Derinkite spalvas

Spustelėkite Foreground Color ir spustelėkite bet kurį dešinės pusės tašką, kad gautumėte tą pačią spalvą. Patvirtinkite OK.

8 žingsnis – Sukurkite spalvų gradientą šalia logotipo

Pasirinkite Rectangle Tool, spustelėkite Fill → Gradient ir tempkite nuo logotipo kairės pusės iki antraštės krašto, kad sukurtumėte gradientinį stačiakampį.

9 žingsnis – Nustatykite sluoksnių skaidrumą

„Layers“ skydelyje raskite „Rectangle 1“ sluoksnį, perkelkite jį trečiu nuo viršaus (po tekstu ir logotipu). Sumažinkite Opacity iki maždaug 50 %, kad gradientas susilietų su apačioje esančiu fonu.

10 žingsnis – Teksto išraiška

Pasirinkite teksto sluoksnį, meniu Layer → Layer Style → Bevel & Emboss. Stiliaus meniu pasirinkite Emboss ir sumažinkite Depth iki maždaug 225 % – tai suteiks švelnų įgriuvimą.

11 žingsnis – Satin efektas

Layer Style lange pasirinkite Satin, nustatykite Blend Mode į Multiply ir Opacity iki 15 %. Patvirtinkite OK.

Galiausiai – Išsaugokite banerį

Pasirinkite File → Export → Save for Web (Legacy). Formatu pasirinkite JPEG ir kokybę nuo 75 % iki 80 %. Tai sukurs mažą, greitai įkeliantį failą, neprarandant svarbios kokybės. Spustelėkite Save, nurodykite vietą ir pridėkite failą į savo svetainės puslapį.