Importar vídeo como material de animación.
Podemos importar un video como material de animación usando el comando [Archivo>Importar>Fotogramas de video a capa]. Este comando requiere que QuickTime 7.1 o superior esté instalado en el sistema antes de poder usarse. De lo contrario, aparecerá un cuadro de advertencia como se muestra en la siguiente figura. QuickTime es un excelente método de codificación para videos creados por Apple. En los primeros años, solo se podía usar en sistemas MAC OS. Ahora se ha adaptado a sistemas Windows. Se puede descargar una versión gratuita del reproductor desde el sitio web de Apple en http://www.apple.com.cn/quicktime.
Editamos un video de animales autograbado en una versión corta a través de Premiere y se lo proporcionamos para que todos practicaran la importación. Después de ingresar al cuadro de diálogo para importar cuadros de video en capas, el cuadro de diálogo que se muestra a la izquierda se muestra a continuación. A la izquierda, puede elegir importar todo o solo un segmento determinado. No es necesario explicar en detalle si todos son importados. Para importar clips, debe definir el rango de video de antemano. El método consiste en arrastrar la barra de progreso de reproducción hasta el momento inicial del clip deseado (flecha roja), luego mantener presionada la tecla MAYÚS y continuar arrastrando hasta el momento final (. flecha verde). También puede mantener presionada la tecla MAYÚS. Haga clic directamente en la posición final. En este momento, aparecerá un área oscura en la barra de progreso de reproducción, que es el clip que se va a importar.
Después de la confirmación, se creará una animación que existe como una capa independiente, es decir, cada cuadro se compone de una capa y se muestran diferentes capas en diferentes cuadros. La paleta de animación se parece a la imagen de abajo.
La cantidad de bytes de animación generados por este método de importación de video suele ser muy grande, lo que está relacionado con la duración del clip y la velocidad de fotogramas del video. Por ejemplo, si la duración del clip es de 10 segundos y la velocidad de fotogramas es de 15 fps, entonces el número total de fotogramas generados es 150 fotogramas, lo cual es bastante grande. Por lo tanto, generalmente no es recomendable importar durante demasiado tiempo. Dos o tres segundos son suficientes. Pero para algunos videos de alta velocidad de cuadros (como 24 fps, 30 fps), la cantidad total de cuadros generados en este tiempo también es considerable. En este momento, puede activar "Limitar a cada 2 cuadros" para que el video original sea. limitado a cada 2 fotogramas Al importar un fotograma a la vez, el número total de fotogramas generados se reduce a la mitad. Si se establece en cada 3 fotogramas, el número total de fotogramas se reduce en dos tercios, y así sucesivamente. Este método se llama extracción de cuadros. Puede reducir efectivamente la cantidad de bytes de animación, pero debido a la extracción promedio, es posible que se pierdan algunos detalles de la acción o que la imagen salte.
En circunstancias normales, el vídeo original de 15 fps se puede importar cada 3 fotogramas para formar una animación de 5 fotogramas por segundo. En consecuencia, se puede deducir la tasa de vídeo sin procesar más alta. Tenga en cuenta que después de la importación, debe ajustar el tiempo de permanencia del cuadro a 3 veces el original; de lo contrario, habrá un efecto de reproducción similar al avance rápido.
Reducir el tamaño de las animaciones importadas.
Para las animaciones importadas, para reducir la cantidad de bytes, es necesario realizar ajustes en términos de tamaño de imagen y cantidad de colores. Lo que necesito recordarles a todos aquí es que usar [Imagen>Tamaño de imagen] [CTRL+ALT+I] para reducir la imagen puede causar que los bordes de algunas imágenes originalmente nítidas se vuelvan borrosos debido a la reorganización de píxeles, aumentando así el número. de colores teóricos. Como se muestra en la figura siguiente, se puede ver la comparación teórica del número de colores de un cuadrado con bordes afilados antes y después de la contracción. Se puede ver que el número de colores ha aumentado debido a la reorganización de los píxeles. En este caso, es posible que la imagen reducida no tenga necesariamente un recuento de bytes menor. A menos que se obligue a que el número de color sea el mismo que el anterior. Pero reducir a la fuerza el número de colores puede provocar rebabas en los bordes.
Además, algunas imágenes de proceso se componen principalmente de puntos, líneas y cuadros. El uso del comando de alejamiento hará que estos detalles sean difíciles de identificar, lo que afectará la expresión. Este problema no sólo ocurre en toda la imagen, sino que también ocurre en el comando Transformación libre para ciertas capas. Por lo tanto, para algunas imágenes con bordes nítidos, reducir no es una buena forma de reducir el número de bytes e incluso puede resultar contraproducente.
En el caso de los vídeos, debido a que la mayoría de los métodos de codificación de vídeo se centran en expresar la suavidad entre fotogramas en lugar de la calidad de la imagen de un solo fotograma, ellos mismos no pueden grabar perfectamente los bordes nítidos. Lo mismo ocurre con las imágenes animadas importadas, por lo que reducir el tamaño provoca pérdida y. Los cambios en la cantidad de color no son obvios.
Además de reducir el tamaño general de la imagen, también puede considerar usar el comando de recorte para conservar partes del video. Dado que no implica reorganización de píxeles, no afectará los bordes de la imagen y no aumentará la cantidad de colores teóricos. . En la mayoría de los casos, esta es una mejor solución. Como se muestra en la figura siguiente, un flujo de procesamiento común es cortar algunas áreas innecesarias de la imagen original en cuadrados para obtener el cuerpo principal de la animación y luego reducir la imagen al tamaño común de MMS 128 × 128 (u otro tamaño requerido). tamaños). Finalmente, agregue una capa de ajuste de color según corresponda para mejorar el color de la animación.
Tenga en cuenta que la capa de ajuste debe estar por encima de todas las capas para garantizar que sea efectiva para todas las capas. Por supuesto, también se puede colocar en otros niveles para crear el efecto de cambios de color en la animación.
Después de aclarar el diseño de la pantalla de la animación, se puede realizar una mayor extracción de fotogramas manualmente, como se muestra en la figura siguiente. Si necesita reducir 10 fotogramas en un proceso a 5 fotogramas, puede seleccionar 2, 4, 6, 8 y. 10 fotogramas respectivamente. Elimina y retrasa los fotogramas restantes. Esto requiere que primero explore cada cuadro. Cuando descubra que no hay muchos cambios entre cuadros en un determinado proceso, puede utilizar este método para realizar una extracción promedio. Además, también puede seleccionar continuamente ciertos fotogramas para una extracción concentrada. Por ejemplo, se necesitan 7 fotogramas para que caiga un objeto, y los cambios en los 4 fotogramas no son muy grandes. Puede eliminarlos juntos y cambiar la duración. fotogramas restantes.
Este método de extracción manual de fotogramas es lento y requiere cierta experiencia, pero es más flexible. Se pueden adoptar diferentes métodos de extracción según la situación real, lo que puede reducir en gran medida la cantidad de bytes de la animación. todos deben dominar. Si lo intentas más a menudo, aún puedes deshacerlo de todos modos. Después de separarla, es mejor enviar la animación a una página web o teléfono móvil para ver el efecto. La extracción manual de cuadros también se puede realizar antes de modificar el tamaño de la imagen o recortarla, pero recortar y cambiar el tamaño puede determinar la condición de la imagen de la animación, por lo que se recomienda hacerlo en este momento. Después de separar un marco, puede eliminar la capa correspondiente.
La extracción promedio se puede realizar varias veces. En el cuadro de animación final en la figura siguiente, también se pueden extraer los cuadros 2 y 4. Pero el cuadro 6 es muy importante. Es la clave para la transformación de la trama y no se le puede quitar bajo ninguna circunstancia. A modo de digresión, presta atención a este sexto fotograma y verás el efecto de desenfoque de movimiento que has aprendido antes. De hecho, el desenfoque de movimiento es causado originalmente por equipos de fotografía y antes simplemente lo simulamos.
Es más difícil reducir la cantidad de bytes en términos de la cantidad de colores, porque debido a las características del método de codificación de video, incluso los objetos que están estacionarios en la imagen pueden tener diferentes colores en los fotogramas anterior y siguiente. Junto con los ligeros cambios en la iluminación y la apertura de la cámara, la distancia focal y la exposición, es aún más difícil tener el mismo color entre los fotogramas anteriores y posteriores. Esto es completamente diferente de la animación que usamos para crear objetos mediante el dibujo. Además, las imágenes de vídeo suelen contener colores de transición, como cambios en la iluminación o las sombras. La reducción del número de colores puede provocar fácilmente manchas de color. Aunque activar el tramado puede mejorar las manchas de color, también aumentará el número de bytes.
En este momento, puede considerar mostrar la animación en escala de grises, es decir, establecer una capa de ajuste de mapeo de degradado en blanco y negro. La pérdida provocada por la reducción del número de colores en el modo de escala de grises es menos notoria. También puede usar el comando umbral para formar una imagen clara en blanco y negro y usarlo con una capa de relleno de color sólido en un modo de fusión especial para crear un efecto artístico especial mientras reduce la cantidad de bytes. Haga clic aquí para descargar el archivo PSD de muestra .
La imagen creada por el comando Umbral tiene colores de fuerte contraste, lo que es muy adecuado para crear fondos transparentes. En el cuadro de diálogo Guardar para Web y dispositivos, puede especificar un color para que sea transparente. Primero asegúrese de que la opción "Transparencia" esté desactivada, luego use la herramienta Cuentagotas (tecla de acceso directo I) para hacer clic en el fondo para seleccionar un color en la tabla de colores, luego haga clic a continuación
para hacer transparente el color seleccionado. Como se muestra a continuación. Se pueden hacer transparentes varios colores.
Además, existe otro método que puede reducir efectivamente la cantidad de bytes, que es cubrir la pantalla con una línea de dibujo. Dado que el área cubierta se vuelve de un solo color, en realidad elimina la diferencia de píxeles en esta línea. El principio es equivalente a llenar la mitad de la imagen con negro completo, excepto que no se llena continuamente, sino que se llena una línea cada píxel, de modo que la imagen general aún sea legible. Este método en realidad se llama efecto de línea de escaneo o línea de dibujo, y se puede lograr utilizando el relleno de patrones. Haga clic aquí para leer el contenido sobre el relleno de patrones en el tutorial básico . El entrelazado puede reducir la cantidad de bytes de animación a casi la mitad.
Cabe señalar que aunque las líneas de dibujo translúcidas se ven bien, el relleno del patrón aquí no puede ser translúcido, porque la translucidez no puede cubrir completamente los píxeles originales de la imagen, lo que frustra nuestro propósito. Además, los hilos negros pueden oscurecer la imagen, mientras que los hilos blancos pueden aclarar la imagen. Preste atención a la capa de ajuste de color para neutralizar el brillo. También puedes utilizar hilos de otros colores para lograr efectos alternativos, y también puedes cambiar el color de los hilos a transparente. Antes de volverse transparente, el color del hilo debe contrastar lo más posible con el color de la imagen. Esto es para evitar que el mismo color en otros lugares se vuelva transparente y dañe la imagen.
El vídeo importado existe como una capa independiente y se puede cambiar al modo de línea de tiempo para producción adicional, como agregar texto u otros gráficos. Es mejor agrupar todos los cuadros de video en un grupo de capas antes de cambiar para evitar ocupar espacio en la paleta de animación. Por ejemplo, en el ejemplo, se agrega un logotipo en la esquina inferior izquierda y se agregan efectos de texto dinámicos. Cabe señalar que es difícil ajustar el tiempo de permanencia del cuadro utilizando el método de línea de tiempo, por lo que al cambiar al método de línea de tiempo, es mejor confirmar que se haya completado todo el trabajo anterior.
Intente crear esta animación y luego consulte el archivo de ejemplo de comparación.
A veces, es posible que necesite abrir un archivo de animación GIF existente para reprocesarlo. En este momento, surgirá un problema, es decir, después de abrir directamente el archivo de animación GIF, solo se conservará el primer fotograma de la imagen y los fotogramas de animación posteriores. ser abandonado. Como se muestra a continuación. Obviamente esto no satisface la demanda.
De hecho, Photoshop puede abrir la animación GIF existente, pero bloquea esta función. Podemos abrir el GIF animado a través de [Archivo>Importar>Fotograma de video a capa], como se muestra en la siguiente figura. De forma predeterminada, solo el formato de video MOV. se pueden habilitar , AVI, MPG, MPEG, pero no GIF. Ahora primero confirme que la ruta sea correcta en la flecha roja, luego ingrese el símbolo "*" en la flecha verde, haga clic en el botón "Cargar" y se enumerarán todos los formatos de archivos. Seleccione el archivo GIF correspondiente para importarlo. una capa independiente. O ingrese directamente el nombre completo del archivo de animación, como abc.gif, 123.gif, etc. La operación después de la importación es la misma que antes. Puedes utilizar este método para abrir animaciones GIF del pasado y probarlo.
Además, también puede usar [Archivo>Abrir como] [CTRL+ALT+SHIFT+O] y seleccionar la película QuickTime en el elemento "Abrir como", para poder abrir el GIF como una película y formar una capa de video independiente. en la paleta de capas. Existe de forma independiente en la línea de tiempo. Como se muestra a continuación. Este método fue propuesto por un amigo llamado XYBLUEIDEA en el foro clásico. Me gustaría agradecerle a él y a todos los amigos que trabajaron duro para mejorar el tutorial.
El comando [Archivo>Abrir como] de Photoshop es abrir la imagen en el formato requerido para un propósito especial y luego guardarla en el formato para ese propósito especial. En realidad, es un comando de apertura con una función de conversión. Puede ver formatos de archivo para diversos fines en el proyecto "Abrir como". Algunas de las aplicaciones de formatos especiales se presentarán en otros tutoriales. Cabe señalar que no todos los archivos admiten todos los formatos especiales.
En este momento, el contenido de la animación GIF importada en sí no se puede modificar, pero debido a que es una capa independiente, puede agregar efectos a través de estilos de capa como capas ordinarias, logrando indirectamente el propósito de modificar la animación, como se muestra en la figura siguiente. . Aunque este tipo de modificación se limita al estilo, debido a la poderosa función de los estilos de capa de Photoshop, a excepción del gráfico de animación, que no se puede modificar, se pueden lograr otros efectos visuales.
Sin embargo, optimizar la animación sigue siendo un requisito previo principal. Si elegimos el color del brillo interior como rojo, verde, etc., que sea significativamente diferente del color de la animación original, debido a que los recursos de color son limitados, algunos colores se asignan a la animación original. debe asignarse al estilo de brillo interior. Entonces, la cantidad de bytes de esta animación aumentará significativamente o la calidad de la imagen disminuirá significativamente con la misma cantidad de colores. Creo que todos pueden entender esta verdad.
Para algunas animaciones que deben producirse como capas independientes, este método se puede utilizar fácilmente para la producción secundaria. Por ejemplo, la animación de los pájaros batiendo sus alas mencionada anteriormente, este método puede lograr el efecto de batir las alas y moverse al mismo tiempo. Por ejemplo, si un personaje avanza, primero puede crear una animación en ejecución, generarla como un GIF y luego cargarla como una capa de video. Después de expandir el tamaño del lienzo (tenga en cuenta no el tamaño de la imagen), cambie la posición del. capa de vídeo y animarla, logrando el efecto de correr y avanzar al mismo tiempo.
Este método de importación en realidad proporciona la posibilidad de animación de componentes. Este método se puede considerar si el objeto necesita tener múltiples atributos de movimiento al mismo tiempo. Esta idea también se usa ampliamente en el campo de la edición de video. Por ejemplo, cuando desea crear el efecto de escalar y rotar dos escenas mientras cambia, en teoría primero debe establecer la misma velocidad de rotación para las dos escenas y luego reducirla gradualmente. La primera escena. La opacidad logra el objetivo. Sin embargo, en el funcionamiento real, las diferencias en las propiedades de la escena (como el tamaño) pueden provocar diferencias en la escala y los ángulos de rotación. En este punto, primero puede renderizar el cambio estático de la escena en un video, luego importar el video y luego acercarlo y rotarlo. Haga clic aquí para descargar el archivo de vídeo de muestra .
Cabe señalar que la introducción del conocimiento de los componentes es para ampliar el conocimiento de todos y no anima a todos a usarlo aquí. Después de todo, actualmente solo nos enfocamos en trabajos de animación GIF, no en trabajos de video. Es mejor si puedes hacerlo de una vez. Si es necesario, asegúrese de conservar los archivos originales de todas las animaciones de los componentes para facilitar futuras modificaciones.
Después de instalar QuickTime, además de la función de importación, también puede usar la función de exportación para generar animaciones como videos, en lugar de limitarse a la salida en formato GIF anterior. Por sus propias características, el formato GIF no puede registrar perfectamente todos los efectos de animación que podemos crear en Photoshop. Pero el formato de video es diferente. El método de codificación del video no solo admite decenas de millones de colores (haga clic aquí para leer el contenido sobre decenas de millones de colores en el tutorial básico) y números de color más altos, sino que también tiene una mejor reproducción. fluidez que GIF. La manifestación más obvia de la mejora es el tamaño de la pantalla y la velocidad de fotogramas. En el método de codificación de video, ya no tenemos que estar limitados por el tamaño de imagen limitado y podemos usar tamaños de 640 × 480, 800 × 600 o mayores. La velocidad de fotogramas utilizada también se puede aumentar a 30 fps, 60 fps o más.
El comando [Archivo>Exportar>Renderizar video] puede generar el formato de video, como se muestra en la siguiente figura. Seleccione el formato del video exportado como AVI y luego haga clic en el botón en la flecha roja para configurarlo. Simplemente seleccione "Ninguno" para el tipo de compresión en la flecha verde en la configuración de video. Esto generará un video que se puede reproducir a través de WindowsMediaPlayer en Windows. Si selecciona otros tipos de compresión como "DV-PAL", también podrá generar vídeo, pero el tamaño de la pantalla, la velocidad de fotogramas, etc. serán diferentes de los establecidos en nuestro documento.
A continuación daremos una breve introducción a otros formatos de video: 3G se usa para teléfonos móviles y se puede enviar como MMS (tenga en cuenta el límite de capacidad de MMS); FLC es un formato de animación de 256 colores en los primeros sistemas DOS; FLV es un Flash popular; video en Internet; QuickTime, APPLE TV, iPod y iPhone son todos formatos de video de Apple, los dos últimos son para dispositivos portátiles, MPEG-4 es el llamado MP4 y también se usa comúnmente en dispositivos portátiles. Los detalles sobre la codificación de video no son algo que deba aprender ahora. Los presentaremos en tutoriales relacionados con videos cuando tengamos la oportunidad en el futuro. Además, el formato de audio MP3 que conocemos pertenece al MPEG-1, que se llama MPEG-1 Audio Layer3.
El modo "Secuencia de imágenes" puede generar animaciones como múltiples imágenes fijas y los nombres de los archivos de imágenes se nombran en orden ascendente. El tamaño de la imagen es el tamaño predeterminado del documento y se puede cambiar a otros tamaños. Sin embargo, cambiar el tamaño pequeño a uno grande puede causar pérdida de calidad de la imagen debido a la reorganización de píxeles. Tenga en cuenta que algunos tipos de compresión (como PAL-DV) se renderizarán con el tamaño fijo que establezcan. El rango de salida es generalmente todos los fotogramas, es decir, la animación completa. Si hay necesidades especiales, se puede cambiar a otros métodos. El canal Alfa puede generar vídeo con información de translucidez de varios niveles, lo que facilita la síntesis en software de edición de vídeo como Premiere. Se recomienda mantener la velocidad de fotogramas en la velocidad establecida en el documento. Generalmente no hay problemas para reproducirlo en una computadora. Sin embargo, algunos dispositivos de reproducción especiales tienen velocidades de fotogramas fijas, como la transcripción al formato PAL (25 fps). Formato NTSC (aproximadamente 30 fps). Copiar a película (24 fps), etc.; de lo contrario, el efecto puede verse afectado debido a la falta de sincronización.
Además de Photoshop, existen algunos programas que también pueden crear animaciones GIF y, en cierto modo, son más sencillos. Por ejemplo, GIF Animator producido por Ulead es uno de ellos. Puede combinar fácilmente algunas imágenes estáticas en animaciones de varios estilos y agregar texto o gráficos. Y puede generar cada secuencia de fotogramas de GIF animado. También se puede exportar a formato de archivo PSD, con cada fotograma almacenado en una capa y conservando la información de transparencia. Abra este archivo PSD en Photoshop, haga clic en el menú extendido en la esquina superior derecha de la paleta de animación en modo marco y seleccione "Crear marco a partir de capa" para crear una animación en forma de capa independiente. En la producción real, cualquiera puede utilizar este tipo de software para completar algunos trabajos sencillos según corresponda.
La última tarea es utilizar los materiales para imitar la siguiente animación. El tamaño de esta animación es 128×160 y se usó para flashear el teléfono Moto L6 como animación de arranque. Pero también se puede utilizar para mensajes MMS. No hay dificultades técnicas en esta animación. Observe atentamente los detalles de la animación, pruebe más métodos de implementación y encuentre la ruta más conveniente. Y una vez finalizado, agregue su propia creatividad para formar una nueva animación.
Ahora todos tienen capacidades completas de producción de animaciones GIF y pueden usar fotos, videos o dibujar gráficos para completar la producción. Envía la animación a amigos y familiares como MMS y agrega tus bendiciones. También puedes enviármelo para que lo revise. Mi teléfono móvil actualmente tiene resolución QVGA (240×320). Y espero ver los excelentes mensajes MMS que usted crea y que circulan ampliamente en Internet.
En este punto, la parte de producción de animación del tutorial extendido de Photoshop ha finalizado y puede continuar aprendiendo la parte de diseño web. Si encuentra algún error durante la lectura, corríjalo. Su apoyo es la fuente de motivación para la mejora continua del tutorial. Espero que todos puedan difundir el conocimiento que han aprendido para que más personas puedan acceder y aprender este conocimiento, aprender unos de otros y progresar juntos.