Lai cik iespaidīgs būtu attēls, pareizais burtu veids var piešķirt izteiksmīgu raksturu. Mērķtiecīgi izmantojot tipogrāfiju dizainā, jūs ne tikai radīsiet vizuālu iespaidu, bet arī atstāsiet vēstījumu, kas paliks atmiņā. Šajā pamācībā parādīšu, kā ar Photoshop palīdzību izveidot pievilcīgu baneri ar lielisku tipogrāfijas efektu.

Galvenās atziņas

  • Efektīva izgriešanas paņēmienu izmantošana
  • Blending režīmu un slāņu masku kombinācija
  • Ar roku veidotu burtu un ģeometrisko rakstu izmantošana
  • Ideāli piemērots kampaņām, līdzekļu vākšanas aicinājumiem vai reklāmām

Soli pa solim

1. solis: Izveidojiet jaunu projektu

Sāciet, atverot Photoshop. Nospiediet Ctrl + N (Windows) vai Cmd + N (Mac), lai izveidotu jaunu darba telpu. Iestatiet izmērus 3500 x 3500 pikseļu kvadrātveida formātā.

Tipogrāfiska banera dizains programmā Photoshop

Solis 2: Pievienojiet vadotnes

Lai padarītu dizainu vieglāku, pievienojiet vadlīnijas. Lai to izdarītu, atveriet sadaļu "Skats" un izvēlieties "Jauns vadlīniju izkārtojums". Aktivizējiet izvēles rūtiņu "Margas" un visur iestatiet 100 pikseļu attālumu.

3. solis: Izveidojiet fonu

Tagad kā fonu izvēlieties maigu krāsu gradientu. Dodieties uz pielāgošanas slāni, izvēlieties "Gradients" un atveriet gradienta dialogu. Iestatiet mīksta krāsas toņa sešburtu kodu, piemēram, #E7F4F8.

Tipogrāfiska banera dizains programmā Photoshop

Solis 4: Pievienojiet rakstu

Tagad nāk radošā daļa! Jums būs nepieciešams uz fona balstīts raksts, ko pievienot savam dizainam. Apmeklējiet vietni www.tutkit.com, lai atrastu ģeometriskus rakstus, kas piešķirs dizainam dzīvību. Lejupielādējiet savu rakstu un importējiet to Photoshop programmā.

Tipogrāfiska banera dizains programmā Photoshop

Solis Nr. 5: Pielietojiet rakstu

Atkal atlasiet jaukšanas vai pielāgošanas slāni un noklikšķiniet uz "Pattern" (Pattern). Ritiniet pa priekšatlasi, līdz atrodat zobrata ikonu, un izvēlieties "Import pattern" (Importēt rakstu). Izvēlieties lejupielādēto rakstu. Pārliecinieties, ka izmantojat pareizo mērogošanu, piemēram, 15%. Iestatiet sajaukšanas režīmu "Sadalīt", lai panāktu tīru efektu.

Tipogrāfiska banera dizains programmā Photoshop

6. solis: Izveidojiet vinjeti

Tagad vēlaties, lai raksts būtu redzams tikai malās. Izvēlieties atlases rīku "Elipse" un iestatiet mīksto malu 200 pikseļu. Izveidojiet atlasi un nospiediet Alt + Backspace, lai izveidotu vinjeti.

7. solis: izgrieziet objektu

Nākamais mērķis ir pievienot galveno objektu. Atrodiet piemērotu attēlu vietnē Unsplash, lejupielādējiet to un atveriet to programmā Photoshop. Izmantojiet ātrās atlases rīku, lai atlasītu objektu. Šeit ļoti svarīgs ir rūpīgs darbs!

Tipogrāfiska banera dizains programmā Photoshop

8. solis: Pielāgojiet krāsu

Lai radītu harmonisku attēla izskatu, ir jāpielāgo motīva krāsas. Ejiet uz "Hue/Saturation" un samaziniet sarkano toņu piesātinājumu par -32 un dzelteno toņu piesātinājumu par -61, bet zilo toņu piesātinājumu palieliniet līdz +54.

Tipogrāfiska banera dizains programmā Photoshop

9. solis: Pievienojiet tekstu

Tagad sākas tipogrāfija. Izvēlieties teksta rīku, iestatiet fontu "Futura Bold" un lielumu 874 punkti. Pievienojiet tekstu, piemēram, "Donate helps", un pielāgojiet krāsu (piemēram, #9D5B9A).

Tipogrāfiska banera dizains programmā Photoshop

10. solis: maskējiet burtus

Lai vēl vairāk optimizētu teksta efektu, maskējiet dažus burtus. Pārliecinieties, ka maskējat galvenokārt patskaņus (piemēram, "E" un "I"). Tas palielina lasāmību un dinamisko efektu.

Tipogrāfiska banera dizains programmā Photoshop

Solis 11: Izveidojiet otru teksta lauku

Pievienojiet vēl vienu teksta lauku un iestatiet šrifta lielumu 50 punkti un krāsu - lavandas toni, lai tas atbilstu jūsu motīvam. Šeit varat pievienot vēl vienu ziņu.

Tipogrāfiska banera dizains programmā Photoshop

12. darbība: Pievienojiet grīdlīstes

Lai pabeigtu dizainu, ar taisnstūra rīku izveidojiet grīdlīstes, lai apakšā atbalstītu visu baneri. Iestatiet joslas augstumu un krāsu izvēlētajā zilā tonī un pievienojiet kontūru.

Tipogrāfiska banera dizains programmā Photoshop

13. posms: pēdējie pieskārieni

Lai panāktu pilnveidi, varat grīdlīstei piemērot necaurspīdīguma samazinājumu līdz 90 %, tādējādi radot zināmu caurspīdīgumu.

Tipogrāfiska banera dizains programmā Photoshop

Solis Nr. 14: Pievienojiet ar roku veidotu uzrakstu

Visbeidzot, pievienojiet dažus ar roku rakstītus burtus. Meklējiet piemērotu rokraksta grafiku, kopējiet to un ielīmējiet dokumentā. Pārliecinieties, ka tā mērogs un novietojums ir pareizs.

Tipogrāfiska banera dizains programmā Photoshop

15. posms: Pabeidziet banera galīgo apdari

Lai panāktu profesionālu izskatu, kreisajā augšējā stūrī ievietojiet savu logotipu. Tagad jums ir iespaidīgs baneris, ko varat izmantot savās kampaņās!

Tipogrāfiska banera dizains programmā Photoshop

Kopsavilkums - Baneru dizains ar tipogrāfiju Photoshop programmā

Šajā pamācībā jūs uzzinājāt, kā efektīvi izveidot baneri Photoshop programmā, kas izceļas ar pievilcīgu tipogrāfijas dizainu. Jūs esat apguvuši apgriešanas paņēmienus, rakstu un sajaukšanas režīmu izmantošanu, kā arī ar roku veidotu burtu pievienošanu. Šīs prasmes ir universāli izmantojamas gan līdzekļu vākšanas aicinājumiem, gan reklāmas stratēģijām.

Tipogrāfiska banera dizains programmā Photoshop

Biežāk uzdotie jautājumi

Kā izveidot fona rakstu?Jūs varat lejupielādēt rakstus no tādām vietnēm kā tutkit.com un importēt tos savā Photoshop projektā.

Kā izvēlēties pareizo fontu? Futura ir laba izvēle ģeometriskiem dizainiem; kā alternatīvu var izmantot Google fontus, piemēram, Railway.

Vai es varu izmantot savus attēlus? Jā, savos dizainos varat izmantot attēlus no tādām platformām kā Unsplash, ja vien ievērojat licences nosacījumus.

Kā pielāgot motīva krāsu? Izmantojiet iestatījumu "Hue/Saturation", lai mainītu konkrētas krāsu vērtības un padarītu attēlu harmonisku.

663,346,731,591,653,691