Cómo crear rápidamente animaciones GIF en Photoshop. Creando una animación simple en Photoshop Creando una animación en Photoshop cs6

Para hacer animación, no es necesario tener ningún conocimiento extraordinario, solo necesita obtener la herramienta adecuada y usarla correctamente. Existen bastantes soluciones de este tipo, pero la más famosa de ellas es Adobe Photoshop. Este artículo le mostrará cómo puede crear rápidamente animaciones en él.

Si Photoshop no está en su PC, descárguelo desde el enlace anterior, luego instálelo siguiendo las instrucciones de este artículo y ejecútelo.

Etapa 1: Preparación del lienzo y las capas.


Ahora puedes dibujar sobre ellos lo que se mostrará en la animación. En nuestro ejemplo simple, este será un cuadrado en movimiento. En cada capa se mueve unos cuantos píxeles hacia la derecha.

Paso 2: trabajar con la línea de tiempo


¡Todo! La animación está lista. Puedes ver el resultado haciendo clic en el botón "Iniciar reproducción de animación". Y después de eso puedes guardarlo en el formato. GIF.

De esta forma sencilla pero comprobada, pudimos crear una animación GIF en Photoshop. Por supuesto, esto se puede mejorar significativamente reduciendo el tiempo de fotograma, añadiendo más fotogramas y, por supuesto, en lugar de crear un cuadrado negro, creando algo más original y de mejor calidad. Pero depende de tus preferencias, deseos y habilidades.

Para utilizar la herramienta de importación de videos en Adobe Photoshop CS3, debe instalar Quick Time Player versión 7.1 o superior.

Para importar fotogramas de un vídeo, haga clic en "Archivo > Importar > Fotogramas de vídeo a capas..." y seleccione el archivo en su computadora.

Si recibe un mensaje durante la importación que indica que el formato no es compatible, será necesario convertir el video al formato ".mp4". Recomiendo usar un convertidor gratuito. En él, puede recortar inmediatamente el fragmento deseado del video para no convertir todo el archivo. Si está utilizando Photoshop CS3, después de la conversión, cambie la extensión ".mp4" a ".mov".

Después de seleccionar un archivo en su computadora, debería aparecer un cuadro de diálogo de importación. Si desea animar solo una parte del video, coloque el interruptor en la posición "Solo rango seleccionado".

Si está utilizando Photoshop CS3, coloque el control deslizante al principio del fragmento, mantenga presionada la tecla "Shift" y arrastre el control deslizante hasta el final del fragmento deseado.

Si tiene instalado Photoshop CS6, utilice los controles deslizantes negros para indicar el principio y el final del fragmento.

Marque la casilla junto a "Dejar cada uno" y especifique la frecuencia de muestreo del cuadro de video. Ejemplo: si el vídeo tiene una velocidad de fotogramas de 30 fotogramas/seg y usted ingresó el valor "5", entonces la velocidad de fotogramas de la animación será 30 / 5 = 6 fotogramas por segundo, es decir, ¿qué numero mayor, más raros son los fotogramas (menor es el tamaño de la animación).

Active la línea de tiempo haciendo clic en el comando de menú Ventana > Animación en Photoshop CS3 o Ventana > Línea de tiempo en Photoshop CS6.

En la escala de animación, haga clic en el primer fotograma, mantenga presionada la tecla "Shift" y haga clic en el último fotograma. Seleccione el tiempo de retardo de fotograma deseado de la lista, configurando así la velocidad de reproducción de la animación. Para ver el resultado, utilice los botones del reproductor.

Haga clic en "Archivo > Guardar para Web..." (Photoshop CS6) o "Archivo > Guardar para Web y dispositivos..." (Photoshop CS3). Seleccione el formato "GIF". Si lo deseas, puedes reducir o aumentar el tamaño de la imagen cambiando los valores en píxeles o como porcentaje del tamaño original.

La animación en Internet hace tiempo que dejó de existir decoracion sencilla páginas y se ha convertido en una herramienta útil para mejorar la usabilidad. Ayuda al usuario a interactuar con la interfaz y llama la atención sobre puntos importantes.

