Taller Webmaster

Tutoriales para Webmasters

Bienvenido a Taller Webmaster, donde encontrarás la mejor información sobre tutoriales y recursos para webmasters!

Ingreso de Usuario

Recuperar contraseņa

Registro de Usuario

Publicidad

Crear un Header Web con Photoshop 2

Tutorial Photoshop

 

Tutorial por Solo Photoshop

SoloPhotoshop

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

Comentarios de Crear un Header Web con Photoshop 2

↑ Tutorial

  • richiarchi

    richiarchi

    2006-08-10 14:45

    un diseņo muy origina quisiera mas ejemplos sobre esto
  • nimbo

    nimbo

    2006-11-29 10:26

    muy bien ,yo tambien quisiera mas ejemplos...gracias!