Cómo crear la cabecera de un sitio web profesional con Photoshop

Escrito por steve smith | Traducido por contributing writer
  • Comparte
  • Twittea
  • Comparte
  • E-mail

Si quieres un sitio web más profesional, necesitas una cabecera con mejor apariencia. No tienes que contratar a un diseñador web y pagar mucho dinero. Puedes crear una cabecera profesional con el programa Photoshop en muy poco tiempo y agregarla en solo unos pasos. Puedes crearla por completo usando este programa, luego insertarla como imagen de fondo en una tabla arriba del sitio, justo debajo de la etiqueta.

Nivel de dificultad:
Fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Abre el programa Photoshop y crea una nueva imagen. Configúrala del tamaño 1025 por 150 píxeles (el tamaño promedio de las cabeceras) o el tamaño de tu sitio. Usa las herramientas de tamaño de imagen para las configuraciones necesarias.

  2. 2

    Selecciona la herramienta de rectángulo con puntas semi redondas y mueve el puntero hacia la parte superior izquierda de la imagen. Haz clic con el botón izquierdo y dibuja un rectángulo grande a través del ancho de la imagen. Esto definirá la parte exterior de la cabecera.

  3. 3

    Selecciona las opciones "Capa", "Estilo de capa" y elige "Agregar sombra". En la nueva ventana, haz clic en "Sombra", "Resplandor interior", "Resplandor exterior". Luego elige la opción "Biselado". El rectángulo quedará con un estilo profesional, con una sombra que agrega profundidad.

  4. 4

    Haz clic en el icono "Capa" para agregar una nueva.

  5. 5

    Abre la herramienta de texto y arrástrala a través de la esquina izquierda superior de la imagen. Luego escribe el nombre de tu sitio web. Ajusta el tamaño de la fuente y el color y agrega un estilo usando la herramienta arriba de la barra de navegación.

  6. 6

    Selecciona la herramienta para hacer rectángulos y haz clic con el botón izquierdo en la esquina izquierda superior. Arrastra el puntero a través de la parte de arriba de la cabecera para crear una barra de navegación más pequeña.

  7. 7

    Haz clic en la herramienta "Selección directa" y selecciona el rectángulo haciendo clic en él con el botón izquierdo. Aparecerán cuadros pequeños en las esquinas. Cliquea la esquina izquierda inferior de la forma y arrástrala hacia la derecha, creando un borde angular en la barra de navegación.

  8. 8

    Elige la herramienta "Rellenar" para agregar color a la barra de navegación de arriba. Si quieres agrega efectos.

  9. 9

    Corta y recorta la imagen hasta el tamaño que desees con la herramienta "Recortar".

  10. 10

    Haz clic en "Archivo" y "Guardar para Web y Dispositivos" y guarda la imagen. Luego súbela al archivo "Imágenes" en tu sitio web.

  11. 11

    Agrega la imagen a tus páginas web como imagen de fondo en la primera fila de la tabla superior del sitio. Ésta aparecerá como la cabecera.

Consejos y advertencias

  • Agrega un texto de navegación en la fila de la tabla así aparecerá sobre el rectángulo pequeño que creaste. Sólo usa las etiquetas para mover el texto a través de la fila de la tabla. De esta manera, puedes agregar cualquier otro texto que necesites incluir en tu cabecera, en filas o columnas a través de la imagen de fondo, la cual es tu nueva cabecera del sitio web.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles