Como modelo para esta explicación, voy a utilizar a una bailarina que gira sobre si misma. Vosotros podéis utilizar cualquier imagen, pero os recomiendo que la vectoricéis antes de utilizarla, ya que si no, perdería calidad y no sería adecuada para este proceso.
El primer paso es abrir photoshop y mirar la línea de tiempo (en este caso ya tiene los fotogramas que vamos a utilizar para la animación, pero a vosotros os tiene que aparecer vacía):
En este proceso vamos a tener que estar muy pendientes de las capas y de la línea de tiempo, así que os recomiendo que los tengáis siempre a mano (lo tenéis todo en el apartado ventana).
Lo segundo que vamos a hacer es coger a la bailarina y ponerla en otra posición,, tamaño, etc. Para esto podéis utilizar la transformación libre y todas sus otras opciones. Yo he hecho que gire sobre si misma:
Mi proyecto tiene en total unas 14 capas, contando con el fondo y la bailarina inicial, mientras que lo demás es el giro.
Lo siguiente puede ser lo más pesado. Para crear la animación vais a tener que estar quitando y poniendo las capas que hayáis hecho para este proyecto y hacer "capturas" de los fotogramas que vayáis a utilizar. Para hacerlo, tenéis que iros a la línea de tiempo y darle a esta pestaña. Esta os hará una "captura" del fotograma y os lo añadirá a la línea de tiempo como podéis ver en la foto.
Cuando ya tengáis los fotogramas que queráis, podéis cambiarle el tiempo de transición que hay entre ellos. Yo personalmente le he puesto 0,07 segundos para que no vaya ni muy rápido ni muy lento.
Ahora hay que guardarlo. En este caso se tiene que ir a:
Archivo -> Exportar -> Guardar para la web.
Ahí os saldrá un recuadro como este:
Lo único que hay que hacer es darle a guardar y ya estaría 😃. Aquí os dejo el resultado de mi animación como ejemplo de banner dinámico. Espero que lo hayáis entendido y si tenéis alguna duda o algo, dejádmelo en los comentarios y lo intentaré resolver en cuanto pueda. ¡Un saludo!
No hay comentarios:
Publicar un comentario