Photoshop: Plastické rámečky - Grafika.cz - vše o počítačové grafice

Navigace:  » Úvodní stránka  » Rubriky  » Photoshop  

1. dubna 2003, 00.00 | Chcete oživit své digitální snímky o různé rámečky? V dnešním tutoriálu vám ukážeme, jak takové plastické rámečky a jiné jednoduché tvary vytvářet. Tutoriál určený pro středně pokročilé uživatele.

Adobe Photoshop je program pro dvourozměrné zpracování grafiky, nicméně určitě jste si všimli, že různými způsoby lze vytvářet objekty, které dávají i trojrozměrný dojem. Bohužel vytváření komplikovanějších objektů je téměř vždy dost časově náročné a proto je lepší použít nějaký 3d modelovací program nebo plugin.
Pokud ale chcete udělat něco jednoduššího, čtěte dál (jestli hledáte pouze jednoduché rámečky na fotografie, odkazuji na můj starší článek Rámečky na fotografie).

Na začátek otevřeme nový dokument.
Jelikož v tomto článku používám fotografie s menším rozlišením, stačí mi rozlišení 800 x 600 pixelů.
(File > New…)

Do nově vytvořeného dokumentu vložíme fotografii.
Jak? Existuje několik způsobů, ale ten nejrychlejší je, když otevřeme fotografii a přetáhneme vrstvu s obrázkem do hlavního dokumentu.

(Klikněte pro zvětšení)

Teď můžeme přejít k vytvoření rámečku.

Aby rámeček vypadal prostorově, musíme ho navrhnout ve třech dimenzích, (X, Y a Z) a aby bylo naše cvičení zajímavější, začneme od posledního: hloubky :)
V teorii to je docela jednoduché: čím světlejší použijeme barvu, tím bude tato část rámečku vyšší.

Vytvoříme si novou vrstvu a pojmenujeme ji 'hloubka' (Layer > New...) Vybereme Rectangle Marquee Tool a nakreslíme nad fotkou obdélník - horní část rámce

(Klikněte pro zvětšení)

Vybereme Gradient Tool stínování z černé do bílé (třetí z pořadí), mód Darken. Vyplňte obdélník stínováním směrem zdola nahoru, tak jak ukazuje delší šipka. Tip: Aby byla výplň vodorovná, přidržte klávesu Shift.

Když budete hotoví, použijte Gradient Tool znova, ale tentokrát jen na horní část obdélníku a ve směru seshora dolů.

(Klikněte pro zvětšení)

Pokud nebudete s výsledkem spokojeni, vždy se můžete příkazem Undo vrátit zpět, nebo použít funkci párkrát na sebe se změněnou opacitou.

Teď uděláme další tři strany rámečku:
Vrstvu rychle zduplikujme tak, že ji uchopíme v paletě vrstev a přesuneme na ikonu nové vrstvy (nebo vybereme Layer > Duplicate Layer…)
Novou vrstvu otočíme pomocí Edit > Transform > Rotate 180° a posuneme pod fotografii.
Stejnou činnost zopakujeme pro boční stranu s tím, že místo o 180° otočíme o 90°CW.

Váš obrázek by teď měl vypadat asi takhle:

(Klikněte pro zvětšení)

Rámeček máme téměř hotový, stačí jen odstřihnout přečnívající rohy.
Vyberte Polygonal Lasso Tool a začnete označovat přečnívající část od místa, kde se dvě strany křižují (na obrázku označeno červeným okruhem).
Tip: pokud přidržíte klávesu Shift, bude nástroj označovat oblast po 45 stupních.

(Klikněte pro zvětšení)

Jakmile budete mít zbytečnou část označenou, stiskněte klávesu [Del] - tímto vymažete označenou část. Pokud se nic neděje, pravděpodobně nemáte vybranou správnou vrstvu :-)

Když budete mít všechny čtyři rohy hotové, klikněte na vrstvu rámečku, která je v hierarchii vrstev nejvýše umístěna a vyberte Layer > Merge Down. Pokud tuto činnost zopakujete třikrát, spojíte jednotlivé části do jedné vrstvy.

Jelikož jsme nevytvářeli rámeček, ale jeho hloubku, musíme ho přizpůsobit tak, aby ho mohl Photoshop použít. Pomocí Select > Select All a Edit > Copy zkopírujeme obrázek do schránky.

Na plovoucí paletě, která obsahuje vrstvy vybereme Channels (kanály) a vytvoříme nový.

Jakmile dokument zčerná (vytvoří se totiž prázdný kanál - symbolizovaný černou barvou) vložíme obsah schránky: Edit > Paste.

(Klikněte pro zvětšení)

Pokud jste se úspěšně prokousali až sem, gratuluji - základní část máte za sebou. Zapamatujte si proto dobře toto místo. Kdykoliv budeme v článku vytvářet jiný rámeček, budeme začínat odtud.
Nyní je také nejlepší doba, abychom si dokument uložili.

 

varianta #1: Bakelitový rámeček (jednoduchý)

Přepneme zpátky do palety vrstev a klikneme na vrstvu, na které jsme pracovali před chvíli (hloubka)
Rámeček my měl zůstat pořád označený.
Vybereme Filtr Tender > Lighting Effects…

