Aj keď môže byť obraz pôsobivý, správna typografia môže pridať nezameniteľný charakter. S cieľovým využitím typografie vo svojom designe dosiahneš nie len vizuálny efekt, ale zanecháš aj správu, ktorá zostane v pamäti. V tomto návode ti ukážem, ako pomocou Photoshopu vytvoriť zaujímavý banner s veľkým typografickým efektom.
Najdôležitejšie poznatky
- Efektívne využitie techník vystrihovania
- Kombinácia miešacích režimov a vrstiev s maskami
- Využitie handletteringu a geometrických vzorov
- Ideálne pre kampane, zbierky peňazí alebo reklamu
Krok za krokom sprievodca
Krok 1: Vytvorenie nového projektu
Začni otvorením Photoshopu. Stlač kombináciu klávesov Ctrl + N (Windows) alebo Cmd + N (Mac) pre vytvorenie novej pracovnej plochy. Nastav rozmery na 3500 x 3500 pixelov pre štvorcový formát.
Krok 2: Pridanie vodícich čiar
Na uľahčenie návrhu pridaj vodítka. Choď do „Zobraziť“ a zvoľ „Nové rozloženie vodítok“. Zaškrtni checkbox pre okraje a všade nastav rozostup na 100 pixelov.
Krok 3: Vytvorenie pozadia
Zvoľ teraz jemný farebný gradient ako pozadie. Choď do svojej úpravového plochy, zvoľ „Gradient“ a otvor diaľkový gradient. Nastav hexadecimálny kód pre jemný odtieň farby ako #E7F4F8.
Krok 4: Pridanie vzoru
Teraz prichádza na rad kreatívna časť! Potrebuješ vzor založený na pozadí, ktorý chceš vložiť do svojho dizajnu. Navštív www.tutkit.com, aby si našiel geometrické vzory, ktoré ozvláštňujú dizajn. Stiahni si vzor a importuj ho do Photoshopu.
Krok 5: Použitie vzoru
Znovu zvoľ miešaciu alebo úpravovú plochu a klikni na „Vzor“. Prejdi v predvolbe, kým nenájdeš ikonu ozubeného kolesa, zvoľ „Importovať vzor“. Vyber svoj stiahnutý vzor. Uistite sa, že zvolíš správne škálovanie, napríklad 15%. Nastav miešací režim na „Delenie“, aby si dosiahol čistý efekt.
Krok 6: Vytvorenie vinety
Teraz chceš, aby bol vzor viditeľný len na okrajoch. Zvoľ nástroj „Elipsa“ a nastav mäkkú hranu na 200 pixelov. Vykresli výber a stlač kombináciu klávesov Alt + Backspace na vytvorenie vinety.
Krok 7: Vystrihnutie motívu
Nasledujúci cieľ je pridať hlavný motív. Vyber si vhodný obrázok na Unsplashe, stiahni ho a otvor ho v Photoshop. Použi nástroj „Rýchly výber“, aby si vybral svoj motív. Práca svedomito je tu rozhodujúca!
Krok 8: Prispôsobenie farby
Aby si harmonicky nastavil vzhľad obrazu, mali by si prispôsobiť farby motívu. Choď na „Odtieň/Sýtosť“ a zvýš sýtosť červených odtieňov o -32 a žltých odtieňov o -61, zatiaľ čo modré odtiene zvýš na +54.
Krok 9: Pridanie textu
Teraz vstupuje do hry typografia. Zvoľ nástroj Text, nastav písmo na „Futura Bold“ a veľkosť na 874 bodov. Pridaj text ako „Pomáhať pomáha“ a prispôsob farbu (napríklad #9D5B9A).
Krok 10: Maskovanie písmen
Aby si ešte viac optimalizoval textový efekt, maskuj určité písmená. Dávaj pozor, že hlavne maskuješ samohlásky (napr. „E“ a „I“). Tým zvyšuješ čitateľnosť a dynamický efekt.
Krok 11: Vytvoríme ďalšie textové pole
Pridaj ďalšie textové pole a nastav veľkosť písma na 50 bodov a farbu na levanduľovú, ktorá zodpovedá tvojej grafike. Tu môžeš tiež zahrnúť inú správu.
Krok 12: Pridať podstavcovú lištu
Na dokončenie dizajnu vytvorte podstavcovú lištu pomocou nástroja na vytváranie obdĺžnikov, ktorá podopiera celý banner na spodnej hrane. Nastavte výšku a farbu lišty vo zvolenej modrej farbe a pridajte ohraničenie.
Krok 13: Posledné jemnosti
Na zjemnenie môžete uplatniť priehľadnosť na 90% na vašu podstavcovú lištu a vytvoriť istú transparentnosť.
Krok 14: Pridať handlettering
Nakoniec pridajte handlettering. Vyhľadajte vhodnú grafiku handletteringu, skopírujte ju a vložte ju do vášho dokumentu. Dajte pozor, aby ste ju dobre škálovali a umiestnili.
Krok 15: Dokončiť banner
Umiestnite svoje logo do ľavého horného rohu pre profesionálny dotyk. Teraz máte impresívny banner, ktorý môžete použiť pre vaše kampane!
Zhrnutie - Návrh banneru s typografiou v programe Photoshop
V tejto príručke ste sa naučili, ako efektívne vytvoriť banner v programe Photoshop, ktorý vyniká svojím atraktívnym dizajnom typografie. Spoznali ste techniky na vystrihnutie, používanie vzorov a miešacích módov a pridávanie handletteringu. Či už je to na zbieranie finančných prostriedkov alebo na stratégie reklamy, tieto zručnosti sú všeobecne použiteľné.
Často kladené otázky
Ako vytvoriť pozadie s vzorom?Môžete stiahnuť vzory z webových stránok ako tutkit.com a importovať ich do vášho projektu v programe Photoshop.
Ako vybrať správnu písmo?Pre geometrické dizajny je Futura dobrá voľba; alternatívne môžete použiť Google Fonts ako napríklad Railway.
Môžem používať vlastné obrázky?Áno, môžete používať obrázky z platforiem ako Unsplash pre vaše dizajny, pokiaľ dodržiavate licenčné podmienky.
Ako prispôsobím farbu motivu?Použite nastavenie „Odtieň/Sýtosť“, aby ste zmenili konkrétne farby a získali harmóniu vo vašom obraze.
