Päť rýchlych tipov na cool typografické efekty v Photoshope

Chceš svojim textom dopriať špeciálny nádych, ale máš málo času? Žiadny problém! S programom Photoshop môžeš vytvoriť fajn typo-efekty v pár krokoch. V tomto návode ti ukážem päť rýchlych a jednoduchých techník, ako kreatívne a moderné vytvoriť tvoju typografiu. Od neonového lesku cez kovové vzhľady až po skreslené efekty – tieto Rýchličky prinesú do tvojich dizajnov rozmanitosť a štýl. Poďme začať a dajme tvojim textom priestor na prezentáciu!

1. Retrokontúrový efekt pre nadpisy

Pre letáky a tapety sa dajú veľmi rýchlo vytvárať kreatívne retrokontúry s využitím plnenia Svietiť vonku.

Krok 1: Umiestnenie textu

Ako základné obrázok používam pozadie so lúčmi s mierne natiahnutým textom. Text má písmo Eight Track veľkosti 300 bodov.

Krok 2: Plnenie 'Svietiť vonku' ako prechod

Plnenie Svietiť vonku sa obvykle používa ako svetlejší alebo tmavší odtieň svetla/očné tiene. Photoshop však ponúka možnosť použiť ako svetelný efekt aj prechod namiesto farby.

U textov pri presnom nastavení vzniká množstvo kontúrových efektov, ktoré je možné ďalej variovať s rôznymi metódami plnenia. Vďaka dostupnosti a jednoduchému vytváraniu vhodných prechodov vzniká takmer nekonečná škála kontúrových efektov, ktoré môžu jemne obklopiť alebo psychedelicky obklopiť písmená.

Veľkosť v dialógu Možnosti výplne určuje, aká veľká má byť prechádzka vonku. Podplnenie určuje, ako silný má byť efekt priamo pri texte. Dôležitá je technika: Presná.

Veľmi pekný je prechod s vlastnými efektmi, ktoré možno použiť na úspešný retro efekt. Farby je možné veľmi dobre prispôsobiť. Kto si želá, môže nechať aj vonkajšie kontúry vyhasnúť v priehľadnosti.

Hotový je retrokontúrový efekt:

2. Rozpaľovaný kontúrový efekt pre nadpisy

Rozpaľovaný kontúrový efekt sa dá skvele použiť v grunge letákoch alebo pre nadpisy. Sám efekt je veľmi jednoduchý na vytvorenie.

Krok 1: Umiestnenie textu na bielom pozadí

Pozadie je biele. Písmená PSD napíšem veľkými písmenami 600 bodmi Army.

Krok 2: Označenie písmen Označím písmená textovej vrstvy s Ctrl a kliknutím na ikonu vrstvy textovej vrstvy.

Krok 3: Úprava výberu Klávesovou skratkou Ctrl+Alt+R otvorím dialógové okno Vylepšiť hrany. V ňom nastavím pre svoj výber Mäkkú hranu. Konkrétna hodnota sa môže meniť v závislosti od veľkosti textu.

Krok 4: Vytvorenie novej vrstvy a vyplnenie farbou Vytvorím novú vrstvu skratkou Ctrl+Shift+Alt+N a vyplním ju akoukoľvek farbou. Vyplní sa iba vybraná oblasť farbou.

Teda textovú vrstvu môžem deaktivovať a výber zrušiť skratkou Ctrl+D.

Krok 5: Konvertovanie na Smart-Objekt Označím vrstvu s písmenami s Mäkkou hranou a bielu vrstvu a obe vrstvy konvertujem na Smart-Objekt.

Krok 6: Smartfilter Aquarell použiť trikrát Aplikujem umelecký filter Aquarell trikrát na môj Smart-Objekt.

1. Priechod

Nastavenia môžu byť v tomto prípade ovplyvnené vybranou farbou, veľkosťou mäkkého okraja a veľkosťou textu.

2. Priechod

3. Prechádzka

Už po dvoch prechádzkach sa ukazuje, ako vznikol nepravidelný efekt zafadaných okrajov. S tretou a eventuálnou štvrtou prechádzkou môžem efekt v prípade potreby jemne doladiť.

A takto sa efekt dá dobre použiť ako súčasť textu na pozadí grunge. Tu ukázané pozadie je priložené k tomuto tutoriálu ako pracovné materiál.

V tomto pohľade v režime Tmavšia farba s 85 percentami Prekrytie, pozadie je v režime Normálne tiež s 85 percentami Prekrytie:

V diferencovanom pohľade v režime Rozdiel s 100 percentami Prekrytie, pozadie je v režime Normálne s tiež 50 percentami Prekrytie:

3. Jednoduchý efekt zrkadlenia v 3D dizajne

Jednoduchý efekt zrkadlenia pre písma, ktorý pôsobí veľmi jednoducho bez zbytočného zdobenia, vzniká nasledovne.

Zdroj obrázka: Akhilesh Sharma - Fotolia.com.

Krok 1: Určenie zrkadlového obrazu ako vzoru