La animación es la visualización secuencial de fotogramas similares uno tras otro. Cada cuadro cambia ligeramente, por lo que la imagen parece estar en movimiento.

Para animar la interfaz, cree prototipos interactivos o comerciales, utilice programas especiales, por ejemplo, Adobe Animate o After Effects.

Para crear una presentación o un banner web sencillo, no es necesario comprender programas especiales. Las herramientas integradas de Photoshop también son adecuadas para esto.

Donde empezar

El primer paso es decidir qué animaremos y qué resultado planeamos lograr.

Para crear la animación, tomé uno de los proyectos brillantes de Behance y lo volví a dibujar en Photoshop. Lo alineé según la cuadrícula de contenido, seleccioné los tamaños y coloqué cada elemento en una capa separada. Como resultado, dibujé la primera pantalla del sitio en formato PSD, que luego animé.

escala de tiempo

Antes de crear una animación, debe preparar las herramientas necesarias: active la visualización de la "Línea de tiempo", que ayuda a administrar los fotogramas de la animación.

Para hacer esto, abro la pestaña "Ventana" y marco la casilla junto a la línea "Línea de tiempo".

Debería aparecer una línea ancha en la parte inferior de la ventana de Photoshop, con la que puedes controlar los fotogramas de la animación.

Para crear el primer fotograma, haga clic en el icono "Crear animación de fotograma" en la "Línea de tiempo".

Una vez que haya aparecido el primer cuadro, puedes comenzar a crear movimiento.

Intermedios

En Photoshop, un elemento se puede animar de varias formas:

  • Dibuja varios cuadros, cambiando manualmente la posición y las propiedades de los elementos. Si la animación es lo suficientemente larga, dibujar cada cuadro lleva mucho tiempo.
  • Insertar marcos intermedios. Solo necesitas configurar manualmente los estados del diseño: al principio y al final de la animación. El propio Photoshop agregará los marcos necesarios entre estos estados. Este método es adecuado para hacer que un objeto aparezca y desaparezca o para mostrar su movimiento.

Primero animo la imagen de la balalaika. Para que la imagen se vea fluida, utilizo la herramienta "Insertar cuadros intermedios". Para que Photoshop anime un elemento, debe establecer dos estados para el elemento: un estado inicial en el primer cuadro y un estado final en el siguiente.

Entonces agregaré otro fotograma a la línea de tiempo usando el botón "Hacer una copia de fotogramas".

Después de agregar un nuevo marco, cambio al primero y elimino la visibilidad de la capa balalaika. También puedes establecer la opacidad de la capa en 0%.

En el siguiente cuadro compruebo si la capa con la balalaika es visible.

Después de trabajar con la imagen de la balalaika, ajusto la apariencia de la línea de texto. En el primer cuadro, selecciono el texto "El alma canta" y lo muevo hacia la derecha fuera del diseño. Hago lo mismo con el texto "3 cadenas": lo muevo hacia la izquierda hasta que desaparezca.

En el segundo cuadro devuelvo el texto.

Excelente. Ahora insertemos fotogramas intermedios entre los fotogramas clave.

Para hacer esto, haga clic en el botón "Crear fotogramas intermedios" en la "Línea de tiempo".

En el cuadro de diálogo que aparece, indico cuántos fotogramas se deben agregar.

Cuantos más fotogramas, más larga será la animación y más suave se moverá el elemento. Si hay muy pocos fotogramas, los elementos se moverán a sacudidas.

La primera parte de la animación está lista. Ahora puedes reproducirlo y ver qué pasó.

Hago clic en el botón de reproducción en la línea de tiempo.

La inserción de fotogramas intermedios ayudó a crear rápidamente una animación con una apariencia y movimiento suaves de los elementos.

Aparecer, desaparecer y moverse se pueden combinar entre sí para lograr efectos aún más interesantes.

Animación manual stop-motion.

Además de la animación lineal, a veces es necesario crear movimientos caóticos o mostrar una interacción compleja de elementos. Por lo general, para hacer esto, crean varias copias del primer cuadro y luego cambian ligeramente cada copia: dibujan la animación cuadro por cuadro.

