Atraktívne pozadie je základom úspešného letáku. Pomocou programu Photoshop môžete za pár minút vytvoriť pôsobivé návrhy, ktoré upútajú pozornosť. V tomto návode vám ukážem päť rýchlych a jednoduchých techník na vytvorenie populárnych pozadí letákov - od dynamických farebných prechodov a chladných grunge textúr až po moderné geometrické vzory. Perfektne sa hodia na večierky, podujatia alebo obchodné letáky. Začnime a posuňme svoje letáky na vyššiu úroveň!
1. skenovacie línie
Klasikou par excellence sú skenovacie čiary, ktoré sú v pozadí letáku umiestnené vertikálne, diagonálne alebo horizontálne.
Krok 1: Vytvorte nový dokument
Na vytvorenie takéhoto pozadia jednoducho potrebujem vhodný vzor na vloženie skenovacích čiar do obrázka. Na tento účel vytvorím nový dokument (Ctrl+N ) s rozmermi 4x4 pixely. Pozadie je priehľadné.
Krok 2: Výber vzoru skenovacích čiar
Priblížim svoj dokument čo najviac.
Pomocou nástroja na výber teraz vyberiem presne štyri výberové štvorce, ktoré sa pohybujú diagonálne od ľavého dolného rohu po pravý horný. Ak chcem k existujúcemu výberu pridať ďalší, podržím počas ťahania kláves Shift.
Krok 3: Vyplnenie výberu čiernou farbou
Pomocou klávesu D nastavím štandardné farby na paneli nástrojov, ak ešte nie sú nastavené, a pomocou kombinácie klávesov Alt+Reset vyplním výberové polia čiernou farbou popredia.
Krok 4: Nastavenie ako vzor
Výber môžem zrušiť pomocou klávesovej skratky Ctrl+D. Z ponuky vyberiem položku Úpravy>Nastaviť vzor. V dialógovom okne, ktoré sa otvorí, dám svojmu novému vzoru názov "Scanline diagonal".
Krok 5: Vloženie skenovacej čiary
V novej vrstve v letáku teraz vyplním svoj vzor skenovacej čiary do dokumentu pomocou nástroja výplň. Nastavenie v paneli ponúk je nastavené na možnosť Vzor. V ponuke výberu vyberiem práve definovaný vzor. Teraz jednoducho kliknem do dokumentu.
V prípade potreby môžem znížiť krytie. V tomto príklade nastavím krytie na 25 percent.
Krok 6: Variácia pre vertikálne a horizontálne skenovacie čiary
Ak namiesto diagonálnych skenovacích čiar uprednostňujem rovné skenovacie čiary smerom nahor alebo nadol, môžem ich jednoducho vytvoriť pomocou vlastného vzoru.
Pre vertikálne skenovacie čiary je môj dokument so vzorom: 4x1 pixel
Pre horizontálne skenovacie čiary je môj vzorový dokument: 1x4 pixely
Do dokumentu jednoducho umiestnim čiernu bodku, ako je opísané vyššie. Potom definujem vzory prostredníctvom ponuky Úpravy. V tomto príklade bola vrstva s horizontálnymi skenovacími čiarami nastavená na kopírovanie do každého iného režimu.
Ak chcem skrátiť alebo zmenšiť vzdialenosti medzi čiarami, jednoducho musím zodpovedajúcim spôsobom upraviť veľkosť strany súboru vzorov. Pre väčšie vzdialenosti vyberiem pomer strán 5:1, 6:1 alebo viac, pre menšie vzdialenosti 3:1 alebo 2:1.
Celkom intuitívne môžem dokument jednoducho zväčšiť aj pomocou nástroja na orezávanie. Tým sa pomer strán zväčší tak, ako sa mi to páči.
Krok 7: Škálovanie skenovacích línií
Vzor sa dá použiť aj ako prekrytie vzoru. Na tento účel vytvorím novú vrstvu pomocou klávesovej skratky Ctrl+Shift+Alt+N a vyplním ju farbou podľa vlastného výberu. Posuvník plochy nastavím na 0 percent. V možnostiach výplne vyberiem kartu Prekrytie vzorom. Tam môžem vyvolať práve definovaný vzor. Tento vzor môžem škálovať, a tak trochu optimalizovať vzhľad skenovacej čiary.
Exkurz: Fotografický efekt Scanlines
Náš moderátor Mosh predstavil v tutoriáli quicky o tom, ako môže efekt podobný skenovacím čiaram vyzerať na fotografiách pikantne.
Príklad: Obrázok majáka - zdroj obrázku: Denis Pepin @ Fotolia.com
Najskôr si duplikujem vrstvu pozadia pomocou klávesovej skratky Ctrl+J. Pomocou nástroja na výber: Jeden stĺpec vyberiem stĺpec pixelov vo výraznej časti môjho obrázka.
Svoj výber môžem transformovať pomocou klávesovej skratky Ctrl+T. Potiahnem rám výberu doľava a doprava až k okraju obrázka.
Výber môžem zrušiť pomocou klávesovej skratky Ctrl+D. Režim prelínania zmením na Svietivosť s 30-percentným krytím.
Duplikujem vrstvu pomocou Ctrl+J a nastavím duplikát na režim vrstvy Mäkké svetlo s 30-percentným krytím.
V neposlednom rade môžem do vrstvy s pozadím pridať vinetáciu prostredníctvom ponuky Filter>Korekcia objektívu. Zvolím silu -100 so stredovou hodnotou +20. Nakoniec pridám krátky text "Rügen 2010" s jellikou 150 pt v čiernej farbe.
Malá rýchlovka pre fotografický efekt. Stačí si to vyskúšať a experimentovať s metódami výplne.
2. bodkované a s reliéfom
Krok 1: Jednoducho bodkované
Rovnakým spôsobom, ako sa vytvárajú skenovacie čiary, môžem vytvoriť aj bodkované vzory ako pozadie letáku. Na tento účel jednoducho vytvorím nový dokument vo veľkosti 4x4 pixely.
Pomocou nástroja na výber vyberiem štyri pixely v pravom dolnom rohu a vyplním ich čiernou farbou. Potom definujem vzor prostredníctvom ponuky Úpravy.
V režime Kopírovať jedno do druhého so 70-percentným krytím je to tiež rýchly spôsob, ako vytvoriť zaujímavé pozadie pre letáky.
Krok 2: Bodkovaný reliéf
Bodkovaný vzhľad môžem vylepšiť vytvorením pixelového reliéfu.
Najprv vytvorím nový dokument vo veľkosti 3x3 pixely. Stredný pixel vyplním čiernou farbou. Dva susedné pixely v spodnej a pravej časti dostanú 50 % sivej farby. Pixel vpravo dole vyplním 80 % svetlosivou farbou.
Reliéfny vzhľad ponúka ďalšiu zaujímavú možnosť návrhu prvkov letáku v režime Interlocking.
Krok 3: Kruhová mozaika
Vytvorím ďalší nový dokument vo veľkosti 20x20 pixelov. Aj tu je pozadie priehľadné.
Pomocou nástroja elipsa nakreslím do dokumentu kruh a zároveň podržím stlačený kláves Shift (tým zabezpečím, že môj kruh bude aj sférický). Farba je čierna - ale to nie je veľmi dôležité.
Kruh je potom definovaný aj ako vzor a možno ho použiť ako efekt pozadia. Prípadne môžem jednoducho ponechať kruh priehľadný a vonkajšie oblasti vyfarbiť čiernou farbou. Takto sa dajú krásne zvýrazniť aj fotografie.
3. Efekty rastrovania
Krok 1: Rasterizačný filter ako alternatíva k definovaniu vzoru
Bodové pozadie je možné vytvoriť aj pomocou vzorov bez odbočiek definície vzoru.
Vytvorím novú vrstvu a vyplním ju 50 % sivej farby. Režim nastavím na možnosť Kopírovať jednu do druhej.
Teraz otvorím filter Rastrovací efekt cez ponuku Filter>Filter kresby.
Typ vzoru je Bodka s veľkosťou 1 a kontrastom 30. Na určenie kontrastu je vhodné zväčšiť náhľad ďaleko (dobre funguje 400 %).
Potvrdím tlačidlom OK. Moja bodkovaná mriežka je hotová.
Krok 2: Variácia s kruhmi a čiarami
Ako alternatívu k typu bodového vzoru nájdem vo filtri Efekt rastrovania aj kruhy a čiary. Tieto dva typy vzorov sú tiež veľmi pekné možnosti pre jednoduché pozadia letákov.
Príklad vodorovných čiar:
Krok 3: Transformácie pre čiary
Nevýhodou generovania rasterizačných efektov pomocou filtra je, že nemám k dispozícii rozsiahle možnosti variácií z hľadiska veľkosti. Ak chcem mať na obrázku veľmi jemné čiary, dosiahnem s týmto filtrom svoje limity. Jedinou možnosťou je potom buď spustiť rastrovací efekt vo väčšom dokumente, alebo ho duplikovať v aktuálnom dokumente a zmenšiť veľkosť stlačením klávesovej skratky Ctrl+T.
To isté môžem urobiť aj tak, že jednoducho zmenším veľkosť existujúcej vrstvy od začiatku pomocou Ctrl+T, duplikujem ju pomocou Ctrl+J a vložím ju do vzniknutej medzery.
Záver: Efektový filter rasterizácie mi dokáže poskytnúť najrýchlejšie riešenie pre hladké pozadie letáku. Pre jemne doladené vzdialenosti medzi čiarami a bodmi sa však neviem dostať cez vzory.
Príklad pre kruhy:
4. vzor mriežky a čiary
Na prezentáciu produktov, loga alebo prvkov písma je niekedy dobré umiestniť do pozadia letáku efektnú mriežku alebo vzor. Chcel by som vám ukázať dva možné spôsoby, ako jednoduchým spôsobom vytvoriť zaujímavé pozadie.
4.1 Čiarkový vzor s iluzívnym efektom
V prvom príklade vám ukážem, ako vytvoriť čiarový vzor s klamlivým efektom.
Krok 1: Nový dokument
Vytvorím nový dokument vo veľkosti 1200 x 800 pixelov. Pozadie je čierne.
Krok 2: Vytvorím dve nové vrstvy
Vytvorím novú vrstvu pomocou klávesovej skratky Ctrl+Shift+Alt+N. Skratku vykonám dvakrát.
Krok 3: Vyberiem oblasť čiary a vyplním ju bielou farbou
Pomocou nástroja laso vyberiem približnú oblasť môjho čiarového vzoru. Vrchná vrstva je aktivovaná. Výber vyplním bielou farbou.
Krok 4: Rozmazanie
Prostredníctvom ponuky Filter>Filter roz mazania vyvolám filter Gaussovské rozmazanie.
Polomer musí byť zvolený tak, aby boli okraje pekne rozmazané. V mojom príklade veľmi dobre vyhovuje približne 50 pixelov.
Krok 5: Rozostrenie
Nastavím režim vrstvy na škvrnitosť.
Krok 6: Zmenšiť na jednu s podkladovou vrstvou
Aby som zachoval škvrnitý efekt, ale zároveň sa vrátil do normálneho režimu vrstvy, vyberiem vrstvu s podkladovou vrstvou a pomocou klávesovej sk ratky Ctrl+E ju zmenším na jednu.
Krok 7: Rozmazanie pohybu
Prostredníctvom ponuky Filter>Hladký filter vyberiem filter Rozmazanie pohybu.
Vyberiem stredovú vzdialenosť približne 275 pixelov, aby som zo škvŕn vytvoril lineárny efekt.
Krok 8: Duplikovanie vrstvy a efekt rastrovania
V ďalšom kroku vrstvu duplikujem, znížim jej krytie na 50 % a otvorím filter rasterizačného efektu cez ponuku Filter>Filter kresby.
Typ vzoru nastavím na hodnotu Čiary s veľkosťou 1 a kontrastom 0.
Krok 9: Vyfarbenie efektu filtra
Vytvorím vrstvu úprav Odtieň-Sýtosť. Ak chcem efekt čiary zafarbiť, aktivujem začiarkavacie políčko Farba.
- Odtieň: 224 pre modrý tón
- Sýtosť: 39
- Jas: -10 až 0 - v závislosti od existujúceho vzhľadu
Pozadie je pripravené a môžete mu priradiť logo, text alebo niečo podobné:
Krok 10: Transformácia
Vyberiem dve vrstvy s čiarami a potom ich prevediem na inteligentný objekt. Môžem použiť klávesovú skratku Ctrl+T, aby som trochu zdynamizoval pohľad tým, že nechám čiary prebiehať od ľavého dolného rohu po pravý horný.
Krok 11: Prispôsobenie loga a spadávky
Svoje logo zafarbím čiernou farbou pomocou farebného prekrytia v možnostiach výplne a nastavím žiaru na vonkajšej strane v bielej farbe so 75-percentným krytím a veľkosťou 35 px v režime farebného úbytku.
Veľkosť dokumentu si môžem upraviť podľa potreby pomocou nástroja na orezávanie.
4.2 Vzor mriežky
Mriežkový vzor vyzerá veľmi dobre ako prvok pozadia v letáku. Môže sa použiť celý na pozadí alebo ako zvýrazňujúci dizajnový prvok.
Krok 1: Vytvorenie vzoru
V novom dokumente s veľkosťou 50x50 a priehľadným pozadím nakreslím pomocou nástroja na výber úzky pás výberu v hornej a ľavej časti. Tento výber vyplním bielou alebo čiernou farbou.
Vzor potom uložím prostredníctvom ponuky Úpravy>Nastaviť vzor.
Krok 2: Mriežka ako vzor pozadia
Vzor môžem použiť ako bežný prvok pozadia tak, že pomocou nástroja výplň vyplním novú vrstvu vzorom.
Ak chcem širšiu mriežku, môžem to jednoducho urobiť prostredníctvom možností výplne tak, že mriežke dám obrys pomocou rovnakej metódy výplne.
Ak chcem, aby bola mriežka namiesto toho väčšia alebo menšia, má zmysel vytvoriť vrstvu s ľubovoľnou farbou, nastaviť posuvník plochy na 0 a v možnostiach výplne nastaviť prekrytie vzorom mriežky. Potom môžem mriežku zmenšiť podľa potreby.
Aby som optimalizoval ďalšie spracovanie, môžem prekrytie vzoru vyvolať aj ako samostatnú vrstvu kliknutím pravým tlačidlom myši.
Krok 3: Mriežka ako prvok návrhu
Mriežku možno použiť aj ako prvok návrhu.
V tomto príklade (zdroj obrázku: Mike Liu - Fotolia.com) chcem dodať svetlu ešte väčšiu dynamiku. Vzor mriežky preto pridám do novej vrstvy pomocou nástroja výplň.
Pomocou klávesovej skratky Ctrl+T>Ohnúť prispôsobím mriežku priebehu svetla. Vďaka tomu získa žiara ďalší dynamický efekt.
Ak v možnostiach výplne nastavím bielu žiaru na vonkajšiu stranu s veľkosťou 20 pixelov v režime farebného úbytku, efekt sa tiež príjemne rozžiari.
Na obrázku majáka môžem zdôrazniť morskú atmosféru simuláciou vlny pomocou mriežky. Aj tu pridám mriežku do novej vrstvy a ohnem ju, aby som vytvoril efekt vlny.
Pomocou možností výplne dám mriežke na vonkajšej strane biely obrys s veľkosťou 1 pixel. Tým sa mriežka mierne zhustí.
A rovnako ako tvar mriežky môžem meniť jej deformáciou, môžem aj mriežky, čiary a kruhy v zobrazení zvýrazniť pomocou transformácií a masiek vrstiev. Pomocou vzorov čiar môžem dokonca simulovať sínusoidy.
V tomto príklade som vložil kruhovú mriežku a pomocou masky vrstvy som ju obmedzil na vnútornú oblasť v zobrazení, čím vznikol akýsi efekt iskrenia v hornej časti majáka.
5. Nekonečný vzor a bezšvové dlaždice
Nekonečné vzory a bezšvové dlaždice sa často používajú na pozadia letákov a webových stránok. V poslednej časti môjho návodu by som chcel ukázať niekoľko prístupov k vytváraniu nekonečných vzorov.
5.1. Jednoduchý nekonečný vzor
Mám časť obrázka, ktorú by som chcel vytvoriť ako nekonečný vzor. Pomocou textúrovaných obrázkov sa mi veľmi často podarí vytvoriť vzor bez viditeľných spojení. Dôležité je len to, aby som zvládol výber.
Krok 1: Výber oblasti vzoru
V mojom príklade chcem z tejto textúry vytvoriť nekonečný vzor. Vyberiem celú oblasť obrázka pomocou klávesovej skratky Ctrl+A. Keďže možnosť zmeny výberu prostredníctvom ponuky Výber je sivá - dokonca aj v CS5 - používam alternatívnu metódu na vytvorenie presného výberu.
Po kliknutí pravým tlačidlom myši>Transformovať výber sa v paneli ponuky objaví niekoľko číselných vstupných polí. Nastavím výšku a šírku môjho výberu na 70 percent každú. Potom potvrdím klávesom Enter.
Krok 2: Kopírovanie a vloženie výberu
Pomocou klávesových skratiek Ctrl+C a Ctrl+V môžem skopírovať a vložiť svoj výber do novej vrstvy.
Krok 3: Orezanie vzoru a nastavenie ako vzor
Na orezanie vzoru použijem nástroj Orezanie. Vzor môžem definovať prostredníctvom ponuky Úpravy.
Krok 4: Použitie ako pozadie
V letáku vytvorím novú vrstvu a vyplním ju farbou podľa vlastného výberu. Posuvník plochy nastavím na 0 percent. V možnostiach výplne priradím svojmu letáku predtým definovaný vzor na karte Prekrytie vzorom.
Metódu výplne nastavím na možnosť Svietivosť. Krytie sa zníži na nižšiu hodnotu. Veľkosť vzoru môžem meniť pomocou posuvníka Mierka. Pre presné umiestnenie môžem pomocou myši presunúť vzor priamo na správne miesto v dokumente.
5.2 Opakujúci sa vzor
Aby som dosiahol tento typický "tapetový vzhľad", ktorý možno opakovane vidieť ako opakujúci sa vzor na pozadiach webových stránok a letákov, musím použiť filter posunu.
Krok 1: Potiahnite tvar a nastavte ho ako vzor
Pomocou nástroja Vlastný tvar nakreslím do dokumentu kvetinový tvar s veľkosťou 500 x 500 pixelov, ktorý sa má stať mojím vzorom tapety. Tvar umiestnim presne do stredu dokumentu. Potom definujem svoj kvetinový tvar ako vzor.
Krok 2: Nastavenie posunu
Vzhľad tapety ešte nie je hotový, aj keď by som už mohol vzor použiť opakovane. Chýba totiž odsadenie. Aby som ho dosiahol, vytvorím nový dokument s dvojnásobnou veľkosťou oproti predchádzajúcemu, t. j. 1000x1000 pixelov.
Vrstvu vyplním svojím vzorom. Zobrazia sa štyri prvky. Pomocou nástroja na výber vyberiem stĺpec vzoru.
Pomocou ponuky Filter>Ostatné filtre>Efekt posunu nastavím vertikálny posun efektu. Vyberiem pixely tak, aby bol horný okraj presne na spodnom okraji.
Potom tento vzor nastavím ako vzor prostredníctvom ponuky Úpravy a môžem ho použiť ako pozadie v letáku. Aj tu je vzor umiestnený ako prekrytie vzoru na sivej vrstve v režime Svietivosť s 20-percentným krytím.
5.3 Bezšvové dlaždice pre textúry
Samozrejme, málokedy je generovanie vzoru bez viditeľných spojov také jednoduché ako v prvom príklade.
Nepravidelné textúry sa však dajú vytvoriť aj ako bezšvíkové dlaždice. Na tento účel opäť použijem filter efektu Posun a potom opravím viditeľné okraje.
Krok 1: Použitie efektu posunu
Moja textúra má veľkosť 1000 x 1000 pixelov. Ak ju nastavím ako vzor a použijem na väčší dokument, prechody budú vyzerať takto:
Vrátim sa k svojmu súboru textúry s pôvodnou veľkosťou 1000 x 1000 pixelov. Cez ponuku Filter>Ostatné filtre vyberiem filter Efekt posunu. Tam nastavím horizontálny a vertikálny posun presne o polovicu, t. j. v oboch prípadoch o 500 pixelov.
Krok 2: Oprava viditeľného švu
Teraz môžete vidieť viditeľný šev v strede.
Od verzie CS5 je v štetci na opravu plochy k dispozícii funkcia opravy citlivej na obsah. Pomocou štetca na opravu plochy označujem švy mäkkým hrotom štetca. Začiarkavacie políčko s ohľadom na obsah je aktivované.
Švy sa teraz opravujú automaticky. Je možné, že budem musieť niekoľkokrát retušovať.
Podľa môjho názoru je však stále najúčinnejším nástrojom na opravu okrajov nástroj na retušovanie, ktorý môžu používať aj používatelia, ktorí ešte nepoužívajú verziu CS5. S aktivovaným zaškrtávacím políčkom Zdroj jednoducho vyberiem švy a pretiahnem výber do čistej oblasti. Upraví sa farebný tón, sýtosť, jas a kontrast a viditeľný šev sa presvedčivo opraví.
Po oprave viditeľného švu definujem vzor prostredníctvom ponuky Úpravy.
Krok 3: Vloženie bezšvového vzoru dlaždíc
Vytvorím nový súbor vo veľkosti 2000x2000 a teraz môžem pomocou nástroja výplň vložiť svoju bezšvovú dlaždicovú textúru.
Textúry sú veľmi produktívne najmä vtedy, keď sa majú do obrázkov pridať efekty starnutia, grunge efekty atď. Pozri obrázok nižšie (zdroj obrázku: Lev Dolgatsjov - Fotolia.com).
V prípade veľmi rozsiahlych dokumentov je preto dobré jednoducho vytvoriť rozkladané textúry, ktoré sa dajú plynule dlaždicovať. Na tomto ukážkovom obrázku bola vyššie zobrazená textúra umiestnená do obrázka ako prekrytie v režime prekrytia a mierne desaturovaná pomocou vrstvy úprav odtieňa/nasýtenia ako orezávacej masky.
Sada 16 vzorov je súčasťou tohto návodu ako pracovný súbor. Obsahuje diagonálne, horizontálne a vertikálne skenovacie čiary, pixelové reliéfy a bodové vzory, kruhové mozaikové vzory a mriežkové vzory zobrazené v tomto návode.
