Správným navržením reklamního banneru můžete přitáhnout pozornost a zájem o vaše služby. V tomto tutoriálu vám ukážeme, jak vytvořit poutavý banner ve formátu 16:9 v programu Photoshop. Budeme využívat kreativní typografii, impresivní kompozici obrázků a dokonce integrujeme efektivní hodnoticí systém. Pojďme začít a postupně se dostat k cíli.

Nejdůležitější poznatky

  1. Výběr formátu (16:9) je klíčový pro kompozici.
  2. Citové čáry usnadňují optimální umístění prvků.
  3. Použití atraktivních písem a velikostí přitahuje pohledy.
  4. Integrovaný hodnoticí systém může podporovat rozhodování zákazníků.
  5. Efektivní Call-to-Action ve formě banneru zvyšuje konverzní poměr.

Krok za krokem

Nastavení pracovní plochy

Začněte otevřením programu Photoshop a vytvořením nové pracovní plochy. K otevření dialogového okna souboru použijte klávesovou zkratku Command + N (nebo Ctrl + N). Nastavte šířku na 1920 pixelů a výšku na 1080 pixelů, abyste získali požadovaný formát 16:9.

Vytvoření banneru v programu Photoshop: Krok za krokem

Poté vytvořte nové rozvržení pomocných čar kliknutím na "Zobrazení" a poté na "Nové rozvržení pomocných čar". Nastavte okrajová nastavení na 100 pixelů, abyste usnadnili umístění prvků.

Vytvoření banneru v programu Photoshop: Krok za krokem

Vybrání a umístění obrázku

Nyní potřebujete obrázek pro svůj banner. Můžete si vyhledat vhodný obrázek z platformy jako je Unsplash. Já používám obrázek pláže Maverick v Kalifornii. Přetáhněte obrázek do pracovního prostoru pomocí metody Drag and Drop. Otočte obrázek tak, aby vlny směřovaly doprava a podle potřeby ho zmenšete, aby byl atraktivně umístěn v horní části.

Vytvořit banner v programu Photoshop: krok za krokem

Přidání textu

Vyberte nástroj Text a zvolte vhodný písmo. Doporučuji písmo „Teko“, které můžete najít na stránce www.fonts.google.com. Pokud jej stáhnete, nainstalujte ho na svém počítači. Nyní zadejte úvodní text, například "Máte na surfování vln?" Nastavte velikost písma na 74 body a ujistěte se, že jsou aktivní velká písmena, abyste dosáhli výrazného zobrazení.

Vytvořit banner v programu Photoshop: Krok za krokem

Vytvořte kopii rámečku textu a změňte text na "Surfovat vlny?". Upravte velikost písma tohoto textu na 255 bodů. Je důležité, aby tento text byl viditelný a nápadný.

Vytvoření banneru v aplikaci Photoshop: Krok za krokem

Úprava linií a rozvržení

Pro přidání jemných linií do vašeho banneru vyberte nástroj kreslení linek, podržte stisknutou klávesu Shift a nakreslete linii o výšce 2 pixelů. Tato linka vám pomůže jasně oddělit různé části vašeho banneru.

Vytvoření banneru v programu Photoshop: Krok za krokem

Účinný design textu

Seskupte textové prvky do skupiny stisknutím Command + G. Dále můžete text upravovat změnou písma, velikosti a rozestupu mezi písmeny. Poutavým návrhem podtitulku může být například "Teď zažijte adrenalinový zážitek". Ujistěte se, že zajistíte dostatečný kontrast mezi písmem a pozadím pro dobrou čitelnost.

Vytvoření banneru v programu Photoshop: krok za krokem

Úprava jasu a kontrastu

Pro zaměření pozornosti na důležité informace pracujte s jasem a kontrastem. Vytvořte vrstvu úprav pro jas a nastavte tak, aby detaily pozadí neodváděly pozornost a spíše podporovaly text.

Vytvoření banneru v programu Photoshop: Krok za krokem

Přidání hodnoticího systému

Nyní je čas integrovat hodnotící systém. Jděte na www.tutkit.com a stáhněte si PNG soubor pro hodnocení hvězdami. Poté umístěte hvězdy do dolní části vašeho banneru a přizpůsobte jejich velikost tak, aby se dobře vešly do layoutu.

Vytvoření banneru v programu Photoshop: krok za krokem

Uvedení ceny a ukončení

Nyní přidejte cenu, například "199 €". Umístěte ji tak, aby byla vizuálně působivá a odpovídala všem ostatním prvkům v banneru. Dbejte na to, aby všechny prvky byly dobře zarovnány a byly v harmonickém vztahu jeden k druhému.

Vytvoření banneru v programu Photoshop: krok za krokem

Vytvoření odznaku pro nabídky

Nakonec vytvořte odznak pro speciální nabídky nebo akce. Použijte nástroj Polygon, abyste vytvořili vhodný tvar, který má výrazný působivý efekt. Poté vyberte kontrastní barvu, abyste odznak ještě více zvýraznili.

Vytvoření banneru v programu Photoshop: krok za krokem

Shrnutí

Nyní jste se naučili, jak vytvořit atraktivní reklamní banner v programu Photoshop. S správnými obrazovými prvky, atraktivní typografií a zavedením hodnotícího systému zůstanete v paměti svých zákazníků. Využijte naučených kroků k tvorbě kreativních a účinných bannerů, které optimálně prezentují vaši nabídku.

Často kladené dotazy

Jak si mohu stáhnout písmo Teko?Písmo Teko si můžete stáhnout a nainstalovat z www.fonts.google.com.

Jak přidám v programu Photoshop vodící linky?Jděte na "Zobrazení", poté na "Nový vodící rámec" a nastavte vzdálenosti.

Jak mohu v programu Photoshop otočit obrázek?Vyberte obrázek, jděte na "Upravit" a pak na "Transformovat" > "Otočit".

Kde najdu zdarma obrázky pro své bannery?Unsplash je doporučovanou platformou pro zdarma dostupné obrázky.

Jak mohu v banneru používat sloupce a čáry?Použijte nástroj pro kreslení čar k vytvoření čistých a jasných oddělovacích linií ve svém banneru.

631,1123,345,731,707,1103