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:
-
3. dubna 2024
-
3. dubna 2024
-
15. dubna 2024
-
18. dubna 2024
-
28. dubna 2024
-
28. dubna 2024
-
14. května 2024
-
16. května 2024
-
17. května 2024
-
11. června 2024
-
19. května 2024
-
29. května 2024
![OBLIBENE_TITLE2](/templates/102/gr/print-logo.gif)
Photoshop
Photoshop tutoriál: Cenovka
28. ledna 2008, 00.00 | Sleva, výprodej, krach, novinka ... to je jen malý výčet visaček, které
denně potkáváme a které si již našly cestu i na Internet. Proto abychom šli s
dobou, vytvoříme podobnou visačku v Photoshopu. Přestože je článek trochu
delší, je určen především začátečníkům.
Začneme novým dokumentem (Ctrl + N), který vyplníme (Alt + Backspace) například barvou #926D63. A hned se dáme do visačky - jako základ nám poslouží obdélník nakreslený stejnojmenným nástrojem (Rectangle Tool) barvy bílé.
![](/old-idif/grafika/images4/redprice_01.gif)
Protože chceme, aby byl na jedné straně zkosený (a s dírou na provázek), nakreslíme druhý obdélník, který od původního odečteme (kreslíme s klávesou Alt, nebo použijeme odpovídající ikonku v liště - na obrázku označena)...
![](/old-idif/grafika/images4/redprice_02.gif)
...zvolíme nástroj pro výběr cesty (A), označíme nový obdélník...
![](/old-idif/grafika/images4/redprice_03.gif)
...a zkratkou Ctrl + T jej otočíme o 45°.
![](/old-idif/grafika/images4/redprice_04.gif)
Se stále zvoleným nástrojem pak posuneme pootočený obdélník se stisknutou klávesou Alt směrem nahoru, čímž ho zkopírujeme. Pro přesné zarovnání můžeme použít odpovídající ikonky nahoře v liště.
![](/old-idif/grafika/images4/redprice_05.gif)
Chybí už jen dírka na provázek, kterou obstará elipsa nakreslená opět stejnojmenným nástrojem (Ellipse Tool), společně se stisknutou klávesou Alt (odečítání).
![](/old-idif/grafika/images4/redprice_06.gif)
Tím máme základní tvar hotový, takže jej přebarvíme na červenou barvu (#D70004) a pootočíme o 45° (Ctrl + T).
![](/old-idif/grafika/images4/redprice_07.gif)
Aby směrem doleva nahoru přecházela barva visačky do oranžové, vytvoříme novou vrstvu (Ctrl + Alt + Shift + N), do které nakreslíme nástrojem Přechod (Gradient Tool) přechod z oranžové (#FD7201) do průhledné.
![](/old-idif/grafika/images4/redprice_08.gif)
A aby byl tento přechod vidět pouze v místě visačky, nastavíme vrstvě ořezovou masku vrstvy předchozí zkratkou Ctrl + Alt + G. Tuto skutečnost symbolizuje malá šipka nalevo od vrstvy.
![](/old-idif/grafika/images4/redprice_09.gif)
Stejným způsobem vytvoříme ještě jedno zesvětlení, tentokrát však nástrojem Štětec (Brush Tool) barvy žluté (#FFD200).
![](/old-idif/grafika/images4/redprice_10.gif)
Zde je náhled na aktuální podobu visačky:
![](/old-idif/grafika/images4/redprice_11.gif)
Abychom visačku lépe oddělili od pozadí, přidáme ji obrys(y) - přes efekty vrstvy. Nejprve dvakrát klikneme na vrstvu a přidáme efekt Vnitřní Záře (Inner Glow). Velikost (Size) 2 px, barva bílá, Krytí (Opacity) přibližně 50%.
![](/old-idif/grafika/images4/redprice_12.gif)
A tmavší rámeček efektem Vnitřní Stín (Inner Shadow). Velikost (Size) 1 px, barva černá.
![](/old-idif/grafika/images4/redprice_14.gif)
Aby byl obrys výraznější, změníme interakci na Lineárně ztmavit (Linear Burn).
![](/old-idif/grafika/images4/redprice_15.gif)
A už můžeme vyzkoušet umístění textu. Nástrojem Text napíšeme požadovaný slogan, aby se do malého prostoru vešel, zvolil jsem font Arial Narrow.
![](/old-idif/grafika/images4/redprice_16.gif)
Vrstvu otočíme o 45°, posuneme nad visačku, případně změníme velikost a třeba i stáhneme Krytí (Opacity) na 80 %.
![](/old-idif/grafika/images4/redprice_17.gif)
Visačka je ale nudná, plochá, nezajímavá. Proto se ji pokusíme trochu vylepšit. A to pořádným obrysem. Ten jsme sice už vytvořili přes efekty vrstvy, ale tím, že je všude stejný, je nezajímavý. Proto vytvoříme nový rámeček, viditelný pouze v některých místech.
Začneme tím, že nastavíme výběr vrstvy visačky (Ctrl + klik na vrstvu) a z menu Úpravy (Edit) vyvoláme funkci Vytáhnout (Stroke). Barva černá, velikost 1 px.
![](/old-idif/grafika/images4/redprice_18.gif)
Po vytažení vypadá obrázek takto.
![](/old-idif/grafika/images4/redprice_19.gif)
My vrstvě přidáme masku vrstvy (viz ikonka na následujícím obrázku)...
![](/old-idif/grafika/images4/redprice_20.gif)
...a masku vyplníme černou barvou. Poté v místech, kde chceme výraznější obrys, kreslíme barvou bílou. Použijeme k tomu buď nástroj Přechod z bílé do průhledné, nebo nástroj Štětec.
![](/old-idif/grafika/images4/redprice_21.gif)
Obdobně vytvoříme znovu i bílý vnitřní obrys, který budeme chtít nahoře výraznější. Načteme výběr vrstvy, vyvoláme funkci Vytáhnout, jen barvu změníme na bílou a velikosti na 2 px.
![](/old-idif/grafika/images4/redprice_22.gif)
Výběr zúžíme o jeden pixel - Výběr - Změnit - Zúžit (Select - Modify - Contract).
![](/old-idif/grafika/images4/redprice_23.gif)
A tuto část z vrstvy odmažeme (delete).
![](/old-idif/grafika/images4/redprice_24.gif)
Vrstvě opět přidáme masku, vyplníme ji černou barvou a pouze v horní části do masky nakreslíme bílý flek. Tím vznikne nahoře pěkný odlesk.
![](/old-idif/grafika/images4/redprice_25.gif)
Dále přidáme stín. Podkladovou vrstvu zkopírujeme (Ctrl + J)...
![](/old-idif/grafika/images4/redprice_26.gif)
...a přebarvíme na černou barvu.
![](/old-idif/grafika/images4/redprice_27.gif)
Aby byl stín postupně rozostřený, vytvoříme si nejprve vhodnou masku. Přepneme se do režimu rychlé masky (Q)...
![](/old-idif/grafika/images4/redprice_28.gif)
...a zde nakreslíme lineární přechod z černé do bílé.
![](/old-idif/grafika/images4/redprice_29.gif)
Opět se přepneme zpět...
![](/old-idif/grafika/images4/redprice_30.gif)
...a vrstvu rozostříme. Ve Photoshopu 7 využijeme funkci Gaussian Blur, v novějších verzích funkci Lens Blur - která vytvoří realističtější výsledek.
![](/old-idif/grafika/images4/redprice_31.gif)
Ve Photoshopu verze 7 je bohužel nutné aplikovat funkci několikrát s různým nastavením, aby byl výsledek použitelný.
![](/old-idif/grafika/images4/redprice_32.gif)
Po vhodném rozmazání vrstvu pootočíme (Ctrl + T) a posuneme pod ostatní vrstvy.
![](/old-idif/grafika/images4/redprice_33.gif)
Nástrojem Guma (Eraser Tool) s tvrdou stopou odmažeme přesahující část vlevo.
![](/old-idif/grafika/images4/redprice_34.gif)
A pod všechny vrstvy umístíme něco, na co budeme chtít visačku přichytnout. Například velký text. Na následující ukázce budeme chtít "přicvaknout" visačku k písmenu I.
![](/old-idif/grafika/images4/redprice_35b.gif)
Vytvoříme proto nástrojem Elipsa (Ellipse Tool) kruh, který bude zasahovat jak do otvoru ve visačce, tak do písmene I (barva kruhu je #402F2B).
![](/old-idif/grafika/images4/redprice_36.gif)
A poté nakreslíme ještě jeden kruh se stisknutou klávesou Alt (režim odečítání). V levé části necháme kroužek široký alespoň tři pixely (později se dozvíte proč).
![](/old-idif/grafika/images4/redprice_37.gif)
Nyní je potřeba kroužek skrýt v místě, kde je za písmenem I a za visačkou. Tato místa nejprve označíme nástrojem Mnohoúhelníkové laso (Polygonal Lasso Tool).
![](/old-idif/grafika/images4/redprice_38.gif)
A s nastaveným výběrem přidáme vrstvě masku.
![](/old-idif/grafika/images4/redprice_39.gif)
Pokud výsledek vypadá jako na obrázku nahoře, musíme masku invertovat zkratkou Ctrl + I.
![](/old-idif/grafika/images4/redprice_40b.gif)
Dostáváme se k třípixelové šířce kroužku. Tu jsme vytvořili proto, abychom do ní mohli nakreslit odlesk. Nástrojem Tužka (Pencil Tool) velikosti 1 px, barvy bílé, přičemž směrem dolů stáhneme Krytí (Opacity). Tak, jak ukazuje následující obrázek.
![](/old-idif/grafika/images4/redprice_41.gif)
Úplně poslední krok je přidání stínu pod kroužek - na písmeno I. K tomu využijeme měkký štětec se staženým krytím.
![](/old-idif/grafika/images4/redprice_42.gif)
A to je již opravdu vše. Zde je náhled na výslednou cenovku, která je přesunuta nad písmeno A. Vidíte, že i tam vypadá dobře. Takže - hodně štěstí při práci!
![](/old-idif/grafika/images4/redprice_43b.gif)
Podobné tutoriály v angličtině:
Autor článku Václav Krejčí se zabývá grafikou a GUI designem, své zkušenosti nejnověji zúročil v knize "Adobe Photoshop: design grafiky GUI", věnované tvorbě grafických uživatelských rozhraní.
-
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
-
29. listopadu 2013
-
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ě
-
11. dubna 2024
-
30. dubna 2024
-
9. května 2024
-
16. května 2024
-
20. května 2024
-
9. června 2024
-
11. června 2024
-
12. června 2024
Profesionální scaner Scanner Heidelberg TOPAZ I. optické rozlišení bez interpolace 3800DPI