Crear un banner publicitario: online y gratis

26.02.2016 17:34

Crear banner online

A continuación te enseñare como crear un banner online y totalmente gratis, usando una aplicación muy potente y fácil de entender.

Aprenderas a diseñar de manera intituiva un anuncio grafico que podras poner por ejemplo en tu página web o implementar en plataformas publicitarias... No sin antes mostrarte primero un banner hechos con esta aplicación.

Ejemplo sencillo de banner a crear:

 

Crear un banner de publicidad

En 2 artículos pasados hablamos sobre el mismo tema. Mostré 2 herramientas fáciles, pero muy limitadas para crear uno. Debido a esto me tome la tarea de encontrar otra aplicación mas potente, con mas posibilidades, pero igual de intuitiva.

En mi busqueda fue inevitable toparme con el siguiente monstruo.

bannersnack

Es prácticamente un pez gordo para esto. Proporciona un increíble y completo editor para crear banners en HTML5.

Otro ejemplo de banner a crear:

Algunos de sus clientes son ni mas ni menos que Vadafone, Jimdo y Lego. Al igual que muchas otras pymes y particulares.

Realmente es la mejor opción online que existe para hacer esto. Sin mas.

Nota: Solo otorga una creación gratis. Es decir, podemos utilizar las funciones completas para diseñar un trabajo nadamas. Eso es por cuenta (registro).

Que veras a continuación:

  • Manejo del programa mencionado (conceptos basicos)
  • Publicación de trabajo (inserción mediante código)

Diseñar un anuncio de publicidad

Espero que el siguiente tutorial te ayude mucho, si puedes por favor compartelo.

1. Vamos, lo primero es acceder al  sitio web .

Veremos algo como esto:

Lo primero - Ir al sitio web

2. Despues, al hacer clic en "Make a banner" tendremos que elegir un formato para el trabajo. Esto implicara tambien al editor:

  • HTML5

  • Flash

El tutorial esta dirigido a la versión "HTML5" del programa, la cual aun es beta, pero esta de poca madre. Perdon por eso :D

Diseñar anuncios en html5

3. Bien, luego habrá que registrarse. Mediante email o con una cuenta social externa (Facebook, Google o Twitter). Si, se que esta es la parte mas dificil para el ser humano, no te preocupes el banner valdra la pena.

Después registrarse

4. Ahora ya esta todo listo. Lo siguiente es elegir una plantilla (trabajo presideñado), y obviamente el tamaño (hay que mencionar que tenemos configurados algunos para Facebook Ads). También es posible crear un diseño desde 0.

Herramienta online para crear un banner

En mi caso elegiré una plantilla de banner para solo modificar un poco su contenido y optare por el tamaño: 160x600 (skyscraper) que es uno de los estándares.

5. Bien, ya estaremos dentro del editor. Se ve complejo, pero la verdad no lo es.

En el editor HTML5

Editor HTML5 de banners

Todo se maneja mediante slides, así se mantiene el modelo de presentación: Primero un fondo, luego aparece un texto y mas tarde un botón.

Administración de slides

Nosotros podemos crear, borrar o editar los slides que queramos, si lo que escogimos en el paso anterior fue una plantilla esta ya tendrá algunos.

Si deseamos modificar algún elemento en el banner, solo basta con seleccionarlo y e ir a las opciones de la derecha. Si queremos cambiar su posición solo se arrastra al lugar que se quiere.

Editar y/o mover elementos

Igual, añadir nuevo contenido al banner es muy simple, pues las opciones están en la parte superior. Ya sea un texto, una imagen, un clipart, etc.

Añadir más contenido

En las configuraciones (encontradas en la parte derecha) podemos:

  • Cambiar colores e imágenes de elementos.

  • Alineaciones y tipos de letra para los textos.

  • Añadir/editar animaciones (antes y después).

  • Poner/eliminar acciones de comportamiento.

  • Un largisimo "etc".

configuración de elementos - bannersnack

En cuanto al fondo de base (o universal) del anuncio publicitario, este se puede modificar si nos vamos a la configuración del "stage". Alli tambien se puede crear la URL de salida que sera el enlace oficial (por decirlo asi) del banner.

Ajustes generales - Stage

Algo que hay que destacar es que bannersnack cuenta con una gran colección de contenido, cliparts, imágenes en stock, plantillas de botones, etc.

La verdad es que no tendras que utilizar ningun servicio o banco externo para añadirle cosas de calidad a tu banner.

Imágenes stock para anuncios

Hay que decir que solo basta un poco de exploración para poder "agarrarle la onda a esto ", pues el editor no es nada del otro mundo.

De todas maneras, bannersnack cuenta con un canal en YouTube donde puedes enriquecer aun mas estos conocimientos.

Igualmente como se vaya mejorando la aplicación, ire con tiempo actualizando el articulo. Para que sea su referencia de ayuda en español.

Publicación:

Si ya hemos concluido la edición de nuestro trabajo es hora de que salga del horno, para ello solo basta con hacer clic en "Save".

Al continuar estaremos en una página apreciando el resultado, junto con opciones de salida. Podemos descargar nuestro banner en formato de imagen (png, jpg o gif), o bien incrustarlo en una página web mediante un simple código, esta es la opción recomendada pues empleara las funciones HTML5.

Tener anuncios para Facebook Ads y Google Adwords

Bien, ya sabes casi todo. Pero de hecho tambien puedes entrar en su acedemia oficialde creación de anuncios graficos para aprender mas: www.bannersnack.com/banner-design-academy/

Espero te haya gustado este gran post, si sirve se que lo compartirás :)

Cualquier duda o problema que te pueda surgir deja un comentario.

 

HTML Comment Box is loading comments...