lo copiaré varias veces último fotograma para crear movimiento de la flecha y el texto "ir a comprar".

En el siguiente cuadro, selecciono la capa deseada con el texto y la flecha, la muevo un poco hacia arriba y, en el último cuadro, hacia abajo.

Ahora puedes ejecutar la animación y ver el resultado.

Dado que los fotogramas cambian rápidamente, los ojos no tienen tiempo para centrarse en el último fotograma y fijar la posición final de los objetos en la pantalla.

Por lo tanto, aumenté la duración del último cuadro: debes hacer clic en la flecha al lado de la inscripción "0 seg". y seleccione otro momento de la lista.

Para el último fotograma establecí la duración en dos segundos. La reproducción ahora se ralentiza al final. Por tanto, es cómodo observar el movimiento de los elementos.

Guardar y exportar

En la ventana de vista previa, puede ver la animación nuevamente y cambiar la configuración de guardado.

De forma predeterminada, la animación se detiene después de la reproducción. Por lo tanto, cambio el modo de reproducción a "Repetir" y guardo.

Esta es la animación resultante:

Conclusión

En Photoshop es fácil crear presentaciones y banners interactivos cortos y animar elementos individuales. Es conveniente experimentar con el resultado.

En este artículo hablaré sobre qué es la animación en Photoshop. Veremos cómo funciona la animación en Photoshop usando el ejemplo de creación de un banner de Año Nuevo.

Trabajaré en Adobe Photoshop CS6. Mi interfaz es rusa, ya que escribo desde el trabajo.

Tengo la versión en inglés en casa y te aconsejo que estudies con la versión en inglés, he aquí por qué:

  • Puede navegar fácilmente por el programa en cualquier idioma (después del inglés, puede encontrar herramientas en ruso fácilmente, porque este es su idioma nativo, y después del ruso puede tener problemas de adaptación).
  • La mayoría de las buenas lecciones están escritas en inglés.
  • Las localizaciones de programas a menudo difieren entre sí y la calidad de la traducción de la interfaz a veces deja mucho que desear. La traducción incorrecta de las herramientas puede confundir a una persona que comienza a aprender el programa.

Comencemos a crear animaciones en Photoshop CS6.

Iniciemos Photoshop.

Nosotros creamos nuevo documento Archivo -Nuevo (Ctrl+N).

En la ventana que se abre, configure las dimensiones del banner: 600 x 120, llamémoslo "banner de Año Nuevo" -> "Ok".

Creando un fondo

Selecciono de antemano los materiales que utilizaré en mi trabajo (fondos, fuentes, etc.).

Abra la textura preparada: Ctrl+O. Puedes descargar la textura que uso.

Abra la paleta de capas “Capas” – F7.

Seleccione la ventana con la textura, arrastre la capa desde la paleta de capas a la capa con el banner.

Si la textura resulta demasiado pequeña o muy grande en comparación con el banner, ajuste su tamaño usando la transformación "Ctrl+T".

Aparecerán pequeños marcadores cuadrados en las esquinas de la imagen. Mantenga presionada la tecla Mayús para mantener la relación de aspecto a medida que cambia el tamaño y arrastre el controlador de la esquina en diagonal para reducir o aumentar el tamaño de la imagen hasta que el fondo ocupe toda la superficie del banner.

Después de haber ajustado la textura al tamaño del banner, pasamos a su corrección de color.

Vaya al menú “Imagen” - “Ajustes” - “Tono/Saturación” (Imagen - Corrección - Tono/Saturación).

Configuré las siguientes configuraciones para lograr un color brillante y saturado:

Escribimos el texto

Cree una nueva capa (Ctrl+Shift+N) o haga clic en el icono de nueva capa en la paleta de capas.

Selecciona la herramienta Texto horizontal (T).

Selecciona un pincel con cualquier estrella, pinta con color blanco #ffffff. Para seleccionar un color, haga clic en el pequeño cuadrado en la parte inferior del panel izquierdo.

