¿Desea eliminar todas sus búsquedas recientes?

Todas las búsquedas recientes se han eliminado

Crea tus propios banners HTML5 con Google Web Editor

hace 5 años54.3K views

Crear un banner publicitario es más fácil de lo que piensas con el software adecuado. Te presentamos Google Web Designer. Google Web Designer es una aplicación de Google que permite diseñar anuncios en HTML5 así como otros tipos de contenidos desarrollados para la web. La interfaz de Google Web Designer es muy tradicional, parecida a programas de edición de imagen como Photoshop. Cuando empiezas con un nuevo archivo, puedes escoger entre crear un Banner, un anuncio extendible o un anuncio intersticial. Así como archivos en blanco para que empieces escribiendo en el lenguaje que prefieras. Para mostrarte cómo funciona empezaremos creando un Banner. Como ves, las dos únicas plantillas que incluye Google Web Designer son precisamente dos sistemas de publicidad propios de la compañía. Escogemos la opción más genérica. Aquí puedes modificar las dimensiones, el nombre, la carpeta y el tipo de animación, que puede ser rápida, creando la animación de fotograma en fotograma y dejando que la aplicación calcule la interpolación entre ellos; o avanzada, con tratamiento por capas y fotogramas clave, con una timeline y un funcionamiento más parecido a Apple Motion o After Effects. Añadimos una forma rectangular con color de fondo que sirva como base para el banner. Para incorporar imágenes es posible arrastrarlas y soltarlas desde el explorador. Una vez insertadas, tan solo debes situarlas allá dónde desees. Crea una situación final y una previa. El programa se encargara de crear la animación entre estas dos situaciones. Las animaciones pueden ser espaciales o de tiempo, con modificaciones para suavizarlas. Además, tienes posibilidades en tres dimensiones. El funcionamiento es el mismo: con un punto de inicio y uno de final, el programa acaba creando el movimiento. Rotación de objetos/ alineación / colores… cuentas con todas las opciones típicas de un programa de diseño. Además, el programa incluye opciones para añadir galerías de imágenes, otros objetos iframe, mapas, vídeos, zonas de acción, para convertir en clicable cualquier elemento; y eventos para aumentar aún más las posibilidades de tu banner. La vista puede ser en diseño o en código, donde podrás acabar de precisar tu creación. Una vez lo tengas todo listo es el momento para publicar. En el último paso obtendrás un archivo zip con el prefijo css optimizado para el navegador que escojas. Listo para subir online.

Denunciar este vídeo

Seleccionar un tema

  • Contenido sexual
  • Contenido violento
  • Contenido difamatorio u ofensivo
  • Reportaje de noticias falsas

Incrustar el vídeo

Crea tus propios banners HTML5 con Google Web Editor
Reproducción automática
<iframe frameborder="0" width="480" height="270" src="https://www.dailymotion.com/embed/video/x4ck6tm" allowfullscreen allow="autoplay"></iframe>
Añada el vídeo a su sitio con el código embebido anterior

Denunciar este vídeo

Seleccionar un tema

  • Contenido sexual
  • Contenido violento
  • Contenido difamatorio u ofensivo
  • Reportaje de noticias falsas

Incrustar el vídeo

Crea tus propios banners HTML5 con Google Web Editor
Reproducción automática
<iframe frameborder="0" width="480" height="270" src="https://www.dailymotion.com/embed/video/x4ck6tm" allowfullscreen allow="autoplay"></iframe>
Añada el vídeo a su sitio con el código embebido anterior