Cómo crear un sitio web profesional de cabecera en Photoshop

Si quieres un sitio web más profesional, es necesario tener una cabecera de aspecto decente. No es necesario contratar a un diseñador de páginas web y pagar un montón de dinero, sin embargo: Se puede crear un sitio web de cabecera en Photoshop profesional en muy poco tiempo y agregarlo a su sitio web en unos pocos y sencillos pasos. Puede crear toda la cabecera usando Photoshop, y luego insertarlo como imagen de fondo en una mesa en la parte superior de su sitio web, justo debajo de la etiqueta </ ​​head>.

Instrucciones

1 Abrir Photoshop y crear una nueva imagen. Ajuste el tamaño de la imagen a 1025 por 150 píxeles (el tamaño de la cabecera de la media página web) o el tamaño de su sitio web. Utilice las herramientas de imagen de tamaño para ajustar la imagen al tamaño necesario.

2 Seleccione la herramienta Rectángulo redondeado y mover el puntero a la parte superior izquierda de la imagen. Haga clic izquierdo y dibujar un rectángulo grande en todo el ancho de la imagen. Esto va a definir el exterior de su cabecera.

3 Seleccione la opción ", Capa" "y elige" "Estilo de capa Añadir Sombra" de las opciones que aparecen. En la nueva ventana emergente, haga clic en la casilla de verificación junto a "Sombra paralela, Resplandor interior y Resplandor exterior". A continuación, seleccione la opción "cónico". Su rectángulo será ahora labrado de una manera profesional, con una sombra que añade profundidad.

4 Haga clic en el icono de la "capa" para añadir una nueva capa.

5 Abra la herramienta de texto y arrastrarlo a través de la esquina superior izquierda de la imagen. A continuación, escriba el nombre de su sitio web. Ajustar el tamaño de la fuente y el color y añadir un estilo utilizando las herramientas de la opción de texto en la barra de navegación superior.

6 Seleccione la herramienta rectángulo y haga clic izquierdo en el otro extremo, la parte superior derecha. Arrastre el puntero en la parte superior de la cabecera para crear una barra de navegación más pequeño, superior.

7 Haga clic en la herramienta "Selección directa" y seleccione el rectángulo haciendo clic izquierdo sobre él con el puntero. Los cuadrados pequeños van a aparecer en las esquinas. Haga clic en la esquina inferior izquierda de la forma y arrastre hacia la derecha, creando un borde angulado en esta barra de navegación.

8 Elija la herramienta "relleno" para añadir color a la barra de navegación superior. Añadir efectos, si así lo desea.

9 Cortar y recortar la imagen al tamaño exacto que desea con la herramienta "Recortar".

10 Haga clic en "Archivo" y "Guardar para Web y dispositivos" y guardar esta imagen. Luego subirlo al archivo "Imágenes" en su sitio web.

11 Añadir la imagen a sus páginas web una imagen de fondo en la primera fila de la tabla de la parte superior de su sitio web como. Aparecerá como su cabecera.

Consejos y advertencias

• Añadir una navegación de texto en la fila de la tabla por lo que aparecerá sobre el pequeño rectángulo que ha creado. Sólo tiene que utilizar etiquetas <td> para mover el texto a través de la fila de la tabla. De esta manera, se puede añadir cualquier texto adicional que necesita incluir en su cabecera, en filas o columnas a través de la imagen de fondo, que es su nuevo sitio web de cabecera.