Diseño de Interfases WEB 3

Tutorial Photoshop de Interfaces y Diseño Web

Tutorial por Paquo360 de SóloPhotoshop

Con la buena aceptación de la 1 y 2 aca tenemos la tercer entrega DISEÑO DE INTERFASES WEB 3, de Paquo360

Luego de la muy buena aceptación de las 2 primeras entregas de DISEÑO DE INTERFACES WEB 1 y 2, Paquo360 nos trae la tercera.

Nota: Si bien fue desarrollado en Photoshop 6, se puede ejecutar en Photoshop CS 2 sin problemas !!

3. Estilos de Capa.

Una vez que tenemos los Elementos básicos de nuestra Interface, es hora de darles profundidad a algunos de ellos, y para esta labor usaremos Estilos de Capa (Layer Styles) los cuales son muy sencillos y prácticos.

Para acceder a los Estilos de Capa tienes varias opciones:

- Haz doble clic con el Botón izquierdo del Ratón sobre la capa en cuestión.
- Un clic con el Botón derecho del Ratón y escoge Opciones de Fusión (Blending Options).
- Sobre la Paleta de Capas presiona el Botón de Estilos de Capa (Layer Styles) .
- O vía: Capa>Estilos de Capa (Layer>Layer Styles)

A cada estilo le daremos el nombre de la capa sobre la que se aplicará. Empezaremos por el más complejo.

Estilo Barra Verde:
Sombra Paralela (Drop Shadow)

Interfaces y Templates Web

Sombra Interior (Inner Shadow)

Interfaces y Templates Web

Bisel y Relieve (Bevel and Emboss)

Interfaces y Templates Web

Estilo Barra Gris:
Sombra Paralela (Drop Shadow)

Interfaces y Templates Web

Bisel y Relieve (Bevel and Emboss)

Interfaces y Templates Web

Satinado (Satin)

Interfaces y Templates Web

Ver las demas entregas < 1 > < 2 > < 3 > < 4 >

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

 Fecha: 10/04/2006  IVOALVAREZ escribió:
perfecto

 Fecha: 10/04/2006  SYSOP1 escribió:
si qeremos la 4 entrega ^^, muy bueno

 Fecha: 10/04/2006  SYSOP1 escribió:
dale q estoy en la espera ^^

 Fecha: 11/04/2006  HOMERKILL escribió:
Muy buen manual, espero la cuarta entrega impaciente, espero que pronto vengan las explicaciones de como pasarlo a dreamweaver o si se va a usar CSS para maquetarla. Gracias por los manuales.

 
© Copyright 2001 - 2008
Solo Photoshop, Tutoriales, VideoTutoriales, Artículos y Recursos de Photoshop y Flash.