6 formas de crear un banner web

Tabla de contenido:

6 formas de crear un banner web
6 formas de crear un banner web
Anonim

Debe estar familiarizado con los banners web (banners web). Este material gráfico generalmente se coloca en la parte superior de un sitio web y muestra el nombre y el logotipo de la empresa, o en forma de publicidad, o una combinación de ambos, en un sitio web comercial. Los carteles deben ser informativos, atractivos y atractivos. Los carteles deben hacer que los visitantes habituales se sientan como en casa. A continuación, le mostraremos varias formas de crear un banner.

Paso

Método 1 de 6: Photoshop

Hacer una pancarta paso 1
Hacer una pancarta paso 1

Paso 1. Cree un nuevo documento

Especifique el tamaño del banner; hay disponibles varios tamaños de banner estándar. A los efectos de este artículo, nos centraremos en el tamaño estándar de "banner completo" (468x60 píxeles).

Nota: este es el tamaño estándar del banner, pero no es obligatorio. Si desea un tamaño diferente, use ese tamaño como guía

Hacer una pancarta, paso 2
Hacer una pancarta, paso 2

Paso 2. Establezca el color de fondo del banner

Llene la capa de fondo (también conocida como capa) con un color que sea compatible con el diseño de su sitio web.

  • Haga clic en Color de primer plano para abrir el Selector de color, luego elija un color de relleno.
  • Con la herramienta Bote de pintura, rellene la capa de fondo del banner con el color que elija.
Hacer una pancarta paso 3
Hacer una pancarta paso 3

Paso 3. Crea una nueva capa

Vamos a llenar esta capa con un color más rico para ayudar a embellecer el texto y el logotipo. El tamaño de esta capa debe ser proporcional al tamaño del banner y estar centrado.

  • En una nueva capa, haga una selección un poco más pequeña que el banner original, luego rellénela con el color deseado.
  • Centre el área llena. Seleccione toda la capa presionando CTRL + A (PC) o Comando + A (Macintosh).
  • En el menú Capa, elija Alinear capas a la selección> Centros verticales. Repita este paso pero seleccione Centros horizontales. Esta acción centrará la capa de contraste tanto horizontal como verticalmente.
Hacer una pancarta paso 4
Hacer una pancarta paso 4

Paso 4. Agrega un logo

Abra el archivo del logotipo, cópielo y luego péguelo en el documento de banner para que aparezca como una nueva capa. Cambie el tamaño para que se ajuste según sea necesario. Presione CTRL + T en una PC, o Comando + T en una Macintosh, y use las manijas para cambiar el tamaño del documento. Utilice la tecla Mayús en el controlador para cambiar su tamaño proporcionalmente.

Hacer una pancarta, paso 5
Hacer una pancarta, paso 5

Paso 5. Agregue el nombre de la empresa o sitio web

Seleccione la herramienta de texto, seleccione la fuente (también conocida como fuente) que desee y luego escriba el texto en ella. Si es necesario, ajuste el tamaño de la fuente, como se describe en el paso anterior.

Hacer una pancarta, paso 6
Hacer una pancarta, paso 6

Paso 6. Agregue elementos adicionales

A veces, un logotipo y un nombre serán suficientes. Pero agregar algunas líneas y adornos agregará interés al banner. Cree una nueva capa para hacer esto, de modo que sus ajustes no interfieran con las otras capas.

Hacer una pancarta paso 7
Hacer una pancarta paso 7

Paso 7. Limpiar

Ajuste la ubicación del logotipo y el título y cualquier elemento adicional, luego guarde el banner.

Método 2 de 6: Microsoft Paint

Hacer una pancarta paso 8
Hacer una pancarta paso 8

Paso 1. Cree un nuevo documento

Hacer una pancarta paso 9
Hacer una pancarta paso 9

Paso 2. Dibuje una selección del tamaño de un banner

Puede crear el tamaño que desee o hacer clic aquí para ver los tamaños de banner estándar.

Hacer una pancarta paso 10
Hacer una pancarta paso 10

Paso 3. Para crear un fondo de color, use la herramienta Bote de pintura para llenar el banner con el color que desee

Utilice colores que combinen con el sitio web.

Hacer una pancarta paso 11
Hacer una pancarta paso 11

Paso 4. Agrega fotos, imágenes y texto

Haga clic en la pestaña Pegar, luego en el menú seleccione Pegar desde.

Busque una imagen que le guste, luego haga clic en el botón Abrir

Hacer una pancarta paso 12
Hacer una pancarta paso 12

Paso 5. Cambie el tamaño de la imagen si es necesario

Haga clic en la pestaña Cambiar tamaño, luego seleccione Píxeles. Ajuste su altura vertical para que coincida con la altura del banner.

  • Mueva la imagen a su lugar.
  • Agregue tantas imágenes como desee (¡y ajuste!)
Hacer una pancarta Paso 13
Hacer una pancarta Paso 13

Paso 6. Agregue un nombre

Utilice la herramienta Texto (botón A) para agregar su nombre o cualquier otro texto que desee.

Hacer una pancarta paso 14
Hacer una pancarta paso 14

Paso 7. Recorta (también conocido como recortar) el banner

Utilice la herramienta Seleccionar y dibuje un cuadro alrededor del banner. Asegúrese de que coincida con el tamaño del resultado final que desea. Luego haz clic en Recortar.

Hacer una pancarta paso 15
Hacer una pancarta paso 15

Paso 8. Una vez hecho esto, guarde

