<Ver> Inici / Tots , BOTÓ , Tutorial / Bloc article: RIATMP1167-Tutorial de Photoshop - Reflex botó / Capçalera

| Mobile | RSS

RIATMP1167-Tutorial de Photoshop - Botó reflectida / Capçalera

8 octubre 2009

Avui farem una barra de menús. Això és molt simple, però vostè pot utilitzar aquest mateix botó o barra de menús o de capçalera per a molts tipus diferents de lloc web. A causa del seu color i estil que pot ser adequat per a molts temes. Fins i tot pot canviar els colors i fer que la seva pròpia mirada d'encàrrec, o simplement seguir endavant i es pot usar aquest botó prefabricats per als seus projectes. Així que aquí està el tutorial.

Click here to download

Crear un nou document de Photoshop. Seleccioneu l'eina Marc rectangular i crear un rectangle d'ample. No importa de quin color és perquè anem a afegir estils de capa.

Wide Rectangle

Rectangle d'ample

Ara veu als estils de capa / capa / Superposició de degradat. Per referència, si us plau la imatge que apareix a sota.

Gradient Overlay

Superposició de degradat

Així, amb l'estil de capa obtindrà resultat com aquest.

menu bar

barra de menú

Ara és el moment d'afegir una mica de drama en la nostra barra de menús. Crear una nova capa i el nom de foscor. Ara selecciona una part del nostre menú i ompli amb qualsevol color. Ara, de nou anem a afegir superposició de degradat en aquesta capa. Així que anar als estils de capa / capa / Superposició de degradat. Per referència, si us plau la imatge que apareix a sota.

Layer Styles/Gradient Overlay

Estils de capa o de superposició de degradat

Així, amb l'estil de capa obtindrà resultat com aquest.

header

encapçalament

Hem de crear línies divisòries. Per a això creem una nova capa i amb Rectangular Marquee Tool crear una línia de rectangle prim. Ompli el següent amb el color (# 616161). Ara còpia aquesta capa i omplir amb el color més clar que (# 999999). Ara alinear i col · locar les línies de banda i banda al costat de l'altre i combinar les 2 capes en una sola. Còpia poc més d'aquesta línia i alinear correctament. Combinar totes les línies en un sol nom de la capa "Línia".

lines

línies

Ara és el moment d'afegir el nostre menú de text, també es pot afegir al seu text propi menú.

menu text

menú de text


Aquesta és la part segona d'aquest tutorial de Photoshop, aquí anem a crear un reflex de la barra de menú. Combinar tots els menús i les capes de text en una sola capa. Duplicar la capa de barra de menús des del panell de capes, i donar-li la volta verticalment (Edición> Transformar> Voltejar vertical).
Photoshop Tutorial

Tutorial de Photoshop

Crear una nova capa per sobre de la barra de menú i duplicar el. Feu una selecció amb l'eina Marc rectangular. Seleccioneu l'eina Degradat, s'estableix en el degradat lineal i després obrir l'editor de gradient. Seleccioneu l'opció "en primer pla a transparent". Ajusteu el color de primer pla (# 2a2727) i arrossegament l'eina de degradat dins de la selecció en la nova capa. I vostè ha de tenir alguna cosa, com es mostra a continuació! I això ens porta al final d'aquest tutorial de Photoshop. Salut!

Menu or button or header or banner

Menú o un botó o un encapçalament o banner

Comparteix i Gaudeix
  •  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
Deixa un comentari 4317 visites, 6 d'avui fins al moment |
Seguir Discussió

One Response to "RIATMP1167-Tutorial de Photoshop - Botó reflectida / Capçalera"

  1. ofigennoe.ru diu:

    Vaig pensar que això era un post molt interessant, gràcies per escriure!

Deixa un comentari