Cómo hacer una plantilla Web en Adobe Photoshop CS3

Adobe Photoshop CS3 es una potente herramienta de diseño Web, además de sus capacidades como un programa de retoque fotográfico. Los usuarios pueden crear plantillas para páginas Web que dividen los diferentes elementos de la página para que puedan ser optimizados por separado para maximizar el rendimiento de la página. La creación de una plantilla Web en Photoshop CS3 es tan simple como crear un diseño y el uso del programa de "herramienta de corte". Photoshop se encarga de la codificación HTML básico y le permite centrarse en la creación de la página web más atractiva posible.

Instrucciones

1 Abrir Photoshop CS3 y seleccionar "Archivo> Nuevo" para crear un nuevo escrutinio. Seleccione "Web" en el menú desplegable "preseleccionadas" y la resolución de su plantilla de página preferida en el de la "Tamaño" desplegable. Haga clic en Aceptar."

2 Agregar elementos de página visuales como fotografías u otras fuera del arte utilizando el comando "Archivo> Colocar". Puede cambiar el tamaño de su arte haciendo clic y arrastrando los puntos de anclaje a lo largo del cuadro delimitador, y se puede mover alrededor haciendo clic y arrastrando fuera del cuadro delimitador. También puede agregar elementos visuales de su propio utilizando herramientas de dibujo de Photoshop como la "herramienta Pincel" y las herramientas de forma.

3 Añadir texto a su página usando el "Tipo de herramienta", ubicado en el panel de herramientas en la parte izquierda de la pantalla. Se puede crear un cuadro de párrafo que restringirá el área que puede fluir a través de texto haciendo clic y arrastrando con la herramienta.

4 Seleccione la "herramienta de corte" en el panel de herramientas. Haga clic y arrastre alrededor de cada elemento de su plantilla de página web para crear secciones para cada uno. Esto dividirá su página y permitirá optimizar cada elemento de la aparición y el uso más eficiente de la web.

5 Volver al menú "Archivo" y seleccione "Guardar para Web y dispositivos." Asegúrese de que la "Herramienta de Mano" está seleccionada en el cuadro de diálogo resultante. Seleccionar un elemento de su plantilla de página y tenga en cuenta las opciones en la parte derecha del cuadro de diálogo.

6 Ajuste el formato de visualización para cada sector en función de sus propias preferencias (en blanco y negro de texto y las imágenes deben guardarse como archivos GIF, mientras que las fotografías e imágenes de color de alta deben guardarse como archivos JPEG). Ajuste el campo "Color" "Calidad" o para cada sector para optimizar el tiempo de carga y rendimiento de la pantalla en la Web. La mayoría de las imágenes se mostrarán con poca o ninguna degradación a una calidad mucho más baja que el valor predeterminado. Haga clic en "Guardar" cuando se ha optimizado cada rebanada en consecuencia.

7 Introduzca un título y guardar la ubicación de la plantilla web y asegúrese de que el menú "Formato" se ajusta a "HTML e imágenes." Clic en Guardar."