Cómo crear una página web en Photoshop CS3

Adobe Photoshop es una herramienta ideal para la creación de un diseño de página web y es la herramienta estándar de la industria para la edición de fotos y creación de la imagen de mapa de bits. Crear una presentación en Adobe Photoshop permite al diseñador la capacidad de realizar cambios rápidos sin necesidad de ajustar ningún código. Una vez que el aspecto y la sensación del sitio terminado, Adobe Photoshop hace que sea muy fácil de cortar y optimizar las imágenes para uso web.

Instrucciones

1 Planificar el sitio en el papel. Acercarse a la computadora con un plan claro y el conocimiento de lo que el sitio tendrá que cumplir las expectativas del proyecto. Encontrar ideas para colores y estilos para aprovechar. Cuanto más la planificación y la organización que se produce en esta etapa, las opciones de diseño menos difíciles serán una vez que trabaja en Adobe Photoshop.

2 Abra Adobe Photoshop CS3 y comenzar un nuevo documento. Ajuste la altura del documento a 800 píxeles y el ancho a 600 píxeles. Este es un tamaño estándar para el diseño de diseño web y se asegurará de que la página se puede ver por una variedad de resoluciones de pantalla.

3 Ajuste la resolución del documento de 72 píxeles por pulgada (PPI). Asegúrese de que el modo de color del documento se pone en RGB. Cambiar las unidades de medida que se muestran en la regla de píxeles para mediciones precisas.

4 Construir el marco de la página utilizando las guías. Los límites verticales crearán parámetros para el ancho de la página web y las guías horizontales espaciar los elementos del sitio. Definir las áreas de cabecera, barra de navegación y el área de contenido. Se dejará un margen constante, por lo general alrededor de 10 píxeles, entre los elementos a añadir espacio estético al sitio.

5 Añadir las imágenes y el texto que compondrán el estilo de la página. Para las imágenes complicadas, como el encabezado del sitio, el diseño de una imagen por primera vez en otro archivo y pegarlo en la ubicación deseada en el archivo de diseño. Mantenga todos los elementos de diseño en capas separadas para asegurar la facilidad de edición. Nombrar cada capa después de que el elemento correspondiente.

6 Hacer una imagen de fondo. Un modelo simple en un 100 píxeles x 100 píxeles cuadrados puede ser de azulejos y es más rápido en cargar que una imagen más grande.

7 Cortar el documento en pedazos a codificar en el sitio web. Utilice la herramienta de la "rebanada" para definir las áreas que se guardarán como archivos de imagen individuales.

8 Escoja una rebanada ser salvado mediante "Seleccionar sector." Seleccione Archivo> Guardar para Web y dispositivos para optimizar la imagen para la web. Las imágenes y el estilo de la página en rodajas comprenderán la apariencia de la página web.

Consejos y advertencias

• Codificación, ya sea en Adobe Dreamweaver o un editor de texto, será necesario que el sitio completamente funcional una vez que se carga en un sitio de acogida. Consulte el archivo de ayuda de Adobe Photshop de recursos adicionales.