TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Jednoduchý návod na tvorbu textu s pomocí patternů.
Tohoto efektu dnes docílime za pomoci užití vhodných patternů. Navíc bude tento postup možno aplikovat i na jiné veci než jen radioaktivní text. Také si ukážeme, jak text pekně zanimovat, a dozvíme se, jaké to má nevýhody.
Část 1.: práce ve Photoshopu
- Otevřte si libovolně velký dokument.
- Napište cokoli, co vás napadne (já jsem pro ilustraci zvolil slovo „TexT“ a písmo Arial Black, aby efekt lépe vynikl).
- Přejděte do Blending Options a zaškrtneme Bevel and Emboss (nastavení ponechame na výchozí).
- Nyní je načase stáhnout si patterny, o kterých jsem na začátku hovořil.
- Rozbalte obrázky.
- Oba obrázky otevřete a dejte volbu Edit → Define Pattern a pod libovolným názvem uložíme k našim patternům, to samé zopakujeme i u druhého odrázku (budoucího patternu).
- Dejte na text opět volbu Blending Options a zaškrtněte Pattern Overlay, vyberte pattern1.
- Nastavte Opacity na 50 %.
- Vrstvu s textem zduplikujeme Ctrl + J
- Opět „vlezte“ do Blending Options a Patern Overlay, ale tentokrát změňte pattern na pattern2
- Opacity nastavíme na 100 %
- Ujistěte se, aby byla vrstva s nižším opacity navrchu.
- Přejděte do Layer → New Adjustment Layer → Color Balance.
- Nastavte hodnoty 0; +75; −55.
- Všechny vrstvy, co teď máte, zduplikujeme (až na podkladovou vrstvu, pokud ji máme).
- Ted označte staré vrstvy (opět až na podkladovou) a dáte volbu Merge Layers.
- U zduplikovaného Color Balance přepíšete hodnoty na +20; +2; −25
- Opět na tyto nové vrstvy dáte Merge Layers, takže by nám měly zůstat 3 vrstvy, a to: Podklad a ty 2, které vznily po Merge Layers.
- Teď je práce ve Photoshopu hotova, pro ilustraci – takto by měla vypadat 1. vrstva
takto 2. vrstva
A třetí (podkladovou vrstu), myslím, netřeba ukazovat
- Teď se přepněte do Image Ready Ctrl + Shift + M)
Část 2.: práce v Image Ready
- Takže nyní bychom měli být v Image Ready.
- V animačním okenku zduplikujem vrvstvu tím, že označíme tu, která tam již je, a dáme Duplicates Current frame.
- Poté u každého snímku zviditelníme jen jednu vrstvu (pokaždé jinou). Jako první vrstva by měla býti ta načervenalá a jako druhá ta nazelenalá.
- U obou vrstev nastavíme čas 0,05 s.
- V animačním okénku označíme zelenkavou vrstvu a dole v okénku vybereme Tween… a ponecháme defaultní nastavení.
- Teď nejsložitější krok celého článku – každou vrstvu, co nyní máme v animačním okénku (mělo by jich být 7) až na první a poslední, musíme zduplikovat tak, aby to vypadalo následovnově:
1. v; 2. v; 3. v; 4. v; 5. v; 6. v; 7. v; 6. v; 5. v; 4. v; 3. v; 2. v.
Kde označené animační vrstvy jsou kopiemi (6. v; 5. v; 4. v; 3. v; 2. v).
- Nyní si to celé uložte (já ukládám vždy i ve formátu *.psd, stejně tak v *.gif)
- Abyste to mohli ulozit v *.gif, musíte dát File → Save Optimized as a mělo by vám to nabidnout *.gif, pokud ne, vraťe se do Photoshopu a tam dejte File → Save for web, tam vyberte formát gif a dejte Done.
- Soubor ke stažení ve formátu *.psd.
- Takto by měl vypadat výsledek
Část 3.: nevýhody animovaného gifu
Dal by se o tom napsat celý kratší článek, ale napíši alespoň něco ve stručnosti.
- Velikost souboru
- Není objektově oriantovaný
- Není interaktivní
- Nelze jej ozvučit, tedy alespoň o této možnosti nevím
- Nízká barevná hloubka, pouze 8bitový (256 barev)
- Není schopen pracovat v režimu streamingu. Co to znamená? Že uživatel může pocítit prodlevu načtení snímků.
To je asi pro tento článek vše, pokud by vám něco nebylo jasné, nebojte se to napsat do komentářů.
