Phothosop >> Imagen GIF ~ InfoExitoBlog

Pasos para crear una imagen GIF

(Usando Phothosop)

ESTE SERA EL RESULTADO:

1- Creamos un nuevo lienzo, nuevo proyecto.

2- Elegimos el tamaño que nosotros queramos, en este caso está en pixeles, le damos a OK

3- Se nos abre nuestro lienzo(espacio de trabajo)

4- Empezamos a crear nuestras capas para nuestro GIF animado, en este caso yo realice un botón “Clic Aquí”, por lo que utilice tres capas principales: 1. la capa del rectángulo, 2. clic aquí, 3. y la de la mano cursor. Si se dan cuenta para las capas del rectángulo y la de la mano yo les realice efectos a cada una, son efectos de sombreado, resplandor, bisel, otros. Todos estos efectos son los que hacen bonito nuestro GIF, nuestro diseño, solo hay que tener un poco de imaginación y siempre apuntando a lo que realmente queremos hacer.

5- Luego, teniendo seleccionada la capa de la “mano cursor” le doy a “Ctrol J” esto es para multiplicar la capa y así empezar a darle movimientos a la mano del GIF.

Notas:

Ø Mientras más capas yo multiplique a una capa principal, pues mejor se verá nuestro diseño final, porque de esta manera la animación no se verá como movimientos de robots si no con movimientos fluidos consecutivos… algo parecido a las animaciones de WaltDisney en sus inicios. (La capa la multiplique 7 veces).

Ø La capa de nombre “Form 1”, la he utilizado para crear un trayecto lineal continuo desde la posición inicial hasta la posición final que va a tener la mano en su animación, es solo una línea guía que coloco momentáneamente que después la puedo eliminar.

Ø La carpeta con nombre “botón hundir o Grupo 1” fue creada con la finalidad de colocar allí dentro las tres capas principales que hagan el efecto de que el botón de verdad se está hundiendo cuando la mano le hace Clic; para hacer este efecto: seleccionamos(sombreamos) las tres capas que están dentro de Grupo 1 y luego con la opción de “transformación libre ó Ctrol T” que se encuentra en el menú: “Edición” y presionando la tecla Alt agarramos una de las esquinas de las tres capas conjuntas y las reducimos o sea la minimizamos para que el botón se vea más pequeño.

6- En este paso viene lo más divertido, y es el de la animación de nuestro GIF:

a. Abrimos la ventana de animación:

b. Habilitamos la capa Form1 que tiene la línea guía, recordar que la línea guía es para guiar la mano en forma oblicua hasta el centro del botón, luego la eliminaremos. Además recuerden que las animaciones siempre se deben empezar desde la macro o fotograma 1.

OJO: van habilitando o deshabilitando las capas que ustedes quieran que se visualicen en el fotograma seleccionado, y de esta manera le damos movimiento a la imagen. Ejemplo:

c. En el fotograma 9 es donde vamos a seleccionar el Grupo 1, que como dije anteriormente es quien tiene las 3 capas principales pero con disminución de tamaños para que se vea el efecto de hundimiento al hacer clic.