Přitažlivé pozadí je klíčem k úspěšnému letáku. S programem Photoshop můžeš za pár minut vytvořit ohromující designy, které přitáhnou pozornost. V tomto tutoriálu ti ukážu pět rychlých a snadných technik, jak vytvořit oblíbená pozadí letáků – od dynamických barevných přechodů přes cool grunge textury až po moderní geometrické vzory. Ideální pro večírky, události nebo obchodní letáky. Pojďme na to a posuňme tvé letáky na další úroveň!
1. Scanlines
Tím nejklasičtějším jsou Scanlines, které jsou umístěny ve svislé, diagonální nebo vodorovné formě na pozadí letáku.
Krok 1: Vytvoření nového dokumentu
Pro vytvoření takového pozadí jednoduše potřebuji vhodný vzor, který mi vloží scanlines do mého obrázku. Vytvořím tedy nový dokument (Ctrl+N) o rozměrech 4x4 pixelů. Pozadí je průhledné.
Krok 2: Výběr patternu scanlines
Přiblížím se co nejvíce do svého dokumentu.
S nástrojem Výběr nyní zvolím přesně čtyři výběrové obdélníky, které se diagonálním způsobem pohybují zleva dolů doprava nahoru. Pro přidání dalšího výběru k existujícímu držím během kreslení stisknutou klávesu Shift.
Krok 3: Vyplnění výběru černou barvou
Nastavím pomocí D výchozí barvy v Panelu nástrojů, pokud je ještě nenastaven, a pomocí Alt+Backspace vyplním černou barvu popředí do mých výběrových polí.
Krok 4: Nastavení jako vzor
Výběr mohu zrušit pomocí Ctrl+D. V nabídce zvolím Úpravy>Nastavit jako vzor. V otevřeném dialogovém okně pojmenuji svůj nový vzor "Scanline diagonální".
Krok 5: Použití scanline
V nové vrstvě ve svém letáku vyplním pomocí Nástroje výplně svůj Scanlinový vzor do dokumentu. Nastavení v liště je na Vzor. V Výběrovém menu zvolím právě nastavený vzor. Nyní jednoduše kliknu do dokumentu.
Pokud je potřeba, můžu ještě snížit Průhlednost. V tomto příkladu nastavím Průhlednost na 25 procent.
Krok 6: Variace pro vertikální a horizontální Scanlines
Pokud bych místo diagonálních Scanlines raději měla rovné Scanlines nahoru nebo dolů, mohu je snadno vytvořit vlastním vzorem.
Pro vertikální Scanlines má mé vzorové dokumenty: 4x1 pixel
Pro horizontální Scanlines má mé vzorové dokumenty: 1x4 pixel
Černý bod jednoduše vložím do dokumentu, jak je popsáno výše. Poté nastavím vzory přes nabídku Úprava. V tomto příkladu byla vrstva s horizontálními Scanlines nastavena v režimu Průchodem.
Pokud chci zkrátit nebo zúžit vzdálenosti mezi čarami, musím jednoduše přizpůsobit rozměry vzorového souboru. Pro širší vzdálenosti volím poměr stran 5:1, 6:1 nebo více, pro menší vzdálenosti 3:1 nebo 2:1.
Úplně intuitivně mohu také použít nástroj Ořezávání k zvětšení dokumentu. Tímto se zvětší poměr stran podle toho, jak si přeji.
Krok 7: Měřítka Scanlines
Použití vzoru může být také provedeno jako Překrytí vzorem. Vytvořím tedy novou vrstvu s Ctrl+Shift+Alt+N a vyplním ji libovolnou barvou. V Regulátoru plochy nastavím na 0 procent. V Možnostech výplně zvolím kartu Překrývání vzoru. Zde mohu načíst můj právě stanovený vzor. Tento vzor mohu měřit a tím ještě trochu optimalizovat vzhled Scanline.
Výlet: Scanlines fotoefekt
Náš moderátor Mosh představil v tutoriálu Quicky, jak scanlines podobný efekt může osvěžit fotografie.
Příklad: Fotografie majáku – Zdroj obrázku: Denis Pepin @ Fotolia.com
Nejprve si zduplikuji svou pozadí s Ctrl+J. S nástrojem Výběr sloupce si vyberu sloupec pixelů významné části mého obrázku.
Pomocí Ctrl+T můžu upravit svůj výběr. Rám výběru zatáhnu doleva a doprava k okraji obrázku.
Výběr mohu zrušit pomocí Ctrl+D. Metodu vyplnění měním na Luminanci na 30 procent Průhlednosti.
Duplikuji vrstvu pomocí Ctrl+J a nastavím duplikát do režimu vrstev Měkké světlo na 30 procent Průhlednosti.
Jako předposlední mohu své pozadí ještě obohatit vinětou přes menu Filtr>Oprava objektivu. Zvolím Sílu -100 s Středovou hodnotou +20. Na závěr přidám krátký text „Rujána 2010“ ve velikosti 150 bodů s fontem Jellyka v černé barvě.
Tohle je malá návodnost na efekt s fotografií. Stačí vyzkoušet a experimentovat s metodami vyplňování.
2. Bodované a s reliéfem
Krok 1: Jednoduše bodovaný
Stejně jako vytváření scanlines, mohu si vytvořit i bodované vzory jako pozadí letáku. K tomu jednoduše vytvořím nový dokument o velikosti 4x4 pixelů.
S pomocí Nástroje výběru vyberu čtyři pixely v pravém dolním rohu a vyplním je černou barvou. Poté vzor nastavím přes menu Úpravy.
V režimu Míchání na 70 procent Průhlednosti se také rychle získá zajímavé pozadí pro letáky.
Krok 2: Bodovaný s reliéfem
Pro dosažení zdůraznění bodovaného vzhledu vytvořím reliéf jednoho pixelu.
Zde vytvořím nejprve nový dokument o velikosti 3x3 pixelů. Středový pixel vyplním černou barvou. Dva sousední pixely dole a vpravo obdrží šedou barvu o 50%. Pixel vpravo dole vyplním 80% světlou šedou barvou.
V režimu Míchání nabízí reliéf zajímavou možnost dalšího návrhu prvků pro letáky.
Krok 3: Kruhové mozaiky
Vytvořím ještě nový dokument o velikosti 20x20 pixelů. Pozadí je zde také průhledné.
S pomocí Nástroje elipsy tažením s držením Shift (zajišťuje kulatost mého kruhu) nakreslím kruh do dokumentu. Barva je černá – to však není důležité.
Kruh je pak také nastaven jako vzor a může být použit jako efekt pozadí. Alternativně můžu nechat kruh průhledný a vnější oblasti obarvit na černou. Tím lze také velmi pěkně zdůraznit fotografie.
3. Efekty rasterizace
Krok 1: Rastrovací filtry jako alternativa kustavování vzorů
Je možnost vytvářet bodovaná pozadí prostřednictvím vzorů i bez nutnosti nastavení vzoru.
Vytvořím novou vrstvu a vyplním ji šedou barvou s 50% sytosti. Režim nastavím na Míchání.
Nyní otevřu filtr Rastrovací efekt přes menu Filtr>Umělecké filtry.
Druhem vzoru je Bod s Velikostí 1 a Kontrastem 30. Doporučuje se k přesnění kontrastu výrazně přiblížit do náhledu (400 procent je dobrý).
Potvrdím s OK. Hotovo, mám své bodované rastrování.
Krok 2: Variace s kruhy a liniemi
Alternativně k druhu vzoru Bod najdu ve filtru Rastrovací efekt také Kruh a Linie. Obě tyto druhy vzorů jsou velmi pěkné možnosti pro jednoduchá pozadí letáků.
Příklad pro vodorovné čáry:
Krok 3: Transformace u linií
Nevýhoda generování rastrovacích efektů přes filtr spočívá v tom, že nemám opravdu velké možnosti variace ve velikosti. Chci-li mít velmi jemné linie v obraze, narazím u tohoto filtru na své meze. Zbývá mi pak buď spustit rastrovací efekt ve větším dokumentu, duplikovat ho do mého aktuálního dokumentu a pomocí Ctrl+T ho zmenšit.
Toto mohu udělat také tím, že buď existující vrstvu hned na začátku zmenším pomocí Ctrl+T, zduplikuji pomocí Ctrl+J a příslušně ho použiji vzniklou mezeru.
Závěr: Filtr Rastrovací efekt je schopen mi dodat nejrychlejší řešení pro poklidné pozadí letáků. Pro jemně vyladěné mezery mezi liniemi a body se ale nevyhnou vzory.
Příklad pro kruhy:
4. Mřížka a liniové vzory
Pro prezentaci produktů, log a typografických prvků se někdy nabízí možnost vytvořit efektní mřížku nebo vzor na pozadí letáku. Zde ukážu dva možné způsoby, jak jednoduše vytvořit zajímavá pozadí.
4.1 Liniový vzor se světelným efektem
Prvním příkladem je vytvoření liniového vzoru se světelným efektem.
Krok 1: Nový dokument
Vytvořím nový dokument o velikosti 1200 x 800 pixelů. Pozadí je černé.
Krok 2: Vytvoření dvou nových vrstev
Pomocí Ctrl+Shift+Alt+N vytvořím novou vrstvu. Zkratku použiji dvakrát za sebou.
Krok 3: Výběr oblasti linií a vyplnění bílou barvou
S nástrojem Laso vyberu přibližnou oblast mého liniového vzoru. Zvolím vrchní vrstvu. Výběr vyplním bílou barvou.
Krok 4: Rozmazání
Pomocí menu Filtr> Rozmazání> Gaussovo rozostření zvolím gaussovské rozostření.
Velikost poloměru musí být zvolena tak, aby hrany byly pěkně rozmazané. Ve mně příkladu se hodnota přibližně 50 pixelů hodí velmi dobře.
Krok 5: Kropení
Změním režim vrstvy na Kropání.
Krok 6: Redukce na jednu vrstvu s vrchní vrstvou
Aby byl zachován kropený efekt, ale zároveň se vrátil k normálnímu režimu vrstev Normální, označím vrstvu s vrchní vrstvou a přes zkratku Ctrl+E ji snížím na jednu vrstvu.
Krok 7: Rozostření pohybu
Z menu Filtr> Rozmazání> Rozostření pohybu zvolím efekt rozostření pohybu.
Zde zvolím střední vzdálenost přibližně 275 pixelů, abych z mých kropených skvrn vytvořil efekt linie.
Krok 8: Duplikace vrstvy a efekt rastrace
V dalším kroku duplikuji vrstvu, snížím průhlednost na 50 procent a otevřu menu Filtr> Kreslení> Efekty rastrace s filtrem efektů rastrace.
Nastavím typ vzoru na Linie s velikostí 1 a kontrastem 0.
Krok 9: Obarvení efektu filtru
Vytvořím vrstvu úprav Tón-Saturace. Pro zbarvení mého liniového efektu zapnu zaškrtávátko Zbarvit.
• Tón: 224 pro modrou barvu
• Saturace: 39
• Jas: -10 až 0 - podle konkrétního vzhledu
Pozadí je hotové a může být přiřazeno logu, textu nebo podobnému:
Krok 10: Transformace
Označím obě liniové vrstvy a poté je převedu na Chytrý objekt. Přes Ctrl+T mohu zobrazit ještě trochu dynamičtější pohled tím, že nechám linie běžet zleva doleva dolů.
Krok 11: Úprava loga a ořez
Svoje logo obarvím přes Překrývání barev v Plných možnostech na černou a nastavím Světlo ven na bílo s 75 procenty průhledností a 35 px velikostí v režimu Barvení světlými tóny.
S nástrojem Ořezatko mohu ještě libovolně upravit velikost dokumentu.
4.2 Mřížkový vzor
Mřížkový vzor vypadá jako velmi dobrý pozadí v letáku. Může být použit celým pozadím nebo jako podtrhující designový prvek.
Krok 1: Vytvoření vzoru
V novém dokumentu o velikosti 50x50 s průhledným pozadím nakreslím tenký výběr nahoře a vlevo pomocí nástroje Vybrat. Tento výběr vyplním bílou nebo černou barvou.
Následně uložím vzor přes menu Upravit> Definovat vzor.
Krok 2: Mřížka jako pozadí vzoru
Vzor mohu použít jako běžný prvek pozadí tím, že vytvořím novou vrstvu s vzorem a vyplním ji pomocí nástroje Výplňový nástroj.
Pokud chci širší mřížku, mohu to jednoduše udělat pomocí Výplňové možnosti tím, že mřížce přidám Obrys stejnou metodou výplně.
Pokud má být mřížka místo toho větší nebo menší, je rozumné vytvořit vrstvu s libovolnou barvou, nastavit Posuvník plnosti na 0 a nastavit Překryv vzoru s mřížkovým vzorem v Výplňových možnostech. Zde mohu mřížku libovolně škálovat podle potřeby.
Pro optimální další úpravu mohu svůj Překryv vzoru přes kliknutí pravým tlačítkem myši také vydávat jako vlastní vrstvu.
Krok 3: Mřížka jako designový prvek
Mřížku lze také skvěle použít jako designový prvek.
V tomto příkladu (Zdroj obrázku: Mike Liu – Fotolia.com) chci, aby odlesk dostal ještě více dynamiky. Proto přidám na novou vrstvu mřížkový vzor pomocí nástroje Výplňový nástroj.
Pomocí Ctrl+T>Skroutit přizpůsobím svou mřížku průběhu odlesku. Tak získá odlesk dynamický dodatečný efekt.
Pokud v Výplňových možnostech nastavím bílý odlesk ven s Velikostí 20 pixelů v režimu Odstíny barvy, efekt ještě příjemně září.
V obraze s majákem mohu námořní atmosféru ještě zdůraznit tím, že vytvořím vlnu pomocí mřížky. I zde přidám svoji mřížku do nové vrstvy a zkroumím ji do podoby vlnovky.
Mřížce přidám v Výplňových možnostech ven bílý Obrys s Velikostí 1 pixelu. Mřížka tak bude trochu tlustší.
A stejně jako lze mřížku variabilně upravit pomocí Skrutkovat, lze také mřížky, linie a kruhy akcentovat v náhledech pomocí Transformací a Vrstevních masek. U linií mohu dokonce simulovat Sinedots.
V tomto příkladu jsem vložil kruhovou mřížku a přes vrstevní masku v náhledech omezil na vnitřní oblast, čímž vzniká jakýsi jiskřivý efekt na vrcholu majáku.
5. Endless vzory a bezšvové dlaždice
Endless vzory a bezšvé dlaždice jsou často používány pro letáky a podklady webové stránky. V posledním části mého návodu chci ukázat několik způsobů tvorby endless vzorů.
5.1 Jednoduchý endless vzor
Mám výřez obrázku, který bych chtěla použít jako endless vzor. U texturovaných obrázků mi velmi často jde vytvořit vzor bez viditelných spojů. Důležité je jen, abych měla dobrou volbu.
Krok 1: Vybrat oblast vzoru
V mé ukázce chci vytvořit endless vzor z této textury. S pomocí Ctrl+A vyberu celou oblast obrázku. Protože – i u verze CS5 – je možnost změny výběrů v menu Výběr zneaktivněna, zvolím alternativní způsob, jak vytvořit přesný výběr.
Po Kliknutí pravého tlačítka myši>Transformovat výběr se v liště zobrazí několik číselných polí pro zadání. Zde nastavím výběr do výšky a šířky na 70 procent. Poté potvrdím pomocí Enteru.
Krok 2: Kopírovat a vložit výběr
S Ctrl+C & Ctrl+V mohu svůj výběr zkopírovat a vložit do nové vrstvy.
Krok 3: Uvolnit vzor a nastavit jako vzor
S nástrojem Uvolnění uvolním vzor. Přes menu Upravit mohu vzor nastavit.
Krok 4: Použití jako pozadí
Vytvořím na svém letáku novou vrstvu a vyplním ji libovolnou barvou. Posuvník plnosti nastavím na 0 procent. V Výplňových možnostech přiřadím můj letáku dříve nastavený vzor v panelu Překryv vzoru.
Metodu výplně nastavím na Světlost. Průhlednost bude snížena na nižší hodnotu. Pomocí Škálovacího posuvníku mohu vzor zvětšovat. Pro přesné pozicování je vhodné posunout svůj vzor na správné místo přímo myší v dokumentu.
5.2 Opakující se vzor
Abych získal typický "tapetový" vzhled, který se opakovaně objevuje jako opakující se vzor na pozadí webových stránek a letáků, musím použít filtr posunu.
Krok 1: Vytvoření a nastavení vzoru
Pomocí nástroje Vlastní tvar si v dokumentu o velikosti 500 x 500 pixelů nakreslím květinový tvar, který se má stát mým tapetovým vzorem. Tvar umístím přesně do středu dokumentu. Následně svůj květinový tvar nastavím jako vzor.
Krok 2: Nastavení posuvu
Vzhled tapety není zcela dokončen, i když bych mohl již použít opakující se vzor. Chybí posun. Abych ho dosáhl, vytvořím nový dokument o dvojnásobné velikosti než předchozí, tedy 1000x1000 pixelů.
Na jednu vrstvu naplním můj vzor. Zobrazí se čtyři prvky. S nástrojem Výběr vyberu sloupec vzoru.
Skrze menu Filtr>Další filtry>Efekt posunu nastavím vertikální posun efektu. Zvolím pixely tak, aby horní okraj přesně navazoval na dolní.
Následně tento vzor pomocí menu Upravit nastavím jako vzor a mohu ho použít jako pozadí ve svém letáku. I zde je vzor umístěn jako překrytí vzorem na šedé vrstvě v režimu Luminance s průhledností 20 procent.
5.3 Bezšvové dlaždice s texturami
Takový snadný postup jako v prvním příkladu se samozřejmě jen zřídka podaří, generovat vzor bez viditelných spojů.
Ale i nepravidelné textury lze udělat bezšvové díky filtru efektu posunu a následné opravě viditelných hran.
Krok 1: Použití efektu posunu
Má textura má velikost 1000 x 1000 pixelů. Pokud tuto nastavím jako vzor a použiji ji větším dokumentu, budou přechody vypadat takto:
Vrátím se ke své texturové složce s původní velikostí 1000x1000 pixelů. Skrze menu Filtr>Další filtry vyberu filtr Posuvový efekt. Zde nastavím horizontální a vertikální posun přesně na polovinu, tedy v obou případech 500 pixelů.
Krok 2: Oprava viditelných spojů
Nyní je viditelný spoj uprostřed dobře patrný.
Od verze CS5 je k dispozici funkce hojení obsahu v nástroji Bereichsreparaturpinsel. S nástrojem Bereichsreparaturpinsel označím spoje pomocí jemné špičky štětce. Zaškrtávací políčko Obsahová citlivost je aktivováno.
Spoje budou nyní automaticky opraveny. Může se stát, že budu muset zasáhnout vícekrát.
Pro efektivní opravu hran je však podle mne stále nejlepší nástroj Ausgleich, který mohou využívat i uživatelé, kteří ještě nepoužívají verzi CS5. Po aktivaci zaškrtávacího políčka Zdroj jednoduše vyberu spoje a přesunu výběr do čisté oblasti. Dochází k vyrovnání odstínu, sytosti, jasu a kontrastu a viditelný spoj je přesvědčivě opraven.
Po opravení viditelného spoje uložím svůj vzor skrze menu Upravit.
Krok 3: Použití bezšvového dlaždicového vzoru
Vytvořím nový soubor o velikosti 2000x2000 a mohu nyní pomocí nástroje Výplň vložit svou bezšvovou dlaždicovou texturu.
Vlastněné textury jsou velmi bohaté, když se mají vložit do obrázků účinky stárnutí, oděru atd. Viz obrázek níže (zdroj obrázku: Lev Dolgatsjov - Fotolia.com).
Proto se u velkých dokumentů nabízí možnost jednoduše udělat nebožtíkové textury bezšvové kachlové. V tomto příkladu byla výše uvedená textura umístěna v režimu Prolínání jako překrytí na obraz a s vrstvou nastavení odstín/sytost jako střižný mask trochu odstíněna.
Tomuto tutoriálu je přiložen pracovní soubor s 16 vzory. Najdete zde diagonální, horizontální a vertikální skenovací linky, pixelové reliéfy a bodové vzory, mozaikové vzory kolečka a mřížkové vzory uvedené v tomto tutoriálu.
