entradaCómo hacer animación en pintura. Cómo hacer animaciones usando Paint y Movie Maker
Paint.net es un práctico editor gráfico gratuito que puede reemplazar parcialmente el costoso Adobe Photoshop. Un conjunto de sus herramientas es suficiente para procesar fotos y crear collages. No hay forma de crear animaciones en el editor en sí, y por lo tanto, tendrá que usar adicionalmente la utilidad gratuita UnFREEz.
Necesitará
- - Editor gráfico Paint.net;
- - Programa UnFREEz.
Manual de instrucciones
Manual de instrucciones
- Descargar Paint.net
- Descargar UnFREEz
Secciones: Ciencias de la Computación
El propósito de la lección: Crear una imagen animada sobre el tema: "Mar"
Objetivos de la lección:
- Educativo: cree una imagen animada con el editor de gráficos Paint y Power Point sobre el tema: "Mar"
- Educativo: para promover durante la lección la formación de atención plena, independencia.
- Desarrollando - desarrollo del pensamiento creativo de los alumnos.
Tipo de lección: lección aprendiendo material nuevo
Estructura de la lección.
- Etapa organizacional. (2 minutos.)
- Etapa motivacional introductoria. (10 minutos.)
- Fase operativa y de mantenimiento. (20 minutos.)
- Reflexivo - etapa de evaluación. (5 minutos).
- Tarea (3 min.)
Equipamiento: pizarra, tiza, PC, software, materiales didácticos.
Durante las clases.
1. La etapa organizacional.
Hola chicos, siéntense. Hoy en la lección aprenderemos cómo crear una imagen animada. Qué significa eso?
Para crear una animación, enciende la imaginación.
¡Necesitas dibujar un dibujo sin demora!
Indique la trayectoria, la figura cobra vida,
¡Te llamará a un gran mundo de fantasía!
Hoy nos sumergiremos en el mágico mundo submarino.
Dibuja el mar, sabemos mucho al respecto,
Un pulpo maravilloso nadará en el mar.
Atrae con su belleza
Navegando, haz una reverencia!
2. Etapa introductoria y motivadora (actualización del conocimiento de apoyo).
En la última lección, estudiamos el tema: "Codificación de información" y realizamos un trabajo práctico sobre este tema. Responda las preguntas: ¿Cómo puede codificar y decodificar información? ¿Qué es la codificación? ¿Qué es la decodificación? Con la ayuda de qué programas, aplicaciones codificamos y decodificamos información?
Para recordar este tema, complete una tarea práctica en una computadora. Decora el tema de nuestra lección.
El mundo de los números y los números: es muy grande,
Para comprender su secreto, ¡eras un estudiante!
Después de todo, cada dígito almacena una letra aquí,
¡Descifrarlo y leerlo al instante!
La información se decodifica en el programa Bloc de notas. La letra se decodifica presionando el código numérico simultáneamente con la tecla Alt.
El siguiente texto está codificado en la tarea:
HOY EN LA LECCIÓN DE INFORMÁTICA CREAREMOS ANIMACIÓN EN EL PINTOR EDITOR GRÁFICO. ¡DESEO TODO EL TRABAJO FRUTOSO Y BUEN HUMOR!
- 0209 0197 0195 0206 0196 0205 0223
- 0205 0192
- 0211 0208 0206 0202 0197
- 0200 0205 0212 0206 0208 0204 0192 0210 0200 0202 0200
- 0204 0219
- 0193 0211 0196 0197 0204
- 0209 0206 0199 0196 0192 0194 0192 0210 0220
- 0192 0205 0200 0204 0192 0214 0200 0222
- 0195 0208 0192 0212 0200 0215 0197 0209 0202 0206 0204
- 0208 0197 0196 0192 0202 0210 0206 0208 0197
- 080 065 073 078 084
- 0198 0197 0203 0192 0222
- 0194 0209 0197 0204
- 0207 0203 0206 0196 0206 0210 0194 0206 0208 0205 0206 0201
- 0208 0192 0193 0206 0210 0219
- 0213 0206 0208 0206 0216 0197 0195 0206
- 0205 0192 0209 0210 0208 0206 0197 0205 0200 0223 033
3. Fase operativa y de mantenimiento. (20 minutos.)
Crea una imagen animada.
Plan de trabajo. Ahora nos vamos de viaje bajo el agua, crearemos la animación "Mar".
4. Creando la animación "Mar"
1. Abra el editor gráfico Paint (Inicio - Programas - Accesorios - Paint)
2. En la barra de menú, seleccione Figura - Atributos. Establecer parámetros: altura 24 cm, ancho 32 cm.
3. En la barra de herramientas, seleccione el relleno y llene el documento con azul.
4. Usando la figura de elipse en la barra de herramientas, dibuje guijarros de mar (tamaño y cantidad arbitrarios). Usando el relleno, pinta los guijarros en diferentes colores.
5. Usando la herramienta Curva, dibuja algas.
Que belleza ilimitada
Qué magnífica, maravillosa vista,
Pero aquí, después de todo, nos falta algo,
Reina la calma y el silencio.
Aquí los guijarros son hermosos, bajo el agua,
Aquí las algas son largas, verdes,
Pero no hay suficientes peces dorados,
¡Para disfrutar de la belleza con un sentimiento!
Dibujemos un pez contigo
Para hacer esto, un pequeño hechizo!
6. Guarde la imagen resultante. (Archivo - Guardar como - el nombre del dibujo Sea).
7. Abra el editor gráfico Paint (Inicio - Programas - Accesorios - Paint)
8. En la barra de menú, seleccione Figura - Atributos. Establecer parámetros: altura 3 cm, ancho 5 cm.
9. En la barra de herramientas, seleccione el relleno y llene el documento con azul.
10. Dibujamos un pez.
11. Guarde la imagen resultante. (Archivo - Guardar como - el nombre de la imagen del pez).
Aquí ella es bella, un pez dorado,
¡Nadará rápido, contemplando el mar!
Pero para no perder el pescado,
¡Necesitamos crear una amiga para ella!
12. Abra el editor gráfico Paint (Inicio - Programas - Accesorios - Paint)
13. En la barra de menú, seleccione Figura - Atributos. Establecer parámetros: altura 5 cm, ancho 3 cm.
14. En la barra de herramientas, seleccione el relleno y llene el documento con azul.
15. Dibujamos un pulpo.
16. Guarde la imagen resultante. (Archivo - Guardar como - el nombre del dibujo Octopus).
Tiene muchas piernas,
¿Quien es este? ¡Pulpo!
El nadará con el pez
Y nos dejaremos llevar por el mar.
17. Abra la presentación de Power Point (Inicio - Programas - Power Point).
18. En la barra de menú, seleccione Insertar - Figura - Desde archivo - Mar
19. En la barra de menú, seleccione Insertar - Figura - Desde archivo - Pescado
20. En la barra de menú, seleccione Insertar - Figura - Desde archivo - Pulpo
21. Seleccione el objeto, pez, haga clic derecho y seleccione la configuración de animación en el menú que aparece.
22. Elija: Añadir efecto - Rutas de movimiento - Dibuje un curso de Curva personalizado. Dibuja una curva arbitraria.
23. Seleccione el objeto, el pulpo, haga clic derecho y seleccione la configuración de animación en el menú que aparece.
24. Elija: Agregar efecto - Mover trazados - Dibujar un curso de Curva personalizado. Dibuja una curva arbitraria.
25. Seleccione en la barra de menú Presentación de diapositivas - Iniciar presentación.
La belleza del mar es infinita.
Cambiable por la belleza del mar
La vida está en movimiento, y estamos acostumbrados
Movámonos para siempre.
Orilla del mar, peces, océanos,
No hay forma de transmitir todas las bellezas.
Para levantar el velo del secreto
Necesitas crear una animación.
4. Reflexivo - fase de evaluación (5 min).
Grados para la lección
5. Tarea.
Crea una imagen animada gratis.
Svetlana Shlyakhtina
Cualquier página web es inconcebible sin animación web, incluso sin gifs animados. Durante mucho tiempo, los diseñadores web tuvieron que usar un conjunto completo de programas especializados de diferentes desarrolladores para crearlos. Sin embargo, con el advenimiento de las capacidades correspondientes en los populares paquetes de gráficos 2D Orientado principalmente para trabajar con gráficos ráster bidimensionales y al mismo tiempo que le permite crear archivos en formato GIF de animación complementando sus respectivas utilidades, todo se ha vuelto mucho más simple. Estos paquetes incluyen Jasc Paint Shop Pro, que incluye el programa Animation Shop , diseñado para crear animaciones gif: botones animados, pancartas y otros elementos animados.
Paint Shop Pro y Animation Shop trabajan en estrecha colaboración, son totalmente compatibles y se complementan perfectamente, lo que permite cambiar repetidamente de un programa a otro y editar cuadros de imagen en Paint Shop Pro en la etapa de creación de una animación, lo que permite cambiar los cuadros correspondientes en Animación Tienda. Además, puede exportar capas a marcos y viceversa, así como animación a una imagen multicapa. Al mismo tiempo, cada uno de estos programas tiene su propia especialización en términos de gráficos web: por regla general, el entrenamiento y la edición se realizan mejor en Paint Shop Pro, y los efectos dinámicos, la optimización y, por supuesto, la animación en sí misma, en Animation Shop.
Animation Shop tiene una interfaz amigable y un modo simple y conveniente para editar cuadros con la capacidad de rotar, reflejar y recortar, así como la presencia de una amplia gama de herramientas: pinceles, formas, herramientas de borrado y recorte, herramientas de texto, etc. Todo esto, combinado con la capacidad de trabajar con asistentes paso a paso, permite incluso a los no profesionales crear rápidamente animaciones gif. Además, Animation Shop ofrece una amplia gama de efectos y filtros profesionales que puede usar al crear animaciones. El programa admite métodos de optimización efectivos y convenientes que le permiten encontrar rápidamente la solución óptima en función de los datos que se muestran en su ventana con respecto a la calidad de imagen, el tamaño y la velocidad de descarga, y reducir significativamente el tamaño de la imagen "en vivo".
Aspectos teóricos de la creación de gifs animados.
Como saben, la animación es una secuencia de cuadros, cuyo material gráfico de origen se puede preparar previamente tanto en Animation Shop como en Paint Shop Pro, y la elección de la aplicación está determinada por las características de una animación en particular.
Los gifs en la tienda de animación se pueden crear de tres maneras. El primero y más conveniente de ellos consiste en la preparación preliminar en Paint Shop Pro de una imagen multicapa guardada en formatos PspImage o PSD y abierta en Animation Shop; en este caso, se crea un marco separado para cada capa de imagen individual. Las capas proporcionan una forma conveniente de construcción compuesta de una imagen animada a partir de varios elementos gráficos y de texto y le permiten aplicar todo tipo de filtros a varios elementos de imagen, cambiar el grado de transparencia y el modo de fusión de capas, ajustar el brillo y aplicar otras transformaciones disponibles en Paint Shop Pro, proporcionando así una variedad de efectos
El segundo método es una opción tradicional para crear animaciones en animadores gif independientes y consiste en conectar secuencialmente los marcos de imágenes de una sola capa creados previamente utilizando un asistente. Además, es teóricamente posible crear un gif animado simple "y desde cero directamente en el entorno de Animation Shop.
Existe una posibilidad fundamentalmente diferente de crear cuadros: formación automática de cuadros intermedios, acelerando significativamente la producción de animaciones suaves, ya que no es necesario crear cada cuadro manualmente. Para esto, se determinan los fotogramas clave, y luego la computadora genera automáticamente todo lo que debe estar en los espacios entre ellos, de acuerdo con el efecto definido en el programa (rotación, movimiento, características de cambio de color, etc.). Sin embargo, esta función está limitada por la cantidad de efectos disponibles en la Tienda de Animación (vale la pena reconocer que en general hay muchos efectos, pero no para todas las ocasiones), y si el principio concebido de cambiar los cuadros no está entre los efectos disponibles, entonces todos los cuadros intermedios deberán crearse manualmente en Paint Shop Pro.
Exportar y actualizar animaciones
Como ya se señaló, en la etapa de creación de una animación, puede cambiar entre los programas Paint Shop Pro y Animation Shop, aunque solo si la casilla de verificación Exportar cuadros a Paint Shop Pro como imágenes en capas está activada (Animation Shop). Para hacer esto, use el comando Archivo \u003d\u003e Preferencias \u003d\u003e Preferencias generales del programa \u003d\u003e Archivos en capas (Archivo \u003d\u003e Configuración \u003d\u003e Configuración básica del programa \u003d\u003e Archivos multicapa) y active el indicador especificado (Fig. 1). En este caso, si necesita editar uno o todos los cuadros de la animación, será suficiente para exportar los cuadros seleccionados de Animation Shop a Paint Shop Pro de una de las siguientes maneras:
seleccione el comando de menú Archivo \u003d\u003e Exportar cuadros \u003d\u003e A Paint Shop Pro (Archivo \u003d\u003e Exportar cuadros \u003d\u003e En Paint Shop Pro);
Haga clic en el botón Exportar cuadros a Paint Shop Pro en la barra de herramientas;
haga clic con el botón derecho en los cuadros seleccionados y seleccione Exportar cuadros a Paint Shop Pro en el menú emergente.
Higo. 1. Habilitación de la capacidad de exportar marcos a Paint Shop Pro
Luego, debe realizar las transformaciones necesarias en el entorno Paint Shop Pro y cerrar el archivo sin guardarlo; en este caso, el programa hará una pregunta sobre la necesidad de actualizar los cuadros correspondientes en Animation Shop. Si la respuesta es sí, todos los cambios realizados en Paint Shop Pro se transferirán a la animación abierta en Animation Shop, que se puede ver.
Hay otra opción para actualizar la animación desde Paint Shop Pro: sin cerrar el archivo Paint Shop Pro, use el comando Editar \u003d\u003e Actualizar Volver a Tienda de Animación (Editar \u003d\u003e Actualizar cambios en la Tienda de Animación). Luego cambie a la tienda de animación y rompa la conexión entre la animación y la imagen multicapa creada temporalmente usando el comando Archivo \u003d\u003e Exportar cuadros \u003d\u003e Romper enlace con cuadros exportados (Archivo \u003d\u003e Exportar cuadros \u003d\u003e Romper el enlace con cuadros exportados). La última acción es necesaria, ya que sin romper la conexión, otras acciones en la Tienda de Animación serán imposibles.
Desafortunadamente, vale la pena reconocer que ambas opciones no son muy convenientes, ya que es imposible crear una animación espectacular, una vez que se recurre al procedimiento para editar marcos en Paint Shop Pro. En la mayoría de los casos, la edición de cuadros, la actualización de la animación, la visualización del resultado y la edición de nuevo deben realizarse repetidamente. Y cada vez que necesite exportar marcos a Paint Shop Pro. Obviamente, la segunda opción está diseñada solo para la posibilidad de edición múltiple de una imagen multicapa con actualización regular de la animación, pero no está completamente implementada y, por lo tanto, prácticamente no da nada, lo que le permite actualizar la animación y prohibir cualquier acción en la Tienda de Animación, y lo más importante: ver animaciones Quiero creer que en las próximas versiones de Paint Shop Pro y Animation Shop este matiz desagradable será eliminado.
Recursos humanos
Lo principal en el desarrollo de la animación es la ventana Marcos, en la que se encuentran los cuadros en sí (Fig. 2). Para trabajar con un cuadro específico, es suficiente seleccionarlo en esta ventana y experimentar las transformaciones necesarias: editar, aplicar un efecto, cambiar propiedades, etc. La selección de varios cuadros se lleva a cabo de la forma habitual presionando las teclas Ctrl o Shift, e inmediatamente todos los cuadros pueden seleccionarse usando el comando Editar \u003d\u003e Seleccionar todo (Editar \u003d\u003e Seleccionar todo).
Higo. 2. Ventana de cuadros: el número de cuadro se indica con la abreviatura F, y la duración en centésimas de segundo se indica con la abreviatura D
Con respecto a los cuadros, puede realizar las transformaciones más simples: rotaciones y reflejos de espejo (menú Animación), y también realizar una inversión cambiando la dirección de los cuadros al opuesto usando el comando Animación \u003d\u003e Cuadros inversos (Animación \u003d\u003e Cuadro inverso).
Lo más interesante cuando se trabaja con marcos es la imposición de efectos sobre ellos que le permiten conectar marcos entre sí mediante una amplia variedad de transformaciones (Fig. 3). Todos los efectos están en el menú Efectos y se dividen en tres grupos: efectos de movimiento de imagen (comando Insertar transición de imagen), efectos de imagen (comandos Insertar efecto de imagen y Aplicar efecto de imagen) y efectos de texto (comandos Insertar efecto de texto y Aplicar efecto de texto) . Vale la pena señalar que el uso de algunos de los comandos especificados (comienzan con la palabra Insertar ...) conduce automáticamente a la generación de una serie de cuadros intermedios que proporcionan una transición suave entre los cuadros de origen creados manualmente. A su vez, los comandos Aplicar efecto de imagen y Aplicar efecto de texto imponen un efecto en los cuadros seleccionados sin crear cuadros intermedios.
Higo. 3. Superposición del efecto de Disolver (Disolución)
Ver y cambiar propiedades de animación
En la ventana Tienda de animación, puede ver inmediatamente el resultado haciendo clic en el botón Ver animación y, si es necesario, hacer los cambios necesarios, por ejemplo, ajustar el tiempo de retraso de uno o varios cuadros, etc. De manera predeterminada, el retraso de visualización para todos los cuadros es igual a una centésima de segundo, y En este caso, los marcos se reemplazan entre sí casi al instante. Sin embargo, el tiempo de reproducción para cada cuadro se puede cambiar fácilmente usando el comando Animación \u003d\u003e Propiedades del cuadro \u003d\u003e Tiempo de visualización (Animación \u003d\u003e Propiedades del cuadro \u003d\u003e Tiempo de visualización).
Además, no es difícil ajustar el color de fondo de la animación con el comando Animación \u003d\u003e Propiedades de animación \u003d\u003e Color del lienzo, y también cambiar el tamaño del cuadro con el comando Animación \u003d\u003e Cambiar tamaño de animación (Animación \u003d\u003e Cambiar el tamaño de la animación) (Fig. 4).
Higo. 4. Cambiar el tamaño de los cuadros de animación
Guardar y optimizar animaciones
Al final del programa, el programa le permite guardar el archivo de animación con optimización, es decir, con una reducción en el volumen, reduciendo el número de colores, eliminando información sobre áreas estáticas de la imagen, etc. (Fig. 5) usando el comando Archivo \u003d\u003e Guardar (Archivo \u003d\u003e Guardar) (solo en el primer guardado) o llamando al asistente de optimización con el comando Archivo \u003d\u003e Asistente de optimización (Archivo \u003d\u003e Asistente de optimización). Vale la pena señalar que, en primer lugar, el programa muestra el resultado de la optimización incluso en la etapa de optimización en la ventana de vista previa, y en segundo lugar, en la línea de meta informa el tamaño del archivo comprimido en comparación con el original y su tiempo de descarga para varias opciones de conexión (Fig. 6) . Todo esto junto ayuda a elegir la versión final del archivo optimizado, encontrando un compromiso razonable entre la calidad y el tamaño de la imagen.
Higo. 5. Definición de parámetros de optimización.
Higo. 6. El resultado de la compresión del archivo de animación durante la optimización.
Como resultado, se creará un archivo comprimido en formato GIF de animación, que, si es necesario, se puede descargar en cualquier momento con el comando Archivo \u003d\u003e Abrir (Archivo \u003d\u003e Abrir) y convertirlo según sea necesario.
Animación GIF en la práctica
Hay una increíble cantidad de diferentes opciones de animación utilizadas tradicionalmente en diseño web y que ya se han convertido en clásicas. Estas son las opciones más diferentes para mover tanto el texto como un todo o sus caracteres individuales y otros objetos; Todo tipo de opciones para transformar objetos y varios giros. Además, los objetos pueden parpadear y brillar literalmente en todos los sentidos, cambiar su color, disolverse, desvanecerse y aparecer lentamente, disminuir y aumentar, etc. Debido a la inmensidad del tema, no tenemos la intención de cubrir todo y todo, y nos detenemos solo en algunos ejemplos que pueden demostrar las posibilidades de combinar efectivamente la funcionalidad del paquete Paint Shop Pro con la utilidad Animation Shop.
Animación de zoom
Este efecto a menudo se aplica casi por igual tanto al texto como a otros objetos y se implementa usando los programas en cuestión de manera extremadamente simple.
Para obtener la animación de la escala, abra Paint Shop Pro y cree una nueva imagen (Fig. 7 y 8); en este caso, esta es una imagen vectorial sobre un fondo blanco. Convierta una capa vectorial en una capa ráster haciendo clic derecho sobre ella y seleccionando el comando Convertir en capa ráster. Luego combine ambas capas haciendo clic con el botón derecho en una de ellas y eligiendo el comando Fusionar \u003d\u003e Fusionar todo (Fusionar \u003d\u003e Fusionar todo).
Higo. 7. Imagen original
Higo. 8. La paleta de capas
Guarde la imagen de una sola capa creada en el formato nativo de Paint Shop Pro y ábrala en Animation Shop, lo que conducirá a la formación de un solo cuadro (Fig. 9). Aplique el efecto Zoom con el comando Efectos \u003d\u003e Insertar transición de imagen con las opciones que se muestran en la Figura 2. 10. Como resultado, se formará una serie completa de marcos, aproximadamente como en la Fig. 11. Vea la animación creada haciendo clic en el botón Ver animación y guárdela con el comando Archivo \u003d\u003e Guardar en el formato GIF de animación con los parámetros de optimización necesarios. Como resultado, se obtendrá aproximadamente la misma animación como se muestra en la Fig. 12)
Higo. 9. El estado inicial de la ventana Marcos
Higo. 10. Seleccionar y ajustar el efecto Zoom
Higo. 11. Ventana de marcos después de aplicar el efecto Zoom
Higo. 12. Animación lista
Animación parpadeante
Tratemos de crear texto intermitente usado tradicionalmente en diseño web. Abra Paint Shop Pro, cree una nueva imagen e imprima cualquier texto sobre un fondo blanco, por ejemplo, como en la Fig. 13. Al mismo tiempo, abra el archivo auxiliar con el que va a realizar el efecto de parpadeo (Fig. 14).
Higo. 13. Fuente
Higo. 14. imagen auxiliar
Usando la herramienta Selección, seleccione un área rectangular arbitraria en la imagen auxiliar, cópiela en el portapapeles y péguela como una nueva capa en el texto fuente usando el comando Editar \u003d\u003e Pegar \u003d\u003e Pegar como nueva capa (Editar \u003d\u003e Pegar \u003d\u003e Pegar como una nueva capa) en la parte superior del vector capa con texto. Luego, haga que la nueva capa ráster sea invisible temporalmente, vaya a la capa de texto, use la herramienta Varita mágica para seleccionar el área fuera del texto. Regrese a la capa ráster con la imagen incrustada y presione la tecla Supr para borrar el área seleccionada fuera de las letras. Como resultado, el texto tendrá aproximadamente la misma forma que en la Fig. 15, y la ventana de capa se verá de acuerdo con la Fig. dieciséis.
Higo. 15. Texto después de eliminar fragmentos de imagen innecesarios
Higo. 16. El estado de la paleta de capas como resultado del ajuste de la capa ráster
Elimine la capa de fondo y la capa de texto vectorial que son innecesarias para futuras animaciones. Duplique la capa ráster restante y, en la copia resultante, reduzca la opacidad de la capa de manera apropiada, por ejemplo, al 80% (Fig. 17 y 18).
Higo. 17. La forma final del texto.
Higo. 18. El aspecto final de la paleta de capas
Guarde la imagen de dos capas creada en el Paint Shop Pro nativo - formato PspImage o en el formato PSD (en ambos casos se guardarán las capas) y ábralo en la Tienda de Animación. Cuando abre una imagen multicapa, las capas se convertirán automáticamente en cuadros (Fig. 19). Vea la animación creada haciendo clic en el botón Ver animación: el resultado no será muy bueno: las letras no se ven muy impresionantes sobre el fondo negro predeterminado y el parpadeo es demasiado rápido. Para cambiar el fondo de la animación, use el comando Animación \u003d\u003e Propiedades de animación \u003d\u003e Color del lienzo y configure el color en blanco (Fig. 20 y 21). Para reducir la velocidad de cuadros, seleccione ambos cuadros en la ventana Marcos, abra el comando Propiedades del cuadro \u003d\u003e Mostrar tiempo en el menú Animación y cambie el tiempo de retraso del cuadro, por ejemplo, como en la Fig. 22. Revise la animación nuevamente, y si el resultado es satisfactorio, guárdelo usando el comando Archivo \u003d\u003e Guardar en el formato GIF de animación con los parámetros de optimización necesarios. Como resultado, se obtendrá aproximadamente la misma animación que se presenta en la Fig. 23)
Higo. 19. El estado inicial de la ventana Marcos
Higo. 20. Cambie el color de fondo en la ventana Propiedades de animación
Higo. 21. Marcos después de cambiar el color del lienzo.
Higo. 22. Cambiar la velocidad de desplazamiento del cuadro en la ventana Propiedades del cuadro
Higo. 23. Animación terminada
Cambiar color en animación
El color en la animación se puede cambiar de varias maneras, como último recurso simplemente creando marcos en los que los objetos se volverán a pintar manualmente. Pero hay una forma más conveniente: ajustando los parámetros Hue (Hue) y Saturation (Saturation), y considérelo.
Abra la imagen original en Paint Shop Pro para la que desea implementar un cambio de color animado (Fig. 24). Con la herramienta Varita mágica, seleccione el fondo, luego invierta (Fig. 25), copie el área seleccionada en el portapapeles y péguelo en la nueva imagen con el comando Editar \u003d\u003e Pegar \u003d\u003e Pegar como nueva imagen (Editar \u003d\u003e Pegar \u003d\u003e Pegar como una nueva imagen) (fig. 26).
Higo. 24. Imagen original
Higo. 25. Aislamiento del fragmento de imagen.
Higo. 26. Resultado de insertar una selección en una nueva imagen
Duplique la capa Raster 1 original muchas veces haciendo clic en el botón Duplicar capa en la paleta Capa. Para un cambio constante en los tonos de color de tales capas, necesitará crear bastante; Por conveniencia, cámbieles el nombre como se muestra en la fig. 27. Después de eso, haga que todas las capas, excepto las capas Raster 1 y Raster 2, sean invisibles, active la capa Raster 2 y use el comando Ajustar \u003d\u003e Tono y Saturación \u003d\u003e Tono / Saturación / Luminosidad (Ajuste \u003d\u003e Tono y Saturación \u003d\u003e Tono / Saturación / Brillo) cambiar el color, por ejemplo, como en la fig. 28. Haga visible la capa Raster 3 y cambie el color de la imagen de la misma manera. Exactamente las mismas operaciones para todas las capas restantes.
Higo. 27. El estado de la paleta de capas después de duplicar capas
Higo. 28. Ajuste de color de imagen
Guarde la imagen de varias capas creada en el formato nativo de Paint Shop Pro (PspImage) o en el formato PSD y ábrala en la Tienda de animación, en este caso las capas se convertirán automáticamente en marcos (Fig. 29). Vea la animación creada haciendo clic en el botón Ver animación y guárdela con el comando Archivo \u003d\u003e Guardar en el formato GIF de animación con los parámetros de optimización necesarios. Como resultado, se obtendrá aproximadamente la misma animación como se muestra en la Fig. treinta.
Higo. 29. El estado inicial de la ventana Marcos
Higo. 30. Animación lista
Intentemos modificar ligeramente la animación creada, de modo que los colores se reemplacen suavemente, no solo en una dirección, sino también en la opuesta. Para hacer esto, haga una copia de cada cuadro excepto el primero haciendo clic derecho en cada cuadro y eligiendo el comando Duplicar Seleccionados. Luego arrastre las copias de los marcos para que las sombras se cambien suavemente, primero en uno y luego en la otra dirección, como resultado, la ventana Marcos se verá como en la Fig. 31. La disonancia ahora causará solo el primer cuadro más brillante que se puede mover al centro de la animación; allí su tono estará más cerca de las sombras de los cuadros adyacentes. Para hacer esto, seleccione el décimo cuadro, haga clic derecho sobre él, seleccione el comando Insertar cuadros \u003d\u003e Vacío y haga clic en el botón Aceptar: aparecerá un cuadro vacío en el centro. Luego arrastre el primer fotograma más brillante sobre él. Ver la animación resultante. Se puede ver que el tono del cuadro recién movido sigue siendo bastante diferente de todos los otros tonos involucrados: al ver la animación en este cuadro, la imagen cambia de color significativamente, por lo que es mejor eliminar completamente este cuadro seleccionándolo y presionando la tecla Supr.
Higo. 31. Ventana de marcos después de la duplicación y marcos móviles
Vea la animación creada y guárdela en formato GIF de animación con los parámetros de optimización necesarios. La animación resultante se muestra en la Fig. 32)
Higo. 32. Animación terminada
Teóricamente, una animación con un cambio de color también se puede crear directamente en la Tienda de Animación; esto será mucho más rápido debido a la presencia del efecto Rotar colores correspondiente (Colores en un círculo). Sin embargo, la aplicación de este efecto está limitada por la selección automática de colores y sombras, que no se pueden cambiar al ajustar el efecto. Intentemos aplicar el efecto Girar colores a una imagen de una sola capa (Fig. 33). Abra la imagen en la Tienda de animación: al principio solo aparecerá un cuadro en la ventana Marcos, ya que la imagen tenía solo una capa. Aplique el efecto de cambio de color con el comando Efectos \u003d\u003e Insertar efecto de imagen con los parámetros que se muestran en la Fig. 34. El resultado será la generación automática del cuadro 21 en la paleta Marcos (Fig. 35), guardando que en formato GIF de animación, obtendrá la animación que se muestra en la Fig. 36)
Esta lección se ha preparado sobre las muchas preguntas de nuestros visitantes. De hecho, no hay nada complicado en la creación de dibujos animados. Las imágenes en movimiento son compatibles, por ejemplo, con el formato de archivo de imagen GIF más conocido. Tenga en cuenta que crear un archivo JPG o BMP animado es poco probable que tenga éxito, ya que estos formatos no admiten la rotación de cuadros.
Cómo crear cuadros de un rodillo móvil en Paint.NET
Entonces, para crear una película animada, necesitamos hacer una serie de cuadros. Debido al hecho de que proporciona trabajo con capas, hacer marcos no es nada difícil. Por ejemplo, utilizaremos la imagen del emoticón realizada en la lección de Paint.NET "Cómo dibujar una carita sonriente tridimensional" publicada en nuestro sitio web.
Para crear varios cuadros, tome la imagen de un smiley tridimensional de esta lección y cree una copia de la capa con la imagen del smiley en la cantidad de cuadros del video que necesitamos. Para hacer esto, puede usar, por ejemplo, el menú "Capa" - "Hacer una copia de la capa" o copiar la capa directamente en la ventana "Capas" de Paint.NET.
No es posible copiar capas inmediatamente, pero por ejemplo, para hacer un segundo cuadro, copie la primera capa y luego cambie el dibujo en la capa copiada de acuerdo con la idea del clip. Por ejemplo, apretamos un smiley y lo movimos arriba y abajo un cuadro por cuadro. Puede ver un ejemplo de la ventana de capas de Paint.NET en la figura de la izquierda, naturalmente, no todos los marcos encajan en ella, pero puede ver la idea general.
Cómo guardar cuadros de película en movimiento para separar archivos
Para conectar cuadros individuales en el orden deseado en una película animada usando el programa UnFREEz, primero debe guardar los cuadros como archivos separados. Esto tampoco es nada complicado. Por ejemplo, puede copiar todo el contenido de la capa deseada, crear una nueva imagen y pegar la imagen copiada de la capa en ella. Luego guárdelo como un archivo GIF separado. Puede seleccionar la imagen completa en una capa, por ejemplo, presionando la combinación de teclas Ctrl + A. La descripción de las teclas de acceso rápido restantes de Paint.NET se encuentra en la sección de instrucciones de este sitio.
De otra manera, por ejemplo, simplemente puede desactivar la visibilidad de las capas que no son necesarias en el marco actual y luego guardar las capas visibles como una imagen GIF separada. Puede hacerlo en el menú de Paint.NET "Archivo" - "Guardar como". Al guardar en formato GIF, Paint.NET ofrecerá fusionar todas las capas de imagen, es decir. Resulta que las capas temporalmente deshabilitadas desaparecerán. Pero después de guardar el archivo con el marco, puede hacer clic en el botón "Cancelar" en el panel horizontal Paint.NET y se cancelará la última acción para fusionar las capas, y se devolverán todas las capas.
Tenga en cuenta de nuevo que para combinar fotogramas del programa UnFREEz en un archivo GIF animado, es necesario que todos los fotogramas tengan el mismo tamaño de imagen. Es decir, por ejemplo, si el tamaño de la imagen de un cuadro es de 20 por 30 puntos, entonces los cuadros restantes deben tener el mismo tamaño. El método de creación de cuadros en Paint.NET descrito anteriormente garantiza que se cumpla esta condición, ya que todos los cuadros se hacen a partir de una imagen principal.
CÓMO HACER FIGURA ANIMADA EN PAINT.NET
Esta lección se ha preparado sobre las muchas preguntas de nuestros visitantes. De hecho, no hay nada complicado en la creación de dibujos animados. Las imágenes en movimiento son compatibles, por ejemplo, con el formato de archivo de imagen GIF más conocido. Tenga en cuenta que crear un archivo JPG o BMP animado es poco probable que tenga éxito, ya que estos formatos no admiten la rotación de cuadros.
Un ejemplo de una imagen en movimiento animada en formato GIF se puede ver en la figura de la izquierda. Los tipos de archivo estándar en Paint.NET, aunque incluyen el formato GIF, aún no admiten la capacidad de guardar archivos GIF animados. Por lo tanto, directamente para crear una serie de cuadros de un archivo GIF animado, en esta lección usamos un programa especial adicional, la utilidad UnFREEz. Este programa también es totalmente gratuito, fácil de usar y no requiere instalación. Con este programa, puede combinar una serie de cuadros consecutivos en una película en movimiento. en ruso se puede encontrar en nuestro sitio web, allí también se puede encontrar .
Cómo crear cuadros de un rodillo móvil en Paint.NET
Entonces, para crear una película animada, necesitamos hacer una serie de cuadros. Gracias a proporciona trabajo con capas; no es nada difícil hacer marcos. Por ejemplo, usaremos la imagen del emoticón hecho en publicado en nuestro sitio web.
Para crear varios cuadros, tome la imagen de un smiley tridimensional de esta lección y cree una copia de la capa con la imagen del smiley en la cantidad de cuadros del video que necesitamos. Puedes usar, por ejemplo, - "Hacer una copia de la capa" o copiar la capa directamente a .
No es posible copiar capas inmediatamente, pero por ejemplo, para hacer un segundo cuadro, copie la primera capa y luego cambie el dibujo en la capa copiada de acuerdo con la idea del clip. Por ejemplo, apretamos un smiley y lo movimos arriba y abajo un cuadro por cuadro. Ejemplo Puedes ver en la imagen de la izquierda, naturalmente, no todos los marcos encajan en ella, pero puedes ver la idea general.
Cómo guardar cuadros de película en movimiento para separar archivos
Para conectar cuadros individuales en el orden deseado en una película animada usando el programa UnFREEz, primero debe guardar los cuadros como archivos separados. Esto tampoco es nada complicado. Por ejemplo, puede copiar todo el contenido de la capa deseada, crear una nueva imagen y pegar la imagen copiada de la capa en ella. Luego guárdelo como un archivo GIF separado. Puede seleccionar la imagen completa en una capa, por ejemplo, presionando la combinación de teclas Ctrl + A. está en la sección de instrucciones de este sitio.
De otra manera, por ejemplo, simplemente puede desactivar la visibilidad de las capas que no son necesarias en el marco actual y luego guardar las capas visibles como una imagen GIF separada. Puedes hacer esto en - "Guardar como". Al guardar en formato GIF, Paint.NET ofrecerá fusionar todas las capas de imagen, es decir. Resulta que las capas temporalmente deshabilitadas desaparecerán. Pero después de guardar el archivo con el marco, puede hacer clic en el botón "Cancelar" y la última acción para fusionar las capas se deshará y todas las capas volverán.
Tenga en cuenta una vez más que para combinar marcos más tarde en un archivo GIF animado, es necesario que todos los marcos tengan el mismo tamaño de imagen. Es decir, por ejemplo, si el tamaño de la imagen de un cuadro es de 20 por 30 puntos, entonces los cuadros restantes deben tener el mismo tamaño. El método de creación de cuadros en Paint.NET descrito anteriormente garantiza que se cumpla esta condición, ya que todos los cuadros se hacen a partir de una imagen principal.