Ingeniería en Tecnologías de la Información

Herramientas Multimedia
ED6.- Header web

Objetivo:

El alumno creará un header web con photoshop

Requerimientos:

Photoshop.

Instrucciones:

Creamos un nuevo documento..., con las siguientes medidas. 786x160 px . Después de haber
creado nuestro documento, procedemos a rellenarlo de color negro con la heramienta "paint
bucket tool (G)"

después de eso en la misma capa vamos a: Filter/render/lansflare

(Filtro/Interpretar/Destello )... y hacemos algo así. presionamos ok, (seguimos en la misma
capa), nos quedara algo así.

y ahora nos vamos a: Filter/Distort/wave... (Filtro/Distorsionar/onda)

y ponemos estos valores.

 Ingeniería en Tecnologías de la Información
Herramientas Multimedia
ED6.- Header web

presionamos ok. Después de esto podemos presionar unas 3,4 o 5 veces [ ctrl F ]
para poder ponerle un poco más de wave desde el teclado. (ya es de gustos) para el ejemplo
actual se presionó 3, solo 3 veces.

despues de esto vamos a duplicar la única capa que hemos usado hasta ahora, vamos a:
Layer/Duplicate layer.. o también en nuestro panel de capas seleccionamos la capa y le damos
click derecho del rato y seleccionamos [ duplicate layer ]..
 Ingeniería en Tecnologías de la Información
Herramientas Multimedia
ED6.- Header web

ahora en la capa duplicada nos vamos a:Edit/tranform/Rotate 180º

despues en la misma capa nos vamos a:Edit/Transform/Warp (Editar/transformar/deformar)

y ahí ustedes le mueven como quieran pueden hacerle para allá para acá como más le agrade,
por ejemplo:
 Ingeniería en Tecnologías de la Información
Herramientas Multimedia
ED6.- Header web

al final se observa el resultado seleccionado:

bien despues de haber hecho esto, uniremos las 2 capas en una sola, y para eso nos vamos
a Layer/Flatten Image...(Capa/Acoplar imagen)

ahora teniendo de nuevo una sola capa procedemos ir a: Image/Adjustments/Hue/Saturation

(Imagen/Ajustes/Tono-Saturación) o [CTRL U] no olviden seleccionar el campo COLORIZE y
ponen los valores que gusten yo puse estos...
 Ingeniería en Tecnologías de la Información
Herramientas Multimedia
ED6.- Header web

El resultado es el siguiente:

ahora ocultemos nuestra única capa y creamos una nueva, en la nueva capa harán una
selección 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 mágica que esta ahi)

Después de eso lo rellenamos de color negro con la herramienta Paint Bucket tool (G),
después de esto procedemos a deseleccionar CTRL D y duplicamos la capa.

después en la capa duplicada vamos a: Edit/Transform/Vertical y la acomodamos para que se

vea algo así..
 Ingeniería en Tecnologías de la Información
Herramientas Multimedia
ED6.- Header web

Layer/Merge Visible o SHIFT CTRL E y trabajaremos en esa capa.. ahora vamos a Layer/Layer
Style/Blending Options. (Capa/Estilo de Capa/Opciones de fusion).. o click derecho en el panel
de capas y seleccionas Blending Options.ponemos estos valores.. Drop Shadow, Bevel and
Emboss, Gradient Overlay

presionamos ok... (Se verá como en la siguiente imagen pero sin la selección) a eso vamos,
ahora creamos una nueva capa y haremos una selección como en la imagen.
 Ingeniería en Tecnologías de la Información
Herramientas Multimedia
ED6.- Header web

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

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

y bueno ya estamos en lo último de este tutorial. Solo es cuestión de poner algún texto con el
nombre de su web o su nick..y tendrán algo así.

Producto:
 Ingeniería en Tecnologías de la Información
Herramientas Multimedia
ED6.- Header web

ED6.- Archivo comprimido en formato zip o rar, el cual contiene al menos los archivos jpg y png
integrado en el apartado de “evidencias 1er Parcial” de la plataforma e-learning de la universidad. El
archivo en formato psd, se revisará en sesión de clase.

Recursos Disponibles:
http://www.youtube.com/watch?v=MhKtvPjfeps
http://www.youtube.com/watch?v=n96wOx_XQQI
http://www.caminocreativo.com/tutoriales-photoshop/basicos/crear-una-header-profesional-limpio/
http://jovanycamara.jimdo.com/tutoriales/
http://www.creativosonline.org/blog/manual-de-photoshop-cs5-en-espanol.html
http://www.solophotoshop.com/
Nota:
Anexar el archivo resultante en la plataforma virtual de la universidad los archivos resultantes. El
tamaño de los archivos no deberá exceder los 1 MB.