En una nueva capa, dibuja estrellas en lugares aleatorios. Para hacer que las estrellas brillen más, haga clic varias veces en un solo lugar. Esto es lo que obtuve:

Haz un duplicado de la capa (Ctrl+J). Haga clic en el icono del ojo en la paleta de capas para ocultar la visibilidad de la capa anterior.

Selecciona la capa superior con una copia de las estrellas. En el panel izquierdo, seleccione la herramienta Lazo (L).

Seleccione cada estrella por turno, presione “V” (Herramienta Mover) y muévala a cualquier otro lugar, así en diferentes cuadros tendremos estrellas diferentes lugares, lo que creará un efecto de parpadeo.

Después de mover todas las estrellas a otro lugar, cree un duplicado de la capa en la que trabajó (Ctrl+J), oculte la capa anterior en la paleta de capas haciendo clic en el ojo y repita nuevamente la operación de mover las estrellas a otro lugar. lugares, también puedes terminar de dibujar varias estrellas nuevas.

Así, tendremos 3 capas con estrellas, en cada una de las cuales las estrellas estarán en diferentes posiciones.

Todo está listo.

Pasemos a crear animaciones en Photoshop.

Abre la línea de tiempo. Vaya al menú "Ventana" - "Línea de tiempo" (Ventana - Línea de tiempo).

En el panel de línea de tiempo que aparece, encontramos en el medio el botón “Crear línea de tiempo de video” (Crear una línea de tiempo para video).

Después de esto, la báscula cambiará de apariencia. Ahora haga clic en el icono con tres cuadrados en la esquina inferior izquierda de la ventana para crear una animación cuadro por cuadro.

Se ha abierto el panel de animación cuadro por cuadro. Ahora solo hay un cuadro en el que se muestran todas las capas visibles (el contenido del cuadro seleccionado se muestra en la ventana principal del monitor).

Vaya a la paleta de capas - F7. Ahora necesitamos desactivar las dos capas de estrellas superiores (haga clic en el ojo), dejando solo una visible. Este será el primer fotograma.

Ve a la paleta de capas. Apaga la primera capa con estrellas, enciende la segunda. Así, en el segundo cuadro mostraremos estrellas en otros lugares.

Haga clic en el icono del nuevo marco nuevamente. Apaga la segunda capa con estrellas, enciende la tercera.

Preste atención al tiempo debajo de cada cuadro, esta es la duración del cuadro. 5 segundos, que son los valores predeterminados, es demasiado para nosotros: la animación se ralentizará, haga clic en la flecha y establezca la duración de cada cuadro en 0,1 segundos.

Para que los fotogramas cambien sin problemas, necesitamos crear fotogramas intermedios entre los fotogramas clave. Para hacer esto, estando en el primer cuadro, haga clic en el icono con varios círculos en la parte inferior del panel temporal.

En la ventana que aparece indicamos cuántos fotogramas intermedios queremos crear. Lo configuraré en 2. Para todos los fotogramas excepto el último, configúrelo en "Siguiente fotograma".

Entre el primer y el segundo fotograma clave ahora tienes 2 intermedios.

Ahora nos encontramos en el segundo fotograma clave (ahora es el cuarto consecutivo), nuevamente hacemos clic en el icono con círculos y creamos 2 fotogramas intermedios más. Ahora sólo necesitamos cerrar el último y el primer fotograma para obtener una animación fluida.

Seleccione el último fotograma en la línea de tiempo. Haga clic en los círculos. En la ventana que aparece, en la línea "Marcos intermedios", seleccione "Primer fotograma", agregue los mismos 2 fotogramas.

Ahora, debajo de los cuadros en la parte inferior izquierda, indicamos el número de repeticiones de la animación “Constantemente”.

Selecciona el primer cuadro, presiona el triángulo a la derecha “Reproducir” para ver qué pasó.

Seleccione el formato de archivo para guardar GIF, haga clic en “Guardar...”, seleccione el directorio donde guardaremos, haga clic en “Guardar” nuevamente.

Entonces, en esta lección vimos cómo hacer animaciones en Photoshop CS6.

