I. INTRODUCCIÓN
Entendiendo la animación
Una visualización rápida de una secuencia de imágenes, o animación, crea la apariencia de movimiento. En Photoshop, puedes generar animaciones a partir de tus imágenes. Puede crear una animación haciendo pequeños cambios en varias imágenes y luego ajustando el tiempo entre su apariencia. Cuando convierte una imagen a HTML para mostrarla en una página web, los segmentos se convierten en celdas de una tabla HTML y las animaciones se convierten en archivos en carpetas de objetos.
Habilidades extendidas de Photoshop para video
Las aplicaciones Photoshop Extended y Apple QuickTime® se pueden usar para reproducir y modificar videos. Casi cualquier habilidad de Photoshop que pueda aplicar a imágenes se puede aplicar a videoclips. Y no tiene que invertir en equipos de cámaras de video sofisticados y caros para grabar videos. Casi cualquier cámara digital de apuntar y disparar comúnmente disponible tiene la capacidad de grabar video. (¡Así que prepárate para aprovechar tu Scorsese interior!)
Ajuste fino de imágenes con RAW de cámara
Las imágenes que tome con su propia cámara digital se pueden modificar utilizando Adobe Bridge y el cuadro de diálogo Camera Raw. Puede usar el cuadro de diálogo RAW de cámara para ajustar las imágenes en formato RAW (así como las de los formatos JPG y TIFF) al tiempo que conserva todos los datos de la imagen original.
II. CREAR Y JUGAR LA ANIMACIÓN BÁSICA
Entendiendo la animación
Puedes usar casi cualquier tipo de imagen gráfica para crear interesantes efectos de animación. Puede mover objetos en su imagen o superponerlos para que se mezclen entre sí. Una vez que coloca las imágenes que desea animar en un archivo, puede determinar cómo y cuándo desea que se reproduzca la animación.
Creando animación en el panel de animación
Recuerde que una animación no es más que una serie de imágenes fijas que se muestran rápidamente para dar la ilusión de movimiento. El panel Animación muestra una miniatura de la imagen de animación en cada fotograma. Un marco es una imagen individual que se utiliza en la animación. Cuando crea un nuevo marco en el panel Animación, duplica el marco actual y luego puede modificar el marco duplicado como desee. Las capas que están visibles en el panel Capas aparecen en el marco seleccionado y luego en la animación. Aquí está todo lo que está involucrado en la creación de una animación simple:
â- Colocar imágenes en capas en el archivo.
â- Ocultar todas las capas menos una.
â- Duplique el marco, desactive la capa mostrada y luego active la capa que desea ver.
Animando imagenes
Si observa el panel Capas en la Figura a continuación, verá que hay imágenes en dos capas. El panel Animación contiene dos cuadros: uno para cada una de las capas. Cuando se selecciona el cuadro 1, el hombre aparece en la imagen; Cuando se selecciona el cuadro 2, aparece la mujer. Cuando se reproduce la animación, las imágenes del hombre y la mujer se alternan.
Mover y borrar marcos
Para mover un marco a un lugar diferente, haga clic en el marco en el panel Animación y arrástrelo a una nueva ubicación. Para seleccionar cuadros contiguos, mantenga pulsada [Shift]y, a continuación, haga clic en los marcos que desee incluir. Para seleccionar marcos no contiguos, mantenga presionada [Ctrl] (Win) o (Mac), y luego haga clic en los marcos que desea incluir. Puede eliminar un marco haciendo clic en él en el panel Animación y, a continuación, arrastrándolo al botón Eliminar marcos seleccionados en el panel Animación.
Buceando la animación
Puede configurar el número de veces que se reproduce la animación haciendo clic en la flecha de la lista de opciones de bucle de Selects en el panel Animación, y luego haciendo clic en Una vez, 3 veces, Para siempre u Otro. Cuando selecciona Otro, se abre el cuadro de diálogo Establecer recuento de bucle, donde puede ingresar el número de bucle que desee.
Vista previa de la animación
Cuando esté listo para previsualizar una animación, tiene algunas opciones:
â- Puede usar los botones en la parte inferior del panel Animación. Cuando haces clic en el botón de animación Reproducciones, se reproduce la animación.
â- Puede obtener una vista previa y probar la animación en su navegador haciendo clic en Vista previa de la imagen optimizada en un botón del navegador en el cuadro de diálogo Guardar para Web y Dispositivos.
Convertir cuadros de animación en una línea de tiempo
De forma predeterminada, el panel Animación muestra marcos, pero puede cambiar el panel para que muestre una línea de tiempo. Para cambiar la visualización, haga clic en el botón Convertir a animación de la línea de tiempo en la esquina inferior derecha del panel Animación (Marcos). (Regrese a los marcos de visualización haciendo clic en el botón Convertir a animación de marco cuando se muestra la línea de tiempo). La figura a continuación muestra el panel Animación (línea de tiempo). A medida que arrastra las barras para cada una de las capas en la animación, la imagen se actualiza para mostrar el efecto de sus cambios. De forma predeterminada, el panel Animación muestra marcos, pero puede cambiar el panel para que muestre una línea de tiempo. Para cambiar la visualización, haga clic en el botón Convertir a animación de la línea de tiempo en la esquina inferior derecha del panel Animación (Marcos). (Regrese a los marcos de visualización haciendo clic en el botón Convertir a animación de marco cuando se muestra la línea de tiempo). La figura a continuación muestra el panel Animación (línea de tiempo). A medida que arrastra las barras para cada una de las capas en la animación, la imagen se actualiza para mostrar el efecto de sus cambios.
Exportando a Zoomify
Al utilizar la función Exportar a Zoom, puede publicar sus imágenes de alta resolución en la web para que los espectadores puedan desplazarlas y ampliarlas con más detalle. Con esta función, su imagen se descargará al mismo tiempo que un archivo JPEG de tamaño equivalente. La figura a continuación muestra el cuadro de diálogo Exportar de ZoomifyTM que puede abrir al hacer clic en Archivo en la barra de la aplicación, señalar Exportar y luego hacer clic en Zoom.
Crear y duplicar cuadros de animación.
1. Abra cualquier imagen de la unidad y carpeta donde almacena sus archivos de datos, luego guárdela como Pretty Package.
2. Visualice el espacio de trabajo de Motion, luego visualice las reglas en píxeles.
3. Ajuste la configuración de opacidad de la capa de papel al 50% en el panel Capas.
4. Haga clic en el botón Duplicar cuadros seleccionados en el panel Animación.
Se crea un nuevo cuadro de animación y ahora es el cuadro activo.
5. Ajuste la configuración de opacidad de la capa de papel al 100%, luego compare su pantalla con la figura de abajo a la izquierda.
6. Haga clic en el panel Animación.
7. Haga clic en el botón Indica la visibilidad de la capa en la capa de papel en el panel Capas para ocultar esta capa.
8. Haga clic en la capa Cintas en el panel Capas para ocultar esta capa.
9. Haga clic en la capa Arco para activarlo. El contenido de la capa Arco aparece en el cuadro 3 del panel Animación. Vea la Figura abajo a la derecha.
Ajustar los cuadros de animación
1. Establezca la configuración de opacidad de la capa Arco en 50%.
2. Haga clic en el botón Duplicar cuadros seleccionados en el panel Animación, luego ajuste la configuración de opacidad de la capa Arco al 100%.
3. Haga clic en el panel Animación. Ahora has creado cinco marcos.
4. Haga clic en el botón Indica la visibilidad de la capa en la capa Arco para ocultarlo.
5. Haga clic en la capa Cintas en el panel Capas para activarla, luego haga clic en el botón Indica visibilidad de capa en el panel Capas para mostrar esta capa.
6. Ajuste la configuración de opacidad al 50%.
7. Haga clic en el panel Animación, luego ajuste la configuración de opacidad de la capa Cintas al 100%.
Reproducir animación en la imagen y navegador.
1. Verifique que Forever esté seleccionado en el menú de opciones de bucle de Selects, haga clic en el primer cuadro en el panel Animación, luego haga clic en el botón de animación Reproducciones en el panel Animación. El botón de animación Reproduce / detiene cambia su
Apariencia según el estado actual de la animación. Consulte la Tabla 1 para obtener una descripción de los botones en el panel Animación.
2. Haga clic en el botón de animación Paradas en el panel Animación. La animación se detiene, mostrando el cuadro activo actualmente.
3. Apague la pantalla de la regla, luego guarde su trabajo.
4. Haga clic en Archivo en la barra de la aplicación, haga clic en Guardar para Web y dispositivos, luego haga clic en Vista previa de la imagen optimizada en un botón del navegador, luego compare su vista previa con la Figura a continuación.
CONSEJO La primera vez que utilice esta función, es posible que deba agregar un navegador.
5. Cierre su navegador, luego haga clic en Cancelar en el cuadro de diálogo Guardar para Web y Dispositivos.
III. AÑADIR FELICIDAD Y RETRASO MARCO
Entendiendo Tweening
Para crear una animación, ensamblas una serie de cuadros y luego los reproduces rápidamente para crear la ilusión de un movimiento continuo. Cada cuadro representa un punto de acción importante. A veces la varianza de la acción entre
Los marcos crean movimientos erráticos o ásperos. Para combinar el movimiento entre los cuadros, puede interpolar su animación. La interpolación agrega marcos que cambian la acción en leve
incrementos de un cuadro a otro. El origen de este término es anterior a la animación por computadora, cuando un artista conocido como entre Dibuje a mano cada fotograma que vinculara los fotogramas de acción principales (¡a 24 fotogramas por segundo!), Y luego nació el término interpolación.
Uso de la interpolación en el panel de animación
Puede agregar la interpolación a un cuadro haciendo clic en el botón Marcos de animación de preadolescentes en el panel Animación y luego ingresando el número de cuadros entre cuadros que desee en el cuadro de diálogo de interpolación. Puede elegir si desea que la interpolación afecte a todas las capas o solo a la capa seleccionada, y si desea que la imagen cambie de posición, opacidad o efectos. También puede especificar el marco en el que desea que comience la interpolación, y especificar el número de marcos para agregar entre los marcos (puede agregar hasta 999 marcos en una sola interpolación). La siguiente figura muestra una animación de dos cuadros después de agregar cuatro cuadros de interpolación. La opacidad del hombre es del 100% en el primer cuadro y del 0% en el último cuadro. La adición de cinco cuadros de interpolación hace que las dos imágenes se mezclen entre sí sin problemas, o se transformen (metamorfosear).
Entender los retrasos de cuadros
Cuando crea cuadros en el panel Animación, Photoshop establece automáticamente el retraso del cuadro, la cantidad de tiempo que aparece cada cuadro. Puede configurar el tiempo de retardo en segundos totales o parciales haciendo clic en el botón Seleccionar tiempo de retardo de cuadro debajo de cada cuadro. Puede configurar el tiempo de retardo de cuadro que desea para cada cuadro, o puede seleccionar varios cuadros y aplicarles el mismo tiempo de retardo de cuadro.
Configuración de retrasos de cuadros
Para cambiar la demora de un solo fotograma, haga clic en un fotograma, haga clic en el botón Selecciona el tiempo de demora del fotograma y luego haga clic en un período de tiempo. Para cambiar el retraso de los cuadros contiguos, mantenga pulsada [Shift], haga clic en los cuadros que desea incluir y, a continuación, haga clic en el botón Seleccionar tiempo de retardo de cuadro en cualquiera de los cuadros seleccionados. Para cambiar la demora de cuadros no contiguos, mantenga pulsada [Ctrl] (Win) o (Mac), haga clic en los cuadros que desea incluir y, a continuación, haga clic en el botón Seleccionar tiempo de retraso de cuadro en cualquiera de los cuadros seleccionados.
Corrección de la relación de aspecto de píxeles en vídeo
Esta función corrige automáticamente la proporción de píxeles mostrados para el monitor en uso. Sin esta corrección, los píxeles vistos en un monitor de 16: 9 (como un televisor de pantalla ancha) se verían aplastados en un monitor de 4: 3 (televisor rectangular típico). Puede asignar una relación de aspecto de píxeles a un documento haciendo clic en Ver en la barra de aplicaciones, apuntando a Relación de aspecto de píxeles y luego seleccionando una relación de aspecto de píxeles. (A menos que esté utilizando la imagen para video, Square es la configuración recomendada). Cuando haya seleccionado una relación de aspecto de píxeles, la opción Corrección de la relación de aspecto de píxeles se marcará en el menú Ver. Desmarque el comando Corrección de la relación de aspecto del píxel para desactivar la corrección de escala y ver la imagen como se ve en un monitor de computadora (píxel cuadrado). Photoshop convierte y ajusta automáticamente la imagen a la relación de aspecto de píxeles del documento de píxeles no cuadrados. Las imágenes traídas de Adobe Illustrator también se escalarán correctamente.
Tween cuadros de animación
1. Haga clic en el cuadro 3 en el panel Animación.
2. Haga clic en el botón Marcos de animación de preadolescentes en el panel Animación.
3. Ajuste las configuraciones en su cuadro de diálogo de Tween para que coincidan con las que se muestran en la Figura a la izquierda.
4. Haga clic en Aceptar. Se agregan dos cuadros adicionales después del cuadro 3.
5. Haga clic en el botón de animación Reproducciones en el panel de animación, luego vea la animación.
6. Haga clic en el botón de animación Paradas en el panel Animación, luego compare su panel con la Figura de abajo a la derecha, que ahora tiene ocho cuadros.
Establecer retardo de cuadro
1. Haga clic en el cuadro 2 en el panel Animación.
2. Haga clic en el botón Selecciona el tiempo de retardo del cuadro en la parte inferior del cuadro seleccionado.
3. Compare su menú de retardo de cuadros con la Figura abajo a la izquierda, luego haga clic en 0.5.
El retardo de cuadro para el cuadro 2 cambia de 0.2 a 0.5 segundos.
4. Haga clic en el botón de animación Reproducciones en el panel de animación, luego vea la animación.
5. Haga clic en el botón de animación Paradas en el panel Animación.
6. Abra el cuadro de diálogo Guardar para Web y dispositivos, luego haga clic en Vista previa de la imagen optimizada en un botón del navegador.
7. Cierre su navegador, luego cierre el cuadro de diálogo Guardar para Web y Dispositivos.
8. Compare su pantalla con la Figura de abajo a la derecha, luego guarde su trabajo.
9. Cierre la imagen.