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: Pozadí ve stylu Windows Vista
29. února 2008, 00.00 | V dnešním článku se podíváme na to, jak vytvořit pěkné pozadí na plochu po
vzoru Windows Vista. Černé pozadí vyplněné stylovým přechodem, přes které se
rýsují natáhnuté abstraktní tvary zelené a modré barvy.
Začneme ukázkou, kterou budeme chtít napodobit. Pozadí si můžete stáhnout v plné kvalitě ze stránek www.windowsultimate.com
![](/old-idif/grafika/images4/vista_background_50.jpg)
Začneme v Photoshopu novým dokumentem velikosti obrazovky. V mém případě jsem zvolil rozlišení 1024*768, abych jej mohl vidět celé ve 100% velikosti bez posunování. Pozadí dokumentu vyplníme černou barvou - D (vyresetovat barvy), Alt + Backspace (vyplnit barvou popředí). Zvolíme nástroj Mnohoúhelníkové laso (Polygonal Lasso Tool), označíme kus dokumentu a do nové vrstvy nakreslíme nástrojem Přechod (Gradient Tool) přechod z bílé do průhledné. Takto několikrát po sobě (vždy do nové vrstvy).
![](/old-idif/grafika/images4/vista_background_01.jpg)
Aby bylo pozadí méně výrazné, stáhneme vrstvám Krytí (Opacity).
![](/old-idif/grafika/images4/vista_background_02.jpg)
Vrstvy sloučíme do jedné (Ctrl + E) a rozostříme je filtrem Gaussovské Rozostření (Gaussian Blur). Zde je zmenšená ukázka celého dokumentu.
![](/old-idif/grafika/images4/vista_background_03.jpg)
Aby bylo v některých místech pozadí výraznější, můžeme dál pokračovat v kreslení. Například kruhovým gradientem z bílé do průhledné...
![](/old-idif/grafika/images4/vista_background_04.jpg)
...který opět stáhneme na sotva znatelnou úroveň.
![](/old-idif/grafika/images4/vista_background_06.jpg)
Ostatně, přechodů z bílé do průhledné není nikdy dost...
![](/old-idif/grafika/images4/vista_background_07.jpg)
...jen je potřeba vždy vhodně vrstvě stáhnout krytí.
![](/old-idif/grafika/images4/vista_background_08.jpg)
Aby bylo pozadí zajímavější, můžeme všechny vrstvy zkopírovat ještě jednou a pootočit (Ctrl + T), popř. posunout.
![](/old-idif/grafika/images4/vista_background_09.jpg)
Tím ale začne vznikat nehezký kaz, kdy 256 odstínů šedé nestačí pro pokrytí přechodů a obrázek se začne nehezky vykreslovat.
![](/old-idif/grafika/images4/vista_background_10.jpg)
Proto není od věci nakonec všechny vrstvy sloučit do jedné a opět malinko rozmazat. Tím se nehezké přechody vyhladí, ale bohužel vznikne jiný nedostatek - na krajích se obrázek ztmaví...
![](/old-idif/grafika/images4/vista_background_11.jpg)
...což lze napravit větším dokumentem, než je rozlišení obrazovky, nebo třeba přidat dostatečně široký rámeček. A pro příště si to zapamatovat.
![](/old-idif/grafika/images4/vista_background_12.jpg)
Tím máme náhodné přechody na pozadí vyřešeny a můžeme se pustit do popředí - modrých a zelených oblouků. Začneme tím, že nakreslíme elipsu nástrojem Elipsa (Ellipse Tool), dostatečně velkou, aby zasahovala i mimo dokument. Zvolíme nástroj pro výběr cesty (A), cestu označíme, zkopírujeme (Ctrl + C), vložíme (Ctrl + V), a posuneme, popř. zmenšíme (Ctrl + T). Této cestě nastavíme vykreslení na odečítání, takže bude vidět pouze prostor mezi těmito dvěma elipsami.
![](/old-idif/grafika/images4/vista_background_14.jpg)
Vrstvu přebarvíme na modrou barvu (#62AAF4) a několikrát ji zkopírujeme, zmenšíme, zvětšíme, posuneme, popř. změníme Krytí (Opacity).
![](/old-idif/grafika/images4/vista_background_15.jpg)
Podobně můžeme začít i se zelenými tahy, které mají barvu #20EDC4.
![](/old-idif/grafika/images4/vista_background_16.jpg)
V tomto okamžiku jsem se ale rozhodl malinko ztmavit přechody na pozadí, protože na sebe zbytečně strhávají moc pozornosti. Takto to bude lepší.
![](/old-idif/grafika/images4/vista_background_17.jpg)
Pokračujeme tím, že vytvoříme větší tvary, které budou zasahovat do všech tahů. Později tyto tvary rozmažeme a získáme tím ještě větší záři. Jeden velký tvar pro modré tahy...
![](/old-idif/grafika/images4/vista_background_18.jpg)
...jeden pro zelené. Tyto tvary nejsou nic jiného, než zkopírované tvary předchozí, přičemž nástrojem pro výběr cesty vždy vybereme menší elipsu, kterou ještě znovu zmenšíme.
![](/old-idif/grafika/images4/vista_background_19.jpg)
Barvy tvarů jsou stále stejné, jen je stažené Krytí na sotva znatelnou úroveň (5-10%), což je vidět i na následujícím obrázku.
![](/old-idif/grafika/images4/vista_background_20.gif)
Všechny modré i zelené vrstvy umístíme do nové složky, kterou zkopírujeme a malinko posuneme bokem a pootočíme.
![](/old-idif/grafika/images4/vista_background_21.jpg)
A začneme s přisvěcováním. První krok bude změna interakce na Linear Dodge (Lineárně zesvětlit)...
![](/old-idif/grafika/images4/vista_background_23.jpg)
...druhý krok bude přidání efektů vrstvy Vržený Stín (Drop Shadow) nastavený na velkou velikost, barvu podle vrstvy (tj. modrou nebo zelenou) a interakci opět Lineárně zesvětlit (Linear Dodge).
![](/old-idif/grafika/images4/vista_background_24.gif)
Protože zelených vrstev máme v dokumentu poměrně málo, můžeme opět pár přikopírovat.
![](/old-idif/grafika/images4/vista_background_25.jpg)
A styl vrstvy zkopírovat i na všechny vrstvy modré (pouze změníme efekt vrstvy na modrou barvu). Zmenšený dokument vypadá přibližně takto, což už je přibližně to, čemu jsme se chtěli přiblížit.
![](/old-idif/grafika/images4/vista_background_26.jpg)
Další zesvětlování je jen stále dokola to samé. Můžeme například použít velké vrstvy z minulých kroků, které sloučíme do jedné vrstvy a nastavíme interakci na Lineárně zesvětlit (Linear Dodge). Vrstvě následně přidáme masku vrstvy, do které necháme vykreslit oblaka (Filtr - Vykreslení - Oblaka / Filter - Render - Clouds). To proto, aby byla vrstva vidět pouze v některých místech.
![](/old-idif/grafika/images4/vista_background_28.jpg)
Následně pokud zpět zobrazíme všechny vrstvy, bude světelný efekt ještě mnohem výraznější.
![](/old-idif/grafika/images4/vista_background_30.jpg)