Espero que hayas aprendido algo nuevo y útil de este tutorial.

Nota IMPORTANTE. Si necesita crear rápidamente animacion sencilla desde varios fotogramas en Photoshop, vaya a la lección - .


Me interesa la animación stop-motion desde hace bastante tiempo, aunque he estudiado poco material. Todos los libros que comencé a leer eran bastante largos, difíciles y “secos”.

Por lo tanto, después de que comencé a comprender un poco sobre la tecnología de creación de animaciones, comencé a buscar formas de darles vida usando Photoshop.

Mucha gente me recomendó que cambiara a otros programas (por ejemplo, Animación TVP Pro), pero yo, no queriendo adaptarme a las nuevas interfaces de otros programas, decidí hacer todo en Photoshop.

Y escribí esta lección específicamente para aquellos que no entendían la tecnología de crear animaciones cuadro por cuadro específicamente en Photoshop. ¿Quién no ha querido indagar un poco y entender qué es qué?


Tocaré dos temas: animaciones cortas y animaciones largas. No debes desplazarte por el tipo de animaciones que no te interesan: puede haber información allí que te será útil para animaciones del tipo que necesitas.


animaciones cortas– estos son avatares animados, emoticones, etc.

animaciones largas– estos son dibujos animados, videos, etc.


Primero les contaré la teoría y luego crearemos animaciones en la práctica.

Adición importante

Mucha gente pregunta: "¿Por qué mi animación es tan entrecortada, por qué mi personaje/objeto se mueve rápido/lento?"
La respuesta es: tu personaje/objeto se mueve. rápido porque dibujaste pocos marcos.

Tu personaje/objeto se está moviendo despacio porque dibujaste mucho marcos.

Tu personaje/objeto se sacude porque no seguiste el movimiento anterior y dibujaste el siguiente, que no es consistente con el anterior.


Recuerda: en un segundo 24 ¡marco!


Entonces, cuando estés listo para crear tu animación, recuerda: 24 marco = 1 segundo, 24 marco = 1 segundo. Nunca olvides este detalle tan importante.

animaciones cortas

Creo que a menudo te has encontrado con animaciones en avatares, emoticones animados.
Algunos emoticones están hechos en Destello, pero yo dibujo el mío en Photoshop. No creas que animaciones tan cortas son fáciles de hacer. Por un lado, sí, son de tamaño pequeño, pero por otro lado, mientras los dibujas 15 -30 fotogramas, estarás ocupado (imagínate, si quieres crear un clip de tres minutos, entonces tendrás que hacer 4320 marcos!).

¿Qué debes recordar y saber?

Digamos que quieres dibujar una chica con el pelo alborotado para tu avatar. Medio:


En primer lugar, el cabello no es cartón: bajo la influencia de un viento moderado, formará ondas transversales.


Así es aproximadamente como se muestra en el diagrama:


Bajo la influencia de un fuerte viento, el cabello quedará casi liso, pero tu personaje tendrá que cerrar los ojos con fuerza y ​​agarrarse a algo para evitar ser arrastrado, ya que en realidad pocas personas pueden soportar tal viento. aunque este tipo de animación se puede utilizar cuando tu personaje anda en bicicleta, por ejemplo.


Y finalmente, una suave brisa levanta y baja suavemente tu cabello.



Viento suave:


Viento medio:


Viento fuerte:


Lo mismo se aplica a las telas y la ropa: se comportarán de la misma manera que el cabello.


Y ahora, por ejemplo, querías dibujar una animación con el movimiento de tu personaje y objeto. Medio:


En segundo lugar, cualquier acción comienza en alguna parte. ¿Alguna vez has notado que, por ejemplo, para levantarte de una silla, primero la mueves un poco y te inclinas un poco hacia adelante, y solo luego te levantas? ¿O que cuando quieres dar un golpe con la raqueta, primero la alejas y giras el cuerpo con ella, y sólo después das un golpe?

Hay muchísimos ejemplos de este tipo, pero es mejor mirar:

Para evitar meterse en problemas con estos movimientos antes de acciones(DPD), analiza y observa con más frecuencia los movimientos de personas o animales.

