Figura 1
Consejo: La animación es una reproducción continua de imágenes estáticas. Antes de realizar la animación, debemos diseñar la imagen estática correspondiente a cada fotograma clave. La configuración del tiempo de visualización de fotogramas clave también es importante. Este parámetro también afecta directamente al efecto de reproducción. Para los usuarios que recién comienzan, intentarlo varias veces con diferentes parámetros producirá resultados inesperados.
El primer paso, la producción gráfica.
Abra el software Adobe Photoshop CS3 para ingresar a la interfaz de trabajo, haga doble clic en el espacio de trabajo y abra el material seleccionado en el cuadro de diálogo emergente "Abrir". Podemos usar fotografías que tomamos nosotros mismos, o podemos usar fotogramas de películas o personajes de dibujos animados como material. Elegimos como material fotogramas divertidos de una comedia clásica.
Después de ajustar y cortar el tamaño, ejecute el comando "Ventana - Animación", abra la paleta "Animación" y comience a hacer lágrimas exageradas. Primero, hacemos clic en el icono "Crear nueva capa" debajo de la paleta de capas para crear una nueva capa. Su nombre predeterminado es "Capa 1". Podemos hacer doble clic en el texto de "Capa 1" detrás de la miniatura en la paleta de capas para convertirlo en un estado editable y cambiarle el nombre a "Desgarro 1" para evitar que se mezclen las capas. .
A continuación, hacemos doble clic en el icono "Establecer color de primer plano" en la caja de herramientas, configuramos el color de primer plano en un azul más claro (R=232, G=250, B=255) en el cuadro de diálogo emergente "Selector de color". y confirme Luego seleccione la "Herramienta Rectángulo" en la caja de herramientas y marque el icono "Rellenar píxeles" en la barra de opciones "Herramienta Rectángulo", para que pueda dibujar un azul claro directamente debajo de los ojos del personaje en el rectángulo de la capa "Desgarro 1". (Figura 2).
Figura 2
Luego seleccionamos la capa "Tear 1", ejecutamos el comando "FilterDistortWave" y configuramos varios parámetros en el cuadro de diálogo emergente "Wave". Presione el botón "OK" y aparecerá un desgarro ondulado exagerado. Luego seleccionamos la "Herramienta Marco rectangular", seleccionamos "Desgarro", luego seleccionamos la "Herramienta Mover" y mantenemos presionada la tecla "Alt" para copiar el desgarro a la posición debajo del ojo derecho (Figura 3).
Figura 3
Luego de completar la copia, presionamos la tecla de acceso directo
El siguiente paso es utilizar la herramienta Texto vertical para agregar texto divertido a la imagen (Figura 4). Seleccione la capa de texto, ejecute el comando "CapaEstilo de capaTrazo", abra el cuadro de diálogo "Estilo de capa" y agregue un efecto de trazo llamativo al texto. Presione el botón "Aceptar" (Figura 5).
Figura 4
Figura 5
El segundo paso, producción de animación.
Para hacer que una imagen se mueva, el paso más crítico es establecer fotogramas clave. Hacemos clic continuamente en el icono para crear fotogramas clave debajo de la paleta de animación (Figura 6), y se necesitan un total de 5 fotogramas clave.
Figura 6
Primero seleccione el primer fotograma clave, mantenga solo la capa de fondo y el texto en la paleta de capas, cancele la visualización de otras capas y establezca el tiempo de visualización del fotograma clave en 0,1 segundos debajo de la paleta de animación.
Seleccione el segundo fotograma clave, mantenga visibles la capa de fondo y la capa de lágrimas 2 en la paleta Capas, cancele la visualización de las otras capas y establezca la opacidad de la capa "lágrimas 2" en 80%, dejando la clave El tiempo de visualización del cuadro se establece en 0,2 segundos.
Seleccione el tercer fotograma clave, mantenga la capa de fondo y la capa Tear 1 visibles en la paleta Capas, cancele la visualización de las otras capas y establezca la opacidad de la capa "Tear 1" en 80%, dejando la clave El tiempo de visualización de el fotograma se establece en 0,2 segundos.
Seleccione el cuarto fotograma clave, mantenga visibles la capa de fondo y la capa de lágrimas 2 en la paleta de capas, cancele la visualización de las otras capas y establezca la opacidad de la capa "lágrimas 2" en 80%, dejando la clave El tiempo de visualización del cuadro se establece en 0,2 segundos.
Seleccione el quinto fotograma clave, mantenga visibles la capa de fondo y la capa Tear 1 en la paleta Capas, cancele la visualización de las otras capas y establezca la opacidad de la capa "Tear 1" en 80%. El tiempo de visualización del fotograma es. establecido en 0,5 segundos.
A continuación, guardamos el archivo como un archivo psd para hacer una copia de seguridad, luego ejecutamos el comando "ArchivoGuardar para Web y dispositivos", seleccionamos el formato gif en el cuadro de diálogo que se abre y optimizamos adecuadamente la animación. Debemos reducir el tamaño de la animación para facilitar la propagación (Figura 7). Una vez completada la optimización, la imagen se almacena en el disco local.
Figura 7
Paso 3: Importar emoticones QQ
Después de iniciar el software QQ, seleccionamos un amigo para abrir la ventana de chat, hacemos clic en el botón "Seleccionar emoticono" debajo de la ventana de chat para abrir la ventana de emoticono, hacemos clic en "Administración de emoticonos" debajo de la ventana y luego hacemos clic en el botón "Agregar". Haga clic en "Examinar" en la ventana emergente "Agregar emoticón personalizado" para encontrar el gif animado que guardamos y cambie el nombre del emoticón o use el nombre predeterminado.
Figura 8
Cuando volvamos a abrir la ventana de chat de QQ, fíjate en el icono del emoticón. ¡Jaja! ¡Ya terminaste! La nueva expresión ha aparecido en la biblioteca de expresiones. Después de completar este sencillo emoticón QQ dinámico, tenemos una comprensión preliminar de los principios y la producción de la animación gif. En el futuro proceso de producción, podremos decidir cómo cambian las imágenes y cómo se desarrolla la trama. Siempre que saquemos inferencias de un ejemplo y utilicemos una creatividad ilimitada, seguramente podremos crear emoticonos QQ dinámicos más interesantes.
(Artículo de Computer News, número 2, 2008, página F)