Efekt radioaktivního textu
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Efekt radioaktivního textuEfekt radioaktivního textu

 
Hledat
Moderní platforma pro vytvoření vašeho nového webu – Wix.com.
Nyní už můžete mít web zdarma.
Vybavení pro Laser Game
Spuštěn Filmový magazín

Efekt radioaktivního textu

Google       Google       15. 10. 2006       17 572×

Jednoduchý návod na tvorbu textu s pomocí patternů.

Reklama
Reklama

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 EditDefine 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 LayerNew Adjustment LayerColor 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 FileSave Optimized as a mělo by vám to nabidnout *.gif, pokud ne, vraťe se do Photoshopu a tam dejte FileSave 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ářů.

×Odeslání článku na tvůj Kindle

Zadej svůj Kindle e-mail a my ti pošleme článek na tvůj Kindle.
Musíš mít povolený příjem obsahu do svého Kindle z naší e-mailové adresy kindle@programujte.com.

E-mailová adresa (např. novak@kindle.com):

TIP: Pokud chceš dostávat naše články každé ráno do svého Kindle, koukni do sekce Články do Kindle.

Hlasování bylo ukončeno    
0 hlasů
Google
Autora zajímá matematika, programování a umění.
Web    

Nové články

Reklama
Reklama
Obrázek ke článku NopCommerce – datová vrstva a přístup k datům – 2. díl

NopCommerce – datová vrstva a přístup k datům – 2. díl

V minulém článku jsme si představili platformu NopCommerce z globálního pohledu. V dnešním díle se již zaměříme na konkrétní část systému, a to datovou vrstvu. Představíme si základní stavební kameny systému v podobě doménových objektů. Ukážeme si, jakým způsobem rozšířit doménové objekty a jakým způsobem přistupuje NopCommerce k nastavení systému a modulů.

Obrázek ke článku Seznamte se s open source platformou NopCommerce – 1. díl

Seznamte se s open source platformou NopCommerce – 1. díl

Hledáte e-commerce řešení, které si dokážete přizpůsobit podle vašich požadavků? Chcete čistý a srozumitelný kód, se kterým bude radost pracovat? Prozkoumejte s námi možnosti open source projektu NopCommerce. Seriál programování pod NopCommerce vám pomůže překonat první kroky nejistoty a úspěšně zvládnout vývoj pod platformou NopCommerce.

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032017 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý