<Browse> Acasă / Toate , BUTTON , Tutorial / Blog articol: RIATMP1167-Photoshop Tutorial - reflectată Button / header

| Mobile | RSS

RIATMP1167-Photoshop Tutorial - buton reflectata / header

08 octombrie 2009

Astăzi vom face o bara de meniu. Acest lucru este foarte simplu, dar puteţi folosi acest buton pe bara de meniu sau de acelaşi antet sau pentru multe tipuri diferite de site-ul web. Din cauza culorii sale şi stilul poate fi potrivit pentru multe subiecte. Chiar aveţi posibilitatea să modificaţi culorile şi face-ti un look personalizat sau doar mergeţi mai departe şi poate folosi acest buton premade pentru proiectele tale. Deci, aici este tutorial.

Click here to download

Crearea unui nou document Photoshop. Alege dreptunghi instrumentul Cadru de selecţie şi de a crea un dreptunghi mare. Nu conteaza ce culoare este că vom adăuga Layer Styles.

Wide Rectangle

Wide Dreptunghi

Acum du-te la Layer / Layer Stiluri / Gradient Overlay. Pentru referinţă vă rugăm să urmaţi imaginea afişată mai jos.

Gradient Overlay

Gradient Overlay

Deci, cu stil de strat veţi obţine rezultatul ca aceasta.

menu bar

Bară de meniu

Acum, timpul sa de a adăuga unele dramă în bara de meniu. Creaţi un nou layer si numeste-l întuneric. Acum selectaţi o parte din bara de meniu noastre şi umple-l cu orice culoare. Acum, din nou, vom adăuga Gradient Overlay în acest strat. Deci, mergi la Layer / Layer Stiluri / Gradient Overlay. Pentru referinţă vă rugăm să urmaţi imaginea afişată mai jos.

Layer Styles/Gradient Overlay

Stiluri Layer / Gradient Overlay

Deci, cu stil de strat veţi obţine rezultatul ca aceasta.

header

antet

Avem nevoie de a crea linii despărţitoare. Pentru că a crea un nou layer şi cu Rectangular Marquee Tool a crea o linie de dreptunghi subţire. Umple cu aceasta culoare (# 616161). Acum, copiaţi acest layer si umple cu culoare mai deschisa, care (# 999999). Acum, alinia şi pun pe amândoi parte linii de faţă şi fuziona cele 2 straturi într-o singură. Asiguraţi-copie puţini mai mult de acea linie şi de a alinia în mod corespunzător. Merge toate liniile într-un singur strat numele de "linie".

lines

linii

Acum, timpul sa de a adăuga text Meniul nostru, puteţi adăuga, de asemenea, textul de meniu propriu.

menu text

meniu text


Aceasta este parte a acestui tutorial două Photoshop, aici vom crea o reflectare a bara de meniu. Îmbinare toate meniu si straturi de text într-un singur strat. Duplicate layer bara de meniu din panoul de straturi, şi răsturnaţi-l vertical (Edit> Transform> Flip Vertical).
Photoshop Tutorial

Photoshop Tutorial

Creaţi un nou layer mai sus bara de meniu şi duplicat. Faceţi o selecţie folosind Rectangular Marquee Tool. Alege Gradient Tool, este setat la gradient linear şi apoi deschide Gradient Editor. Alegeţi "generate de transparenta". Setaţi culoarea prim-plan la (# 2a2727) şi trageţi Gradient Tool în selecţia pe un nou layer. Şi tu ar trebui să aibă ceva ca mai jos! Şi asta ne aduce la sfârşitul acestui tutorial Photoshop. Noroc!

Menu or button or header or banner

Meniu sau buton sau antet sau banner

Ponderea şi Bucuraţi-vă de
  •  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
Lasă un Răspuns 4243 vizualizări, 2 până în ziua de azi |
Urmaţi Discuţii

One Response to "RIATMP1167-Photoshop Tutorial - buton reflectată / Antet"

  1. ofigennoe.ru Says:

    Am crezut că acest lucru a fost un foarte interesante datorită post pentru scris-o!

Lasă un Răspuns