Primero que nada, ya debes tener tus dos (o más) gifs hechos, si no sabes como hacer gifs, puedes checarlo aquí; las medidas van a depender del espacio que vayas a usar, en esta ocasión yo usaré un fondo de 500x500px y mis gifs van a ser de 176x176px.

Cuando ya hayas terminado tus gifs, te recomiendo que pongas las capas en carpetas para que no te revuelvas con tantas capas y que hagas el mismo número de capas para cada gif.


Ahora, vas a seleccionar tu primer grupo de gifs y los vas a copiar y pegar sobre la selección de tu imagen de fondo. Como veras, la imagen que hayas puesto de fondo no se va a ver en los demás cuadros, pero eso se puede arreglar más adelante, solo guiate por el primer cuadro para acomodar tu gif. Cuando lo quieras mover, no olvides seleccionar TODOS tus cuadros y el grupo para que todos se muevan a la par.
Harás esto con todos los gifs que vayas a usar para que te quede algo así


Cuando ya hayas acomodado tus gifs es hora de que se vean todas tus capas, lo que normalmente hago para no tener que ponerlo capa por capa es que al fondo le doy click derecho "convertir en objeto inteligente" y después de nuevo click derecho "rasterizar capa" y ya se podrá ver en todas tus capas.

Eso es básicamente todo lo que debes de hacer, después puedes añadir colores, psd's, actions y todo lo que quieras

Resultado final:



Nota: Mi gif va súper rápido porque solo use 4 cuadros, tu puedes usar más para que se vea mejor.


✿ Recuerda que si tomas este tutorial o alguna de las imágenes debes dar créditos.

taerex @ SMF