Přeloženo se souhlasem autora podle návodu Utilising Blend Modes, Blurs, Gradients and Layers od Welshblue.
Režimy mísení, rozostření, přechody a vrstvy. Když začínáte, zní to všechno strašidelně a komplikovaně, ale jak skvělé nástroje máte v arzenálu. Zkombinujte je se dvěma věcmi, které se nedají naučit - představivost a experimentování, a možnosti jsou nekonečné.
Hrejte si, klikejte myškou, s Paint.netem můžete něco rozbít jen když frustrovaní prostrčíte hlavu monitorem.
Možná je to kvůli mně, a pokud ano, prostě zrušte akci a pokračujte v experimentování. Pokračujte v tvoření.

Snad vám tento návod ukáže, že to není tak těžké, jak se zdá.


Potřebujete pluginy:
- Bevel Selection z Boltbait pack (je to v selectiontools.dll)
- Drop Shadow & Object Align zKrisVDM pack
Pozn SuE: Na zarovnání objektu používám raději Align Object od xod podle mě má lepší rozhraní a neudělá vám další podmenu v Efektech. V dalším textu ale budu používat název Object Align stejně jako autor návodu.
Vrstvy budu pojmenovávat stejně jako v angl. návodu.
Protože špatně vidím, udělala jsem si tlačítko na plátně 800x600, což je asi 2x větší, než má Welshblue. Tím pádem ale některé efekty musí mít větší rozsah (typicky rozostření).
Na většině screenshotů je tlačítko kvůli velikosti obrázků zmenšeno na asi 60%.
Vše, co je kurzivou, jsou moje poznámky.

1. Nastavte primární barvu na A40000, sekundární na bílou (viz barevné kolo).
   
2. Vytvořte novou vrstvu. Pojmenujte ji Button base
   
3. Pomocí nástroje Tvary na této vrstvě nakreslete vybarvený obdélník se zaoblenými rohy.
   Pokud chcete, můžete zvětšit zaoblení rožku.
   
4. V menu Efekty -> Object align -> zvolte center both = vycentrovat na střed.
   (případně Efekty-> Object -> Align object)
   
   

   obr1
   
   
5. Pomocí Magické hůlky vyberte nakreslený obdélník
   
6. Přidejte další vrstvu, nazvěte ji Linear gradient.
   
7. Udělejte barevný lineární přechod (pravým tlačítkem shora dolů).
   
   

   obr 2
   
   
8. Uchovejte aktivní výběr a vytvořte novou vrstvu Radial Gradient.
   
9. Stejnými barvami udělejte Středový přechod
   
   

   obr 3
   
   
10. Stále s aktivním výběrem přidejte další vrstvu. Nazvěte ji Black blur.
    
11. Ve spodní části nakreslete černý vyplněný obdélník.
    
    

    obr4
    
    
12. Menu Efekty -> Rozostření -> Gaussovo rozostření
    Pozn: protože můj obrázek je větší, musím mít větší i rozsah rozostření, nastavte si podle svých potřeb
    
    

    obr 5
    
    
13. Nastavte režim mísení na vrstvě Linear gradient na Překrytí.
    
14. Nastavte režim mísení na vrstvě Radial gradient na Násobení.
    
    

    obr 6
    
    
15. Mezi vrstvu Linear gradient a Radial gradient přidejte novou vrstvu. Nazvěte ji White shine.
    
16. Pomocí nástroje Úsečka,křivka nakreslete bílou čáru o šířce 3 pixely.
    Když při tom stisknete klávesu Shift, bude čára rovná.
    
    

    obr 7
    
    
17. Menu Efekty -> Rozostření -> Rozostření pohybem (viz obr 8)
    
    

    obr 8
    
    
18. Odstraňte bílou vrstvu Pozadí.
    
19. Slučte vrstvy pomocí klávesové zkratky Ctrl + Shift +F
    
    

    obr 9
    
    
20. Přidejte novou vrstvu. Vyplňte ji bílou barvou. Nazvěte ji Background
    
21. Přesuňte ji pod vrstvu Button base.
    
    

    obr 10
    
    
22. Přidejte novou vrstvu. Nazvěte ji Switch casing
    
23. Nastavte primární barvu na 2E3436
    
24. Nakreslete vyplněný obdélník se zaoblenými rohy.
    (pokud jste zvětšovali zaoblení rožku jako já, musíte ho zvětšit i tady.)
    
25. V menu Efekty -> Object align -> zvolte center both.
    (případně Efekty -> Object -> Align object)
    
    

    obr 11
    
    
26. Pomocí kouzelné hůlky vyberte ten šedý obdélník (tolerance aspoň 50%)
    
27. Přidejte novou vrstvu. nazvěte ji Switch case bevel
    
28. Menu Efekty -> Selection -> Bevel selection
    Plugin vyrobí dvojbarevné, zde černobílé, "hrany" na výběru, výběr na nové vrstvě zůstává aktivní
    Protože mám obrázek větší než Welshblue, musím mít i šířku efektu větší, ať je to pořádně vidět.
    
    

    obr 12
    
    
29. Zduplikujte vrstvu Switch case bevel (výběr stále aktivní)
    
30. V horním menu Vrstvy -> Překlopit vodorovně
    
31. Slučte ty dvě vrstvy Switch case bevel dohromady.
    
32. Po sloučení nastavte Režim mísení na Překrytí, Krytí 180
    
    

    obr 12a
    
    
33. Pomocí nástroje Vyplnit barvou (plechovka) vybarvěte spodní vrstvu Background stejnou barvou jako ten šedý zaoblený obdélník - 2E3436
    
34. Zduplikujte vrstvu Background
    
35. Nastavte režim mísení na Překrytí, Krytí 170
    
    

    obr 13
    
    
36. Na spodní vrstvě Background: menu Efekty -> Šum -> Přidání šumu
    
    

    obr 14
    
    
37. Znovu na spodní vrstvě: Efekty -> Rozostření -> Fragmentace
    
    

    obr 15
    
    
38. Zduplikujte vrstvu Switch casing.
    
39. Na té spodní Efekty -> Object ->Drop shadow (plugin vytvoří stín na průhledné vrstvě okolo objektu)
    Přejmenujte vrstvu na Switch casing Drop shadow)
    
    

    obr 16
    
    
40. Na vrstvě Button base klikněte Magickou hůlkou někde mimo to tlačítko (tolerance 50%) - vyberete okolí tlačítka
    
41. Přidejte novou vrstvu.
    
42. Menu Efekty -> Selection -> Bevel selection.
    Plugin vystínuje "hrany" výběru - protože jde o okolí červeného tlačítka, bude to hrana vnitřní strany pouzdra.
    V originálu je hodnota 3, já mám obrázek větší, tak mám 8, ať je to víc vidět
    
    

    obr 17
    
    
43. Zduplikujte tu vrstvu 7 (V originálu je to layer 6, protože on tam sloučil dvě vrstvy a já ne)
    
44. V horním menu Vrstvy -> Překlopit vodorovně
    
45. Slučte ty dvě vrstvy 7 a nazvěte to Casing inner bevel
    
46. Po sloučení nastavte režim mísení na Překrytí.
    
    

    obr 18
    
    
47. Jděte na vrstvu Button base a klikněte Magickou hůlkou někam do okolí tlačítka, invertujte výběr (Ctrl+ i)
    
48. Přidejte novou vrstvu
    
49. Proveďte menu Efekty -> Selection ->Bevel selection. Vyrobíte "hrany" toho červeného vnitřku.
    
    

    obr 19
    
    
50. Zduplikujte tu vrstvu 8
    
51. V horním menu Vrstvy -> Překlopit vodorovně
    
52. Slučte ty dvě vrstvy 8 a nazvěte to Button bevel
    
53. Po sloučení nastavte režim mísení na Překrytí.
    
    

    obr 20
    
    
54. Přidejte novou vrstvu, nazvěte ji Letter o
    
55. Vyberte nástroj Text a napište malé písmeno "o". Použil jsem font Calibri a velikost 24. (já ho musím mít větší)
    
56. Menu Efekty -> Object align -> Centre both =vycentrovat na střed
    
57. Menu Vrstvy -> Otočení a měřítko
    
    

    obr 21
    
    
58. Zvolte nástroj Přesunutí vybraných pixelů
    
59. Pomocí šipky na klávesnici posuňte "o" níže.
    
60. Pokud chcete, změňte Krytí na vrstvě tak na 170. "o" bude trochu zastřené
    
    

    obr 21a
    
    
61. Přidejte novou vrstvu, nazvěte ji Letter l
    
62. Vyberte nástroj Text a napište malé písmeno L.
    
63. Menu Efekty -> Object align -> Centre both
    
64. Pomocí šipky na klávesnici přesuňte písmeno l nahoru
    
65. Změňte krytí, jak vám to vyhovuje
    
    

    obr 22
    
    
66. Zduplikujte vrstvu Button base.
    
67. Nastavte režim mísení na Záře (na té spodní vrstvě).
    
68. Menu Efekty -> Rozostření -> Gaussovo rozostření
    V originálu je 15, ve větším obrázku je potřeba víc, aby ten červený odraz byl vidět
    
    

    obr 23
    
    
69. Slučte vrstvy Ctrl+Shift+F a je to hotovo.