Pequeña adición

En general, nunca te olvides de la física. El peso de los objetos, los materiales con los que están hechos (elasticidad, suavidad, dureza, etc.), todo esto es necesario.

¡Ten en cuenta que sin esto, tu animación estará muerta, terrible y fea!

Es mejor trabajar en ello y nunca apresurarse.

animaciones largas

¡Oh, aquí es donde comienza la diversión!


¿A menudo, mientras miras dibujos animados o anime, has admirado la animación y envidiado a quienes saben cómo hacerla? Todas estas maravillosas escenas, movimientos plásticos y mucho más. etc.? Honestamente lo admito, sí. Cada vez que veo algo, trato de entender cómo trabajaron los animadores con ello. ¿Cómo crearon todo esto?


Pero, debido a que no sé en qué programas funcionan, estoy tratando de comprender todo el proceso utilizando los mecanismos de Photoshop.

Y ya sabes, ¡encuentro respuestas a todas mis preguntas!


Pero pongamos todo en orden.

El proceso de creación de una animación larga.

1. Inicialmente necesitamos una IDEA

Por ejemplo, decidiste hacer un video corto en el que varias chicas bailarán.

Si eres un animador experimentado, puedes "hacer bailar a alguien" en tu vídeo desde 3 y más chicas.

Pero al comienzo de su trayectoria como animador, es mejor limitarse a uno o dos.

2. Ahora necesitas crear un guión gráfico escena por escena (RPS).

¿Qué es y con qué se come?


Imagínate una película. Ahora imagina el número varios tipos desde diferentes cámaras. Primer plano, paisaje, cámara siguiendo al personaje...


Está bien cuando no hay tantos. Pero cuando hacemos un clip completo puede que haya más. 30 ¡cosas!
Por eso los animadores inteligentes utilizan algo tan maravilloso que parece un libro rayado.

En él representan escenas.

Sólo algunos dibujan una escena en cada sección de la tabla, luego otra, una tercera, etc., mientras que otros dibujan imágenes en cada sección de la tabla después de unos segundos (pido disculpas si no lo expliqué claramente).



También es muy conveniente que puedas hacerlo al lado de la descripción; de lo contrario, a veces lo dibujas, luego de un rato lo miras y no entiendes: ¿qué he representado aquí?


Entonces tomamos nota de este guión gráfico para las escenas y usamos estos libros.
Ni siquiera tienes que hacer un libro, simplemente crea un archivo grande en Photoshop y dibuja todas las escenas allí.

3. Ahora necesitas idear un trasfondo, un concepto de personaje y un movimiento.

Dibujamos los movimientos en el libro RPS.

Si tienes más de una escena en un vídeo, tendrás que dibujar varios fondos diferentes. Dibujarlos en archivos separados.
Y recuerda una cosa: el fondo no aparece de la nada. Entonces, si quieres que la cámara se mueva hacia un lado, entonces el fondo también debería estar ahí. aquellos. Tendrás que dibujar el fondo a lo largo (o a lo ancho, o tal vez a ambos) más.

Entonces piensas bien apariencia tu personaje y comienza a crear animación.

Pasar de la teoría a la práctica

A partir de ahora pensemos un poco en IDEA y, en general, en el punto “El proceso de creación de animación”. ¿De qué estoy hablando? Además, ahora necesitarás un conejillo de indias al que obligarás a moverse. No haremos un vídeo en el que 4320 marcos. La mejor y más sencilla forma de entenderlo es cómo crear una animación cuadro por cuadro usando 24 -72 - animación de cuadros.


Bueno, ¡comencemos!


1. Creemos un nuevo documento. Para mi animación tomé un tamaño pequeño. 400 X 500 píxeles.


2. Ahora, si no tienes una ventana en la parte inferior izquierda " Animación", mira hacia arriba, abre la pestaña " Ventana» - « Animación».*


* - Los ejemplos utilizan la versión rusificada. Photoshop CS2.


En la captura de pantalla de arriba vemos la ventana de animación en la que se encuentra el primer fotograma, debajo hay un pequeño panel en el que se encuentran los botones:

