DISEÑO Y MAQUETADO DE PLANTILLAS WEB 2

Con Adobe Photoshop y Macromedia Dreamweaver

Continuamos con la segunda entrega junto a Paquo360 que nos enseña como crear una plantilla usando Adobe Photoshop, y luego maquetarla con Macromedia Dreamweaver.

Nota: Si bien fue desarrollado en Photoshop 6, se puede ejecutar en Photoshop CS 2 sin problemas, al igual que usar Dreamweaver 8 para el maquetado. !!

Carga la selección Banner pues con esta empezamos a dar color a las capas.

Crea una Nueva Capa y nómbrala Banner. Sobre esta carga la selección llamada Banner "Select > Load Selection" Rellenarla con un color Gris Oscuro (999999)

Luego carga la selección Pestaña y presiona Supr (delete) , esto elimina esa área de la Capa Banner.

Crea una Nueva Capa y nómbrala Pestaña. Rellena el área de la selección Pestaña con un color gris más claro (CCCCCC)

Crea la selección basado en las guías. Ojo: he movido una guía central que estorbaba.

Finalmente hagámoslo con una de las ventanas, la del menú:

1. – Acopla las guías sobre las líneas de la ventana.
2. – Traza la selección Mayor siguiendo las guías.
3. – Sobre una Nueva Capa (menú) rellena la selección con gris claro (CCCCCC)
4. – Dibuja la segunda selección (superior) y en una Nueva Capa (menú 1) rellena con un gris oscuro (999999)

Presiona "Ctrl + D" para deseleccionar y listo.