Plantilla de imágenes de fondo con Photoshop CS3

Vamos a explicar una cosa sencilla pero muy útil para el diseño de la plantilla de una web que esté basada en imágenes de fondo.

Se trata de la herramienta Sector, que incluye Seleccionar Sector.

Necesitamos una imagen a 72 ppp (para web). Con la herramienta Sector dividiremos la imagen a nuestro gusto, en el ejemplo la hemos dividido en 4 partes: Cabecera, columna derecha, pie y contenido.
[sociallocker]
Lo siguiente será ir a Archivo -> Guardar para Web y dispositivos…, donde seleccionaremos el tipo de archivo a guardar, y pulsaremos «Guardar». Si elegimos guardar como HTML e imágenes, CS3 nos creará una carpeta de nombre «imágenes» que contendrá los distintos sectores como imágenes independientes, y un archivo HTML con los sectores ya «acoplados».

Luego editaremos el código fuente de este HTML con nuestro propio CSS. Se aconseja conservar el archivo PSD con los sectores para poder realizar futuros ajustes con comodidad.[/sociallocker]

Write a Reply or Comment

Your email address will not be published.