ubiquitour.com

Cómo crear animaciones GIF en Photoshop CS3

Cómo crear animaciones GIF en Photoshop CS3

GIFs animados permiten mostrar más información a sus espectadores en un espacio limitado de página web, como los banners animados. Crear GIFs animados es un proceso aerodinámico en Adobe Photoshop, y lo es más en la edición de Creative Suite 3.

El único inconveniente para crear animaciones en Photoshop es las opciones disponibles, al igual que hay diferentes formas de editar una imagen. Es decir, hay muchas maneras para hacer su trabajo, y necesita pasar tiempo buscando el método que más te guste.

Aquí voy a mostrarte 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 la versión 5.5 de Photoshop - CS4, pero son más flexibles herramientas de edición de CS3.

Instrucciones

1Cómo crear animaciones GIF en Photoshop CS3

Inicie Photoshop. Si no ves la ventana de animación, ir al menú principal en la ventana del programa, elija Ventana > animación en la lista desplegable. La ventana de animación aparecerá 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 trabajar.

Debería ver una ventana similar como el anterior.

2Cómo crear animaciones GIF en Photoshop CS3

En cuanto a las dimensiones del archivo, puede empezar con una foto especial o con un nuevo archivo (lienzo en blanco). Para los principiantes, vamos a hacer con un lienzo en blanco. En el menú Archivo de las principales opciones, elegir nuevo. Introduzca valores en los campos requeridos junto con otras configuraciones. Haga clic en Aceptar.

3 Con la práctica, más adelante puede comenzar con un archivo de imagen para hacer tu animación GIF, como el mío. Empecé con una imagen recortada de un avión y pegado sobre un fondo de cielo azul en la ventana de animación. Entonces duplicar varias veces el cielo fondo para cada fotograma con el avión y extendió el tiempo de reproducción para cada fotograma. Cuando se presiona el botón "Play", el avión aparece como en una continúa la trayectoria de vuelo. Hay 24 fotogramas total en el ejemplo.

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

5 Ahora echamos un vistazo a lo más destacable de la ventana de animación: en la parte superior de la animación de caja es el cronograma del proyecto y el tiempo para cada fotograma. Puede hacer clic y arrastrar la línea de tiempo para disminuir o aumentar la duración del proyecto. Lo mismo es cierto de cada fotograma (capa). Se puede establecer cuando aparece cada fotograma (capa) y por cuánto tiempo. Y otra vez, los cuadros no necesariamente en secuencia en la que se colocaron en la paleta de capas. Usted también tiene la capacidad para repetir cualquier fotograma (capa) varias veces en cualquier punto de la animación.

Puede crear Time-lapse para cada fotograma en la paleta de capas. Las capas aparecen como espacio en blanco (espacios en blanco), mientras que la paleta animación muestra que los vacíos capas en "tiempo".

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

6 Para familiarizarse de los botones de función, el cursor del ratón de la tierra sin hacer clic en los iconos en la parte inferior de la ventana de animación; Descripción de cada icono aparecerá cerca del cursor.

7 Seleccione el botón de "Convertir a animación de fotograma" en la parte inferior derecha de la ventana de animación.

8Cómo crear animaciones GIF en Photoshop CS3

Ahora ha cambiado la ventana de animación. Cada fotograma de esta ventana representa un solo cuadro en el montaje de animación total. Lo que ves en el marco es lo que verán para ese momento en la película de animación final. Recuerde "WYSIWYG"; lo que ves es lo que obtienes. Cada fotograma en el montaje puede ser manipulado individualmente.

9Cómo crear animaciones GIF en Photoshop CS3

Puede configurar el tiempo para cada fotograma haciendo clic en el menú de "fly-out" en cada capítulo además de otras opciones, en lugar de arrastrar la línea de tiempo como un todo.

10Cómo crear animaciones GIF en Photoshop CS3

Dices que quieres crear una secuencia de 10 marcos, haga clic en el botón de duplicar cuadro situado en la parte inferior de la ventana de animación cerca del centro.

El tiempo de ejecución que se establece en el primer fotograma se copia, también. Puede cambiar el momento en el segundo cuadro y los siguientes periodos así. Para los marcos de 8 siguiente, repita este paso desde el principio.

11Cómo crear animaciones GIF en Photoshop CS3

Así crea todos los cuadros necesarios y han añadido todas las capas necesarias. A continuación, basta con designar cada fotograma en que capas para mostrar.

Primero seleccione un fotograma. En la paleta capas, haga clic en el icono "ojo" a la izquierda de cada capa que no desea que el marco aparezca en la animación (como cuando trabajas con edición de imagen regular en Photoshop). Si ves el icono de ojo, ves la capa, por lo tanto, el marco. Hacer esto para cualquier estructura en el montaje.

12Cómo crear animaciones GIF en Photoshop CS3

Para previsualizar la animación, sólo tienes que seleccionar para seleccionar el primer fotograma, pulsa Play. Si usted quiere verlo repetido así en un bucle sin fin, pulse el botón para siempre en la lista desplegable el primer fotograma.

Proyecto realizado. Guardar la animación y luego cargar para arriba en tu blog o sitio web mediante la secuencia de comandos HTML. Como se puede ver, esto es muy útil para hacer esos artículos desplazable, giratorias anuncios y fotos o mensajes widget para tu sitio.