Z rolovací nabídky vybereme styl Crossing Down. V dolní nabídce vybereme kanál s hloubkou (Alpha 1), zaškrtneme políčko White is high a zvětšíme výšku na 30.

výsledek:

(Klikněte pro zvětšení)

 

varianta #2a: S plastickými ornamenty

Z nabídky vybereme Image > Adjust > Brightness/Contrast… a zvětšíme kontrast na 35. Aplikujeme Filtr Blur > Gaussian Blur… Radius 5,0

Abychom docílili vrásčitého povrchu, aplikujeme na kanál s hloubkou speciální výplň.
Edit > Fill…
Blending: Normal
Opacity: 25%
Use: Pattern
Custom Pattern: Zebra (třetí v pořadí) ze sady Patterns.pat

(Tato funkce je pouze u verzí Photoshopu 6.0 a vyšších. Pokud pracujete s některou z nižších verzí, musíte si poradit jinak: otevřete soubor s texturou Zebra nebo Bubbles; označte celý obrázek (Select > All); nastavte obrázek jako texturu (Edit > Define Pattern); dál stejně jako u vyšších verzí)

Tímto jsme vytvořili na mapě třetího rozměru vrásky:

(Klikněte pro zvětšení)

Přepneme zpátky do palety vrstev a klikneme na vrstvu, na které jsme pracovali před chvílí (hloubka). Rámeček vyplníme modrou texturou:

Edit > Fill…
Blending: Normal
Opacity: 100%
Use: Pattern
Custom Pattern: Bubbles (první v pořadí) ze sady Patterns..pat

Na vrstvu s texturou aplikujeme Filter > Render > Lighting Effects, Styl: Crossing Down.

Přednastavení toho stylu docela vyhovuje naším požadavkům. Jediné, co potřebujeme nastavit, je kanál, který bude filtr používat pro hloubku. Vybereme poslední vytvořený - Alpha 3 a výšku na 50.

a výsledek..

(Klikněte pro zvětšení)

To je pro dnešek vše - pro příště připravím další varianty, s trochu obtížnějším postupem.

Docela zajímavých efektů můžeme taky docílit, pokud použijeme stejný motiv jak pro výplň rámečku tak i pro kanál s hloubkou.

(klikněte pro zvětšení)

 

varianta #3: Tvarovaný

Pokud chceme napodobit nejen úhel zalomení světla na rámečku, ale i jeho tvar, musíme použít filtr Displace. Tento filtr deformuje obraz na základě vstupního souboru, který právě teď musíme vytvořit.

Na začátku budeme muset uložit kanál obsahující hloubku do samostatného souboru. Označený kanál zkopírujeme do schránky (Edit > Copy) a vytvoříme nový dokument (File > New…) v módu stupně šedé (Mode: Greyscale). Rozměry nových dokumentů se automaticky přizpůsobují obrázkům ve schránce.
Do nového dokumentu vložíme obsah schránky (Edit > Paste) a dokument uložíme (File > Save as…) do souboru disp.psd
Pozor! nezapomeňte, že dokument musí být uložen ve stupních šedé a formátu .psd
Po uložení můžeme potřebný dokument zavřít.

Teď přepneme zpátky do palety vrstev a klikneme na vrstvu, na které jsme pracovali naposled (hloubka).

Aby co nejlépe ukázat, jak filtr Displace funguje, potřebujeme rámeček vyplnit kvalitní texturou s vyšším stupněm kontrastu. Právě pro tento účel je jako dělaná textura Wood - Pine.
Tvorbu textury popíšu jen zkráceně.

Wood - Pine je jedna z textur, které jsou součástí akcí ve Photoshopu (pokud se o akcích chcete dozvědět víc, odkazuji na tento článek). Budeme potřebovat zobrazení palety akcí (Window > Show Actions). Načteme sadu akcí Textures.atn (načtení souboru s akcemi se provádí přes malý trojúhelník vpravo nahoře palety).
Vytvoříme nový dokument něco větších rozměrů než náš hlavní (například 900x900px).

Spustíme vybranou akci
Všechny vrstvy spojíme do jedné (Layer > Merge Visible)
Výsledný obrázek otočíme o necelých 90 stupnů (Image > Rotate Arbitrary… > 87° CW)
Výsledný obrázek zkopírujeme (Select > All; Edit > Copy)
Dokument z texturou můžeme zavřít (File > Close)
Texturu vložíme ze schránky do označené části v hlavním dokumentu (Edit > Paste Into)

(klikněte pro zvětšení)

V tomto bodě by se vám mělo přeměnit označení rámečku v masku. Označení budeme ještě potřebovat - nejrychleji je vyberete tak, že přidržíte klávesu [Ctrl] a klikněte na nově vzniklou masku.

Teď můžeme rámeček s texturou zdeformovat:

použijeme pro to
Filtr > Distort > Displace...
a nastavíme:
Horizontal, Vertical Scale: 12%
Undefined Areas: Repeat Edge Pixels
a vybereme soubor, ve kterém máme uložený kanál (disp.psd)

Nakonec na obrázek jako obvykle použijeme filtr Render > Lighting Effects

Z rolovací nabídky vybereme styl Crossing Down. V dolní nabídce vybereme kanál s hloubkou (Alpha 1), zaškrtneme políčko White is high a zvětšíme výšku na 30.

a konečně výsledek:

(klikněte pro zvětšení)