Vytváříme pozadí pro webovské stránky (2) - Grafika.cz - vše o počítačové grafice

Fotosoutěže
Fotogalerie
Rubriky
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:

Nabídka práce
Poptávka práce


Webdesign

Vytváříme pozadí pro webovské stránky (2)

1. listopadu 1999, 00.00 | Pokračování tipů, kterak ve Photoshopu vytvářet různá efektní pozadí pro Vaše webovské stránky. Tentokrát efekt "Sruhadlo" a "Plastický okraj".

Celkem nedávno jsme si ukázali dva tipy, kterak vytvářet ve Photoshopu pozadí pro Vaše webovské stránky. V úvodu článku jsme si řekli něco málo, o tom jaká pozadí budeme vytvářet (to si prosím přečtěte, aby nedošlo k nepochopení) a o předpokladech jejich použití.

Dnes tedy půjdeme rovnou na věc a podíváme se na další typy pozadí…

 

Okraj "Struhadlo"

  1. vytvoříme nový soubor 100x100 obr. bodů, Obsah: Bílý
  2. dvojklikneme na ikonku Barevný přechod, zobrazí se okno Volby přechodu
  3. zde zvolíme Přechod: Černá, bílá, Typ: Lineární, Krytí: 100%
  4. vybereme nástroj Přechod, spolu s přidržením shiftu táhneme myší od levého k pravému okraji obrázku (shift zaručí, že tažení myší bude přesně vodorovné)
  5. nyní vybereme Filtr => Skica => Polotónový vzorek
  6. v dialogu nastavíme Velikost: 2, Kontrast: 40, Typ vzorku: bodový
    (hodnoty si můžete samozřejmě upravit podle Vašich požadavků    )

    7. Pokud budete mít na levém okraji Vaší webovské stránky nějaké to "meníčko" s odkazy, je třeba abyste šířku okraje zvětšili.

  7. vybereme Obraz => Velikost plátna, v dialogu změníme obsah položky Šířka (dejme tomu na 200), Ukotvení: Vpravo

    8. Pozn.: Stejným způsobem můžeme rozšířit obrázek i doprava, tak aby celková šířka byla min. 800 pixelů (pokud nepoužíváme rámy (frames)).

  8. takto nám v levé polovině obrázku vznikne bílý prostor, který vyplníme Plechovkou (barva popředí musí být černá!)

    9. Nyní již stačí upravit barevnost na požadovanou barvu místo černé

  9. vybereme Obraz => Přizpůsobit => Odstín a sytost
  10. v dialogu zaškrtneme Kolorovat, a změníme barvu posunem jezdce v Odstín

 

Plastický okraj

  1. vytvoříme soubor např. 200x100 obr. bodů
  2. vytvoříme obdélníkovou selekci od horního až k dolnímu okraji obrázku (přesně) a v horizontálním směru cca 150 bodů
  3. takovou selekci vyplníme černou barvou pomocí Plechovky
  4. vybereme Filtr => Rozostření => Gaussovské
  5. v dialogu nastavíme Poloměr: 15 obr. bodů
  6. vybereme Filtr => Stylizace => Reliéf
  7. v dialogu nastavíme Úhel: 45, Míra: 400, Výška: 5

    8.  

  8. změníme barevnost okraje na požadovanou barvu, vybereme tedy Obraz => Přizpůsobit => Odstín a sytost
  9. v dialogu zaškrtneme Kolorovat, a změníme barvu posunem jezdce v Odstín

V případě, že vytváříme plastický okraj bez použití textury je výsledek nepříliš výrazný. Pokud, ale máme vhodnou texturu, stačí dát texturu do spodní vrstvy, do vrstvy nad ní dát takto vytvořený obrázek (nejspíše neobarvený). V paletce Vrstvy (Okna => Vrstvy) pak můžeme měnit průhlednost horní vrstvy, tak aby souhra vrstvy s texturou a vrstvy s efektem byla dokonalá. Vzhledem k tomu, že překrytím textury vrstvou s efektem dojde k celkovému ztmavení obrázku, je dobré po sloučení vrstev (Vrstva => Sloučit viditelné…) upravit světlost, sytost event. i odstín obrázku (Obraz => Přizpůsobit => Odstín a sytost).

Výsledek může být následující:

 

 

Tématické zařazení:

 » Rubriky  » Webdesign  

Poslat článek Diskuse (0) Tisk Přečteno: 431x

www.grafika.cz/rubriky/webdesign/vytvarime-pozadi-pro-webovske-stranky-2--127201cz

Diskuse k článku

 

Vložit nový příspěvek   Sbalit příspěvky

 

Zatím nebyl uložen žádný příspěvek, buďte první.

 

 

Vložit nový příspěvek

Jméno:

Pohlaví:

,

E-mail:

Předmět:

Příspěvek:

 

Kontrola:

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

Kód pro ověření

 

 

 

 

Nejčtenější články
Nejlépe hodnocené články
Nabídka bazar
Poptávka bazar

 

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

Uživatelské jméno:

Heslo: