Návod na tvorbu userbarov
(pre Photoshop 7.0)
autor: shaggy
Návod je vytvorený v Adobe Photoshop 7.0, ale až na pár drobností vo vzhlade okien
je použiteľný aj v iných verziách, napríklad vo veľmi rozšírenej verzii CS2 (9.0).
1. Vytvoríme si nový obrázok - 350x19px, RGB farby, priehladné pozadie
2. Výsledkom by mal byť nový obrázok
3. Ako pozadie použijeme gradient (farebný prechod). Urobíme ho pomocou nástroja
Gradient Tool - môžeme ho ťahať zlava doprava, alebo zhora dole (prípadne aj šikmo).
Samozrejme si musíme vybrať správne farby pre náš UB. Horný obrázok je UB pred použitím
gradient tool a spodný po použití
4. Ak máme vytvorený gradient hotový, vytvoríme novú vrstvu.
5. Do tejto vrstvy vložíme obrázok, prípadne logo, ktoré sme si dopredu pripravili a
upravili pre naše potreby. Po vložení obrázku do UB mu môžeme nastaviť rôzne formy
prekrytia, podľa potreby.
6. Opäť si vytvoríme novú vrstvu, ktorá bude obsahovať pattern.
7. Pattern môžeme vytvoriť dvoma spôsobmi - ak chceme mať vyplnený celý obrázok, použijeme
príkaz z menu Edit - Fill...
...a tam si vyberieme konkrétny pattern...
...alebo môžeme použiť Pattern stamp tool, najmä ak chceme pattern len v určitej časti obrázka.
8. Ak máme tmavé pozadie a čierny pattern je nevýrazný, môžeme použiť buď svetlejší
pattern ktorý sme si vyrobili, alebo invertovať čierny pattern (Image - Adjustment - Invert).
Dajte si pozor aby ste mali vybranú správnu vrstvu (layer) s patternom.
9. Taktiež môžeme nastaviť spôsob prekrytia patternu ak je príliš výrazný.
10. Opäť si vytvoríme nový layer (vrstvu).
11. Pomocou Kruhového výberu urobíme odlesk...
...výber môžete urobiť v ktorejkolvek časti UB, najčastejšie sa robí v hornej.
12. Tento kruhový výber vyplníme bielou farbou...
...takže to bude vyzerať nejak takto
13. Nakoniec ešte nastavíme krytie na 40% (prípadne na inú hodnotu podla potreby).
14. Ďalej si vyberieme nástroj písania textu, písmo a jeho velkosť nastavíme podľa
obrázka, dôležité je aby ste antialias mali nastavené na None (žiadne).
15. Keďže je text čierny, nie je ešte dobre vidieť, ešte musíme dorobiť okraj pre písmo.
16. Klikneme pravým tlačítkom myši na Layer (vrstvu) s textom a vyberieme Blending options
(Volby prolnutí)...
...a v nich nastavíme Stroke (vytažení) na veľkosť 1px, outside (vonkajší) a
bielu farbu a potvrdíme.
17. Zostáva nám už iba vytvoriť vonkajší rámček pre celý UB. Vytvoríme opäť novú vrstvu
(máme ju nastavenú ako aktívnu) a stlačíme CTRL + A čím označíme celý userbar.
18. V menu Edit - Stroke...
...vyberieme opäť 1px hrubý VNÚTORNÝ (nie vonkajší) rámček, čiernu farbu (alebo bielu,
podľa potreby) a potvrdíme.
19. Výsledok
1. Vytvoríme si nový obrázok - 350x19px, RGB farby, priehladné pozadie
2. Výsledkom by mal byť nový obrázok
3. Ako pozadie použijeme gradient (farebný prechod). Urobíme ho pomocou nástroja
Gradient Tool - môžeme ho ťahať zlava doprava, alebo zhora dole (prípadne aj šikmo).
Samozrejme si musíme vybrať správne farby pre náš UB. Horný obrázok je UB pred použitím
gradient tool a spodný po použití
4. Ak máme vytvorený gradient hotový, vytvoríme novú vrstvu.
5. Do tejto vrstvy vložíme obrázok, prípadne logo, ktoré sme si dopredu pripravili a
upravili pre naše potreby. Po vložení obrázku do UB mu môžeme nastaviť rôzne formy
prekrytia, podľa potreby.
6. Opäť si vytvoríme novú vrstvu, ktorá bude obsahovať pattern.
7. Pattern môžeme vytvoriť dvoma spôsobmi - ak chceme mať vyplnený celý obrázok, použijeme
príkaz z menu Edit - Fill...
...a tam si vyberieme konkrétny pattern...
...alebo môžeme použiť Pattern stamp tool, najmä ak chceme pattern len v určitej časti obrázka.
8. Ak máme tmavé pozadie a čierny pattern je nevýrazný, môžeme použiť buď svetlejší
pattern ktorý sme si vyrobili, alebo invertovať čierny pattern (Image - Adjustment - Invert).
Dajte si pozor aby ste mali vybranú správnu vrstvu (layer) s patternom.
9. Taktiež môžeme nastaviť spôsob prekrytia patternu ak je príliš výrazný.
10. Opäť si vytvoríme nový layer (vrstvu).
11. Pomocou Kruhového výberu urobíme odlesk...
...výber môžete urobiť v ktorejkolvek časti UB, najčastejšie sa robí v hornej.
12. Tento kruhový výber vyplníme bielou farbou...
...takže to bude vyzerať nejak takto
13. Nakoniec ešte nastavíme krytie na 40% (prípadne na inú hodnotu podla potreby).
14. Ďalej si vyberieme nástroj písania textu, písmo a jeho velkosť nastavíme podľa
obrázka, dôležité je aby ste antialias mali nastavené na None (žiadne).
15. Keďže je text čierny, nie je ešte dobre vidieť, ešte musíme dorobiť okraj pre písmo.
16. Klikneme pravým tlačítkom myši na Layer (vrstvu) s textom a vyberieme Blending options
(Volby prolnutí)...
...a v nich nastavíme Stroke (vytažení) na veľkosť 1px, outside (vonkajší) a
bielu farbu a potvrdíme.
17. Zostáva nám už iba vytvoriť vonkajší rámček pre celý UB. Vytvoríme opäť novú vrstvu
(máme ju nastavenú ako aktívnu) a stlačíme CTRL + A čím označíme celý userbar.
18. V menu Edit - Stroke...
...vyberieme opäť 1px hrubý VNÚTORNÝ (nie vonkajší) rámček, čiernu farbu (alebo bielu,
podľa potreby) a potvrdíme.
19. Výsledok 