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:
-
14. listopadu 2024
![OBLIBENE_TITLE2](/templates/102/gr/print-logo.gif)
Photoshop
Photoshop tutoriál: Tvorba ikonky programu Parallels, 2. díl
11. června 2008, 00.00 | V druhé části článku o tvorbě ikonky programu Parallels si ukážeme, jak
dotvořit ikonku do finální podoby, vhodně zvolit barvu, dopracovat odlesky,
vytvořit pozadí a dodělat závěrečné úpravy tak, aby výsledná ikonka byla k
nerozeznání od původní.
Nejprve si ukážeme, kde jsme minule skončili. Zde je pohled ve 100% velikosti na poslední krok minulého článku. Nyní vytvoříme ztmavení spodních hran, abychom ještě více podtrhli 3D efekt (který jsme naznačili jednopixelovým světlým vytáhnutím hran).
![](/old-idif/grafika/images4/parallels_icon_22.gif)
Načteme výběr spodní vrstvy, vytvoříme novou vrstvu a tu vyplníme černou barvou. Vrstvu posuneme o dva pixely směrem dolů, opět načteme výběr spodní vrstvy...
![](/old-idif/grafika/images4/parallels_icon_23.gif)
...a tuto část od vrstvy odmažeme.
![](/old-idif/grafika/images4/parallels_icon_24.gif)
Aby i toto ztmavení bylo postupné, přidáme vrstvě masku, přičemž velkým měkkým černým štětcem v ní kreslíme v místech, kde se má ztmavení ztrácet. Tyto místa jsou na obrázku označena šipkami.
![](/old-idif/grafika/images4/parallels_icon_25.gif)
Efekt je ale stále zbytečně výrazný, proto můžeme vrstvě stáhnout Krytí (Opacity), např. na 30 % (na barevné ikonce to ještě doladíme k dokonalosti).
![](/old-idif/grafika/images4/parallels_icon_26.gif)
Nyní přidáme ještě jeden odlesk hran, který je na původní ikonce zevnitř vlevo dole. Opět načteme výběr spodní vrstvy, výběr zmenšíme o jeden pixel a do nové vrstvy vytáhneme funkcí Vytáhnout (Stroke) velikosti jeden pixel barvy bílé.
![](/old-idif/grafika/images4/parallels_icon_27.gif)
Přidáme masku vrstvy, vyplníme ji černou barvou a pouze v jednom místě do ní čmárneme bílým štětcem.
![](/old-idif/grafika/images4/parallels_icon_28.gif)
Tím byl i poslední odlesk hrany hotový a zbývá pouze ten nejvýraznější. Načteme výběr spodní vrstvy, zvolíme nástroj Obdélníkový výběr (Rectangular Marquee Tool) a spoledně se stisknutou klávesou Alt a Shift označíme místo, které chceme s původním výběrem protnout.
![](/old-idif/grafika/images4/parallels_icon_29.gif)
Tento výběr nastavíme nové vrstvě jako masku - stačí vytvořit novou vrstvu a jí přidat masku. Nastavený výběr se automaticky vytvoří jako maska.
![](/old-idif/grafika/images4/parallels_icon_30.gif)
Tudíž stačí jen zvolit nástroj Přechod (Gradient Tool) a nakreslit přechod z bílé barvy do průhledné, jak ukazuje obrázek.
![](/old-idif/grafika/images4/parallels_icon_31.gif)
Ikonce však stále ještě něco chybí. Přes všechno to zesvětlování jsme zapomněli na nějaký tmavší odstín. Proto to napravíme tím, že ztmavíme spodní hrany.
Načteme výběr spodní vrstvy a do nové vrstvy jej vytáhneme jednopixelovým černým obrysem.
![](/old-idif/grafika/images4/parallels_icon_32.gif)
Jako obvykle přidáme masku, vyplníme ji černou barvou a štětcem pouze mírně zobrazíme vhodné části obrysu.
![](/old-idif/grafika/images4/parallels_icon_33.gif)
A výsledek? Hned o něco pěknější ikonka.
![](/old-idif/grafika/images4/parallels_icon_34.gif)
Všechny odlesky už jakž-takž máme, tudíž se můžeme z černobílé ikonky přesunout na ikonku barevnou. Prvním krokem bude přebarvení podkladové černé vrstvy na barvu oranžovou - #FEA300.
![](/old-idif/grafika/images4/parallels_icon_35.gif)
Protože ale původní ikonka mění směrem dolů barvu (tmavne), přidáme novou vrstvu, které nastavíme ořezovou masku vrstvy minulé (zkratkou Ctrl + Alt + G) a velkým měkkým štětcem či nástrojem přechod nakreslíme ztmavení. Klidně můžeme i trochu víc, než na původní ikonce.
Poté začneme postupně zobrazovat či skrývat ostatní vrstvy, podle toho, zda je či není nutné je upravit. Největší odlesk společně s horním odleskem jsou pěkné, ty můžeme nechat...
![](/old-idif/grafika/images4/parallels_icon_36.gif)
...spodní jednopixelové odlesky hran jsou moc výrazné, proto stáhneme krytí nebo změníme interakci na režim Překrýt (Overlay).
![](/old-idif/grafika/images4/parallels_icon_37.gif)
Stíny jsou naopak moc tmavé, tudíž vrstvu přebarvíme na tmavě červenou (#99440E) a vrstvě nastavíme interakci na Násobit (Multiply). Tím bude stín výraznější vespod (na tmavším podkladu), než nahoře (na světlejším podkladu).
![](/old-idif/grafika/images4/parallels_icon_38.gif)
Při bližším zkoumání je odlesk vlevo nahoře stále nedostatečný. Proto jednoduše nástrojem Štetec (Brush Tool) nakreslíme bílý flek. Není ani třeba se omezovat pouze na plochu ikonky, světlo může svítit i mimo (ačkoliv to zatím na bílém podkladu vidět není).
![](/old-idif/grafika/images4/parallels_icon_39.gif)
Přestože i nenápadný stín pod ikonku by šel jednoduše vytvořit rozmazáním podkladové vrstvy, použitím efektů vrstvy si ušetříme trochu času a energie. Zvolíme efekt Vržený stín (Drop Shadow), který směřuje směrem dolů (Úhel / Angle 90°).
![](/old-idif/grafika/images4/parallels_icon_40.gif)
A tím máme jednu část ikonky hotovou. Dodělat zbytek je hračka - jedná se pouze o převrácený tvar.
Proto veškeré vrstvy přesuneme do nové složky, kterou posuneme bokem a převrátíme vodorovně.
![](/old-idif/grafika/images4/parallels_icon_41.gif)
Poté načteme výběr původní vrstvy tvaru a novější složce přidáme masku - stejně jako přidáváme masku vrstvě.
![](/old-idif/grafika/images4/parallels_icon_42.gif)
Tím bude tvar vpravo zobrazen za levým tvarem - ačkoliv v paletce vrstev je jasně vidět, že pravý tvar je nad levým tvarem.
![](/old-idif/grafika/images4/parallels_icon_43.gif)
Správné zobrazení zařídíme jednoduše - v masce složky nakreslíme v označeném místě štětcem s tvrdou stopou bílý flek. Tím budou tvary zobrazené přesně tak, jak jsme chtěli.
![](/old-idif/grafika/images4/parallels_icon_44.gif)
A tudíž už zbývají jen kosmetické změny. Jako například zesvětlit spodní část pravého tvaru...
![](/old-idif/grafika/images4/parallels_icon_45.gif)
...nebo naopak přidat stín na spodní část levého tvaru. Dále nezapomenou ubrat horní odlesk na pravém tvaru, jelikož ten by měl být v horní části za levým tvarem.
![](/old-idif/grafika/images4/parallels_icon_46.gif)
Aby byly pořádně vidět i odlesky, můžeme pozadí dokumentu vyplnit rovněž oranžovou (#EA8017) barvou.
![](/old-idif/grafika/images4/parallels_icon_47.gif)
Přičemž pro zpestření můžeme nakreslit pár jednoduchých tvarů nástrojem Pero (Pen Tool), barvy žluté (#EFA91A), krytí 20 %.
![](/old-idif/grafika/images4/parallels_icon_48.gif)
Třeba takto:
![](/old-idif/grafika/images4/parallels_icon_49.gif)
Poslední krok bude odlesk na odrazivé podložce. Skryjeme všechny vrstvy pozadí
(aby ikonka byla na průhledném pozadí), označíme ikonku a zkopírujeme obsah
všech vrstev zkratkou Shift + Ctrl + C. Tento výřez do obrázku zpět
vložíme, zobrazíme zpět vrstvy pozadí, nově vloženou vrstvu převrátíme a posuneme pod
původní ikonku.
![](/old-idif/grafika/images4/parallels_icon_50.gif)
Dále už to jistě znáte. Přidáme masku vrstvy, do ní nakreslíme přechod z černé do průhledné...
![](/old-idif/grafika/images4/parallels_icon_51.gif)
...a případně můžeme ještě odlesk rozmazat filtrem Gaussovské rozostření.
![](/old-idif/grafika/images4/parallels_icon_52.gif)
A to je již opravdu vše. Hodně štěstí při práce a doufám, že jste se opět naučili něco nového.
![](/old-idif/grafika/images4/parallels_icon_53.gif)
Na závěr přidám ještě jeden odkaz na oficiální stránky programu, kde si můžete stáhnout pěkně vypadající pozadí ...
... a jak se můžete přesvědčit na serveru flickr.com, program nejenom že má pěknou ikonku, ale ještě ji i pěkně využil při startu, kdy pootočením vznikl prostor na přesýpací hodiny. Skvělé.
-
14. května 2014
Jak vkládat snímky do galerií a soutěží? Stručný obrazový průvodce
-
23. dubna 2014
Konica Minolta přenesla výhody velkých zařízení do kompaktních modelů
-
12. června 2012
-
9. dubna 2014
-
5. ledna 2017
-
6. září 2004
OKI snižuje ceny barevných laserových tiskáren C3100 a C5200n
-
13. května 2004
-
19. ledna 2004
QuarkXPress Passport 6: předvedení nové verze na konferenci Apple Forum 27.1.2004
-
6. února 2001
-
30. listopadu 2014
Nový fotoaparát α7 II: první plnoformát s pětiosou optickou stabilizací obrazu na světě
-
14. října 2024
-
9. ledna 2025
Bubnový scanner na 4000dpi optické rozlišení + PC + software
-
9. ledna 2025
Profesionální scaner Scanner Heidelberg TOPAZ I. optické rozlišení bez interpolace 3800DPI
-
17. ledna 2025
-
21. ledna 2025