Vídeo: Botón animado en Photoshop

  • Por
Videotutorial para crear una animación en un GIF animado con Photoshop, con un simple botón que tendrá varios fotogramas para provocar la animación.
Estamos publicando otro videotutorial sobre la creación de un GIF animado, debido a que el primero de los vídeos sobre este tema ha tenido bastante éxito y hemos recibido diversas consultas para ampliar la información proporcionada. En este caso vamos a crear un simple botón animado con un mensaje y diversos elementos gráficos.

En el anterior vídeo del taller de Photoshop ya explicamos sobre la creación de un GIF animado y vimos paso a paso cómo hacerlo a través de este programa y su complemento Image Ready. Puedes ver el anterior material multimedia en: Vídeo de crear un gif animado

Para quienes prefieran la explicación tradicional, en texto, recordamos que hemos publicado también en el pasado diversos artículos sobre la creación de GIFs animados, como:

En el presente vídeo verás cómo crear una imagen con aspecto de botón, con esquinas redondeadas y un poco de bisel y relieve, que haremos con los efectos de estilos de Photoshop. Luego haremos todo el proceso para generar los distintos componentes de la animación, en capas separadas para poder animarlas con Image Ready.

El botón que vamos a crear durante el videotutorial se puede ver a continuación, con sus distintas animaciones y mensajes.


Nos hemos apurado para que la animación entera cupiera en 10 minutos y se pudiera subir a YouTube, para lo que hemos tenido que resumir el proceso todo lo que se ha podido. Finalmente, espero que pueda entender todo bien y que las explicaciones sean útiles, así como el ejercicio práctico.

Autor

Miguel Angel Alvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Comenzó en el mundo del desarrollo web en el año 1997, transformando su hobby en su trabajo.

Compartir