• Saltar a la navegación principal
  • Saltar al contenido
  • Saltar a la barra lateral principal

Muyamba

Cómo Crear Un Negocio Rentable En Internet

  • INICIO
  • HERRAMIENTAS
Estás aquí: Inicio / Adwords / Cómo Hacer Banners Animados para Adwords con Google Web Designer
Cómo Hacer Banners Animados para Adwords con Google Web Designer

Cómo Hacer Banners Animados para Adwords con Google Web Designer

Publicado por Juan Alcaide 11 comentarios

Estabas pensando en crear tu propia campaña de display en Google Adwords pero te has encontrado con un pequeño problema.

¿Cómo vas a hacer los banners animados?

Si, ya lose, ahora mismo tú sólo sabes que hay banners animados, probablemente sepas que hace tiempo se usaban imágenes GIF para crear los banners animados pero ahora la tecnología ha avanzado mucho más.

Muchos de los banners que estás viendo ahora en las webs que visitas ya no son imágenes GIF, son imágenes hechas con HTML5, CSS y javascript.

Cómo Hacer Banners Animados

 

Contenido del Artículo

  • 1 Y ¿cómo puedes hacer tú esos banners sin complicarte la vida?
  • 2 ¿Qué es Google Web Designer?
  • 3 ¿Cómo es la interfaz de trabajo?
  • 4 Cómo crear banners animados con Google Web Designer.

Y ¿cómo puedes hacer tú esos banners sin complicarte la vida?

La respuesta es fácil.

Google Web Designer.

 

¿Qué es Google Web Designer?

Google Web Designer es un programa que  ha puesto Google a disposición de todo el mundo pero con un objetivo claro.

Ayudar a quien crea campañas de display a crear anuncios gráficos rápidos y visibles en cualquier dispositivo.

Google Web Designer es un programa con una interfaz bastante sencilla aunque su uso puede que te cueste un poco ya que no es un simple editor de imágenes.

¿Conoces Flash?

Sí, esta tecnología de Adobe que tuvo su popularidad en su momento y ahora ha decaído tanto porque sus bonitas animaciones no son compatibles con dispositivos móviles.

Con Google Web Designer puedes realizar tus propias animaciones, no tiene una interfaz tan avanzada como la que pudiese tener Flash en su día pero sin duda vas a poder obtener un buen banner en poco tiempo.

Deberías Leer  Listas de Remarketing en Analytics VS Adwords. ¿Dónde Crearlas para Ganar Efectividad?

 

¿Cómo es la interfaz de trabajo?

He pensado que antes de descargarte el programa te interesará saber cómo es por dentro y qué te puedes encontrar.

Por tanto te dejo una imagen con la interfaz del programa.

interface-web-designer

 

Como verás la apariencia de la interface es similar a casi todos los programas de edición de imágenes.

En la parte superior del programa está un menú bastante escueto con las opciones comunes de estos programas. Archivo, Editar, Ver y Ayuda (entiendes porque te digo que es escueto?).

En el lateral izquierdo están las herramientas con las que puedes trabajar en el diseño de tu banner.

En el lateral derecho tienes el menú con las propiedades, componentes, eventos y CSS. Este lateral es super importante ya que nos va a permitir configurar el banner a nuestro gusto.

Si estás familiarizado con el uso de Photoshop, Illustrator, Gimp o cualquier programa de imagenes sabrás que cuando creas por ejemplo un rectangulo, en la parte superior, debajo del menú, tienes las propiedades para editar ese rectanculo.

En este programa estas propiedades las encontrarás en el menú derecho, algo poco intuitivo que me llevó un rato averiguar.

La parte de abajo tiene la línea de tiempos y donde podremos manejar en qué momento aparece cada componente de los que crees. Esta línea de tiempos es muy similar a la línea de tiempos que había en Flash, donde creabas un fotograma clave y transiciones para hacer tu banner animado.

 

Cómo crear banners animados con Google Web Designer.

En este caso creo que tiene mucho más sentido que te ponga unos vídeos en los que te explican paso a paso y de forma clara cómo puedes crear un banner animado sin ningún problema.

Deberías Leer  Cómo Enlazar Google Analytics con Google Adwords

En este primer video encontrarás la explicación de cómo crear un banner animado con eventos dentro del banner.

 

He seleccionado otro vídeo interesante para tí donde aprenderás a profundizar un poco más sobre las transiciones.

 

Te dejo otro vídeo para que veas lo que se puede hacer con la herramienta, este es el vídeo promocional de Google.

 

Acerca de Juan Alcaide

Soy Juan Alcaide, creador de Muyamba.com.
Soy Ingeniero Técnico en Informática y llevo unos 10 años aproximadamente creando proyectos en internet.
Estoy certificado en Google Adwords.
Quiero compartir contigo todo lo que he ido aprendiendo durante este tiempo. Si quieres que trabajemos juntos ponte en contacto conmigo.

Comentarios

  1. aprendiz dice

    17 septiembre, 2014 al 22:14

    interesante, me haces uno?

    Responder
    • Juan Alcaide dice

      18 septiembre, 2014 al 10:21

      Si, te puedo hacer todos los que quieras 😀

      Responder
      • Marcos Jose Tapia dice

        2 noviembre, 2017 al 16:13

        Si podrias ponerte en contacto conmigo tengo unas dudas y me gustaria consultarte.

        Saludos!

        Responder
  2. Angel Almaraz dice

    14 octubre, 2014 al 17:56

    Muy interesante la entrada, aportas contenidos muy relevantes para hacer campañas.

    Cuando lance mi primer curso lo tendré en cuenta para la campaña.

    Un abrazo!!

    Responder
    • Juan Alcaide dice

      15 octubre, 2014 al 13:27

      Muchas gracias Ángel, espero que te estén ayudando 🙂

      Responder
  3. Esperanza colombia dice

    28 octubre, 2014 al 18:12

    Sr Juan, he tenido la oportunidad de poner en practica varios de las guias que usted nos da en los libros y quiero decirle que son fáciles de entender y de verdad se obtienen resultados en muy corto plazo. espero seguir creciendo en mi empresa y en un futuro no muy lejano contratar su servicio. Gracias.

    Responder
    • Juan Alcaide dice

      28 octubre, 2014 al 20:37

      Muchísimas gracias Esperanza, no te imaginas lo que me alegra ver que he podido ayudarte 🙂

      Responder
  4. Daniel dice

    4 junio, 2015 al 11:31

    Juan muchísimas gracias, desconocía esta herramienta!! Me será muy útil

    Responder
  5. Jhestudio.com dice

    12 septiembre, 2015 al 22:38

    Hiper util!,
    si no fuera por esta clase de tutoriales, sencillos y bien hechos en español, deberíamos tal vez tomarnos horas para aprender algo tan sencillo, felicitaciones!

    Responder
  6. Marcos dice

    13 julio, 2017 al 03:54

    hey brot una duda como subo un banner a mi blog ?? no encuentro tutoriales

    Responder
  7. Antonio dice

    15 enero, 2018 al 23:31

    Buenas noches Juan, disculpa, es posible crear un banner con GWD e introducirlo de alguna manera en un código html? para que se visualice y realice la acción própia del click, como llevarte a otra web. Gracias

    Responder

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Busca en Muyamba…

  • Facebook
  • YouTube

Aprende sobre…

Google Adwords

Facebook Ads

Analítica Web

Landing Pages

Tiendas Online
  • Privacidad
  • Aviso Legal
  • Política de Terceros de Google
  • Contacto

Copyright © 2021 · Muyamba

Este sitio utiliza cookies para mejorar tu experiencia como usuario. Asumimos que si continuas navegando aceptas nuestra política de privacidad.Aceptar Leer Política Privacidad
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necesarias
Siempre activado

Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.

No necesarias

Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.