Efekt "vyříznutý" nápis - Grafika.cz - vše o počítačové grafice

Odběr fotomagazínu

Fotografický magazín "iZIN IDIF" každý týden ve Vašem e-mailu.
Co nového ve světě fotografie!

 

Zadejte Vaši e-mailovou adresu:

Kamarád fotí rád?

Přihlas ho k odběru fotomagazínu!

 

Zadejte e-mailovou adresu kamaráda:



Webdesign

Efekt "vyříznutý" nápis

2. dubna 1999, 00.00 | Přinášíme další velmi jednoduchý tip pro webmastery, tentokrát na vytvoření "vyříznutého" nápisu.

Přinášíme další velmi jednoduchý tip pro webmastery, tentokrát na vytvoření "vyříznutého" nápisu. Tento grafický prvek je na webových stránkách poměrně častým a efektním prvkem. Návod byl vytvořen pomocí Adobe Photoshopu 4.0. Opět i u tohoto tipu platí, že se dá s mírnými obměnami použít i v jiných grafických bitmapových programech (např.: Paint Shop Pro,...).
Takže hurá do toho a půl je hotovo :)

Než začneme, chtěl bych upozornit na to, že u všech vrstev v obrázku musí být ODŠKRTNUTÉ políčko Preserve Transparency !!!!

alert

Otevřeme si nový obrázek s bílým pozadím v RGB módu. V nové vrstvě uděláme selekci a tu vyplníme libovolnou barvou kromě bílé a černé (a jim blízkým odstínům).

1

Zrušíme selekci, stiskneme klávesu D (změna na černou barvu) a do nové vrstvy napíšeme text a eventuelně ho vycentrujeme (pomocí nástroje Move tool - vyvolá se klávesou V).

-- TIP DNE --
Vybírejte spíše jednoduché fonty typu Arial apod.
-- TIP DNE --

Nyní provedeme následující operaci: Select => Color range a podle obrázku upravíme parametry a klikneme na bílý nápis a klikneme na OK.

2

A měla by se vytvořit selekce:

3

Poté zaktivníme vrstvu s barevným pozadí (pravděpodobně Layer 1) a stiskneme na klávesnici DELETE.
Smažeme vrstvu s textem (pravděpodobně Layer 2), zrušíme selekci a vrstvu s barevným pozadím a bílým textem duplikujeme. (Layer => Duplicate Layer).
Zaktivníme první vrstvu a provedeme: Image => Adjust => Hue/Saturation a nastavíme hodnoty podle obrázku.

4

Nyní použijeme efekt offset: Filter => Other => Offset. Zde se musí nastavit hodnoty. Já jsem použil pro obě položky hodnotu 2, ale je to velmi individuální, záleží na velikosti obrázku a na provedení. Proto doporučuji experimentovat, aby efekt vypadal co nejvěrohodněji !

7

Teď už jen stačí vrstvu rozmáznout (Filter => Blur => Gaussian Blur). Opět je potřeba nastavit hodnotu (Radius). Já jsem nastavil hodnotu 1, ale opět jsou zde široké možnosti k experimentování !

5

A je hotovo. Finální obrázek je možno ještě upravit parametrem Opacity v paletce Layers.

Pokud jste vše dělali správně, mělo by vyjít něco podobného následujícímu obrázku:

, autor serveru http://TERESE.clnet.cz

Tématické zařazení:

 » Rubriky  » Webdesign  

Poslat článek

Nyní máte možnost poslat odkaz článku svým přátelům:

Váš e-mail:

(Není povinný)

E-mail adresáta:

Odkaz článku:

Vzkaz:

Kontrola:

Do spodního pole opište z obrázku 5 znaků:

Kód pro ověření

 

 

 

 

 

Přihlášení k mému účtu

Uživatelské jméno:

Heslo: