Cómo diseñar un banner animado para Google Adwords con Photohops

Por Laura Ávila. GO2JUMP

Una de las opciones que Google Adwords nos ofrece para conseguir visibilidad, notoriedad y conocimiento de marca a los usuarios es la Publicidad en formato Display. Con la Red Display, a diferencia de la de Búsqueda, podremos crear anuncios con imágenes o vídeos con los que podemos conseguir un mayor impacto.

Uno de los formatos más conocidos y estandarizados dentro de la Red Display son los banners, tanto estáticos como animados. Por eso, hoy os enseñamos cómo diseñar un banner animado para Google Adwords con el programa Adobe Photoshop.  ¡Empezamos!

Ordena los ingredientes

El proceso del diseño gráfico a menudo puede compararse con el proceso de elaborar una exquisita receta. Necesitamos los ingredientes que nos sirvan tanto para elaborar la pieza como para inspirarnos y escoger el camino gráfico adecuado.

En este caso, los ingredientes serán todo el material gráfico que nos facilite el cliente: el logotipo vectorizado, la tipografía y colores corporativos, imágenes, ilustraciones…
Idealmente, el Manual de Marca suele ser el pack de ingredientes esenciales para no fallar en el diseño. Por desgracia, no todos cuentan con un manual con el que trabajar… En ese caso, un buen recurso sería “conformarnos” con el logotipo como la pista primordial que nos indique “por dónde tirar”.

Una buena fuente de inspiración y de material gráfico es la página web del cliente, ya que así podemos descubrir el lenguaje visual que estamos buscando en un entorno digital.

 Planifica la animación

Una vez hemos recopilado toda la información necesaria, llega el paso de pensar en la animación. Este paso consiste simplemente en esquematizar de forma breve el orden de los frames y el contenido de cada uno de ellos para comprobar que definitivamente explica la propuesta de valor con un orden y coherencia.

En este paso, el briefing puede ser de gran ayuda para saber aspectos básicos como el servicio que queremos promocionar, el objetivo principal y el discurso a seguir, entre otros.

Es importante ser claro y directo, con la mínima cantidad de texto posible y orientado al CTA (call to action) final – el botón que indica la acción a realizar por parte del usuario — .

¿No sabes como crear una animación desde Photoshop? Simplemente activa la ventana de Línea de Tiempo de Photoshop para ver el orden de frames y la duración de cada uno de ellos. Recuerda que en las opciones de repetición, deberemos marcar la opción “2 veces”.

 

Imagen de la opción linea de tiempo en Photoshop

El máster: 336×280

Nuestra recomendación es empezar con un primer banner de 336×280 píxeles. Acostumbra a ser el de mayor peso y el más fácil de trasladar al resto de tamaños.

Una vez aprobado este primer tamaño por parte del cliente, podremos adaptarlo al resto de tamaños admisibles. Recomendamos crear un set de 7 banners, suficientes para aparecer en un volumen considerable de ubicaciones dentro de la Red Display, según el espacio disponible.

No es necesario crear espectaculares transiciones de frames que aumenten el peso final del archivo. Tres frames principales y una pequeña transición inicial pueden ser una solución para darle vida al banner sin excedernos.

 Un consejo: empieza por el final

Puesto que la diapositiva final será la que finalmente quede fija una vez el banner haya finalizado su animación, a veces resulta mucho más cómodo empezar por el último frame, especialmente cuando no tenemos ni idea de por dónde empezar.

La fobia de la página en blanco será mucho menos duradera mediante este proceso, cuando ya tengamos definido el botón de acción, los colores corporativos, el claim, el logo y la imagen final. El resto de frames vendrán prácticamente solos para darle un sentido a la imagen final.

 

Primeros pasos para diseñar un banner animado para Google Adwords en Photoshop

 

Una cuestión de tiempo y peso

 

Puesto que queremos ser claros, breves y directos no podemos alargar la duración del banner mucho tiempo. De hecho, la Red de Display nos obliga a no superar los 30 segundos.

También a nivel de peso de formato, no podemos excedernos de lo 150kb. De ahí que la sencillez y la brevedad tanto en el contenido como en el tratamiento de las animaciones sea tan importante.

Para poder ver estos dos parámetros, podemos comprobarlos haciendo clic en Guardar para Web dentro del programa de Photoshop

En el panel de Guardar para Web, seleccionamos el formato .GIF y comprobamos en la segunda copia que realmente estamos cumpliendo con el tiempo y el peso del archivo. En caso de superar estos dos parámetros, podemos reducir la calidad en la opción “Menos calidad”.

¡Hacemos clic en Guardar y listo!

Ahora que ya sabes cómo diseñar un banner para Google Adwords, podrás ganar en visibilidad con anuncios atractivos que conecten con tu público objetivo.

Vídeo relacionado:

17 Comentarios

Dejar respuesta

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

  1. Google Adwords es una herramienta tan necesaria para aquel que haya decidido emprender un negocio e incluso válida para empresas que busquen que su marca tenga mayor notoriedad y mayor alcance en el rubro en el que se desenvuelva.
    Lo de hoy, son el uso de herramientas y plataformas digitales que harán más efectiva la aplicación del e-marketing llegando a más personas y atrayendo a estas con la utilización de programas que no cualquiera utiliza. En la creatividad y el empeño está el éxito.

  2. Adobe Photoshop, es un programa que la cual debemos tener paciencia, y mucha perseverancia para poder entender como se usa cada herramienta, y así poder diseñar, en lo personal a mí me gusta mucho poder innovar y aprender a usar programas de diseño como Adobe Illustrator, Adobe Photoshop, y es cuestión de paciencia, práctica para no olvidarse para que se usa cada herramienta. Gracias a estos programas, se han realizado varios flyers o banners de publicidad que podemos ver en diversas formas que usan las empresas para poder promocionar sus productos, o generar avisos, etc. para nosotros poder crear un banner con un contenido esencial que atraiga cautive a nuestro público es muy importante también tener en cuenta los colores que se usa y el contenido que se quiere proyectar.

  3. Sin duda un artículo muy importante y video de gran contenido para todos ya que la mayoría ha emprendido un negocio, teniendo como su principal aliado a la tecnología, pues en la actualidad todo se está digitalizando, y por ende debemos utilizar o saber manejar herramientas de comunicación, redes sociales y otras plataformas digitales como lo menciona el articulo Adwords con el programa Adobe Photoshop, para diseñar banners animados con la finalidad que distintas personas puedan conocer el producto o servicio que estamos ofertando.

  4. El diseño de banners entra dentro de esta categoría, y para poder destacar y conseguir resultados necesitas un diseño impactante y atractivo, adaptado al momento, a tu marca y a tu público potencial.
    Si quieres que tus clientes potenciales se fijen en tu banner. Si quieres aumentar tus resultados en tus campañas Adwords. Este articulo me cayo de lo mejor. Muy bueno.

  5. El mundo digital está lleno de publicidad, y entre tanto ruido no es fácil que la gente se fije en tus banners para Adwords mientras otros están tintineando alrededor. Por eso para que tu banner sea visible no basta cualquier cosa o tu banner quedará perdido entre el ruido… Actualizarse es la voz en estas técnicas muy demandas.

  6. Lo difícil es el primer paso de entender bien esta herramienta. Para diseñar un banner para Google Adwords, uno debe ser hábil para ganar en visibilidad con anuncios atractivos que conecten con tu público objetivo. Eso si se gana bien en este negocio.

  7. Obviamente, es necesario comprender que uno de los formatos más conocidos y estandarizados dentro de la Red Display son los banners, tanto estáticos como animados. por ello nos capacitamos. Información actualizada ára mantenernos y sobrevivir en el mercado.

  8. Muy buena iniciativa de crear estos espacios de capacitación ara los emprendedores de stel proceso del diseño gráfico a menudo puede compararse con el proceso de elaborar una exquisita receta. Necesitamos los ingredientes que nos sirvan tanto para elaborar la pieza como para inspirarnos y escoger el camino gráfico adecuado.
    En este caso, los ingredientes serán todo el material gráfico que nos facilite el cliente: el logotipo vectorizado, la tipografía y colores corporativos, imágenes, ilustraciones…Buenos pasos para los que amamos el marketing.

  9. hoy los diseñadores gráficos van de la mano con las estrategias del marketing digital debiendo saber que Uuno de los formatos más conocidos y estandarizados dentro de la Red Display son los banners, tanto estáticos como animados. Por eso, hoy os enseñamos cómo diseñar un banner animado para Google Adwords con el programa Adobe Photoshop. Debemos actualizarnos. Buen art{iculo.