SYNFIG STUDIO: ANIMACIN CON UNA IMAGEN

RED DE TALLERES DE PRODUCCIN DIGITAL DE CONTENIDO EDUCATIVO Y CULTURAL

Gua de Produccin Multimedia - Versin 4.0 ImovPOST31 Etapa de Postproduccin

SYNFIG STUDIO: ANIMACIN CON UNA IMAGEN

AUTORA: CAROLINA MORENO GUTIRREZ

Esta gua te mostrar los pasos para realizar animaciones a partir de una imagen. Synfig Studio es un software de animacin en 2D gratuito y de cdigo abierto, diseado como una poderosa solucin para crear pelculas de animacin de calidad con una ilustracin vectorial y de mapa de bits. Con este programa se elimina la necesidad de crear muchos fotogramas, lo que le permite producir una animacin en 2D de mayor calidad con menos recursos.

CONCEPTO: Synfig Studio es un editor de grficos vectoriales y una herramienta de animacin por computadora.

RECOMENDACIONES INICIALES
Tener tu imagen para animacin. Registrar de los movimientos para cada parte que integra tu imagen. Determinar la duracin de la animacin.

ANTES DE UTILIZAR EL PROGRAMA

Antes de trabajar con el programa realiza una planeacin de lo que deseas hacer para crear tu animacin. Por ejemplo, nosotros queremos una animacin de 3 segundos de un crculo que se mueva de izquierda a derecha, que regrese a su posicin inicial y al final suba. Primero necesitamos hacer el dibujo del crculo y luego crear la animacin. Hay imgenes que son ms elaboradas, as que lo recomendable es hacer primero un bosquejo de tu imagen con todo los movimientos que necesitas. Por ejemplo, en el caso de una persona debers dibujar un crculo que ser la cabeza, el tronco que puede formarse con un rectngulo y los brazos con rectngulos ms delgados y anotar los movimientos, como puede ser un saludo.

USO DEL PROGRAMA

1. Abrir programa. Ve al escritorio y sigue la ruta:

Gua de Produccin Multimedia - Versin 4.0 ImovPOST31 Etapa de Postproduccin

ACCESO

Aplicaciones > Grficos > Synfig Studio.

Ruta para abrir programa Synfig Studio.

Al abrir el programa podrs ver que Synfig despliega varias ventanas que contienen diferentes paneles.

Visualizacin de la interfaz de Synfig Studio.

Gua de Produccin Multimedia - Versin 4.0 ImovPOST31 Etapa de Postproduccin

SUGERENCIA: si la interfaz de tu Synfig no se observa como en la figura, solo restablece las ventanas a su posicin original con la siguiente ruta:

ACCESO: Archivo > Paneles > Restablecer a su disposicin original

La mayora de las aplicaciones de grficos tienen un conjunto de mens en lo alto de la pantalla, en la parte superior de la ventana principal, o en la parte superior de la ventana de dibujo, Synfig tiene un men: el pequeo tringulo negro en la esquina superior izquierda de la ventana de canvas o rea de trabajo (ver figura). Donde estn todos los mens que nos permiten acceder a la mayora de las caractersticas de Synfig.

Ventana de Canvas o rea de trabajo.

Gua de Produccin Multimedia - Versin 4.0 ImovPOST31 Etapa de Postproduccin

Da clic al siguiente botn:

Icono de archivo.

Y sigue la ruta:

ACCESO

Archivo > Editar > Propiedades

Ruta para propiedades de animacin.

Te abrir la ventana de propiedades de animacin.

Propiedades de animacin.

Gua de Produccin Multimedia - Versin 4.0 ImovPOST31 Etapa de Postproduccin

Da clic a la pestaa de Tiempo.

Pestaa de tiempo.

En Tiempo de fin anota los segundos que quieres que dure tu animacin. Nosotros la queremos de 3 segundos. Luego selecciona Aceptar.

Duracin de la animacin.

2.- Elaboracin del dibujo a animar: Esta es la caja de herramientas.

Caja de herramientas de Synfig Studio.

Gua de Produccin Multimedia - Versin 4.0 ImovPOST31 Etapa de Postproduccin

Da clic al cono de herramienta de rectngulo que se encuentra al lado de la herramienta de crculo.

Icono de herramienta de rectngulo.

Una vez seleccionado, arrastra el puntero de la esquina superior izquierda del lienzo a la esquina inferior derecha.

Seleccionar el espacio del rectngulo.

De esta forma quedar marcado el espacio en blanco.

Rectngulo marcado.

Puedes elegir pintar esta rea o no, para hacerlo usa la herramienta de relleno que se encuentra en la caja de herramientas.

Gua de Produccin Multimedia - Versin 4.0 ImovPOST31 Etapa de Postproduccin

Icono de herramienta de relleno.

En el editor de paleta selecciona el color que desees para pintar el rectngulo.

Icono de editor de paleta.

Nosotros seleccionamos color azul, ste aparecer en la caja de herramientas en el color de contorno como se muestra a continuacin:

Color de contorno.

Gua de Produccin Multimedia - Versin 4.0 ImovPOST31 Etapa de Postproduccin

Como queremos rellenar, vamos a pasar el color azul de contorno al de relleno, para ello da clic en la flecha de intercambiar colores de relleno y contorno.

Icono de intercambio de colores de relleno y contorno.

Al dar clic a la flecha cambiar la posicin de color a relleno.

Color de relleno.

Ahora podrs rellenar, dando clic en el rectngulo.

Rectngulo relleno de color.

Ahora vamos a crear un crculo para ejemplificar la animacin. Para hacerlo selecciona la herramienta de crculo en la caja de herramientas.

Icono de herramienta de crculo.

Gua de Produccin Multimedia - Versin 4.0 ImovPOST31 Etapa de Postproduccin

Al dar clic en el espacio del rectngulo se crear el crculo, slo ve jalando el puntero hasta alcanzar el tamao que deseas para tu imagen.

Crear crculo.

El crculo quedar formado.

Imagen.

Para diferenciar el crculo del rectngulo le daremos color de relleno, da clic a la herramienta de relleno.

Icono de herramienta de relleno.

Gua de Produccin Multimedia - Versin 4.0 ImovPOST31 Etapa de Postproduccin

Selecciona el color en el editor de paleta, nosotros ocuparemos un naranja.

Panel de editor de paleta.

Al seleccionarlo aparecer en el color de contorno.

Color de contorno.

Da clic a la fecha para pasar el color al relleno.

Icono de intercambio de colores de relleno y contorno.

As se cambiar tu color al lugar de relleno.

Color de relleno.

Luego da clic en la imagen (crculo) para rellenarlo de color.

Gua de Produccin Multimedia - Versin 4.0 ImovPOST31 Etapa de Postproduccin

Crculo relleno de color.

Puedes mover la posicin de tu imagen, slo da clic al punto verde que se encuentra en medio de tu imagen (crculo) y muvelo.

Mover imagen a otra posicin.

Nosotros la colocaremos en medio.

Imagen en medio.

Gua de Produccin Multimedia - Versin 4.0 ImovPOST31 Etapa de Postproduccin

3.- Hacer animacin. Ahora empezars a crear tu animacin, hacerlo es tan sencillo como fijar el segundo y mover la imagen, es decir, que el primer desplazamiento de la imagen corresponder al primer segundo y as, sucesivamente se crearn segundos de movimiento. Con la herramienta normal, selecciona primero tu imagen a la que dars movimiento, en este caso ser el crculo. En la caja de herramientas de Synfig selecciona la herramienta normal que aparece con el siguiente cono y da clic a tu imagen.

Icono de herramienta normal.

Una vez seleccionada tu imagen pulsa el botn de animar que aparece en la esquina derecha de la parte baja de Synfyg Studio, al pulsarlo se activar la funcin que te permitir animar tu imagen.

Barra inferior de Synfig Studio.

Da clic al crculo en color verde de animar:

Icono de animar.

Gua de Produccin Multimedia - Versin 4.0 ImovPOST31 Etapa de Postproduccin

