<Procházet> Home / Všetko , BUTTON , výučba / Blog článku: RIATMP1167-Photoshop Tutorial - odrazené Tlačidlo / Hlavičkový

| Mobile | RSS

RIATMP1167-Photoshop Tutorial - odrazené Tlačidlo / Hlavičkový

08.10.2009

Dnes budeme robiť ponúk. To je veľmi jednoduché, ale môžete použiť rovnaký tlačidlo alebo panel ponúk alebo záhlavie pre mnoho rôznych typov webových stránok. Pretože jeho farby a štýl môže byť vhodný na mnohých predmetoch. Aj vy môžete zmeniť farby a vyrobiť si vlastný vzhľad, alebo jednoducho ísť dopredu a použiť tento premade tlačidlo pre vaše projekty. Takže tu je návod.

Click here to download

Vytvoriť nový Photoshop dokumentu. Vyberte obdĺžnik Marquee nástroj a vytvoriť širokú obdĺžnik. Nezáleží na tom, akú farbu je to preto, pridáme štýly vrstiev.

Wide Rectangle

Široký obdĺžnik

Teraz prejdite do vrstvy / Štýl vrstvy / Prekrytie prechodom. Pre použitie si prosím postupujte podľa obrázku je znázornené nižšie.

Gradient Overlay

Gradient Overlay

A tak sa štýl vrstvy dostanete výsledok, ako je tento.

menu bar

lišta menu

Teraz je čas pridať nejaké dráma v našom menu. Vytvorte novú vrstvu a pomenujte ju tma. Teraz vyberte časť našich ponúk a naplňte ju ľubovoľnou farbou. Teraz opäť pridáme Prekrytie prechodom v tejto vrstve. Takže ísť do vrstvy / Štýl vrstvy / Prekrytie prechodom. Pre použitie si prosím postupujte podľa obrázku je znázornené nižšie.

Layer Styles/Gradient Overlay

Štýly vrstiev / Gradient Overlay

A tak sa štýl vrstvy dostanete výsledok, ako je tento.

header

hlavička

Musíme vytvoriť deliace čiary. K tomu vytvoriť novú vrstvu a obdĺžnikové nástroje Marquee vytvoriť tenkú linku obdĺžnik. Vyplňte tento farbou (# 616161). Teraz skopírujte túto vrstvu a vyplňte že sa svetlejšie farbou (# 999999). Teraz zjednotiť a umiestniť obe línie vedľa seba a spojiť tieto 2 vrstvy do jednej. Urobiť pár viac kópiu tejto linky a zladiť správne. Zlúčiť všetky riadky do jednej vrstvy meno "Line".

lines

vedenie

Teraz je čas pridať našej ponuky text, môžete tiež pridať svoj vlastný text ponuky.

menu text

textu v menu


Toto je 2. časť tohto návodu Photoshop, tu budeme vytvárať odraz v menu. Zlúčiť všetky ponuky a textové vrstvy do jednej vrstvy. Duplicitné menu bar vrstvu z panela Vrstvy, odhodiť vertikálne (Úpravy> Transformovať> Prevrátiť zvislo).
Photoshop Tutorial

Photoshop Tutorial

Vytvorte novú vrstvu nad menu a duplicitné. Vykonajte výber pomocou obdĺžnikový výber nástroja. Zvoľte nástroj gradient, nastavte ju na lineárny prechod, a potom otvorte Editor prechodu. Zvoľte "výstupom na transparentné". Nastavte farbu popredia na (# 2a2727) a pretiahnite gradient nástroje do výberu na nové vrstvy. A mali by ste mať niečo, ako je uvedené nižšie! A to nás privádza ku koncu tohto tutoriálu Photoshop. Na zdravie!

Menu or button or header or banner

Menu alebo tlačidlo alebo hlavičku alebo banner

Zdieľajte a užívajte si
  •  RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=digg RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=www.dzone RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=www.facebook RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=www.google RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=www.linkedin RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=favorites.live RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=www.mixx RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=www.myspace RIATMP1167– Photoshop Tutorial   Reflected Button/ Header  RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=reddit RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=www.stumbleupon RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=technorati RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=twitter RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=buzz.yahoo RIATMP1167– Photoshop Tutorial   Reflected Button/ Header
Required 3782 zobrazení, 2 tak ďaleko Dnes |
Sledujte Diskusia

Jedna reakcia na "RIATMP1167-Photoshop Tutorial - odráža Button / hlavičky"

  1. ofigennoe.ru hovorí:

    Myslel som, že to bol veľmi zaujímavý príspevok ďakujeme za písanie!

Required