Cómo crear un diseño de sitio web con Photoshop

A medida que Internet ha evolucionado, también lo ha hecho la demanda para los sitios web de forma gráfica impresionantes. Gran parte de la credibilidad y el profesionalismo de un sitio web está determinada por el diseño de la página web. Un sitio web mal diseñado impulsará los visitantes fuera de la página. Afortunadamente, Adobe Photoshop está equipado con un montón de características para ayudarle a diseñar un sitio web agradable gráficamente. Sólo tiene que seguir algunos consejos simples de diseño y trucos que puede utilizar en Photoshop para crear su sitio web siguiente.

Instrucciones

1 Esbozar un concepto aproximada de su diseño de sitios web en una hoja de papel en blanco antes de comenzar. Etiqueta en la que desea que aparezcan sus cabecera, logotipo, enlaces y contenidos importantes. Tome nota de la combinación de colores que desea para su fondo y la fuente, y ninguna de las imágenes que necesita para obtener para el diseño.

2 Cree su documento de Photoshop. Abra Adobe Photoshop. Haga clic en "Archivo" en el menú de navegación superior y seleccione "Nuevo" del menú desplegable. En el campo "Nombre", escriba "Diseño de páginas Web." Tipo "750" en el campo de anchura y "450" ​​en el campo de altura. Seleccionar píxeles en el menú desplegable junto a las mediciones de la altura y anchura. Seleccione "OK" de la parte superior derecha de la nueva ventana de creación de documentos.

3 Rellenar el fondo de su diseño de sitios web con su color de fondo deseado. Seleccione la opción "herramienta Cubo de pintura" ( "Shift" + "G"), y después elegir su color de fondo deseado haciendo clic en el color deseado en el color de la ventana de navegación a la derecha del espacio de trabajo. Arrastre el cursor de nuevo a la imagen y haga clic una vez para rellenar el sitio web de diseño de fondo con el color deseado.

4 Coloque su logotipo en el diseño de sitios web. Haga clic en "Archivo" en el menú de navegación superior y seleccione "Abrir" en el menú desplegable. Buscar su logotipo, haga clic en él y seleccione "Abrir" en la esquina inferior derecha de la ventana abierta. Escalar su logotipo al tamaño deseado. Haga clic en "Imagen" en el menú de navegación superior y seleccione "Tamaño de imagen" en el menú desplegable. Modificar la altura y la anchura al tamaño deseado y haga clic en "Aceptar". Seleccione la "Herramienta Mover" ( "Shift" + "V"), haga clic en su logotipo y arrastrarlo a su documento de diseño de sitios web. Suelte el botón del ratón para colocar el logo en el archivo. Mueva el logotipo a su ubicación deseada.

5 Crear enlaces de texto para su sitio web. Seleccione la "herramienta de tipo horizontal" ( "Shift" + "T") y haga clic donde desea que el enlace en el diseño de sitios web. Escribir el texto del enlace. Utilice la opción "Mover Tool" ( "Shift" + "V") para colocar el texto de la conexión en la que desea que. Repita este paso para crear múltiples enlaces a varias páginas.

6 Guarde su diseño de sitios web. Haga clic en "Archivo" en el menú de navegación superior y seleccione "Guardar como" en el menú desplegable. Tipo de "diseño web" en el campo "Nombre de archivo" y haga clic en "Guardar" para terminar de guardar el documento.