GIF animados le permiten mostrar más información a los espectadores en un espacio en la página web limitado , como los banners animados. Creación de GIFs animados es un proceso de línea de corriente en Adobe Photoshop, y lo es más en la edición de Creative Suite 3 . El único inconveniente a la creación de animaciones en Photoshop son las opciones disponibles , al igual que hay diferentes maneras de editar una imagen. Es decir que hay muchas maneras de conseguir su trabajo, y tiene que pasar tiempo para encontrar el método que te gusta most.Here voy a mostrar una de las muchas maneras de hacer animación en Photoshop CS3. Voy a utilizar un cortometraje que hice como ejemplo para este tutorial. Las instrucciones son aplicables a Photoshop v5.5 - CS4, pero las herramientas de edición CS3 son más flexibles . Cosas que necesitará hotel Adobe Photoshop CS4 ~ v.5.5 con ImageReady o ampliación Fireworks
máquina para PC con MS Windows Vista o XP, cualquier versión
ratón
Digital de edición de imágenes y la película de animación experiencia útil
Ver Más instrucciones
1

lanzamiento Photoshop. Si no aparece la ventana de animación , vaya al menú principal de la ventana del programa, elija Ventana > Animación en la lista desplegable. Aparecerá la ventana de animación en la parte inferior de la pantalla. Arrastre los bordes de la ventana de animación a un tamaño que sea cómodo para usted para trabajar,

Usted debe ver una ventana similar como la de arriba .
2

del archivo dimensiones , se puede comenzar con una foto en particular, o con un nuevo archivo ( lienzo en blanco ) . Para los principiantes , vamos a hacer esto con un lienzo en blanco. En el menú Archivo de las principales opciones , elija Nuevo. Introduzca valores en los campos necesarios , junto con otros ajustes. Haga clic en Aceptar .
3

Con la práctica, más tarde puede comenzar con un archivo de imagen para hacer tu animación GIF , al igual que la mía. Comencé con una imagen recortada de una aeronave y pegado en un fondo de cielo azul en la ventana de animación . Entonces duplicado varias veces el fondo del cielo para cada cuadro con la aeronave , y extendió el tiempo de juego de cada fotograma. Cuando se pulsa el botón "Play" , el avión aparece como en una continua trayectoria de vuelo . Hay 24 cuadros en total en el ejemplo.
4

Photoshop crea una capa nueva para usted, y lo nombra " 0 " por defecto. Con esto en mente , cada capa posterior se convertirá en un nuevo objeto para manipular dentro de su ventana de animación . Además, las capas posteriores se pueden colocar ( con su opción ) en cualquier nivel en la paleta Capas , no necesariamente en el orden en que fueron creados.
5

ahora echar un vistazo a la característica más importante de la ventana de animación : a lo largo de la parte superior del cuadro de la animación es la línea de tiempo del proyecto y el tiempo para cada fotograma . Puede hacer clic y arrastrar la línea de tiempo para aumentar o reducir la duración del proyecto. Lo mismo es cierto de cada marco ( capa ) . Puede establecer si cada marco (capa ) aparece y por cuánto tiempo. Y de nuevo, los marcos no necesariamente en secuencia en la que se colocaron en la paleta Capas. Usted también tiene la capacidad de repetir cualquier marco (capa ) varias veces en cualquier punto de la animación .

Puede crear lapso de tiempo para cada cuadro en la paleta Capas. En las capas aparecen como en blanco ( espacios en blanco ) , mientras que la paleta de animación muestra las capas vacías en " tiempo " .

Cada capa aparecerá en la ventana de animación como su propio marco ( o línea ) en el . montage
6

Para familiarizarse de los botones de función , la tierra el cursor del ratón sin hacer clic en los iconos en la parte inferior de la ventana de animación , la descripción de cada icono se mostrará junto al cursor
< . br> 7

Seleccione la opción " Convertir Frame Animation para " botón en la parte inferior derecha de la ventana de animación .
8

Ahora la ventana de animación ha cambiado. Cada cuadro en esta ventana representa un solo fotograma de la animación total de montaje. Lo que se ve en el cuadro es lo que usted verá por ese momento en la película de animación final. Recuerde " WYSIWYG " , lo que ves es lo que obtienes. Cada cuadro en el montaje se puede manipular de forma individual .
9

Usted puede ajustar el tiempo para cada cuadro haciendo clic en el menú " fly- out" en cada cuadro , además de otras opciones, en lugar de arrastrar la línea de tiempo en su conjunto.
10

Diga que desea crear una secuencia de 10 cuadro, haga clic en el botón Duplicar fotograma situado en la parte inferior de la ventana de animación cerca del centro.

el tiempo de ejecución se establece en el primer cuadro se copia , también. Puede cambiar el tiempo en el segundo cuadro y los siguientes cuadros también. Durante los siguientes 8 cuadros , repita el proceso en este paso desde el principio.
11

Así que ha creado todos los marcos necesarios y se han añadido todas las capas necesarias . A continuación, sólo tiene que designar a cada marco en el que las capas para mostrar .

Seleccione primero un marco. En la paleta Capas, haga clic en el icono "ojo " a la izquierda de cada capa no desea que el marco aparezca en la animación (como cuando se trabaja con edición de imagen normal en Photoshop ) . Si ve el icono del ojo , se ve la capa , por lo tanto, el marco. Hago lo mismo con cualquier marco en el montaje .
12

Para previsualizar la animación /película , sólo tienes que seleccionar para resaltar el primer fotograma, presione Reproducir. Si quieres ver lo repite así en un bucle sin fin , haga clic en el botón para siempre en la lista desplegable debajo del primer cuadro.

Proyecto realizado. Guardar la animación y , a continuación, cargarlo en tu blog o sitio web mediante secuencias de comandos HTML. Como puede ver , esto es muy útil para hacer los artículos de desplazamiento , rotación y fotos, anuncios o mensajes de widget para tu sitio.