Kad ir koks įspūdingas būtų vaizdas, tinkamas šriftas gali suteikti išskirtinumo. Tikslingai naudodami tipografiją dizaine, ne tik sukursite vizualinį įspūdį, bet ir paliksite žinutę, kuri įsimins. Šioje pamokoje parodysiu, kaip naudojant "Photoshop" programą sukurti patrauklų banerį su puikiu tipografijos efektu.

Pagrindinės žinios

  • Efektyvus iškarpymo technikų naudojimas
  • Maišymo režimų ir sluoksnių kaukių derinimas
  • Ranka rašytų raidžių ir geometrinių raštų naudojimas
  • Idealiai tinka kampanijoms, lėšų rinkimo raginimams ar reklamai

Žingsnis po žingsnio vadovas

1 žingsnis: sukurkite naują projektą

Pradėkite nuo "Photoshop" atidarymo. Paspauskite Ctrl + N (Windows) arba Cmd + N (Mac), kad sukurtumėte naują darbo erdvę. Nustatykite matmenis 3500 x 3500 pikselių, kad formatas būtų kvadratinis.

Tipografinio banerio dizainas "Photoshop" programoje

2 veiksmas: pridėkite gidų

Kad būtų lengviau kurti dizainą, pridėkite gaires. Norėdami tai padaryti, eikite į "View" (vaizdas) ir pasirinkite "New guide layout" (naujas gidų išdėstymas). Aktyvinkite žymimąjį langelį "Margins" ir visur nustatykite 100 pikselių atstumą.

3 veiksmas: Sukurkite foną

Dabar kaip foną pasirinkite švelnios spalvos gradientą. Eikite į koregavimo sluoksnį, pasirinkite "Gradient" ir atidarykite gradiento dialogą. Nustatykite švelnios spalvos atspalvio šešiaženklį kodą, pavyzdžiui, #E7F4F8.

Tipografinio banerio dizainas "Photoshop" programoje

4 veiksmas: pridėkite raštą

Dabar prasideda kūrybinė dalis! Jums reikės fono pagrindu sukurto rašto, kurį galėsite pridėti prie savo dizaino. Apsilankykite svetainėje www.tutkit.com ir raskite geometrinių raštų, kurie suteiks dizainui gyvybės. Atsisiųskite raštą ir importuokite jį į "Photoshop" programą.

Tipografinio banerio dizainas "Photoshop" programoje

5 veiksmas: pritaikykite raštą

Vėl pasirinkite mišinio arba koregavimo sluoksnį ir spustelėkite "Pattern". Slinkite per išankstinį pasirinkimą, kol rasite krumpliaračio piktogramą, pasirinkite "Import pattern" (importuoti raštą). Pasirinkite atsisiųstą raštą. Įsitikinkite, kad naudojate tinkamą mastelį, pavyzdžiui, 15 %. Nustatykite maišymo režimą "Divide", kad pasiektumėte švarų efektą.

Tipografinio banerio dizainas "Photoshop" programoje

6 veiksmas: sukurkite vinjetę

Dabar norite, kad raštas būtų matomas tik kraštuose. Pasirinkite pasirinkimo įrankį "Ellipse" (elipsė) ir nustatykite 200 pikselių minkštąjį kraštą. Sukurkite pasirinkimą ir paspauskite Alt + Backspace, kad sukurtumėte vinjetę.

7 veiksmas: iškirpkite objektą

Kitas tikslas - pridėti pagrindinį objektą. Suraskite tinkamą paveikslėlį svetainėje "Unsplash", atsisiųskite jį ir atidarykite "Photoshop" programoje. Naudodami greitosios atrankos įrankį pasirinkite objektą. Čia labai svarbu kruopščiai dirbti!

Tipografinio banerio dizainas "Photoshop" programoje

8 žingsnis: sureguliuokite spalvą

Kad vaizdas atrodytų harmoningai, turėtumėte pakoreguoti motyvo spalvas. Eikite į "Hue/Saturation" (atspalvis / sodrumas) ir sumažinkite raudonų tonų sodrumą iki -32, geltonų tonų -61, o mėlynų tonų sodrumą padidinkite iki +54.

