EntradaCómo hacer una animación en el dolor. Cómo hacer una animación usando Pinte and Movie Maker
Paint.net - Cómodo gratis editor de gráficosque en parte puede reemplazar caro Adobe Photoshop.. El conjunto de sus herramientas es suficiente para procesar fotos y crear collages. En el propio editor, no hay posibilidad de crear una animación y, por lo tanto, tendrá que usar adicionalmente utilidad gratuita Sin irreez.
Necesitará
- - Editor gráfico pintura.net;
- - Programa no libre.
Instrucción
Instrucción
- Descargar PAINT.NET
- Descarga sin conexión.
Secciones: Ciencias de la Computación
El propósito de la lección: creando una imagen animada sobre el tema: "mar"
LECCIÓN DE TAREAS:
- Educativo: cree una imagen animada con el editor de gráficos de Point and Power Point en el tema: "Sea"
- Educativo: promover en el curso de la lección para formar atención, independencia.
- Desarrollando - Desarrollo del pensamiento creativo de los estudiantes.
Tipo de lección: Lección estudiando nuevo material.
La estructura de la lección.
- Etapa organizacional. (2 minutos.)
- Una etapa introductoria y motivacional. (10 minutos.)
- Etapa operativa y posterior. (20 minutos.)
- Reflexivo - Etapa de evaluación. (5 minutos).
- Tarea (3 min.)
Equipo: Tablero, tiza, PC, software, materiales didácticos.
Durante las clases.
1. Etapa organizacional.
Hola, chicos se sientan. Hoy en la lección aprenderemos a crear una imagen animada. ¿Qué significa?
A la animación crea encender la imaginación.
¡Figura que necesitas para atraerte sin demora!
Señalarás la trayectoria, el dibujo revivirá.
En el enorme mundo de fantasía, él te llamará !!
Hoy nos sumergiremos en el mundo submarino mágico.
Dibuja el mar, sabemos que
El mar nadará un octopio maravilloso.
Su belleza atrae a su
Peces nadando, haz un arco!
2. La etapa introductoria y motivacional (actualización del conocimiento de referencia).
En la última lección, estudiamos el tema: "Codificación de información" y realizamos trabajos prácticos sobre este tema. Respuesta Preguntas: ¿Cómo puedo codificar y decodificar la información? ¿Qué está codificando? ¿Qué está decodificando? ¿Con qué programas, codificamos y decodificamos información?
Recordar este tema Realice una tarea práctica en su computadora. Decodificación del tema de nuestra lección.
El mundo de los números y los números, es muy grande,
Su misterio para comprender: ¡Podrías un estudiante!
Después de todo, cada dígito se guarda aquí,
¡Decodificación y leyendo el VMY!
La decodificación de la información se realiza en el programa del bloc de notas. La letra se decodifica cuando se presiona 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 una animación en el editor de gráficos de pintura. ¡Te deseo todo el trabajo fructífero y el 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. Etapa operativa y posterior. (20 minutos.)
Creando una imagen animada.
El plan de trabajo. Ahora vamos al viaje bajo el agua, crearemos la animación "Mar".
4. Creando la animación "Sea".
1. Editor de gráficos de pintura abierta (inicio - Estándar - Pintura - Pintura)
2. En la barra de menú, seleccione Figura: atributos. Establezca los parámetros: altura 24 cm, ancho 32 cm.
3. En la barra de herramientas, elija el relleno y, vierta el documento en azul.
4. Utilizando la figura Elipse en la barra de herramientas, dibujamos guijarros marinos (tamaño y cantidad arbitrarios). Usando el relleno, pintar piedras con diferentes colores.
5. Con la herramienta, la curva está dibujando algas.
Que son la belleza infinita,
Qué magnífico, maravilloso mirada,
Pero aquí nos falta algo,
Se reinan la calma y el silencio.
Aquí hay guijarros hermosos, bajo el agua,
Aquí, algas largo, verde,
Pero carece de peces de oro,
¡Así que con una sensación de disfrutar de la belleza!
Vamos a dibujar un pez contigo,
Para hacer esto, vamos a poner un poco!
6. Salvamos el patrón resultante. (Archivo - Guardar como - El nombre de la imagen del mar).
7. Editor de gráficos de pintura abierta (inicio - Estándar - Pintura - Pintura)
8. En la barra de menú, seleccione Figura: atributos. Establezca los parámetros: altura 3 cm, ancho de 5 cm.
9. En la barra de herramientas, elija el relleno y, vierta un documento, azul.
10. Dibuja un pez.
11. Guardamos el patrón resultante. (Archivo - Guardar como nombre de dibujo de pescado).
Aquí es hermosa, Goldfish Golden,
¡Nadará rápidamente, el mar contemplará!
Pero para no aburrirse para los peces,
¡Necesitamos un amigo para crearla!
12. Editor de gráficos de pintura abierta (Inicio - Estándar - Pintura - Pintura)
13. En la barra de menú, seleccione Figura: atributos. Establecer los parámetros: altura 5 cm, ancho 3 cm.
14. En la barra de herramientas, elija el relleno y, vierta un documento en azul.
15. Dibuja el pulpo.
16. Salvamos el patrón resultante. (Archivo - Guardar como - El nombre del patrón de pulpo).
Él tiene muchas piernas,
¿Quién es? ¡Pulpo!
Pesca juntos ahorra
Y pasaremos al mar.
17. Presentación de Poder Open Point (Power Point - Point).
18. En la barra de menú, seleccione Insertar - Figura - Del archivo - Mar
19. En la barra de menú, seleccione Insertar - Figura - Película - Peces
20. En la barra de menú, seleccione Insertar - Figura - Archivo - Octopus
21. Resaltamos el objeto, el pescado, la alfombra del botón derecho del ratón y seleccionamos la configuración de animación en el menú que aparece.
22. Seleccione: Agregar efecto - Ruta de viaje: dibuje una curva de curso personalizada. Dibuja una curva arbitraria.
23. Asignamos el objeto, Octopus, haga clic en el botón derecho del mouse y seleccione la configuración de animación en el menú que aparece.
24. Seleccione: Agregar efecto - Mover Ruta: dibuje una curva de curva personalizada. Dibuja una curva arbitraria.
25. Seleccione la pantalla de diapositivas en la barra de menú: inicio de la pantalla.
La belleza por el mar es ilimitada,
Cambio de la belleza del mar,
En la vida de movimiento y es habitual.
Vamos a movernos siempre.
Orilla del mar, pescado, océanos,
Todas las bellezas no se pueden transmitir,
Para abrir el velo del secreto,
Necesitas crear una animación.
4. Reflexivo - Etapa estimada (5 min).
Estimaciones explantadas para la lección.
5. Tarea.
Creando una imagen animada libre.
Svetlana szakhtin
Cualquier página web es impensable sin animación web, incluso sin animación gif. "Durante bastante tiempo, los diseñadores web se vieron obligados a usar un conjunto completo de programas especializados de diferentes desarrolladores. Sin embargo, con la aparición de oportunidades apropiadas en gráficos 2D populares. Paquetes. Enfocado principalmente para trabajar con gráficos ráster bidimensionales y al mismo tiempo que le permite crear archivos en el formato de animación GIF a expensas de sus respectivos utilidades, todo se ha vuelto mucho más fácil. Estos paquetes incluyen Jasc Paint Shop Pro, que Incluye el programa de la tienda de animación. Diseñado para crear animaciones gif: botones animados, banners y otros elementos animados.
Pint Paint Shop Pro y la tienda de animación Trabaja en una interacción cercana, totalmente compatible y complementada perfectamente entre sí, lo que hace posible en la etapa de creación de animación para cambiar repetidamente de un programa a otro y editar marcos de imágenes de marco en Pintage Shop Pro, que garantiza el cambio En los marcos correspondientes en la tienda de animación. Además, puede exportar capas en marcos y viceversa, así como animación en una imagen de varias capas. Al mismo tiempo, cada uno de estos programas sigue siendo su propia especialización en términos de gráficos web: como regla general, la capacitación y la edición de marcos se lleva a cabo mejor en Paint Shop Pro, y la imposición de efectos dinámicos, optimización y, por supuesto, , la animación en sí está en la tienda de animación.
La tienda de animación se distingue por una interfaz amigable y un modo de edición de marco simple y conveniente con la posibilidad de su turno, imagen de espejo y recorte, así como la presencia de una amplia gama de herramientas: cepillos, formas, herramientas, borrando y recorte, Herramientas de texto, etc. Todo esto, junto con la capacidad de trabajar con maestros paso a paso, hace que incluso los no profesionales creen rápidamente animaciones gif. Además, se proporciona en la tienda de animación. conjunto Efectos profesionales y filtros que se pueden usar al crear animación. El programa admite métodos de optimización eficientes y convenientes que le permiten encontrar rápidamente la solución óptima basada en la ventana de datos que se muestra en su ventana con respecto a la calidad de la imagen, su tamaño y velocidad de carga, y reducir significativamente el tamaño de la imagen "Live" .
Aspectos teóricos de la creación de GIF animado "
Como saben, la animación es una secuencia de fotogramas, el material gráfico de origen para el cual se puede preparar previamente tanto en la tienda de animación como en Pinter Shop Pro, y la elección de la aplicación está determinada por las características específicas de la animación.
La animación GIF en la tienda de animaciones se puede crear de tres maneras. El primero y más conveniente de ellos es prepararse antes de prepararse en la imagen de pintura de la imagen de múltiples capas almacenada en los formatos PSPImage o PSD y abierta en la tienda de animación, en este caso, para cada capa de imagen individual, se crea su marco. Las capas proporcionan manera conveniente Integral Construyendo una imagen animada de varios elementos gráficos y de texto y le permite aplicar todo tipo de filtros a varios elementos de la imagen, para cambiar el grado de transparencia y el modo de mezcla de capas, ajustar el brillo y aplicar otras transformaciones disponibles en PAINT SHOP PRO , asegurando así una variedad de efectos.
El segundo método es una opción tradicional para crear animaciones en GIF-animadores independientes y consiste en una conexión secuencial de imágenes de marco de una sola capa creadas anteriormente con un asistente. Además, es teóricamente posible crear un simple GIF de animación "A y desde cero directamente en el entorno de la tienda de animación.
También hay una posibilidad fundamentalmente otra de crear marcos: la formación automática de marcos intermedios, que se acelera significativamente la recepción de animaciones suaves, ya que desaparece la necesidad de crear manualmente cada cuadro. Para esto se determinan personal claveY luego la computadora genera automáticamente todo lo que debe estar entre ellos, de acuerdo con el efecto definido en el programa (rotación, movimiento, cambio de características de color, etc.). pero esta característica Limitado 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 todos los casos de vida), y si el principio previsto de los cambios en el marco en el número de efectos existentes es No incluido, entonces todos los marcos intermedios deberán ser creados manualmente en Paint Shop Pro.
Exportar y actualizar la animación.
Como ya se señaló, en la etapa de creación de animación, puede cambiar entre programas de Pintura Programas Tienda Pro y tienda de animación, aunque solo cuando se habilitan los marcos de exportación a Pint Wall Pro, ya que las imágenes en capas están habilitadas (Export Paint Shop Pro como las capas de imagen) en el programa de la tienda de animación. Para hacer esto, use el archivo de comando \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 habilite la casilla de verificación especificada (Fig. 1). En este caso, si necesita editar uno o todos los cuadros de la animación, será suficiente para exportar marcos seleccionados desde la tienda de animación en Paint Shop Pro de una de las siguientes maneras:
Seleccione el archivo de comandos \u003d\u003e Exportar cuadros \u003d\u003e a Pinter Shop Pro (Archivo \u003d\u003e Exportar Frame \u003d\u003e en Paint Shop Pro);
Haga clic en los marcos de exportación a Pintage Shop Pro (exportación de marcos en Pintage Shop Pro) en la barra de herramientas;
Haga clic con el botón derecho en los marcos resaltados y seleccione los cuadros de exportación a Pintage Shop Pro en el menú emergente (MARCOS DE EXPORTACIÓN en PAINT SHOP PRO).
Higo. 1. Habilitar las exportaciones de marco a Pintage Shop Pro
Luego, debe realizar la conversión deseada en el entorno POP POPING PRO y cerrar el archivo sin guardar, en este caso, el programa taree la pregunta con respecto a la necesidad de actualizar los marcos correspondientes en la tienda de animación. Con una respuesta positiva, todos los cambios realizados a Pintage Shop Pro se transferirán a la animación abierta en la tienda de animación, que se puede ver.
También se proporciona otra opción para actualizar la animación de PAINT SHOP PRO: sin cerrar el archivo POPING SHOP PRO, use la edición \u003d\u003e Actualizar nuevamente al comando de la tienda de animación (Edición \u003d\u003e Actualice los cambios en la tienda de animación). Luego cambie a la tienda de animación y rompe la conexión entre la animación y la creación temporalmente creada por la imagen de múltiples capas usando el archivo \u003d\u003e Exportar Frames \u003d\u003e Roth Link con los cuadros exportados (archivo \u003d\u003e Exportar marcos \u003d\u003e Comunicación rota con marcos exportados) . La última acción es necesaria porque sin romper la conexión. próximos pasos En la tienda de animación será imposible.
Desafortunadamente, vale la pena reconocer que ambas opciones no son muy convenientes, ya que es imposible crear una animación espectacular, una vez recurrida al procedimiento de edición de marco en Paint Shop Pro. La mayoría de las veces, edita marcos, actualice la animación, vea el resultado y vuelva a editarla se repite. Y cada vez que necesite exportar marcos en Pintage Shop Pro. Es obvio que la segunda opción está diseñada para editar repetidamente una imagen multicapa con una 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 las acciones en la tienda de animación , y lo más importante: vea la animación. Me gustaría creer que en las siguientes versiones de PAINT SHOP PRO y tienda de animación, este matiz desagradable será eliminado.
Trabajar con personal
El principal en el desarrollo de la animación es la ventana de marcos, en la que se encuentran los marcos en sí (Fig. 2). Para trabajar con un marco específico, es suficiente para seleccionarlo en esta ventana y someterse a las transformaciones deseadas: editar, imponer un efecto, cambiar las propiedades, etc. La selección de varios cuadros se realiza de la manera habitual cuando el CTRL o CURSE Se presionan las teclas e inmediatamente, todos los marcos se pueden asignar por comando Editar \u003d\u003e Seleccionar todo (Editar \u003d\u003e Asignar todos).
Higo. 2. Marcos de ventanas: con una abreviatura F, se especifica el número de marco, y con la abreviatura D - su duración en centésimas de segundos
Con respecto a los marcos, puede realizar la transformación más simple: giros y reflejos de espejo (el menú de animación - animación), así como llevar a cabo un reverso, cambiando la dirección de los cuadros al opuesto por el comando Animation \u003d\u003e Frometras inversa ( Animación \u003d\u003e Marcos de reversión).
Lo más interesante al trabajar con marcos es la imposición de efectos en ellos que le permiten vincular los marcos entre sí con una amplia variedad de transformaciones (Fig. 3). Todos los efectos están en el menú de efectos (efectos) y se dividen en tres grupos: Efectos de desplazamiento de la imagen (inserte el comando de transición de imagen), efectos de imagen (inserte el efecto de imagen y aplique los comandos de efectos de imagen) y los efectos de texto (inserte el efecto de texto y aplique efecto de texto comandos). Vale la pena señalar que el uso de parte de los comandos especificados (comienzan con las palabras insertar ...) conduce automáticamente a la generación de una serie completa de marcos intermedios que proporcionan transición suave Entre creado manualmente por los marcos de origen. A su vez, se imponen el efecto de la imagen y aplique los comandos de efectos de texto en los marcos seleccionados sin la formación de marcos intermedios.
Higo. 3. Efecto superpuesto disuelve (disolución)
Ver y cambiar las propiedades de animación.
En la ventana de la tienda de animación, puede ver inmediatamente el resultado haciendo clic en el botón Ver animación, y si es necesario, y realizar los cambios necesarios, por ejemplo, ajustar la duración del retardo de uno o más marcos, etc. Retraso de visualización predeterminado en todos Los marcos son iguales a una centésima de segundo, y en este caso los marcos se reemplazan casi al instante. Sin embargo, el tiempo de reproducción para cada cuadro se puede cambiar fácilmente usando la animación \u003d\u003e Propiedades de marco \u003d\u003e Tiempo de visualización (Animación \u003d\u003e CDA Properties \u003d\u003e Tiempo de visualización).
Además, no es difícil configurar el color del fondo de la animación, usando la animación \u003d\u003e Propiedades de animación \u003d\u003e Color de lienzo (animación \u003d\u003e Propiedades de animación \u003d\u003e Color de lienzo), además de resolver el tamaño del cuadro usando la animación \u003d \u003e Cambiar el tamaño de la animación (Animación \u003d\u003e Cambiar el tamaño de la animación) (Fig. 4).
Higo. 4. Cambiar los tamaños de marcos de animación.
Conservación y optimización de la animación.
Al final del trabajo, el programa le permite guardar el archivo de animación con optimización, es decir, con una reducción en el volumen reduciendo la cantidad de colores, eliminando información sobre áreas estáticas de la imagen, etc. (Fig. 5) Uso del archivo \u003d\u003e Guardar comando (archivo \u003d\u003e guardar) (solo cuando guarda primero) o llamando al asistente de optimización del 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 optimización en la etapa de optimización en la ventana de vista previa y, en segundo lugar, en el final, le indica el tamaño del archivo comprimido en comparación con el original y la hora de cargarla en Varias opciones de conexión (Fig. 6). Todo esto en el complejo ayuda a seleccionar la versión final del archivo optimizado, encontrar compromiso razonable Entre la calidad de la imagen y su tamaño.
Higo. 5. Determinación de los parámetros de optimización.
Higo. 6. El resultado de la compresión del archivo de animación al optimizar
Al final se creará. archivo comprimido En el formato GIF de animación, que, si es necesario, el refinamiento puede estar cargado en cualquier momento por el archivo \u003d\u003e Abrir comando (archivo \u003d\u003e abierto) y en el camino correcto Transformado.
Gif animación en la práctica
Diferentes opciones para animaciones utilizadas tradicionalmente en diseño web y se han vuelto ya clásicas, increíblemente muchas. Estas son una variedad de variantes de mover tanto texto en general como a sus personajes individuales y otros objetos; Todo tipo de transformación de objetos y diversos giros. Además, los objetos pueden parpadear y cambiar literalmente a todos los trastes, cambiar su color, disolver, emitir y manifestarse lentamente, disminuir y aumentar, etc. Debido a la importancia del tema, no ponemos nuestra tarea para cubrir todo y a todos y habitar solo en varios ejemplos que pueden demostrar las posibilidades de una combinación efectiva de la funcionalidad del paquete de PAINT SHOP PRO con la utilidad de la tienda de animación.
Escalamiento de animación
Este efecto a menudo se aplica prácticamente por igual a texto y otros objetos y se implementa utilizando los programas en consideración es extremadamente simple.
Para obtener animación de zoom, abrir pintura PRO y crear un nuevo dibujo (Fig. 7 y 8), en este caso, es una imagen vectorial sobre un fondo blanco. Convierta una capa vectorial en la ráster haciendo clic con el botón derecho en él y seleccionando el comando convertir al raster en la capa de raster). Luego, combine ambas capas al hacer clic con el botón derecho en uno de ellos y seleccionando el comando MERGE \u003d\u003e Fusionar todo (MERGE \u003d\u003e combine todos).
Higo. 7. Imagen original
Higo. 8. Paleta de capas
Guarde la imagen de una sola capa creada en formato propio Pintage Shop Pro y ábralo en la tienda de animación, que conducirá a la formación de un solo marco (Fig. 9). Ingrese el efecto ZOOM (ZOOM) usando los efectos \u003d\u003e Insertar el comando de transición de la imagen (Efectos \u003d\u003e Inserte el efecto de cambio de imagen) cuando los parámetros especificados en la FIG. 10. Como resultado, se formará una serie completa de marcos, aproximadamente como en la FIG. 11. Revise la animación creada haciendo clic en el botón Ver animación, y guárdelo con el comando Archivo \u003d\u003e Guardar en el formato GIF de animación con los parámetros de optimización deseados. Como resultado, aproximadamente la misma animación se obtendrá como se presenta en la FIG. 12.
Higo. nueve. Estado primario Marcos de ventana.
Higo. 10. Selección y configuración del efecto ZOOM.
Higo. 11. Marcos de la ventana después de aplicar el efecto ZOOM
Higo. 12. Animación terminada.
Animación con efecto parpadeante.
Intentemos crear un texto parpadeante que se usa tradicionalmente en el diseño web. Open Paint Shop Pro, cree un nuevo dibujo e imprima texto arbitrario sobre un fondo blanco, por ejemplo, en la FIG. 13. Al mismo tiempo, abra el archivo auxiliar con el que va a hacer el efecto del parpadeo (Fig. 14).
Higo. 13. Texto original
Higo. 14. Imagen auxiliar
Herramienta de selección Resalte un área rectangular arbitraria en la imagen auxiliar, cópielo en el portapapeles y peguela como una nueva capa a la fuente de texto usando la edición \u003d\u003e pegar \u003d\u003e pegar como un comando de capa nueva (edición \u003d\u003e pegar \u003d\u003e pegar como una nueva capa ) Sobre la capa de stock con texto. Luego, haga que una nueva capa de raster sea invisible, vaya a la capa con el texto, resalte la herramienta Magic Wand fuera del texto. Vuelva a la capa ráster con la imagen incorporada y presione la tecla DEL para limpiar el área seleccionada fuera de las letras. Como resultado, el texto tomará sobre esta especie como en la FIG. 15, y la ventana de la capa verá de acuerdo con la FIG. dieciséis.
Higo. 15. Texto después de eliminar los fragmentos innecesarios.
Higo. 16. Estado de la paleta de capa como resultado de un ajuste de la capa ráster
Eliminar innecesario para el fondo de la capa de fondo de la animación futura y la capa vectorial con texto. Duplique la capa ráster restante y en las copias obtenidas, reduzca la opacidad de la capa con una forma adecuada, por ejemplo, hasta el 80% (Fig. 17 y 18).
Higo. 17. Tipo final de texto.
Higo. 18. Vista final de la paleta de la capa.
Guarde la imagen de dos capas creada en su propio formato PSPImage Pro - PSPImage o en formato PSD (en ambos casos, las capas se guardarán) y lo abrirán en la tienda de animación. Al abrir una imagen multicapa, las capas se convertirán automáticamente a marcos (Fig. 19). Navegue por la animación creada haciendo clic en el botón Ver animación, el resultado no será muy bueno: las letras no se ven demasiado espectacularmente en el fondo negro instalado de forma predeterminada y parpadea es demasiado rápido. Para cambiar el fondo de la animación, use la animación \u003d\u003e Propiedades de animación \u003d\u003e Color de lona (animación \u003d\u003e Propiedades de animación \u003d\u003e Color de lienzo) e instale el color blanco (Fig. 20 y 21). Para reducir la velocidad de la velocidad de cambio, seleccione ambos cuadros en la ventana Frames, abra el comando Time Frame Properties \u003d\u003e Mostrar. 22. Una vez más, mire la animación, y si el resultado está satisfecho con usted, guárdelo con el comando Archivo \u003d\u003e Guardar en el formato de animación GIF con los parámetros de optimización deseados. Como resultado, se obtendrá aproximadamente la misma animación, que se presenta en la FIG. 23.
Higo. 19. El estado inicial de la ventana de los marcos.
Higo. 20. Cambio del color de fondo en la ventana de propiedades de animación
Higo. 21. Marcos después de cambiar el color del lienzo.
Higo. 22. Cambio de la velocidad de desplazamiento en la ventana Propiedades del marco
Higo. 23. Animación terminada.
Cambio de color en animación.
El color en la animación se puede cambiar. diferentes caminosEn casos extremos, la simple creación de marcos en los que los objetos serán repintados manualmente. Pero hay una forma más conveniente: ajustando los parámetros de Hue y la saturación (saturación), y considerándolo.
Abra la imagen original en la tienda de pintura PRO para la cual es necesario implementar un cambio de color animado (Fig. 24). Resalte la herramienta Magic Wand, luego haga una inversión (Fig. 25), copie el área seleccionada en el portapapeles e insértelo en una nueva imagen con la edición \u003d\u003e Pegar \u003d\u003e Pegar como una imagen nueva (edición \u003d\u003e Pegar \u003d\u003e Pegar como una nueva imagen) (Fig. 26).
Higo. 24. Imagen de origen
Higo. 25. Selección de fragmento de imagen.
Higo. 26. El resultado de la inserción del fragmento seleccionado en una nueva imagen.
Multiplicar la capa de origen Raster 1, haciendo clic en la capa de capa duplicada (capa duplicada) paletas de capa. Para un cambio consistente de tonos del color de tales capas, será necesario crear bastante; Por conveniencia, cambie el nombre de tal manera como se muestra en la FIG. 27. Después de eso, realizan todas las capas, con la excepción de las capas de Raster 1 y Raster 2, invisible, active la capa de raster 2 y usando el ajuste \u003d\u003e tono y saturación \u003d\u003e Comando Hue / Saturación / Lightness (Ajuste \u003d\u003e Tinte y Saturación \u003d\u003e Hue / Saturación / Brillo) Cambie el color, por ejemplo, como en la FIG. 28. Haz una capa visible de raster 3 y cambie el color de la imagen de la misma manera. Exactamente las mismas operaciones para todas las capas restantes.
Higo. 27. Estado de la paleta de capa después de la duplicación de capas.
Higo. 28. Ajuste de color de imagen.
Guarde la imagen de múltiples capas creada en su propia tienda de pintura Pro - PSPImage, o en formato PSD y ábrelo en la tienda de animación, en este caso, las capas se convertirán automáticamente en fotogramas (Fig. 29). Busque la animación creada haciendo clic en el botón Ver animación, y guárdelo con el comando Archivo \u003d\u003e Guardar en el formato GIF de animación con los parámetros de optimización deseados. Como resultado, aproximadamente la misma animación se obtendrá como se presenta en la FIG. treinta.
Higo. 29. El estado inicial de la ventana de los marcos.
Higo. 30. Animación terminada.
Vamos a intentar un poco conjuntamente creado por la animación, de modo que los colores se reemplacen suavemente, no solo en una dirección, sino también en lo opuesto. Para hacer esto, haga una copia de cada cuadro, excepto el primero, haciendo clic secuencialmente en cada marco con el botón derecho del mouse y seleccionando el comando duplicado seleccionado (duplicación del marco seleccionado). Luego, arrastre las copias de los marcos para que los tonos se cambien suavemente entre sí primero en uno, y luego en la otra dirección, como resultado, la ventana de marcos tomará la apariencia como en la FIG. 31. La disonancia ahora llamará solo el primero, el marco más brillante que se puede mover a la mitad de la animación, allí estará más cerca de los tonos de los marcos de los marcos. Para hacer esto, seleccione la décima cuadro, haga clic en él, haga clic con el botón derecho, seleccione el comando Insertar cuadros \u003d\u003e vacío y haga clic en el botón Aceptar: aparece un marco vacío en el centro. Luego arrastra el primer cuadro más brillante. Navega por la animación resultante. Se puede ver que la sombra que acaba de desplazar el marco sigue siendo bastante diferente de todos los demás tonos involucrados, al ver la animación en este marco, la imagen cambia fuerte al color, por lo que es mejor eliminar este marco en absoluto, resaltando y presionando el Del tecla.
Higo. 31. Ventana de marcos después de la duplicación y viaje.
Navegue por la animación creada y guárdela en formato GIF de animación con los parámetros de optimización deseados. La animación resultante se muestra en la FIG. 32.
Higo. 32. Animación terminada.
Teóricamente, la animación de color se puede crear e directamente en la tienda de animaciones, esto será mucho más rápido debido a la presencia del efecto de rotación correspondiente (colores en un círculo). Sin embargo, el uso de este efecto está limitado por la selección automática de colores y sombras que no se pueden cambiar al configurar el efecto. Intentemos intentar aplicar el efecto de los colores de rotación en una imagen de una sola capa (Fig. 33). Abra la imagen en la tienda de animación: solo aparece un cuadro en la ventana de marcos, ya que la imagen tenía una sola capa. Tome el efecto de cambiar los colores con los efectos \u003d\u003e Insertar el comando de efectos de imagen (Efectos \u003d\u003e Insertar efecto de imagen) cuando los parámetros especificados en la FIG. 34. El resultado será la generación automática del marco 21 en la paleta de marcos (Fig. 35), ahorrando que en el formato GIF de animación, obtendrá la animación mostrada en la FIG. 36
Esta lección se prepara en numerosos temas de nuestros visitantes. De hecho, no hay nada complicado en la creación de patrones animados. Mover imágenes Soporte, por ejemplo, el formato más famoso de archivos gráficos GIF. Nota que hacen un animado. archivo jpg Es poco probable que BMP tenga éxito, ya que estos formatos no admiten la alternancia del personal.
Cómo crear marcos Moving Roller en Paint.net
Entonces, para crear un rodillo animado, tendremos que hacer una serie de marcos. Debido a lo que garantiza el trabajo con las capas, no es difícil para los fútbol. Por ejemplo, usamos la imagen del emoticon realizado en la lección de Paint.net cómo dibujar una sonrisa tridimensional, publicada en nuestro sitio web.
Para crear varios marcos, tome una imagen de una sonrisa tridimensional de esta lección y cree una copia de la capa con la imagen del emoticon en la cantidad de cuántos marcos del rodillo que necesitamos. Para hacer esto, puede usar, por ejemplo, el menú "Capa": "Haga una copia de la capa" o copie la capa directamente en la ventana "Capas". Paint.net.
Las capas de copia no se pueden copiar de inmediato, pero por ejemplo, para realizar el segundo cuadro, copiar la primera capa, después de lo cual es posible cambiar el patrón en la capa copiada de acuerdo con la idea del rodillo. Nosotros, por ejemplo, apretamos el smiley y lo movió hacia arriba y hacia abajo un poco ligero detrás de las escenas. El ejemplo de las capas "Capas" "PAINT.NET se puede ver en la imagen de la izquierda, naturalmente, todos los marcos no encajaban, pero puedes ver la idea común.
Cómo guardar los marcos Mover Roller en archivos separados
Para conectar los cuadros individuales en el orden deseado en un rodillo animado usando un programa sin conexión, primero debe mantener los marcos como archivos separados. No hay nada complicado en esto. Puede, por ejemplo, copiar todo el contenido de la capa deseada, crear una nueva imagen e insertarla, copiada de la imagen de la capa. Después de eso, ahorre como un archivo GIF separado. Seleccione toda la imagen en la capa puede ser, por ejemplo, presionando la combinación de teclas CTRL + A. Descripción de las teclas de hot-keys pinte.net restantes se encuentra en la sección Instrucciones de este sitio.
Otra forma puede, por ejemplo, simplemente deshabilitar la visibilidad de las capas que no son necesarias en el bastidor actual, después de lo cual es posible guardar capas visibles como un patrón de GIF separado. Puede hacerlo en el menú Paint.net "Archivo" - "Guardar como". Al preservar B. formato GIF Paint.net ofrecerá combinar todas las capas de imagen, es decir, Resulta que las capas temporalmente desconectadas desaparecerán. Pero después de guardar un archivo con un marco, puede hacer clic en el botón "Cancelar" en el panel Horizontal Paint.NET y se cancelará la última acción en la combinación de las capas, y todas las capas regresarán.
Una vez más, tenga en cuenta que para la combinación, luego los marcos por el programa no libereez en una animada Archivo gifEs necesario que todos los marcos hayan tenido el mismo tamaño de imagen. Aquellos., Por ejemplo, si el tamaño del patrón de un marco 20 es de 30 puntos, entonces los otros marcos deben tener el mismo tamaño. El método descrito para crear marcos en Paint.net garantiza que esta condición se cumpla, ya que todos los marcos están hechos de una imagen principal.
Cómo hacer un patrón animado en Paint.net
Esta lección se prepara en numerosos temas de nuestros visitantes. De hecho, no hay nada complicado en la creación de patrones animados. Mover imágenes Soporte, por ejemplo, el formato más famoso de archivos gráficos GIF. Tenga en cuenta que es poco probable que el archivo JPG o BMP animado se haga, ya que estos formatos no admiten la alternancia del marco.
Un ejemplo de una imagen en movimiento animada en formato GIF se puede ver en la imagen de la izquierda. Tipos de archivos estándar en Paint.net, aunque incluyen formato GIF, pero aún así no admite la posibilidad de guardar archivos GIF animados. Por lo tanto, directamente para crear una serie de marcos de un archivo GIF animado, usamos uno adicional en esta lección. programa especial Utilidad de Uncreezez. Este programa también es absolutamente gratuito, fácil de usar y no requiere instalación. Con este programa, puede conectar una serie de marcos consecutivos en un video en movimiento. En ruso se puede encontrar en nuestro sitio web, también puedes descubrirlo. .
Cómo crear marcos Moving Roller en Paint.net
Entonces, para crear un rodillo animado, tendremos que hacer una serie de marcos. Gracias a Proporciona trabajo con capas, no hay marcos no son difíciles. Por ejemplo, usamos la imagen del emoticon hecho en Publicado en nuestro sitio web.
Para crear varios marcos, tome una imagen de una sonrisa tridimensional de esta lección y cree una copia de la capa con la imagen del emoticon en la cantidad de cuántos marcos del rodillo que necesitamos. Para esto puedes usar, por ejemplo, - "Haz una copia de la capa" o copia la capa directamente a .
Las capas de copia no se pueden copiar de inmediato, pero por ejemplo, para realizar el segundo cuadro, copiar la primera capa, después de lo cual es posible cambiar el patrón en la capa copiada de acuerdo con la idea del rodillo. Nosotros, por ejemplo, apretamos el smiley y lo movió hacia arriba y hacia abajo un poco ligero detrás de las escenas. Ejemplo Puedes ver en la figura de la izquierda, naturalmente, todos los marcos no encajaban, pero puedes ver la idea general.
Cómo guardar los marcos Mover Roller en archivos separados
Para conectar cuadros individuales en el pedido deseado en un rodillo animado usando el programa nofreez, primero debe guardar fotogramas como archivos separados. No hay nada complicado en esto. Puede, por ejemplo, copiar todo el contenido de la capa deseada, crear una nueva imagen e insertarla, copiada de la imagen de la capa. Después de eso, ahorre como un archivo GIF separado. Seleccione toda la imagen en la capa puede ser, por ejemplo, presionando la combinación de teclas CTRL + A. Hay en la sección Instrucciones de este sitio.
Otra forma puede, por ejemplo, simplemente deshabilitar la visibilidad de las capas que no son necesarias en el bastidor actual, después de lo cual es posible guardar capas visibles como un patrón de GIF separado. Puedes hacerlo en - "Guardar como". Al guardar en formato GIF Paint.net ofrecerá combinar todas las capas de imagen, es decir, Resulta que las capas temporalmente desconectadas desaparecerán. Pero después de guardar un archivo con un marco, puede hacer clic en el botón "Cancelar". Y se cancelará la última acción en la combinación de las capas, y todas las capas regresarán.
Una vez más, tenga en cuenta que para la unión, luego los marcos. En un archivo GIF animado, es necesario que todos los marcos hayan tenido el mismo tamaño de imagen. Aquellos., Por ejemplo, si el tamaño del patrón de un marco 20 es de 30 puntos, entonces los otros marcos deben tener el mismo tamaño. El método descrito para crear marcos en Paint.net garantiza que esta condición se cumpla, ya que todos los marcos están hechos de una imagen principal.