Synfig marcar el espacio de la animacin en un delineado de color rojo, el botn verde pasar a ser rojo lo que significa que est en modo de animacin.

Modo de animacin.

Botn encendido para la edicin de animacin:

Icono en edicin de animacin.

Empezaremos creando el segundo cero (0) en el panel de la lnea del tiempo, ste se caracteriza por ser la posicin de inicio de tu imagen, a partir de ah empezar el movimiento.

Gua de Produccin Multimedia - Versin 4.0 ImovPOST31 Etapa de Postproduccin

Da clic en 0f en la barra gris del tiempo:

Tiempo inicial.

Como es la posicin de inicio, slo da clic al punto verde que se encuentra en medio de tu imagen para dejarlo en el mismo sitio.

Posicin de inicio.

Para realizar los movimientos de la animacin, selecciona el punto verde fosforescente y muvelo hacia donde desees el desplazamiento de la imagen.

Punto de movimiento.

Gua de Produccin Multimedia - Versin 4.0 ImovPOST31 Etapa de Postproduccin

Empieza el movimiento fijando el primer segundo. Selecciona 1s en la barra gris del tiempo y haz clic.

Primer segundo.

Ahora crea el movimiento para el primer segundo deslizando tu imagen para la animacin. Nosotros moveremos el crculo a la derecha jalando el punto verde.

Movimiento de la imagen para el primer segundo.

Como queremos que el crculo regrese, continuamos con el segundo 2. Da clic en la barra gris del tiempo a 2s.

Gua de Produccin Multimedia - Versin 4.0 ImovPOST31 Etapa de Postproduccin

Segundo dos.

Crea el movimiento para el segundo 2 deslizando tu imagen a donde desees. Nosotros deslizaremos el crculo al lado izquierdo (inicio).

Movimiento de imagen para segundo dos.

Puedes seguir creando movimiento segn convenga a tu animacin. El movimiento de una imagen depende de la posicin en el lienzo, no slo de un extremo a otro como nuestro ejemplo del crculo; puedes mover hacia cualquier punto de tu lienzo. Crearemos un movimiento ms como demostracin. Continuamos con el segundo 3, esta vez queremos que el crculo suba hacia el centro. En la lnea del tiempo da clic en la barra gris a la ltima lnea.

Gua de Produccin Multimedia - Versin 4.0 ImovPOST31 Etapa de Postproduccin

Segundo tres.

Ahora mueve tu imagen hacia la parte superior del lienzo.

Movimiento de imagen para segundo 3.

Hemos concluido con los registros de segundos y con los movimientos para nuestra imagen, al bajar con la barra de la lnea del tiempo podrs observar la posicin de todos los segundos.

Segundo 0f, 1s, 2s y 3s.

Gua de Produccin Multimedia - Versin 4.0 ImovPOST31 Etapa de Postproduccin

4.- Previsualizacin de la animacin. Ahora puedes visualizar tu animacin que ser acorde a los registros y al movimiento de tu imagen marcados. En la ventana de Synfig Studio

Ventana de Synfig Studio.

En la parte superior hay varias funciones del programa, entre ellos el botn: Muestra el dilogo y atributos de previsualizacin que aparece al final.

Parte superior de la ventana de Synfig.

Pulsa el botn de previsualizacin

Icono de previsualizacin.

Gua de Produccin Multimedia - Versin 4.0 ImovPOST31 Etapa de Postproduccin

Te mostrar la siguiente ventana, da clic en Previsualizar.

Ventana de opciones de previsualizacin.

Te mostrar la ventana donde podrs ver la previsualizacin de tu imagen.

Ventana de previsualizacin.

Solo da clic a la flecha de Reproducir.

Icono de reproducir.

Gua de Produccin Multimedia - Versin 4.0 ImovPOST31 Etapa de Postproduccin

Para ver la reproduccin de tu animacin.

RECUERDA: Aunque no hayas terminado con los registros de los segundos, puedes ir previsualizando la animacin para comprobar que tus movimientos son los esperados.

SUGERENCIA: El uso y manejo de la informacin que se muestra te servir para la etapa de Postproduccin.