Tipografinio banerio dizainas "Photoshop" programoje

9 veiksmas: pridėkite tekstą

Dabar į žaidimą įsijungia tipografija. Pasirinkite teksto įrankį, nustatykite šriftą "Futura Bold" ir nustatykite 874 taškų dydį. Pridėkite tekstą, pavyzdžiui, "Donate helps" (liet. "Paaukoti padeda"), ir pritaikykite spalvą (pvz., #9D5B9A).

Tipografinio banerio dizainas "Photoshop" programoje

10 veiksmas: užmaskuokite raides

Norėdami dar labiau optimizuoti teksto efektą, užmaskuokite tam tikras raides. Įsitikinkite, kad daugiausia maskuojate balses (pvz., "E" ir "I"). Taip padidinsite skaitomumą ir dinaminį efektą.

Tipografinio banerio dizainas "Photoshop" programoje

11 veiksmas: sukurkite antrą teksto lauką

Pridėkite dar vieną teksto lauką ir nustatykite 50 punktų šrifto dydį, o spalvą - levandų atspalvį, kad derėtų prie jūsų motyvo. Čia taip pat galite pridėti dar vieną žinutę.

Tipografinio banerio dizainas "Photoshop" programoje

12 veiksmas: pridėkite grindjuostę

Norėdami užbaigti dizainą, naudodami stačiakampio įrankį sukurkite grindjuostę, kuri apačioje palaikytų visą banerį. Nustatykite pasirinkto mėlyno atspalvio juostos aukštį ir spalvą bei pridėkite kontūrą.

Tipografinio banerio dizainas "Photoshop" programoje

13 veiksmas: baigiamieji akcentai

Norėdami užbaigti darbą, galite sumažinti grindjuostės nepermatomumą iki 90 %, kad sukurtumėte tam tikrą skaidrumą.

Tipografinio banerio dizainas "Photoshop" programoje

14 veiksmas: pridėkite rankų darbo užrašus

Galiausiai pridėkite rankinį užrašą. Ieškokite tinkamo rankinių raidžių grafinio atvaizdo, nukopijuokite jį ir įklijuokite į dokumentą. Įsitikinkite, kad jis gerai mastelis ir padėtis.

Tipografinio banerio dizainas "Photoshop" programoje

15 veiksmas: baigti kurti banerį

Kad baneris būtų profesionalus, viršutiniame kairiajame kampe patalpinkite savo logotipą. Dabar turite įspūdingą reklaminį skydelį, kurį galite naudoti savo kampanijoms!

Tipografinio banerio dizainas "Photoshop" programoje

Apibendrinimas - banerių kūrimas naudojant tipografiją "Photoshop" programoje

Šioje pamokoje sužinojote, kaip "Photoshop" programa efektyviai sukurti banerį, kuris išsiskirtų patraukliu tipografiniu dizainu. Išmokote apkarpymo, šablonų ir maišymo režimų naudojimo bei ranka rašomų raidžių pridėjimo būdų. Šie įgūdžiai universaliai pritaikomi nesvarbu, ar tai būtų lėšų rinkimo kreipimaisi, ar reklamos strategijos.

Tipografinio banerio dizainas "Photoshop" programoje

Dažniausiai užduodami klausimai

Kaip sukurti fono raštą? Raštus galite atsisiųsti iš tokių svetainių kaip tutkit.com ir importuoti juos į "Photoshop" projektą.

Kaip pasirinkti tinkamą šriftą? Geometriniams dizainams tinka Futura; taip pat galite naudoti Google Fonts, pvz.

Ar galiu naudoti savo paveikslėlius? Taip, savo projektams galite naudoti paveikslėlius iš tokių platformų kaip "Unsplash", jei laikotės licencijos sąlygų.

Kaip reguliuoti motyvo spalvą? Naudodami nustatymą "Hue/Saturation" (atspalvis / sodrumas) pakeiskite konkrečias spalvų vertes ir padarykite savo vaizdą harmoningą.

663,346,731,591,653,691