Solo Photoshop

Tutoriales Adobe Photoshop

Bienvenido a Solo Photoshop, donde encontrarás la mejor información sobre tutoriales, recursos y artículos de Adobe Photoshop!

Ingreso de Usuarios

Recuperar Contraseña?

Registro de Usuarios

Anunciar en SoloPhotoshop

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

Publicidad

  • Anunciar en Solo Photoshop
  • Anunciar en Solo Photoshop

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 >

Si tienes dudas recurre a nuestro foro de ayuda con un clic aquí

Comentarios de Diseño de Interfases WEB 3

↑ Tutorial

  • ivoalvarez

    ivoalvarez

    2006-04-10 22:09

    perfecto

    Responder

  • SySoP1

    SySoP1

    2006-04-10 23:40

    si qeremos la 4 entrega ^^, muy bueno

    Responder

  • SySoP1

    SySoP1

    2006-04-10 23:41

    dale q estoy en la espera ^^

    Responder

  • HoMeRKiLL

    HoMeRKiLL

    2006-04-11 07:35

    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.

    Responder

  • guerra-creativa

    guerra-creativa

    2009-06-17 01:33

    Un nuevo proyecto llamado Guerra-Creativa se encuentra en la busqueda de todo CREATIVO que posea habilidades en diseño gráfico,
    tanto web como flash, animación 3D y 3D modeling. Enlístate y forma parte de esta comunidad donde podrás competir contra gente
    como tú por grandes premios. No lo dudes, visitá nuestra web http://www.guerra-creativa.com/

    Responder