Tutorial Photoshop animación semáforo

1º Paso : Archivo - Nuevo - 203 x 600,  Fondo Transparente.

2º Paso:  Creamos 3 circulos de color negro en el are haciendo la forma de semaforo. Seleccionamos la herramienta pincel y le damos un tamaño 60 a 80 depende del tamaño que habeis puesto al principio. Dureza 100 %.

3º Paso:  

Ya tenemos el fondo, Vamos a crear 3 capas nuevas vacias sobre nuestro fondo. Iremos a Ventana - Capas o mas rapido F7.

4º Paso: Ahora pintaremos los circulos de rojo, amarillo y verde por ejemplo:

5º Paso: 

Ahora comenzaremos la animacion seleccionamos Ventana - Animacion, esto nos abrira en la parte inferior una ventana donde podemos hacer los frames de nuestra animacion:

6º Paso:  Ahora vamos a crear 3 nuevos frames a partir del original, lo hacemos con el icono derecho:

7º Paso:  Vamos a comenzar la animacion, seleccionamos el primer frame y vamos a quitarle la visibilidad de las capas roja y amarilla:

8º Paso:  Luego seleccionamos el segundo frame y dejamos la visibilidad solo el fondo y la capa del color amariilo, luego lo hacemos para el tercer frame con la visibilidad para el fondo y la capa del color rojo y por ultimo lo hacemos para la cuarta y repetimos la segunda variante dejando visible el color amarillo y el fondo. 

9º Paso:  Vamos a seleccionar  los 4 frames y le ponemos un tiempo de espera a cada uno de 0, 5 segundos.

10º Paso:  Y ya tenemos nuestra animacion terminada, ahoara seleccionamos Archivo - Guardar para web y dispositivos y le damos a guardar y quedara asi:

DARLE A ESTA PAGINA QUE SE VERA EL RESULTADO FINAL:



file:///C:/Users/Yaiza/Desktop/semaflrl.gif

Espero que haya gustado el tutorial, Besos mañana nos vemos !