Cómo diseñar una página web en Photoshop

La página web típica se compone de varios elementos, cada uno de los cuales de por sí es bastante simple de crear. A menudo, estos elementos se crean en los programas de gráficos por separado, y luego se reunió por primera vez en un programa de edición de página web como Dreamweaver o Expression Web. Sin embargo, si usted tiene una copia de Adobe Photoshop, usted puede diseñar su página web directamente en Photoshop, creando cada elemento exactamente donde lo desee desde el principio. Esto también tiene la ventaja añadida de que permite utilizar las numerosas funciones y herramientas gráficas de Photoshop, mientras que la creación de su página.

Instrucciones

1 Guardar las imágenes o gráficos que desea utilizar para su página web (por ejemplo, un logotipo) en el disco duro de su ordenador, ya sea copiándolos desde una cámara u otros medios digitales. Alternativamente, se puede utilizar un escáner para digitalizar las versiones impresas de las imágenes.

2 Abrir Photoshop. Seleccione "Archivo" en el menú y seleccionar "Nuevo". En el cuadro de diálogo que aparece ahora, haga clic en "Presets". De las opciones, elegir la opción "Web". A continuación, haga clic en "Tamaño" y en el menú de opciones de elegir el tamaño que quiere para su página, como as1024 x 768 o 800 x 600. Nombre del documento "SuNombre página web." Haga clic en "Aceptar". Haga clic en el botón "Nueva capa" en la paleta de "Capas".

3 Seleccione la herramienta "Shape rectangular" de la paleta de herramientas. Ir a las opciones de herramientas que aparecen en la parte superior, ajuste el modo en "forma de la capa" y elegir el color que le gustaría que el fondo de la página Web de la bandera. Ahora dibujar la forma de la bandera en el lienzo. Haga clic en el botón "Nueva capa" de nuevo.

4 Repita el paso tres para crear las otras formas básicas que necesita en su página web, tales como divisores o botones de navegación. Usar el mismo color que utilizó para su bandera para crear un tema de color general para su página Web.

5 Seleccione "Archivo" en el menú y elegir la opción "Abrir". En el diálogo que aparece ahora, vaya a la ubicación donde guardó sus imágenes en el paso 1, y abrir la primera imagen que desea utilizar.

6 Ir a la paleta de "Capas" en el lado izquierdo de la pantalla, mantenga pulsada la tecla "Ctrl" en su teclado y haga clic en la imagen de vista previa junto a la capa. Seleccione "Editar" en el menú y seleccione "Copiar".

7 Volver al documento "Página web SuNombre". Seleccione "Editar" en el menú y elegir la opción "Pegar". Utilice la herramienta "Mover" y la función "Escala" que se encuentra en "Editar" para colocar la imagen en la que desea que en la página web.

8 Repita los pasos 5 a 7 para importar todas las imágenes que desea utilizar para su página Web.

9 Seleccione la función "Tipo" de la paleta de herramientas. Aparecerán las opciones de la herramienta "Tipo". Elige el tipo de letra y color que desee para su bandera. A continuación, escriba en el texto sobre el banner. Repita este paso añadiendo todo el texto que necesita para los elementos de su página.

10 Seleccione la herramienta de la "rebanada" de la paleta de herramientas. Utilice la herramienta para crear un sector en torno a la bandera y todos los botones. Haga clic derecho sobre cada rebanada y seleccione "Propiedades". En el cuadro de diálogo, el nombre de cada rebanada. Seleccione "Archivo" en el menú y elegir la opción "Guardar para Web o dispositivos." En el cuadro de diálogo, elija GIF como el tipo de archivo y haga clic en "Guardar". Photoshop ahorrará una carpeta que contiene las imágenes en rodajas y un archivo HTML que puede cargar en su página web.