TUTORIALES DE DISEÑO INTERFASE DE WEB

Crear un Header Bonito

Bien, terminaremos de ver como crear este Header Bonito para nuestra web utilizando Adobe Photoshop.

por Wooper de www.ForoCreativo.net

bien despues de haber hecho ese garabato uniremos las 2 capas en una sola.
y para eso nos vamos a Layer/Flatten Image...
ahora teniendo de nuevo una sola capra procedemos ir a:
Image/Adjustments/Hue/Saturation o [ CTRL U ]
no olviden seleccionar el campo COLORIZE ;)
y ponen los valores ke gusten yo puse estos...

Diseño de Interfase Web, Header Bonito 12

y me kedo algo asi..

Diseño de Interfase Web, Header Bonito 13

todo bien hasta aki... ok
ahora ocultemos nuestra unica capa y creamos una nueva...
en la nueva capa haran una seleccion de su agrado como se muestra en la imagen..
eso con la herramienta.. Polygonal Lasso Tool (L)
(OJO no le hagan caso a la barita magica ke esta ahi)

Diseño de Interfase Web, Header Bonito 14

despues de eso lo rellenamos de color negro con la herramienta Paint Bucket tool (G)

Diseño de Interfase Web, Header Bonito 15

despues de esto procedemos a deseleccionar CTRL D y duplicamos la capa.
despues en la capa duplicada vamos a:
Edit/Transform/Vertical y la acomodamos para ke se vea algo asi..

Diseño de Interfase Web, Header Bonito 16

ok, despues de esto estas 2 capas seran unidas y para eso vamos a..
Layer/Merge Visible o SHIFT CTRL E
y trabajaremos en esa capa..
ahora vamos a Layer/Layer Style/Blending Options... o click derecho en el panel de capas y seleccionas Blending Options.
ponemos estos valores..
Drop Shadow

Diseño de Interfase Web, Header Bonito 17

Bevel and Emboss

Diseño de Interfase Web, Header Bonito 18

Gradient Overlay

Diseño de Interfase Web, Header Bonito 19

precionamos ok... (se vera como en la siguiente imagen pero sin la seleccion) a eso vamos ;)
ahora creamos una nueva capa y haremos una seleccion como en la imagen..

Diseño de Interfase Web, Header Bonito 20

ahora con la herramienta Gradient Tool (G) OJO fijate en la barra de herramientas ke este asi..

Diseño de Interfase Web, Header Bonito 21

precionando el boton del mouse y sin soltarlo
de arriba hacia abajo.. filnalmente lo soltamos y tendremos algo asi...

Diseño de Interfase Web, Header Bonito 22

y bueno ya estamos en lo ultimo de este tutorial..
solo es custion de poner algun texto con el nombre de su web
o su nick..
y tendran algo asi..

Diseño de Interfase Web, Header Bonito 23

ya si despues con lo aprendido en este tutorial
kieren echarle mas emocion pueden mejorarlo..
se puede hacer mucho mas solo es cuestion de creatividad y tiempo
hice un poko mas de lo del tuto
aki la muestra...

Diseño de Interfase Web, Header Bonito 24

espero y les haya gustado este tutorial hecho especialmente por mi para este foro
ya ke me da muchisima weba
hacerlos..

un saludo y gracias por leerlo..

bytes

Parte 1

Hemos creado el correo electrónico tutoriales @ tallerwebmaster com para recibir tus aportes de tutoriales y artículos.
Registrate aquí para consultar, comentar, recibir novedades y valorar los Tutoriales y Artículos

 Fecha: 10/08/2006  RICHIARCHI escribió:
un diseño muy origina quisiera mas ejemplos sobre esto

 Fecha: 29/11/2006  NIMBO escribió:
muy bien ,yo tambien quisiera mas ejemplos...gracias!