Noticias Recursos Articulos Entrevistas ¿Quienes somos? Foro
Google

DiseñAr| Puro diseño grafico| Tutoriales

Tutoriales

cambio de dirección\n buscar en disen-ar.com
Header

  • Nivel: basico
    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.
Salu2 Simirk! | Enviado por: Simirk Atam - El día: 26/4/05 - 11:11:41 |
DiseñAr| Puro diseño grafico.

Los tutoriales publicados en esta seccion son creados por miembros del staff de DiseñAr y esta prohibida su reproduccion completa o parcial, a menos que se cite al autor y la fuente (DiseñAr)


Creative Commons License ${work_title} by ${work_author} is licensed under a Creative Commons ${license_name} License.
Based on a work at ${source_link}.