Siempre/una vez- al seleccionar "Siempre" se repetirá la animación. Si selecciona Una vez, la animación solo se reproducirá una vez. (En mi lección hay ambas versiones de animaciones: en bucle, donde se muestra el principio de DPD, reproducida una vez, donde se muestra el cambio de escena).

Seleccionar el primer fotograma- nos lleva de vuelta al principio.

Selecciona el fotograma anterior- No llamemos al Cap. (=

Reproduce animación/Detiene la animación- Reproducir/Detener.

Selecciona los siguientes fotogramas- siguiente fotograma. ¡Tu gorra!

Cuadros de animación de interpolaciones.- usando este botón podemos agregar transiciones suaves entre dos fotogramas agregando otros nuevos.

Duplica cuadros seleccionados- no es del todo el nombre correcto... Sería mejor decir "Agregar un nuevo marco".

Elimina los fotogramas seleccionados- cesta.


3. Ahora podemos empezar a dibujar. Para hacer esto, coloque el fondo que creó anteriormente en Fondo(Fondo/Fondo).


4. Luego crea una nueva capa (Ctrl+Shift+Alt+N) y dibuja tu personaje en ella.

4. Ahora viene lo difícil: tendremos que dibujar al mismo personaje muchas veces seguidas en diferentes poses.


Creamos un nuevo marco, y… Hay dos opciones:

A) O empiezas a dibujar tu personaje de nuevo cada vez, o...

B) Copie la capa anterior y cámbiela (¡termina de dibujar y borrar, en lugar de usar la transformación! Rara vez necesitará una herramienta de este tipo, escribiré más adelante cuando).


Una vez que obtenga algo de capacitación en animación, podrá utilizar ambas opciones sin dolor. (Puedes probar cada uno de ellos en un documento aparte).

Opción A:

1. Dibujamos nuestro primer cuadro.

2. Para ver cómo cambiar la siguiente, reducimos la opacidad de la capa a aproximadamente 30% y creamos una nueva capa en la que ya dibujamos un conejo para el segundo cuadro.

3. Terminamos de dibujar el segundo cuadro y apagamos la visibilidad de la primera capa anterior.


Opción B:

1. Crea un marco con el personaje y haz que esta capa sea invisible.

2. Luego duplíquela (Ctrl+J) arrastrando la capa al botón "Crear una nueva capa" a la izquierda de la papelera.

3. Ahora hacemos visible la segunda capa y comenzamos a cambiarla.

Así, al duplicar la capa anterior, creas nuevos fotogramas y los cambias, y no el mismo.


5. Nos sentamos y dibujamos marcos. 10 -15 ...


6. Y veamos qué pasó.


Resultó ser un conejo corriendo.

Además, no se copia ni una sola parte: cada fotograma se dibuja de nuevo.


Ver por ti mismo:


Al crear una animación, debes recordar que es bastante difícil cambiar entre cientos de capas y, por lo tanto, no debes posponer pintar o cambiar nada para más tarde. Hazlo de inmediato.

Casi el final

Arriba hice una reserva sobre la herramienta ().
Merece la pena utilizarlo cuando, por ejemplo, quieras alejar la cámara, acercarla, rotarla, etc. (Si solo necesitas mover el fondo, utiliza editores de vídeo, te resultará más fácil). No utilices distorsión, inclinación u otras herramientas de transformación innecesariamente.



Y, después de haber salvado nuestra gif-animación como formato de archivo de video .avi, por ejemplo, puedes ir con seguridad a Estudio de cine en vivo de Windows.
A partir de ahí, haz lo que tu corazón desee con tu clip.


Y luego podrás subir tu clip a youtube.com y disfrutar del trabajo que has realizado.



MUCHAS GRACIAS por su atención, Lero-art estuvo con ustedes. Disculpe por la dificultad para hablar, la presentación extraña y otros defectos en la lección, si los hay. Todos ellos se deben a que los pensamientos se confunden y las palabras no forman oraciones...

¡Pero espero que hayas aprendido algo nuevo e interesante por ti mismo!