1. Antes de hacer nada vamos a echarle un vistazo a nuestro nuevo espacio de trabajo...

Si os fijáis bien, no es muy distinto al espacio de trabajo del Photoshop. A vuestra izquierda tenéis igualmente la paleta de herramientas. A la derecha tenéis la paleta de capas, la cual os aconsejo tengáis siempre visible como en el ejemplo. En la parte inferior está la paleta de diapositivas, que es lo verdaderamente novedoso en el Image Ready, y lo que nos da la magia del movimiento.

Advertencia: en la parte derecha superior tenéis una paleta llamada Optimizar, cuando trabajéis en imágenes destinadas a gifs animados, como en este tutorial, donde pone Ajustes, justo debajo escoged GIF.

2. Empieza la magia de la animación. En la paleta de capas, si os fijáis, al lado izquierdo de cada capa hay un ojito. Eso significa que esa capa está a la vista. Esto es muy importante en las animaciones, pues es lo que crea la animación en sí.

Haced la prueba y pinchad sobre el ojo de alguna capa. Éste se quitará y la capa en cuestión no se verá en vuestro trabajo. En este primer paso vamos a dejar que se vean sólo las capas del fondo, de la chica y del primer rótulo. El resultado será algo así...

3. Ahora nos familiarizamos con la paleta de diapositivas. Cada diapositiva es un paso en nuestra animación. Primero tenéis que conocer los botones de duplicado y eliminación...

Duplicaremos nuestra primera diapositiva apretando el botón de Copia del cuadro actual. Esta nueva diapositiva será exactamente igual, tendrá las mismas capas y serán visibles las mismas que hemos seleccionado en el paso anterior.

4. En esta nueva diapositiva, a las capas ya activas, añadiremos la visión de la capa del segundo rótulo...

5. Duplicamos esta segunda diapositiva y le añadimos la visión de una nueva capa...

6. Y repetimos esta operación tantas veces como sea necesario, hasta que en nuestra última diapositiva se vean todas las capas que hayas creado.

7. Ahora podemos ver un anticipo del efecto final. Para ello activa la primera de las diapositivas y aprieta el botón de play de la paleta de diapositivas...

No te preocupes si la animación va muy rápido, ese es el último paso de este tutorial.

8. Si te has fijado, en cada diapositiva, justo debajo de la imagen, pone 0 seg. y una pequeña flechita hacia abajo. Éste es el tiempo de exposición de la diapositiva, es decir, es el tiempo que permanece a la vista, por ello en esta primera prueba la animación es tan rápida.

Para ajustar la rapidez de tu animación sólo es necesario que aprietes la flechita a la derecha de los 0 seg. y le pongas el tiempo que prefieras. Lo mejor es que, como siempre digo, vayas probando los distintos niveles y así veas cual se ajusta mejor a lo que estés buscando. En mi caso he decidido que los intervalos sean iguales para todas las diapositivas. Pero puedes hacer que cada una tenga un tiempo de exposición distinto. He decidido darle a las diapositivas un tiempo de exposición de 0,5 segundos. El resultado final sería el siguiente...

Espero que os haya gustado y os haya resultado fácil y práctico.

Parte 3: Otra forma de animar nuestro Letrero Sexy