Prvým krokom pre tento efekt je, že obrázok, ktorý sa má odraziť vnútri textu, určím ako vzor. To urobím v otvorenom obraze cez menu Upraviť> Určiť vzor.

Krok 2: Umiestnenie textu Umiestnim svoj text s písma Arial veľkosti 300 bodov do svojho dokumentu. Dokument má veľkosť 800x600 pixelov a čierny pozadie.

Krok 3: Voľba možnosti vyplnenia okraja Otvorím svoje textové vrstvy a vyberiem kartu Okraj. Vyberiem ako typ výplne Vzor a kliknem na predtým určený vzor v Náhľade vzoru.

Ďalšie nastavenia:

Myšou môžem v obraze presne umiestniť vzor tak, aby sa zobrazil presne v rámci kontúry textu. Nastavenia môžem potvrdiť kliknutím na OK.

Krok 4: Nastavenie možnosti vyplnenia ako vrstva Pravým tlačidlom myši môžem z mojich štýlov vrstiev vytvoriť vrstvu. Okraj je teraz v jednej vrstve v Paneli vrstiev. Vrstvu umiestnim pod svoju textovú vrstvu.

Krok 5: Možnosť vrstvy prekrývajúcej vzor V Možnostiach výplne pre textovú vrstvu zvolím kartu Vrstva prekrývajúca vzor a v nej vyberiem predtým určený vzor. Pomocou redukčného škriatka zmenším svoj vzor, kým sa visuálne hodí. Myšou môžem vzor v obraze presne umiestniť tak, aby sa zobrazil presne v rámci textu.

Krok 6: Doladenie pomocou okraja Aby efekt pôsobil realisticky, posuniem vrstvu okraja trochu nadol a doprava pomocou šípiek na klávesnici, čím vznikne jemná 3D optika.

Teraz môžem pre veku do zrkadlenia pridať 1 pixel široký okraj vonkajší s Výplňou vzoru do textovej vrstvy. Keďže okraj je s jedným pixelom skutočne minimálne výrazný, môže byť zobrazený aj v hornej časti textu. Ak je efekt príliš silný, stačí ešte trochu znížiť Prekrytie.

Vznikne to ďalšie krásne presvitnutie. Jednoduchý efekt zrkadlenia v 3D dizajne je hotový.

4. Efekty gradientových prechodov v textoch a tvaroch

Na úvod treba povedať, že som bol inšpirovaný k tomuto tutoriálu Scottom Kelbym, ktorý tento efekt vysvetlil vo svojej knihe „Scott Kelby: Photoshop CS4 Down & Dirty Tricks.“

Scott Kelby opísal vytvorenie efektu v 12 krokoch pre dva písmená. Postupoval nasledovne:

1. Vytvorenie textu
2. Prevedenie textu na rastrový obrázok, výber a ťahanie prvého gradientu
3. Duplikácia vrstvy a kreslenie opačného gradientu
4. Orezať gradient cez elipsový výber
5. Transformovať výber
6. Otočiť a odstrániť vybranú časť gradientu
7. Pridať okraj
8. Pridať zaoblený okraj a reliéf
9. -Zopakovať 12 krokov pre druhé písmeno
   
   
   
   

Efekt je malý, pekný zjazdný. Cestou tam však môže byť dosiahnutý iba statický výsledok. Text nie je možné zmeniť, pretože bol už na začiatku rastrizovaný. Pre každé ďalšie písmeno musím zopakovať väčšinu krokov.

V mojom tutoriáli chcem ukázať spôsob, ako umožniť ďalšiu zmenu textu. S týmto efektom je možné rýchlejšie pridávať ďalšie písmená.

Krok 1: Vytvorenie prechodu

Aby som tento efekt vytvoril rýchlejšie, vytvorím dvojitý prechod ako vzor. Preto v mojom dokumente veľkosti 1000x600 pixelov otvorím prvýkrát menu Prechod, kliknutím na náhľad prechodu v lište nástrojov s aktivovaným nástrojom pre prechod (G).

Teraz vytvorím prechod, ktorý by mal byť umiestnený ako odraz s dvojitým prechodom v texte.

Prechod má nasledovné usporiadanie:

Šedá – Biela – Čierna – Šedá

Chýbajúce farebné prerušenia pridám kliknutím vedľa existujúceho farebného prerušenia a presunie ich ťahaním a presúvaním na požadované miesto. Farbu farebného prerušenia môžem zmeniť cez voľbu farby v prehodovom menu.

Prechod zo Zelenomatnú na čiernu je tvrdí. Farby by nemali byť voči sebe prekryté, ale mierne posunuté. V opačnom prípade budú mať neskôr prechody ľahké efekty schodiska. Vyhladenie s 30 percentami zabezpečuje, že aj prechod v šedej oblasti bude krásne jemný.

Potreba môžem nový prechod uložiť aj v náhľade prechodu tým, že ho oslovím s akýmkoľvek menom ako Nový. Potom potvrdím nastavenia prechodu kliknutím na OK.

Krok 2: Zakrivenie prechodu

Prechod ťahám nástrojom pre prechod zo stredného dolného rohu nahor a doľava.

Kvôli oblúku v prechode nemôžem urobiť všetky úpravy len cez prekrytie prechodov. Riešením je použiť ohnutý prechod ako vzor.

S Ctrl+T>vulkánum nastavím jemné zakrivenie tak, aby čierna oblasť prechodu bola zobrazená ohnutá. K tomu posúvam svoju ohybnú mriežku smerom nahor doľava.

Krok 3: Stanovenie prechodu ako vzoru Ohnutý dvojitý prechod môžem teraz stanoviť ako vzor. Vyberiem v menu možnosť Upraviť>Stanoviť vzor. Názov: Dvojitý prechod s odrazom.

Krok 4: Umiestnenie textu Pre dokument zvolím novú, tmavocervenú pozadie. Teraz môžem vložiť text s veľkosťou 530 bodov. Napíšem písmeno P.

Krok 5: Prekrytie vzorom Otvorím voľby výplne mojej textovej vrstvy. V záložke Prekrytie vzorom vyberiem v zozname svoj stanovený vzor.

S myšou teraz ľahko prejdem do dokumentu a intuitívne presuniem môj vzor na požadované miesto. V prípade potreby môžem ešte svoj vzor zväčšiť, ak by mal byť pre písmeno príliš veľký alebo malý.

Krok 6: Obrys V ďalšej záložke Obrys nastavím 5-pixelový obrys v pozícii Navonok. Typ výplne je prehľad.

Kliknem na náhľad prechodu na predvolené nastavenie Striebro z kovovým prednastavov.

Samotný obrys ešte nevyzerá tak, ako by som chcel. Ako metalický sa zdá až s Odvtedy a Detail reliefu.

Krok 7: Odvtedy a detail reliéfu Na 3D-metalický efekt sa starajú nastavenia v záložke Odvtedy a detail reliéfu. Vyberiem tieto nastavenia:

• Štýl: Reliéfny obrys

• Technika: Zaoblenie

• Hĺbka: 100 percent

• Veľkosť: 5 pixelov

• Uhol a výška ožiarovania: 120 a 30 stupňov

• Glazúrový obrys: Dvojitý kruh

Efekt je hotový.

Krok 8: Ďalšie písmená Pre ďalšie písmená jednoducho zduplikujem textovú vrstvu, presuniem ju na požadované miesto a zmením s nástrojom textu príslušné písmeno na nové.

Pokud je potřeba, musím dvojitý průběh přizpůsobit pouze v záložce Šablona překryvu tvaru nového písmena.

Pokud chci v mém průběhu mít barevné akcenty, mohu přidat ještě Barevný překryv v režimu Kopírování do sebe v možnostech výplně.

To je vše!

5. Skloněný text s rámečkem

Pěkným pokračováním předchozího efektu odrazu průběhu může být, že můj text ještě zarámuji a rámec nakloním spolu s textem v pohledu.

V tomto příkladě nebude každé písmeno mít zvláštní odraz, ale budou sdílet jeden odraz společně; to znamená, že písmena nebudou v jednotlivých vrstvách, ale společně v jedné vrstvě.

Krok 1: Přidání rámečku

Pomocí Vlastního nástroje tvaru (U) vytáhnu obdélník s jemným okrajem z Standardních nastavení jako rámec k mému textu.

Krok 2: Kopírování vrstevních stylů S klávesou Alt přetáhnu existující vrstevní styly textové vrstvy na vrstvu rámu. Tím jsem zkopíroval vrstevní styly pro rámec. Pokud je to potřeba, mohu ještě jednou upravit konkrétní pozici Šablony překryvu v možnostech výplně, aby to v pohledu vypadalo řádně.

Krok 3: Konvertování obou vrstev na inteligentní objekt Označím textovou a rámcovou vrstvu v panelu Vrstvy a konvertuji je na inteligentní objekt.

Krok 4: Transformace Vyberu Ctrl+T u mého inteligentního objektu, abych ho transformoval. S Ctrl mohu trochu posunout levý horní roh do středu. Tím se nakloní rámec a text.

Pokud je to potřeba, mohu také jednotlivě posouvat dolní rohy s podrženou klávesou Ctrl, abych ještě zvýšil naklonění efektu. Klávesou Enter potvrdím svoji transformaci.

Krok 5: Tip na umístění Je důležité, aby text měl rámeček, aby tak skutečně vznikl nakloněný či nakloněný do strany dojem. Pouhý text by tento efekt jen částečně dosáhl.

Pokud chci dosáhnout speciálního účinku s umístěním, umístím svůj text s rámečkem tak, aby se celý rámec nevešel do dokumentu. Pokud je to potřeba, musím dokument pro tento vzhled také oříznout. Vznikne tak dojem zvláštního obrazového rozměru. Obsah se nevejde do rámečku dokumentu, je příliš velký. Tím se v přeneseném smyslu dokáže poskytnout velikost obsahu. Například časopis DER SPIEGEL umístil jméno Google na obálku tak, že Google se nevešel celý. To jednoduše a názorně ukázalo zvláštní velikost a sílu Googlu.