Cómo construir sitios web en Photoshop

Photoshop no es una herramienta de construcción de sitios web , pero puede resultar muy valiosa en la planificación y el diseño de su sitio web. Photoshop le permite darse cuenta de la apariencia de su sitio y de fácil hacer cambios antes de crear el sitio. La construcción de un sitio web en Photoshop es una tarea relativamente sencilla , pero es probable que tenga un montón de prueba y error antes de crear un diseño que usted es feliz con . Cosas que necesitará
Photoshop o software de edición de imágenes similares
Mostrar más instrucciones
Diseño de la página web con Photoshop
1

Crear un nuevo archivo en Photoshop. Ajuste la anchura del archivo de 1.024 píxeles y la altura de 1.000 píxeles.
2

Presione Ctrl R ( Cmd R en Mac) para que las reglas visible en el nuevo archivo .

Página 3

clic en la regla horizontal y arrastre hacia abajo para crear una nueva directriz horizontal. Mueva esta directriz a 20 píxeles desde la parte superior de la imagen. Cree otra guía horizontal y arrastrarlo a 20 píxeles desde la parte inferior de la imagen.

4 Haga clic en la regla vertical y arrástrelo para crear una nueva directriz vertical. Mueva esta directriz a 20 píxeles desde la izquierda de la imagen . Crear otra guía vertical y arrastrarlo a 20 píxeles desde la derecha de la imagen. Ahora tenemos el comienzo de un diseño de página web . Estas guías nos dan márgenes de los bordes de la pantalla y definir el área donde se colocará el contenido de la página web.
5

Haga clic en la regla horizontal y arrastre otra guía horizontal hacia abajo para ajustar la parte inferior frontera de la cabecera de su página web. Cerca de 100 píxeles desde la parte superior de la página que debe dar el espacio que necesita . Repita esto para establecer el borde del pie de página de su sitio web, que define el pie de página como cerca de 100 píxeles desde la parte inferior de la imagen.
6

Haga clic en la opción "Agregar una nueva capa " botón en la paleta de capas . En esta nueva capa , seleccione el área que ha definido para la cabecera con la herramienta de selección rectangular. Elige un color verde brillante de la paleta de colores y llenar la selección con ella. Repita este proceso para el pie de página y la sección media , o el cuerpo. Utilice el mismo verde para el pie de página , pero el uso de un rojo brillante para el cuerpo. Estos no son los colores que va a utilizar para el sitio web son sólo guías adicionales para utilizar al diseñar la página web .

Repita estos pasos para definir otras secciones de la web . Por ejemplo , si desea que las columnas en el cuerpo, utilizar las guías para definir los bordes superiores , inferior, izquierda y derecha de las columnas . A continuación, utilice colores brillantes en su nueva capa para definir el diseño .