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 usted lo quiere desde el principio. Esto también tiene la ventaja añadida de que permite utilizar las muchas funciones de gráficos y herramientas 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 de una cámara u otros medios digitales . Como alternativa , se puede utilizar un escáner para digitalizar versiones impresas de las imágenes.
2

Abrir Photoshop . Seleccione "Archivo " en el menú y selecciona "Nuevo". En el cuadro de diálogo que aparecerá , haga clic en " Presets ". Desde las opciones, elegir la opción " Web ". Luego haga clic en "Tamaño" y en el menú opciones seleccione el tamaño que desea para su página, as1024 x 768 o 800 x 600 . Nombre del documento " Página Web SuNombre . " Haga clic en " Aceptar". Haga clic en el botón " Nueva capa " en la paleta " Capas " .
3

Seleccione el ldquo , rectangular herramienta Forma "de la paleta de herramientas . Ir a las opciones de las herramientas que aparecen en la parte superior , ajuste el modo a "Shape Layer" y elija el color que desea como fondo para su anuncio de página Web . Ahora dibuja la forma de la bandera en el lienzo. Haz clic en el botón " Nueva capa " de nuevo.
4

Repita el paso tres para crear las otras formas básicas que usted necesita en su página Web , como divisiones o botones de navegación . Utilice el mismo color que usó para su bandera para crear un tema de color general de su página Web.
5

Seleccione "Archivo " en el menú y seleccione " 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 presionada la tecla " Ctrl " en su teclado y haga clic en la imagen en miniatura al lado de la capa. Seleccione "Editar " en el menú y seleccione " Copiar".
7

Volver a la " página web SuNombre " documento. Seleccione " Editar" en el menú y elegir la opción " Pegar". Utilice la herramienta "Mover " y la función "Escala " se encuentra en " Editar" a la posición de 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" . Seleccione el tipo de fuente y el color que desea para su bandera . A continuación, escriba el texto en el banner. Repita este paso añadiendo todo el texto que necesita para los elementos de la página.
10

Seleccione la herramienta "Slice " 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 elija "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 y dispositivos . " En el cuadro de diálogo , elija GIF como el tipo de archivo y haga clic en " Guardar". Photoshop le ahorrará una carpeta que contiene las imágenes en rodajas y un HTML archivo que puede cargar en su página web

.