content top

Destello giratorio animado en Photoshop Cs4

Tutorial de Photoshop para hacer un Destello Giratorio Animado.

Primero creamos un archivo de 400×400 pixeles (cuadrado) y transparente.
Si quieren renombramos la primer capa como Fondo y luego crean otra capa

Luego seleccionamos la Herramienta de forma personalizada y elegimos el triángulo.

Y trazamos un triángulo medio estirado como esto:

Despues de crear al menos un triángulo ponemos Ctrl+J para duplicar el triangulo.
Seleccionamos la capa con la herramienta mover y la giramos manteniendo shift presionado (lo giramos 2 veces con shift).

Y ubicamos el triangulo en el vertice superior del primer triangulo original.

Como pueden predecir, ahora seguiremos haciendo lo mismo hasta completar toda la vuelta pero les voy a facilitar en un 50%.
Primero hacemos media vuelta y quedaria asi:

Luego seleccionamos solamente las capas de los triangulos de entre medio, es decir las que estan giradas (las verticales no) y le damos click derecho Combinar capas.

Despues de hacer eso duplicamos esa capa combinada y le damos Edicion/Transformar/Voltear horizontal y la ubicamos en el centro de manera que quede asi:

Luego de copiar, combinar, y hacer muchas cosas. Seleccionamos todas las capas (menos el Fondo) y las combinamos, de manera que solo quede una capa que tenga todos los triangulos (la nombran como Destello) y otra aparte para el fondo.

Luego para darle color, vamos a la capa Fondo y le aplicamos cualquier degrade que se nos cante.

Luego de tener el Fondo ya listo, seleccionamos la capa Destello y la agrandamos de manera que sobresalga de los 400×400 pixeles y quede bien ajustada (agrandenla manteniendo Shift para que se agrande proporcionalmente) e intentamos ponerla bien en el centro.

Luego vamos a pasar a la parte de animacion, y para ello vamos a duplicar 4 veces la capa Destello, de manera que queden 5 Destellos y solamente apliquen para ver la capa Destello original.

Luego vamos aplicar para ver la capa original y la primer copia. Seleccionamos la capa Destello 1 (la primer copia) y y le damos un efecto de trazo negro para ver cuanta distancia se movio. Luego la empezamos a girar y vamos a ir viendo cuanta distancia la hemos girado, uds. girenla la distancia que les plazca, pero en este caso tengo 5 capas solamente y tengo que girar bastante entre cada capa.

** El efecto de trazo aplicarselo a todas las capas de Destellos menos a la original.

Y asi vamos haciendo con todas las copias de Destellos… hasta que en la ultima la imagen no quede vertical como la primera…

Luego de girar las 4 copias le quitamos el trazo y vamos a Ventana/Animación. Despues vamos a ver que en el panel de Animacion hay un cuadro; bueno seleccionamos ese cuadro y en el Panel de capas seleccionamos la capa Destello 1 (las demas las dejamos sin verlas) y obviamente la de Fondo siempre tiene que estar seleccionada y en donde dice 0 seg hacemos click y yo en mi caso le aplique 0,2 segundos entre cada cuadro.

Ahora hacemos click en la esquina y ponen Nuevo cuadro.

En el segundo cuadro vamos a seleccionar el Destello 2 y dejamos sin ver el Destello 1.

Asi seguimos sucesivamente con todas las capas hasta el Destello 5 y a cada cuadro le ponen 0,2 segundos o el que quieran.
Y ya abra quedado nuestra animacion.
** Pueden darle click al boton reproducir para ver como quedo.

Para guardar la imagen animada vamos archivo/ Guardar para web y dispositivos y luego vamos a tener muchisimas opciones para guardar el .GIF y le damos guardar.

La animacion quedaria asi:

Espero que te haya servido a todos!

7
Liked it
Etiquetas: , , , , ,
votar


4 Responses to “Destello giratorio animado en Photoshop Cs4”

  1. Fernando dice:

    Muy bueno! Me sirvio, gracias!

  2. THE LUKS dice:

    Bueno esto no es especificamente Arte digital…
    Es simplemente un efecto grafico.

    Está muy bien esplicado, gracias por compartirlo.

  3. sinpalabras dice:

    Muy buen pasa a paso de como hacer un Gif animado.
    Saludos

  4. Hmm, I’ve enjoyed reading your site. I have heard a lot of people are more engaged when learning visually so perhaps consider adding more videos to your blog posts :-)

Leave a Reply