Método 3 de 6: usar Microsoft PowerPoint

Hacer una pancarta Paso 16
Hacer una pancarta Paso 16

Paso 1. Cree un nuevo documento de PowerPoint en blanco

Ajusta la vista al 100%

Hacer una pancarta Paso 17
Hacer una pancarta Paso 17

Paso 2. Dibuja el fondo del banner

Utilice uno de los tamaños de banner estándar o el tamaño que necesite.

  • Haga clic en la pestaña Forma, luego seleccione un rectángulo básico.
  • Dibuja el tamaño que quieras y luego rellénalo al contenido de tu corazón. Puede utilizar un color sólido o, en el menú de color de relleno, seleccionar Efectos de relleno o hacer clic en el botón Estilos rápidos y elegir un color de relleno preestablecido.
Hacer una pancarta Paso 18
Hacer una pancarta Paso 18

Paso 3. Agregue una imagen o logotipo

Puede agregar una foto, logotipo u otra imagen al banner. Usaremos algunas imágenes prediseñadas como decoración. Haga clic en el botón Imagen y seleccione el tipo de imagen que desea insertar. Agregue una imagen, cambie su tamaño y luego colóquela en el banner.

Hacer una pancarta Paso 19
Hacer una pancarta Paso 19

Paso 4. Agregue texto u otros elementos

Ingrese el nombre de la empresa, el eslogan u otra información complementaria para el banner.

Hacer una pancarta, paso 20
Hacer una pancarta, paso 20

Paso 5. Seleccione el banner

En el menú Editar, elija Seleccionar todo o escriba CTRL + A (PC) o Comando + A (Mac). Importante: asegúrese de que su banner esté exactamente como lo desea y que no haya nada más en la diapositiva (también conocida como diapositiva).

Haga clic con el botón derecho en cualquier elemento que no sea de texto en el banner, luego seleccione Guardar como imagen…

Hacer una pancarta Paso 21
Hacer una pancarta Paso 21

Paso 6. Guarde el banner

Ábralo y verifique que el banner sea exactamente lo que desea, luego úselo según sea necesario.

Método 4 de 6: Uso del Creador de banners en línea

Hacer una pancarta Paso 22
Hacer una pancarta Paso 22

Paso 1. Visite uno de los siguientes sitios:

BannersABC.com, Addesigner.com, mybannermaker.com, etc. (Busque en Google cualquier otra cosa). Hay toneladas de creadores de banners en línea. Tómese unos minutos para comparar las distintas funciones y luego elija la que más le convenga.

Hacer una pancarta Paso 23
Hacer una pancarta Paso 23

Paso 2. Agrega texto e imágenes

Siga las instrucciones e instrucciones en pantalla para crear un banner. Estos sitios web suelen ofrecer su propia obra de arte que puede agregar al banner, pero también puede importar imágenes de su propia creación.

Hacer una pancarta Paso 24
Hacer una pancarta Paso 24

Paso 3. Genere el banner

Una vez hecho esto, generalmente habrá una función de exportación que le permitirá especificar el directorio donde se guardará el banner, junto con el formato (JPEG suele ser de buena calidad). Siga las indicaciones, guarde, descargue y use el banner según sea necesario.

Método 5 de 6: Creación de un avatar adecuado para el banner

Hacer una pancarta paso 25
Hacer una pancarta paso 25

Paso 1. Este paso es opcional

Puede crear un avatar que coincida con el banner, si lo usa en los foros.

Hacer una pancarta Paso 26
Hacer una pancarta Paso 26

Paso 2. Utilice la opción Recortar

Esta función está disponible en la mayoría de las aplicaciones gráficas. Recorta la pancarta a un tamaño pequeño.

Alternativamente, puede diseñar una versión pequeña que incorpore elementos en un banner grande. Puede ser un logotipo, una imagen o simplemente el nombre de una empresa. La clave es que sea fácil de leer

Hacer una pancarta Paso 27
Hacer una pancarta Paso 27

Paso 3. El tamaño del avatar debe ser pequeño

El tamaño predeterminado es 48x48 píxeles.

Hacer una pancarta Paso 28
Hacer una pancarta Paso 28

Paso 4. ¡Guarde el avatar

Método 6 de 6: Agregar banners para firmas de foros, sitios web, etc

Hacer una pancarta paso 29
Hacer una pancarta paso 29

Paso 1. Cree una cuenta

Utilice un sitio para compartir fotos como Photobucket, Flickr, Tumblr o similares.

Después de crear una cuenta, puede cargar banners, avatares y otras imágenes en el sitio web

Hacer una pancarta paso 30
Hacer una pancarta paso 30

Paso 2. Obtenga el código

Utilice la herramienta para compartir para obtener código HTML para agregar su banner a firmas de foros, sitios web o lo que sea.

Consejos

  • Instale varias fuentes en su computadora.
  • ¡Practica mucho!
  • Vea banners de muestra en foros u otros lugares.

Advertencia

  • ¡Hacer pancartas requiere tiempo y paciencia!
  • Para guardar el banner en las mejores condiciones posibles, guárdelo en un formato de mapa de bits de 24 bits y luego haga una copia en JPEG y GIF, ya que los archivos JPEG y-g.webp" />
  • Si usa PowerPoint para crear un banner, el resultado final puede estar en formato EMF que Photobucket no admite. Para convertirlo, asegúrese de guardar la imagen (paso # 9) en formato JPEG o GIF. Ambos formatos pueden ser compatibles con Photobucket.

Recomendado: