Adobe Photoshop: Como haceer un Header - Header

(5 opiniones)

Artículo de SimirK AtaM - 17 de Mayo de 2006

Temas Relacionados: Diseño gráfico, Diseño web, Adobe Photoshop, Retoque fotográfico

1. Header

Inicio

En esta ocasion les voy a mostrar los principios basicos para crear un header.

1)Creamos una imagen de exactamente 650x100 pixeles(si quieren lo pueden variar).

2)Vamos a comenzar haciendo el fondo del header, asi que para empezar vamos a usar la herramienta 'Gradiant tool'. Cuando la tenemos selecciona ponemos en 'Mode:difference' y en el tipo de gradiante ponemos 'Radial gradient'como muestra la imagen.

3)Como colores vamos a usar negro y blanco simplemente. Y ahora hacemos gradiantes hasta que quede una forma copada.

4)Apretamos contro+u y con la casilla 'colorize' seleccionada, elegimos un color que nos guste.
Despues duplicamos la capa,con la capa duplicada seleccionada vamos a 'edit->transform->flip horizontal'
y en el 'blend mode' de la capa ponemos 'Screen'.Y finalmente apretamos control+e ,te tiene
que quedar algo del estilo de lo que muestra la imagen.

5)Duplicamos la capa de vuelta y vamos a 'filter->brush stroke->ink outline' y en las propiedades
ponemos:
Stroke lenght = '1'
Dark intensity = '0'
Light intensity = '44'
Vamos a 'filter->distort->pinch' y en las propiedades ponemos '100%'.A la capa que duplicamos en 'blend mode' le ponemos 'overlay'.
Y apretamos 'control+e' para unir las dos capas, y le modificamos el color a gusto apretando 'control+u'.

6)Creamos una capa nueva y en esta apretamos control+a para seleccionar toda la imagen y vamos a 'select->modify->border...' y lo hacemos de '3 pixels' y pintamos la seleccion dee algun color que convine con la imagen, blanco preferentemente!. Ahora vamos a 'layer->Layer style->Blending option' y le ponemos stroke de '1 pixel' de color negro o el que quieran.

7)Cremos una nueva capa en donde vamos a poner el texto. Esta parte de las voy a dejar a ustedes, ya que si no el tutorial se nos hace muy extenso, y basicamente la idea era el fondo.

Espero que les alla gustado y acuerdense que le pueden agregar muchisimas cosas mas para que quede un efecto realmente copado.

Inicio

Tabla de contenidos

1 - Header

Autor y licencia de 'Adobe Photoshop: Como haceer un Header - Header'

SimirK AtaM Extraído de: http://www.disenargentina.com.ar/?sec=1&tutoc=42

Esta obra está bajo una licencia de Creative Commons.

Esta obra está protegida por una licencia de Creative Commons.

Este contenido ha sido recopilado por el equipo de Wikilearning. Todo el contenido recopilado se ha obtenido respetando y comunicando en nuestro site la licencia de cada fuente.

Wikilearning tiene permiso expreso por escrito de los autores para publicar los contenidos que ha extraído de otras webs, incluyendo su uso comercial.

Wikis relacionados con 'Adobe Photoshop: Como haceer un Header - Header'

Jakarta

Jakarta es un nuevo paso dentro del desarrollo de la tecnología orientada a software de... Más »

Netfilter (IPTables) [ II parte ]

En la edición anterior, se explicó las bases de Netfilter/IPTables. En esta segunda entrega, se... Más »

Tutorial de Sendmail

Si tuviera que buscar un adjetivo para calificar a Sendmail, pensaría en "excesivo". Excesivo puesto... Más »

Seguridad en WiFi (Técnico)

WiFI describe los productos de WLAN basados en los estándares 802.11 y está pensado en... Más »

Completo tutorial de HTML

Bienvenidos al manual de HTML de Indaya. A través de todos estos capítulos vamos a... Más »