Tutorial De Synfig StudioI. AÑADIENDO CAPAS Introducción En el tutorial anterior, hiciste una primera animación sencilla al cambiar los atributos de objetos primarios, tales como: posición, color, y tamaño. Estas formas simples, sin embargo, son casi insuficientes al momento de crear personajes u objetos avanzados. Para ello, Synfig utiliza Capas. Estas son similares a las capas que se conocen en otras aplicaciones para dibujo, como por ejemplo GIMP. No obstante, las capas de Synfig se diferencian de las capas comunes en, por lo menos, dos características: 1. Puedes organizar las capas en grupos jerárquicos. 2. Puedes usar capas superiores para cambiar el comportamiento (o estética) de capas inferiores. Hacerlo es bastante fácil. Observemos un ejemplo sencillo. 1. Crea un nuevo archivo de duración 0. No hace falta molestarse con una linea de tiempo en este momento. 2. Crea un rectángulo sencillo con la herramienta correspondiente. Combinación de capas Aquí hay dos maneras de proceder. Primero, toma la herramienta escala (gradient tool) de la caja de herramientas de Synfig , y cliquea sobre el lienzo una vez. Deberías notar que una nueva capa se agregó en la ventana de las capas, esta nueva capa se llama 'Gradient'. Esto no tiene nada de especial. Si no ves ninguna escala en el color, sino simplemente color liso, toma la normal tool, cliquea dentro del lienzo para activar los puntos (ducks) de la escala. Sobre el lienzo tiene que haber aparecido un punto, arrástralo hasta que una escala aparezca. Ahora tienes una escala, pero no como querías, ésta cubre todo el lienzo mientras que el objetivo era tener una escala dentro del rectángulo. Reparémoslo ahora. Selecciona las capas escala y rectángulo en la ventana de las capas. Deberían resaltarse en azul. Luego, click derecho con el mouse y selecciona 'Encapsulate' en el menu que aparece. La ventana de capas debería cambiar, mostrando una cajita llamada 'Inline Canvas' (lienzos interactuantes) con una flecha delante. Puedes tratar esta nueva capa como cualquier otra -- moverla, duplicarla, copiarla y pegarla. Si cliqueas sobre la flecha, puedes expandir la 'inline canvas' para ver su contenido, o sea, tus dos capas anteriores: la escala y el rectángulo. Si le quieres poner un nombre más descriptivo, selecciona la capa en la ventana de capas y cliquea sobre su nombre. Luego simplemente la editas allí mismo. Puedes hacerle esto a cualquier capa, y te lo recomendamos. Efecto restringido Sin embargo, aún tenemos un problema: La escala aún cubre todo el lienzo mientras que la queríamos solamente en el rectángulo. Para ello, selecciona la capa 'gradient' en la ventana de capas. Ahora ve a la ventana 'params' (predeterminado como una de las pestañas de la ventana 'Params-Children-Keyframes'), y busca el atributo llamado 'Blend Method'. Cliquéalo dos veces y selecciona 'Onto' del menu que se despliega. (Nota de usuario .- para acceder a la operación descrita en este párrafo, hay que cliquear sobre la columna "valor" y elegir "encima" - versión 0.62.00 sobre xubuntu 10.10 (2011)) Ahora la escala debería verse solamente dentro del rectángulo. Felicitaciones! Acabas de hacer tus primeras capas interactivas con Synfig. En otras palabras. Muchos programas pueden hacer esto. Pero el alcance y la libertad que le añade Synfig. lo separa del resto de los programas que utilizan la jerarquía de capas. si fueras a echar una Blur Layer sobre las capas que están dentro del inline canvas. . por motivos de organización. Sin embargo.todo lo que esté debajo del 'inline canvas' no sería esfumado! Intentémoslo. Crea dos círculos rojos y en la ventana de capas muévelos debajo del inline canvas. una capa puede modificar solamente la información que obtiene directamente debajo de ella.Desde ya. ésta esfumaría solamente a ellas -. Ahora nuestro inline canvas (con rectángulo y escala) está sobre los círculos. el encapsulamiento de capas mejora mucho el uso de Synfig Studio. Aquí es donde queremos insertar una capa nueva.Despliega el inline canvas para visualizar su contenido. dentro del inline canvas. . y selecciona la primer capa que aparece (debería ser la capa escala). La capa de este nuevo círculo estará ubicada sobre la capa escala. Crea un círculo de color negro. La primer opción del menú será "New Layer". o sea desdibujar (blur). verás muchas categorías de capas que podrías crear. en la ventana de las capas haz click derecho sobre la capa del círculo negro para que un menu se despliegue. Dentro de New Layer. sería "New Layer->Blurs->Blur" . entonces ve a la categoría Blurs y elige la capa Blur. Resumiendo. pero lo que queremos es un efecto borroso en el borde de una figura.Ahora. pero algo no está del todo bien . y cambia el método de combinación a "Straight" en la ventana de parámetros.. Simplemente elige la capa 'desdibujar'. .como se manejan ahora parece sólo crear líos como éste. desde la sección New Layer Defaults de la caja de herramientas).Bueno.. Esto pasa porque el método de combinación (blend method) de la capa blur está predeterminado como "Composite" (puedes cambiar el método de combinación predeterminado para próximas capas. NOTA: Probablemente cambiaré la manera en que los métodos de combinación predeterminados se manejen en el futuro .la figura no se ha desdibujado fuera del area gobernada por el inline canvas. Lo que queremos es un método de combinación "Straight". se ha desdibujado. . Muchas de ellas suenan raro. ahora tenemos todos los contenidos del lienzo interactivo desdibujados. Y tal cual haz hecho con otros atributos en el tutorial anterior. 'Transform > Rotate' por ejemplo. encontrarás muchas posibilidades para hacer capas. pero todo debajo de él está nítido! En profundidad. Synfig se encargará de interpolar los pasos intermedios. Si vas a 'Layer > New Layer' en el menu principal de Synfig..Bueno. Puedes usarlas para añadir nuevos atributos a tus objetos. . puedes cambiarlos para que sean distintos en ciertos marcos clave. Deja el realismo y obtendrás un circulo que se mueve de derecha a izquierda. Preparando el espacio de trabajo Inicia Synfig Studio. y lo repite. en la esquina superior izquierda del lienzo). Esta técnica se usa en la creación de animación por cortes. y Synfig se hará cargo de los pasos entre ambos. podrías crear una figura vaga y agregar una capa rotativa sobre ella. BASES DE LA ANIMACION Introducción Crear una animación en Synfig es realmente sencillo: Significa básicamente cambiar un dibujo .solo necesitas crear el primer estado y el ultimo estado de un cambio. y crea un nuevo archivo.synfig. . Vamos a hacerlo. El circulo está en la Derecha. En otras palabras. http://wiki. Considera una luz en movimiento similar a la que está en frente del auto del Caballero Andante. Combínalo con la lección aprendida en el tutorial anterior y puedes crear un efecto rotativo.Por ejemplo. Demos un vistazo a un ejemplo sencillo. 2. La extraña vista '0f' cambiara hacia una presentación mas familiar en cuanto hagas click en "Aplicar". El circulo está en la Izquierda. 3. Un dialogo llamado 'Propiedades' aparecerá. luego "Editar" y luego "Propiedades". Establecerlo a 2 segundos. Dale un nuevo nombre a tu archivo y agrégale una descripción. Asegúrate de que editaste 'tiempo de fin'. necesitarás crear tres 'pasos' o 'etapas': 1. Haz click en el menú 'Circunflejo' (entre la regla horizontal y vertical. El circulo está de regreso en la Izquierda. luego dale click a "Aplicar" (no hagas click en "guardar" aun -.org/wiki/Doc:Adding_Layers/es II.aun no hemos terminado con la explicacion del dialogo de "propiedades"). Ahora crea un simple rectángulo negro que servirá como nuestro fondo. No es necesario que cubra todo el lienzo. . y un pequeño indicador naranja aparecerá pero nada cambiará. Esto te llevará a varias modos de edición los cuales son fáciles de detectar por el pequeño punto verde en el medio del circulo y el rectángulo blanco al rededor de él. . Esto es porque necesitas cambiar primero al 'Modo de Edición Animado' haciendo click en el punto verde justo a la derecha del deslizador gris del tiempo. Es más. colocaste un valor de 2 segundos en el dialogo de 'propiedades'. ahora afectarán la animación. Activa la 'Herramienta Normal'. Estos son los primeros pasos para dibujar un objeto y moverlo. Puedes mover el circulo arrastrándolo por el punto verde en el medio. esto te recordará que los cambios que hagas a tus objetos. Agregando movimiento Al principio.Ahora necesitamos un circulo. Hay un deslizador gris. Notarás que tu lienzo tomará un delineado rojo. pero aun no animarlo. dirás. y dibuja un circulo. por ejemplo. Debido a esto. Puedes hacer click en el. tu ventana del lienzo (en la que haces tus dibujos) obtuvo capacidades adicionales. Demos un vistazo a como esto funciona. No importa si no es perfecto: Puedes editarlo. y haz click en el circulo. Cambia el color de pintar a rojo. etc. Haz click en la ficha del Fotograma clave -. Estos son representados por los llamados 'fotogramas claves' (solo en caso de que estes familiarizado con la codificación de vídeo: No.' -.esta es la que tiene la pequeña llave en la ventana de 'Parámetros.Anteriormente. tres 'pasos' o 'etapas' fueron mencionados. Un fotograma clave es una imagen en el tiempo donde algo importante pasa con tus objetos. 0f.para ser capaz de editar los fotogramas. no es lo mismo!!). Ahora haz click en el pequeño signo de 'más' y podrás obtener una nueva entrada en la lista de mostrados '0f. (JPM)'. . ¡Ahí! hiciste tu primer movimiento. Ellos indican un punto específico en la línea de tiempo. expresando la ubicación en términos de segundos (s) y marcos (f). Las marcas del marco empiezan en cero (0) y suben hasta 24. ¿te estás preguntando sobre las entradas llamadas '(JMP)'? De hecho. Por ejemplo: "tres marcos en el sexto segundo" de una animación usando la notación de esta línea de tiempo serían "5s 3f. muy parecido a una métrica o cinta de medir dividida en 100 centímetros. Cada segundo es dividido en 24 marcos. ve a la marca '1s 0f' en la barra del tiempo. Puedes usar esto para editar tu imagen para un momento dado en el tiempo. Luego agrega otro fotograma clave haciendo click en el pequeño símbolo de más. nuevamente. hiciste algo que no se menciono hasta ahora. Ya te habrás dado cuenta lo que esos misteriosos '1s 0f' -tipos de marcas representan." ¿Por qué "5s" en vez de "6s"? Porque la cuenta siempre empieza desde cero. El s's y f's: Entendiendo la línea de tiempo Oye ahora. ahora. y mover el circulo rojo a la derecha. en cuyo caso un nuevo segundo es introducido y la cuenta de los marcos regresa a cero. Ahora. Por ejemplo. ahora puedes saltar al primer segundo. y el indicador de tu linea de tiempo saltará hacia el tiempo exacto. 'Longitud' que es auto explicativa. Si la entrada aparece. La lista de fotogramas claves La lista de fotogramas claves es bastante fácil de entender: Ella muestra el 'tiempo' lo que es básicamente el inicio del tiempo.Si esto no paso. ¡tu primera animación con Synfig! . Cierra tus archivos y empieza de nuevo. Deberías tener 3 fotogramas claves en la lista. estos son enlaces justo como lo son el la web: Haz click sobre ellos. auto explicativa. Repite el proceso con el indicador de la barra de tiempo puesta en '2s 0f'. El pequeño indicador naranja debería moverse hasta ahí. 'Saltos' que los cubriremos luego. y 'Descripción' que es. necesitas procesar (o renderizar) tu trabajo.¿Te preguntarás donde está la animación? Solo haz click en una posición arbitraria en la linea de tiempo: Notarás que el circulo rojo esta en posiciones donde tu no lo moviste! ¿Qué paso? Synfig se dio cuenta de lo que querías hacer. Hay dos maneras de hacerlo. saber que querías mover el circulo. usando el synfigstudio (lo que has estado usando hasta ahora). y dibujar todas las imágenes entre estos estados. o el programa de línea de comando de synfig. y el circulo parecerá estarse moviendo. Cada imagen hará luego un fotograma en tu animación. . Renderizando tu animación Antes de que puedas ver tu animación. Firefox reproducirá el gis todo el tiempo lo que hace que una animación corta dure bastante tiempo. . abre un terminal (en Windows.sif. pero finalmente una ventana con una barra de estado te dirá "Archivo Renderizado Satisfactoriamente". Dependiendo de la velocidad de tu procesador esto solo debería tomar un momento. y tipea algo como synfig -t gif CaballeroAndanteBasico. abre el menú de 'archivo' y haz click en el artículo 'mostrar'. Luego escoge Archivo-> Previsualizar. De todas formas. luego haz click en "mostrar". por instancia bajo el nombre de CaballeroAndanteBasico. Si estás viendo un circulo rojo moverse de izquierda a derecha y regresarse: Felicitaciones! Haz hecho tu primera animación! Nota: también puedes ver una vista previa de tu animación. y graba tu archivo. El atributo "magick+ +" (si está disponible) produce gifs mucho mejores que el "gif" porque optimiza la paleta para las imágenes.sif y escoje "gif" en vez del formato "Auto".gif en Firefox o cualquier otra aplicación que sea capáz de mostrar gifs animados. Luego presiona el símbolo > en la esquina superior izquierda de la ventana del lienzo para abrir el menú.gif en la misma ubicación donde guardaste CaballeroAndanteBasico. dependerá de la versión y las opciones de compilación. Abre CaballeroAndanteBasico.Para hacer eso.sif ADVERTENCIA: La versión que estas usando posiblemente no soporte salidas GIF por el momento. ve a Inicio -> Ejecutar -> tipea cmd<enter>). Presiona el símbolo > en la esquina superior izquierda de la ventana del lienzo para abrir el menú. Cambia el nombre a CaballeroAndanteBasico. Si prefieres usar la línea de comandos en vez del renderizado por el menú. cierra el modo de edición de animación haciendo click en el punto rojo en la pestaña del editor de la línea de tiempo. cambia al directorio donde guardaste el archivo. luego estas listo para ver tu gif animado usando firefox o cualquier programa mencionado como arriba. de un edificio en el fondo por ejemplo.Unos pocos mensajes aparecerán que no importan en este momento. Dependiendo de la velocidad de tu procesador debería tomar un momento. dentro de la misma canvas pegada o sobre ella y entonces encapsulamos la .sif ==> CaballeroAndanteBasico. • creamos una forma de máscara y la colócamos encima de los elementos que queramos enmascarar. Conclusión Claro. http://wiki. la posición de un objeto no es la única cosa que puedes cambiar con Synfig Studio.org/wiki/Doc:Animation_Basics/es III. Si creamos un fondo en Synfig podemos colocar el personaje detrás del objeto en la pila de capas pero si el fondo es una imagen necesitamos hacerlo mediante enmascaramiento. etc. delineado. Synfig viene con varios archivos de ejemplo que deberían dejarte indagar mas profundo en las posibilidades. Otras posibilidades incluyen su tamaño. color. Este tutorial nos mostrará los dos métodos de enmascaramiento básicos: ocultación y revelado. LO MAS BASICO SOBRE MASCARAS Sobre Máscaras Algunas veces queremos que los personajes esten destrás de objetos. pero finalmente una linea como CaballeroAndanteBasico.gif: DONE deberá aparecer. Ocultando En este modo de enmascaramiento todo lo cubierto por la forma de la máscara es ocultado.synfig. . • establecemos el método de mezclado de la máscara a "Alpha Over".máscara y los elementos juntos. Revelado Una máscara de revelado puede conseguirse de dos modos diferentes usando diferentes mezclados.• Todo lo que esté debajo de la forma de máscara será ocultado. Máscara de revelado método 1. • Creamos una forma de máscara y colócala debajo de los elementos que queremos enmascarar. . • Establecemos el método de mezclado de los elementos que queremos enmascarar (la capa robot en este caso) a "Straight Onto". . Sólo podemos usar este método sobre una capa a la vez así que si tenemos varios objetos necesitaremos encapsularlos en un canvas pegado. . no importa el número de capas.• Todo lo que esté por encima de la máscara será visible. todo lo demás será ocultado. Esta máscara revela todo lo que está debajo de ella. Este método de máscara es similar a la máscara de ocultación y un poco más flexible que el método de revelado 1 en el sentido de que no tenemos que encapsular nada que deba ser enmascarado. Máscara de revelado método 2. • Creamos una forma de máscara encima de los objetos que queremos enmascarar. Esto crea una máscara completa con un agujero en ella. la máscara sobre el rectángulo. Todo en el . • Establecemos el método de mezclado de la máscara a "Alpha Over". • Establecemos el método de mezclado de la máscara a "Alpha Over". • Creamos un rectángulo que cubra la escena entera. • Encapsulamdos la máscara y el rectángulo. sólo que este caso es estrictamente una spline de hermite. pero son muy poco flexibles. creemos formas más complejas. Así que.org/wiki/Doc:Basic_Masking/es CREANDO FORMAS Introducción Las primitivas básicas como los círculos o los rectángulos estan bien. La Herramienta BLine En Synfig. la estructura que describe una forma se llama BLine.synfig. para hacer esto. usaremos la Herramienta BLine.agujero será visible y el resto será enmascarado. http://wiki. . Es una analogía de la "ruta" en otros programas. Ahora. Haciendo click con nuestro ratón en el canvas colocaremos los vértices. que durante esta construcción. Si queremos . Además. Si queremos eliminar un vértice. Después de que hayamos cambiado a la Herramienta BLine. hacemos click derecho sobre él y los seleccionamos "Delete Vertex".Botón Restablecer Colores en la Caja de Herramientas Antes de que comencemos con el tutorial BLine. construiremos una BLine. vemos que esos vértices del objeto seleccionado actualmente (si fue sólo uno) desaparecieron. no hay nada que nos impida mover los vértices o tangentes a nuestro antojo. pero la(s) capa(s) todavía permanece seleccionada en el Panel Capas. "Crear Perfil BLine" y "Enlace de Orígenes" han sido seleccionados. podemos arrastrar su tangente con el ratón. Para asegurarnos de que sólo "Crear Región BLine". Esto es normal. Esto nos devolverá a valor por defecto de negro y blanco. Ten en la mente que si queremos insertar una forma. vemos como funciona Synfig. Cuando pulsamos en BLine Tool/es. seguimos y hacemos click en el botón "Restablecer Colores" en la esquina inferior izquierda del control de color FG/BG en la caja de herramientas. Debemos de acordarnos. Mientras estamos colocando cada vértice. Cualquier cosa que creemos con la Herramienta BLine será insertada encima de la capa seleccionada actualmente. Haciendo esto una y otra vez. debemos seleccionar donde vamos a insertarla antes de ir a la Herramienta — cambiando la selección después se cambiará automáticamente a la Herramienta de Transformación. miramos al Panel Opciones de Herramienta. establecemos el ancho de línea por defecto a algo bonito y delgado — 10pt estaría bien. sus parámetros de vértices ya han sido enlazados linked — así que podemos seleccionar uno y mover su agarre y el otro también cambiará. Ya que hemos activado "Crear Región BLine" y "Crear Borde BLine" en los pasos anteriores. Sólo tenemos que hacer click en una de las capas. es muy fácil de hacer. ahora tenemos una bonita región en blanco con un borde en negro. Cambiar a otra herramienta. Si queremos cerrar una BLine hacemos click derecho sobre el primer vértice y seleccionamos "Loop BLine". Además del hecho de que son dos capas separadas. Si queremos manipular los vértices después de que hemos creado las capas. Si queremos insertar un punto en cualquier sitio hacemos click sobre un segmento donde queramos insertarlo y pulsamos en "Insert item (smart)".dividir las tangentes hacemos click derecho sobre una tangente y pulsamos "Split Tangents". Hay dos modos de hacer esto: 1. sólo tenemos que seguir y cambiar a la Herramienta Transform Tool. porque estamos usando la Herramienta BLine. 2. Cuando hemos terminado de colocar los vértices. hacemos click derecho y pulsamos en "Remove Item (smart)". Editando BLines Bien. nos daremos cuenta de que hemos creado dos capas — el Borde y la Región en el Panel Capas. debemos salir del modo de construcción si queremos crear la capa(s) BLine. Pulsar el botón "Create" en la parte inferior del Panel de Opciones de Herramienta (es el icono que parece un engranaje). Note . Por ahora. Si queremos eliminar un vértice. La mayor diferencia entre este modo de edición normal y el modo de construcción es el modo en que se dividen las tangentes — en el modo de construcción hacemos click derecho en la tangente en sí misma.. Por defecto. y se arreglará en algún momento. Como mencionamos en el Tutorial anterior. Haz lo mismo para ocultarlos." en el menú de herramintas. pulsa Alt5 o hacemos click en el botón "Toggle width ducks" encima de la ventana de canvas. Elegimos marrón como el color de relleno por defecto. 15pt — sino no notaremos el efecto de sensibilidad a la presión. En el modo de edición de agarre. nos aseguramos que tenemos opciones que las mostradas por la imagen siguiente. Y sí. Tenemos que ir a "File → Input Devices. En el Panel de Opciones de Herramienta. También puedes ver otras cosas mediante Menú Cara de Máscara: "View → Mostrar/Ocultar Agarres". Podemos cambiar el ancho de un borde en cada vértice. Note Los pasos anteriores deberían ser realizados con el lápiz digital de nuestra tableta.I . Synfig Studio soporta sensibilidad a la presión. Establecemos el valor de ancho de la línea para que sea lo bastante grande — por ejemplo. Ahora cogemos nuestro lápiz digital. Eso es así porque si establecemos esas opciones con el ratón no funcionarán cuando cambiemos al lápiz digital. Esto podría parecer un desorden de capas. Usando una tableta para dibujar las formas Si tenemos una tableta gráfica podemos usar la Herramienta Dibujo para crear BLines. Synfig Studio recuerda los ajustes para cada dispositivo de entrada de manera independiente. la Capa de Región no tiene datos de anchura) y cambiarla mediante los agarres de anchura. y creamos un nuevo archivo y pulsamos sobre el botón de la Herramienta de Dibujo en la caja de herramientas. En el diálogo de entrada encontramos nuestra tableta y establecemos su modo en "Pantalla". Para mostrarlos.. Estos estan enmascarados. Pero hay una manera de hacer que esto sea más limpio. Para hacer esto seleccionamos la capa de borde (NOTA: Debemos seleccionar la Capa de Borde. Una cosa rápida que comentar antes de terminar. Esto podría ser considerado un problema se usabilidad. podemos encapsular capas en una jerarquía. si no usamos el software de manera apropiada es lo que conseguiremos. debemos hacer click derecho sobre el vértice cuyas tangentes estan acopladas. pero necesitamos configurarla primero. Pulsamos en Click "Salvar" y seguidamente damos a cerrar "Close". no con el ratón. Hay todavía una única Capa de Borde. Notice the new outline layer created in the Layers Panel. Cuando acabemos. Podemos extender la BLine desde las . Try to vary your stylus pressure while you are drawing. Señalamos con nuestro lápiz digital el últimmo agarre de nuestra nueva BLine y continuamos dibujando hacia la esquina derecha del canvas. Start drawing a line from the left border to the middle of the canvas. This is your first line. miramos en el Panel Capas otra vez. Synfig Studio es lo bastante inteligente como para saber que no necesitamos una nueva capa de borde y de manera apropiada extiende la anterior. Stop near the center of the canvas.Now let's draw some thing like a curvy mountain background. dos terminaciones, pero si comenzamos desde cualquier otro lugar en el canvas se creará una nueva capa de borde. Debemos pensar que nuestra primera línea se mantiene seleccionada y nada nos impedirá extenderla después. De vuelta a nuestro lienzo. En el Panel de Herramientas pulsamos en el botón con el icono de un cubo para rellenar el borde que hemos creado. Una capa de región aparecerá encima de la capa en la que estamos trabajando. Seleccionamos la capa de borde y pulsamos en el botón "Elevar la Capa" en el panel de capas para poner la capa de borde sobre la de región. Extendiendo una línea desde ambos lados hasta las esquinas de canvas hace que el relleno aparezca abajo. Bien. Sigamos, ahora añadimos unas líneas más sobre el área rellena para darle un aspecto como de montaña. Si tienes agarres marrones de por medio, puedes ocultarlos pulsando el botón "Toggle vertex ducks" en lo alto de la ventana canvas (la segunda por la izquierda). Warning! No usar el atajo Alt2 para desconectar la visibilidad de los agarres de vértices mientras usamos la herramienta de Dibujo. Hay un error que causará que Synfig Studio se cuelgue. Development Notes: Este error estará arreglado en la versión (0.63.00). La herramienta de Dibujado es genial para el dibujado de figurar complejas, pero conseguiremos tener un montón de agarres, que son difíciles de manipular con la Herramienta de Transformación como comentamos. Hay dos posibles soluciones. Primera, podemos incrementar el valor de "Suavidad" en el Diálogo de Opciones de Herramienta mientras usamos la Herramienta de Dibujo. Que reducirá el número de vértices producidos durante el dibujado, pero que hará tu forma menos detallada. Segunda, podemos usar la Herramienta Smooth Move para deformar una forma ya existente. Sólo tenemos que ir al botón Smooth Move Tool de la caja de herramientas y hacer click. El truco de esta herramienta es que sólo afecta los agarres seleccionados. Debemos mantener presionado el botón izquierdo del ratón en un lugar vacío del canvas. Arrastramos para crear una caja de selección. Soltamos el botón del ratón cuando lo hayamos hecho. O pulsamos CtrlA para seleccionar todos los agarres. Ahora podemos deformar los segmentos seleccionados de las BLines. Podemos cambiar el tamaño del área de influencia mediante la modificación del "Radio" en el Panel Opciones de Herramienta. ¿Qué podemos hacer con el ancho del borde? Hay una Herramienta Ancho para esa función. Está diseñada para incrementar o reducir el ancho de una línea de la misma manera que haríamos con un lápiz sobre un papel. Hacemos click en el botón Width Tool en la caja de herramientas, movemos el lápiz digital sobre la línea que queremos cambiar, presionamos y movemos el cursor de regreso a lo largo de la línea, como si estuviéramos tachando. El ancho del borde se incrementará en los lugares donde movamos el cursor.Si queremos reducir el ancho, sólo mantenemos presionado "Ctrl" mientras tachamos. ¡Fácil! Si no queremos que los Agarres de Ancho se muestren, durante el uso del la Herramienta Ancho, los desactivamos con el botón "Toggle width ducks" en lo alto de la ventana canvas. Warning! No usar el atajo Alt5 para desactivar la visibilidad de los agarres de ancho mientras que estemos usando la Herramienta de Ancho. Hay un error que causará que Synfig Studio se cuelgue. Development Notes: Este error estará corregido en la versión (0.63.00). Otras formas de crear BLines ¿Esto es todo? No, hay más. Puedes usar las herramientas Círculo, Rectángulo, Estrella y Polígono para crear BLines. Mira las opciones "Crear Borde BLine" y "Crear Región BLine" en el Panel Opciones de Herramienta cuando estemos usando estas herramientas. Creando primitivas geométricas como BLine nos permite tener un mejor control sobre la forma y el aspecto. Por ejemplo, si queremos deformar una estrella, entonces podemos usar la herramienta Estrella para crearla como Borde y Región y usar entonces la Herramienta Transformación para deformarla. Ahora estamos listos para el último tutorial en esta sección. http://wiki.synfig.org/wiki/Doc:Creating_Shapes/es COMO EMPEZAR Introducción Synfig, como la mayoría de los otros programas gráficos competentes, rompe individualmente los elementos del lienzo en varias capas. De todas formas, difiere de los otros programas en dos grandes formas: 1. Una capa individual en Synfig usualmente representa una “Primitiva” única. Por ejemplo: Una región única, el delineado de una región, un JPEG importado, etc... Esto le permitirá tener un gran trato con la flexibilidad y con el control. No es muy inusual, tener para una composición cientos de capas (organizadas en la jerarquía de la cordura del artista). 1. Una capa no solo puede tener información en el tope de la imagen, debajo de ella, sino que además modificarla o distorsionarla de alguna forma. En este sentido, las capas en Synfig actúan mas como filtros, al igual que en Adobe Photoshop o en GIMP. Por ejemplo, si tenemos una capa con desenfoque, una capa con desenfoque radial, capa esferizada, capa con corrección de color, capa con bisel, etc... Cada capa tiene su serie de parámetros, que determinan como se debe comportar. Cuando haces click en una capa (bien sea en la ventana del lienzo, o en el panel de Capas), verás sus parámetros en el Panel de Parámetros. Synfig Studio tiene una propiedad de auto-recuperación. Si se bloquea, incluso si el archivo actual no se ha grabado, no se perderán mas de 5 minutos de trabajo. Al reiniciar, automática y rápidamente alertará al usuario para que recupere los cambios no guardados. Desafortunadamente el historial aun no se recupera. Esa propiedad vendrá mas adelante. Una de las cosas de las que te habrás percatado, es que Synfig Studio es LENTO, siendo prácticamente obsoleto en hardware que tenga mas de 3 años de antigüedad. Esto es debido a que todo el calculo de color es hecho en un punto-flotante, porque Synfig Studio fue construido desde la base hacia arriba con un Rango-Dinámico-Alto de imágenes en la mente. SIN EMBARGO, este no será el caso por siempre. darco tiene bastantes re-implementaciones y optimizaciones que planea agregar y que deberían mejorar dramáticamente el desempeño de Synfig en todas las plataformas. La meta no es lograr una mejora del 200% en la velocidad, es por lo menos mejorarla en un 2000%. Con la optimización que esta planificada para ser implementada, estaremos en capacidad de hacer operaciones de tuberías. Debería también aplanar el camino hacia la aceleración de hardware usando los grandes procesadores gráficos, los cuales nos darían mejoras en medida equivalente a la magnitud. La Interfaz de Usuario Puedes reorganizar el contenido de estas en la forma que quieras solo arrastrando la tabla hacia donde quieras que se ubique. Si haces click en en botón “Nueva Composición” que esta en la Caja de Herramientas. deberías ver un árbol de ventanas (estructurada). una nueva Área de Trabajo se abrira. Navegador . luego en "Propiedades". El diálogo de propiedades del lienzo es un desastre. ignora la sección "Área de imagen" y "Bloques y enlaces". cambiar de herramientas. (O. Puedes modificar las acciones en el historia. simplemente mantén el puntero del ratón sobre su icono y un cuadro de ayuda saldrá. Existen muchos cuadros de dialog. puedes hacerle acercamiento o alejamiento. Panel de Herramientas . Si no tienes la mas minima idea de lo que hace un cuadro de diálogo. Aquí están algunas de las más importantes: • • • • • Panel de Capas . y cerrando la nueva ventana en la que se creo). Adicionalmente te permite manipular esas capas. esto abrirá un splash gráfico y se levantará. y otra a la derecha) son muelles de diálogo configurables. Si accidentalmente cierras cualquier ventana de dialogo (arrastrandola fuera del diálogo. Simplemente ve a la caja de herramientas y accede a “Archivo->Dialogos”. Aquí es donde puedes abrir archivos. Te darás cuenta de que la mayoría de los botones están oscurecidos. y el dialogo de propiedades del lienzo aparecerá. te mostrará únicamente los parámetros que las capas tengan en común) .Muestra una miniatura de lo que esté seleccionado en ese momento sobre el lienzo.Te muestra cualquier opción especifica de la herramienta seleccionada.Este cuadro muestra la jerarquía de las capas para el lienzo seleccionado. ya que no tienes ningún archivo abierto aun. si son seleccionadas varias capas. mostrándote como se verá.Cuando comienzas Synfig Studio. Luego de que termine de cargar. Panel del Historial . no te preocupes. luego en “Ver”.. lo sé. Por ahora. Ademas. y haz click sobre el dialogo que necesitas. Las otras dos ventanas (una en la parte baja. . Puedes incluso crear un nuevo diálogo arrastrando una ventana fuera del diálogo en el que estaba insertado. La ventana en la esquina superior izquierda es la caja de herramientas.Este cuadro te mostrará los parametros de la capa seleccionada en el momento. etc. Panel de Parámetros . y mover el foco por el lienzo. describiendo el nombre de ese cuadro. Tendré que rediseñarlo en algo mucho mas comprensible en algún momento del futuro. Haciendo click en el menú circunflejo (entre la regla horizontal y vertical que están en la esquina superior izquierda del área de trabajo).Muestra la lista del historial de la composición actual. (La explicación de las cosas en ese menu viene en un segundo) Primeros Pasos Creemos algo para poder jugar. la ventana del menú del lienzo se abrirá. veras un botón con un simbolo de acénto circunflejo. un punto verde en el centro. haz click sobre cualquiera de los círculos. y un punto cian en el radio. Nota: Algunos usuarios de portátiles podrían experimentar problemas con el click-arrastrar sobre el lienzo usando la herramienta de circulo. (Si no sabes cual de todas es. En la esquina superior izquierda de la ventana del lienzo.Si haces click en OK. fue que creaste un circulo con un radio de 0 y efectivamente es invisible! No hay necesidad de preocuparse. Bien. Verás entonces una caja de atado(que es medio inservible en este momento. Si haces click en este botón. (Como acotación. lo que sucedió. puedes arreglar esto fácilmente. produciendo círculos exagerados o no haciendo nada. Luego de cambiar esto. Pero iremos luego hacia esa parte. Esta ventana representa el lienzo Raíz. El resultado será una ventana de dialogo. tu ratón externo y la almohadilla táctil del ratón trabajarán según lo esperado. y manipular desde este panel el objeto que tienes en el lienzo. digamos 10. Todo lo demas debería ser bastante auto-explicativo en la ventana del lienzo. ya sabes donde esta el menu en la ventana del lienzo. Puedes cambiar el valor del radio a otro que no sea 0. si así lo quieres). El problema es que Synfig ha detectado la almohadilla táctil del ratón y ha activado ese dispositivo (incorrectamente!) Para arreglar esto: Click sobre Archivo->Dispositivos de Entrada. si haces click en cualquier área del lienzo que no sea parte de la capa.. deberías darte cuenta de que el Panel de opciones de herramientas ha cambiado. Luego de que hagas esto. puedes cambiar los parámetros del objeto seleccionado en ese momento. Si quieres modificar el circulo. selecciona “deshabilitar” para tu almohadilla táctil del ratón. ve sobre la caja de herramientas y haz click sobre la herramienta de circulo. Ahora que tienes una nueva composición abierta y el dialogo de propiedades esta fuera del camino. Con la herramienta de circulo seleccionada. Si por accidente haces click sobre el lienzo en vez de hacer click y arrastrar (con el botón del ratón presionado) para dibujar el circulo. Si ves una seleccionada con un radio de 0. Ahora vuelve a la caja de herramientas y haz click en la herramienta normal (el circulo azul con el puntero encima). agarra uno de los patos y arrástralo al rededor. eso no significa mucho en este momento.solo estoy tratando de mostrarte los alrededores. Fácil! .. pero eso esta BIEN-. solo mueve el puntero del ratón sobre todas hasta que encuentres la que en la ventana de ayuda dice “círculo”). el dialogo de propiedades del lienzo desaparecera y verás la Ventana del lienzo. En el panel de parámetros. Esto trabaja casi exactamente como esperabas que lo hiciese. ese debe ser tu circulo. pero yo no estoy de acuerdo). Anda y crea dos círculos (o más. ahora puedes crear círculos en el Área de trabajo. este menú también aparecerá) Ahora. Esos puntos son llamados patos. En el segundo en el que hagas click sobre la herramienta circular. haciendo click derecho sobre los parámetros en la ventana. eh? Enlazar es un concepto fundamental en Synfig. verás selector de color. hay un método mucho más rápido – solo crea un cuadro de selección haciendo click con el ratón y arrastrándolo por sobre el área donde están los patos que quieras seleccionar. selecciona todos sus patos. o seleccionando primero uno. moviendo uno moverás el resto.. haz click derecho sobre cualquiera de los dos radios y aparecerá una nueva ventana. Primero. un nombre más descriptivo para esta herramienta hubiese sido “mover” o “traducir”. Pruébalo! También puedes seleccionar múltiples patos. excepto en el caso donde tienes varios patos seleccionados. Anda y selecciona los dos círculos. Si ves en la caja que está debajo de las herramientas. Una vez que hayas seleccionado el radio de ambos. y seleccionando “enlazar”. Buena cosa. Así. Puedes crear enlaces no solo entre patos. volvamos a la vía. y presionas la tecla CONTROL mientras seleccionas el resto. mantén presionado CONTROL mientras les estás haciendo click – esto funciona tanto en el Área de trabajo como en el Panel de capas. Con varios patos seleccionados. el poder fundamental y la flexibilidad de enlazar en Synfig Core esta mas allá de lo que Synfig Studio actualmente permite hacer. lo haces creando un rectángulo de selección sobre ellos. Si una herramienta particular no esta haciendo lo que quieres que haga. Este comportamiento depende de la herramienta normal. Esto cambiará en el futuro. también puedes hacerlo sobre parámetros seleccionando múltiples capas. hecha un vistazo en el Panel de opciones de la herramienta y ve si esta configurada como lo deseas. Digamos que quieres que uno de los círculos sea de diferente color. Haz click en “enlazar”.Ahora puedes seleccionar una capa haciendo click sobre ella. Puedes hacer esto de varias formas. Boom. y algunas otras cosas como el método por defecto de mezcla y las gradientes. Enlazando Ahora probemos enlazar. a diferencia de la herramienta normal. Sin embargo. DIGRESIÓN: Esto es sobre como los border son adjuntados a sus regiones—pero me estoy adelantando a mi mismo.. De cualquier forma. Los parámetros están enlazados juntos. Si quieres seleccionar mas de una capa. Selecciona algunos círculos. En este momento. el selector de borde. Es mucho más fácil probarlo que leer a cerca de ello. puedes mantener presionado CONTROL e individualmente hacer click en los patos que quieras seleccionar. Puedes probarlo tu mismo seleccionado solo uno de los círculos y cambiando su radio – el otro cambiará también. La herramienta de rotar y escalar trabajan muy parecido a la herramienta normal. y selecciona todos sus patos. Para seleccionar múltiples patos. pero esto puede ser tedioso. Selecciona los dos círculos y luego selecciona los patos correspondientes al radio de ambos (los puntos cian). las otras herramientas de manipulación de patos TIENEN opciones asociadas con ellas. La solapa de color de fondo funciona exactamente como crees que va a funcionar – puedes hacer click en . Nota que. y trata de usar las herramientas de rotar y escalar. Supongamos que queremos que estos dos círculos siempre sean del mismo tamaño. Cambia un poco los parámetros. ir a los parámetros y hacer doble click sobre el parámetro de color – un dialogo con el selector de colores aparecerá y podrás modificarlo como quieras. Esto funciona con mas de un círculo. y una modesta paleta de selección de colores aparecerá. Esto podrás verlo en el próximo tutorial. abre varias ventanas en el escritorio. Hay dos formas de hacerlo. Prueba jugar un poco con los círculos por un rato. y ve que sucede.el color de fondo. Esta página intenta darte una breve introducción a los diferentes elementos que encontrarás tras abrir synfig. luego haz click en el círculo de la ventana del lienzo. cambiar el color es bastante fácil. juega un poco con el lápiz. Pero a veces solo quieres seleccionar un color y seguir de largo.org/wiki/Doc:Getting_Started/es INTERFAZ Synfig no se abre en una sola ventana. Si estás familiarizado con The GIMP. Todo hasta ahora va bien. pero la paleta por defecto es bastante decente. Haciendo click en los colores cambiará inmediatamente en la ventana. hasta ahora sólo has aprendido a utilizar las características básicas de Synfig Studio pero no como animar un dibujo.synfig. Solo haz click sobre la “herramienta de relleno” de la caja de herramientas. Boom. Su el funcionamiento aun no cumple al 100% (ie: guardar y recargar la paleta personalizada aún no ha sido implementado). La primera forma es seleccionar el círculo que quieres modificar. pero llegaremos a eso en un segundo. Para empezar. reconocerás este diseño. En profundidad Por supuesto. Aquí es donde el editor de paletas sale a relucir. Fácil. El círculo cambio de color. . http://wiki. Ahora. pero seguimos sin cambiar el color del círculo. Haz click en la barra del editor de la Paleta y dale un vistazo – es la que que tiene el botón de paleta. Esta es Category:Caja de Herramientas la ventana principal de Synfig: aunque tengas varios proyectos abiertos. así cada objeto está en su propia capa). sólo habrá una Caja de Herramientas. La última paleta contiene los ajustes por defecto para las nuevas capas: los colores de frente y fondo. deshacer y rehacer así como dan acceso al diálogo de ajustes y al sistema de ayuda. Pueden encontrar información detallada de cada herramienta aquí. opacidad y modo de capa. La ventana está separada en tres áreas o paletas: • La ventana superior contiene botones que dan acceso a las operaciones de Archivo estándares : crear un nuevo archivo. En la paleta inferior están las herramientas que nos permiten crear y manipular objetos (o mejor: capas. • • . salvar (todo) archivo(s) (con un nuevo nombre). abrir un archivo. el ancho de línea. La línea temporal que puedes ver en la imagen sólo aparece cuando has definido una duración distinta de cero en el diálogo de ajustes del proyecto. El área sombreada en ajedrez gris es el área de trabajo en la que podemos crear elementos/capas y manipularlos. Synfig tiene una careta: el pequeño triángulo negro en la esquina superior izquierda del canvas.Una vez que hemos abierto un archivo o creado un nuevo proyecto (ej: mediante los botones en la Caja de Herramientas) veremos la ventana canvas. en la parte superior de la ventana principal. o en la parte superior de la ventana de dibujo. En la parte izquierda podemos ver el número actual de marco y en la parte derecha dos botones para cambiar . Donde están todos los menús que esperamos y que nos permiten acceder a la mayoría de las características de Synfig. ¡Aquí es donde crearemos nuestra animación! La mayoría de las aplicaciones de gráficos tienen un conjunto de menús en lo alto de la pantalla. está seleccionada. el Panel Opciones de Herramienta y el Panel Capas estan activados. La tercera ventana contiene también tres áreas. Puedes ver las descripciones detalladas de los otros paneles aquí. En la imagen anterior hay tres elementos sobre el canvas. El TutorialDoc:Animación Básica nos proporciona una buena introducción sobre como trabajar con estos botones.llamada Bline . . Los pequeños puntos coloreados controlan la curva y se llaman ducks. cada una de las cuales puede mostrar diferentes paneles: es esta imagen el Panel de Navegación.el estado de animación y bloquear/desbloquear los marcos-clave. la curva negra . 4. Después marcar la línea horizontal con intervalos regulares y hacerlos coincidir en la intersección de la curva en vertical.synfig. The fourth way to simulate a bouncing ball is to create the mathematical equations to do that. Para la tercera forma se hace uso del enlace con la línea Béizer. Eso implicaría crear muchos puntos de interepolación y ajustarlos para concordar con un movimiento parabólico (en tiempo y trayectoria). La segunda manera es usar parámetros de interpolación de los puntos de interpolación (puntos verdes) cuando están colocados en la interpolación TCB. 2. Just make several parabolic shots at the rigth place a the right time to simulate a bouncing ball. A la derecha está el Panel de Pista Temporal que nos permite crear y modificar Puntos de Ruta.org/wiki/Doc:Interface/es NIVEL INTERMEDIO REBOTE DE PELOTA Diferentes aproximaciones para el mismo resultado Con Synfig hay cuatro maneras de crear una pelota rebotando usando las posibilidades técnicas de este programa. posición y demás. Si se dibuja el camino del rebote de la pelota usando una línea Béizer es fácil hacer siga el camino incluso variando la velocidad. opacidad. It would be a little tricky but probably should be the most accurate one. En la primera se hace el rebote de la pelota manualmente. Rebote manual de la pelota La regla para hacer el rebote manual es dibujar en un papel el rebote deseado. ancho. donde podemos encontrar parámetros detallados y ajustes para el elemento activo como el color. Véase la imagen: . Esto reduciría drásticamente la cifra de interpolaciones y también hace que el tiempo de los rebotes sea más fácil.La cuarta y última ventana muestra el Panel de Parámetros. http://wiki. 3. 1. 0 for each new waypoint.0 Punto más alto -165.479 -105.678 -135. Esto se debe a la naturaleza de la curva.0 -155.0 81. dar click derecho y duplicar) reproduciendo movimientos simétricos.479 -125. You should need to edit the X values manually to decrease by 10. Para proceder con más rebotes sólo se duplican los puntos de interpolación (poner el ratón en el punto.0 -15.0 29.522 Punto más bajo -115..Teniendo intervalos regulares en el eje horizontal (X) nos da intervalos irregulares en el eje vertical (Y).. La posición en X se incremente en pasos de 10.0 63.. Posición X Posición Y Comentarios -175.0 29.0 mientras que la posición en Y obedece a una curva parabólica.0 92. Ya que se tengan los puntos localizados en una cuadricula 2D éstos se pueden dibujar directamente en Synfig haciendo uso de la cuadrícula (F12). Esto nos da la siguiente tabla: Tiempo 0f 4f 8f 12f 16f 20f 24f 28f ..0 92.118 -145.0 63.782 . Después se normalizan los valores para que sean completamente simétricos. Esta es la gráfica resultante de la aproximación manual del rebote de una pelota. . 522 Lower point -75.0 92.sifz Ball Bounce using waypoints interpolations The TCB interpolation mode allows modify the Tension. and Temporal Tension values of the waypoint.0 -15. The table of waypoints gives this result: Time 0f 20f 40f 60f .0 -15.522 Lower point . So you can create easily smooth or peak aproximation to the value of the valuenode in the waypoint position.0 Highest point -25. X position Y position Comments -175. This time I would use the same values for the highest and lower points of the table before... .The lower points are not peak points. La animación resultante y el archivo son los siguientes: File: Media:manual.0 Highest point -125..0 92. TRy it by your self with the attached file. But I won't use more than one waypoint for each extreme position.. Bias. The rest of the curve would be done using the TCB parameters. Continuity. To do that you need to insert more waypoints in intermediate places around the lower frame (20f). Look at the graph: But if you edit the TCB parameters this is the result you obtain: The TCB parameters are the following: Time X position Y position Comments 0f 20f 40f 60f 80f . Tension Continuity Bias 0... Temporal Tension 0.0 -15.0 Highest point 0.2 0.0 -2.0 . -175.522 92..0 -125.0 0.0 25. .0 Lower point 0.0 Lower point 0.As you can see the number of points is reduced drastically. 92.0 0.0 0.0 ..0 . That's the resulting animation: ....0 -25... In you only use a default TCB interpolation it would give you a poor result..0 .0 -75.0 0. Highest point 0..0 0.0 ...0 -15.. 0.0 -2.0 0.522 92..0 0.0 .2 0..0 0.0 Highest point 0. And the sample file: Media:waypoint-2.5). If the waypoint is extreme (the end or the beginning of the animation for the parameter it cannot modify the curve. It is due to the fact that the TCB parameters needs to belong to an intermediate waypoint to have effect. Notice also that you can make the highest point more flat increasing the Temporal Tension parameter (a good value can be 0. You can record the values into a calculus sheet and just multiply the Y value by a reduction factor. Ball Bounce following a path To follow this section you should consider read the Follow a Bline tutorial. This would produce a deformation to the X coordinate so you need to separate both coordinates to do that. With the manual interpolation you should calculate all the x/y coordinates od the resulting curve for a lower bounce. Anyway you have to enter all the value pairs one by one. It makes use of that feature. • • You can see the complete ball bounces in one shot. The use of a path to perform the bounce have some advantages. I have left the highest point to have the default values. Try it by your self editing the attached file. To solve that you should split the X and Y coordinates of the Origin and apply a Ease In/Out interpolation to those Y coordinate and leave the X coordinate with the current interpolation. With this approximation you can easily modify the Y coordinate of the highest points. So please consider only the bounces between the two black vertical lines.sifz Notice that the curve at 0f and at 80f are not properly formed. . Here is a comparison of both bounces a the same time. The interpolation would take care of the rest. You can make the ball rotate along the path (this would allow make bounces of non rounded things). Just draw the path. It has some disadvantages: • It is difficult to control the horizontal movement. I prefer that you encapsulate it and use the paste canvas origin parameter to make the animation.horizontal or any kind of walls you like.75 for the fourth and 1. It is due to the paramter that moves the object through the path is linked to the number of vertices vertices of the path.• You can make bounces to vertical.) Once defined then create a circle or the ball you want to move and place it centred at the origin (0. If the path have five vertices and it is an open Bline the parameter that defines the path has the following values when define each vertex: 0.25 for the second. 0. 0. I've used the previous manual animation to draw this Bline: (You can notice that there are some missing tangents. The first thing you have to do is define the path that the bouncing ball is going to describe. It is more easy to setup because you only have to control two tangents to control all the tangents at the same time.0 for the first.5 for the third.0 for the fifth (and last) independent of the length of the Bline section between vertices.0). 0. Once encapsulated select the bline you have created and the paste . It is due that I've linked the parallel tangents of the peak points of the path. Now expand the Origin parameter of the paste canvas layer of the encapsulated ball and search for the Amount parameter.8. Considering the example. Time Amount Comments 0f 0.6 Lower point 0. To solve that you have to insert more waypoints in the middle. But look what's the result: Its X movement graph looks ugly.0 and you will see that the ball moves to each vertex.0 Highest point . 0. Now create the following waypoints: Time 0f 20f 40f 60f 80f 100f Amount Comments 0.8 Highest point 1. To do that I've uses the animation of the second method to try to match the position at regular intervals. This parameter is the parameter you need to animate to move the ball over the Bline.0 Lower point This coincides with the main waypoints of the last method we have seen.canvas of the encapsulated ball and select the Origin duck of the paste canvas. 0. If you are following the tutorial try to set that parameter to 0. Then make right click over the bline (avoiding any duck) and select "Link to Bline". 0.6.2.0. 1. 0. the bline has 6 vertices and 5 bline sections.4. This is the table I've needed. Once linked you can drag it and it would be stick to the bline.2 Lower point 0. You can see my green ball in the figure. It is not a straight line that means that the horizontal velocity is not constant.4 Highest point 0.0 Highest point 0. 3741 0.6629 0.8539 0.4926 0.7075 0.8928 0.9375 1.4245 0.2626 0.0 Lower point Highest point Lower point Highest point Lower point Now look to the graphs again and notice that the X travel is now a straight line.2 0.8253 0.7783 0.6 0.5280 0.3463 0.4 0. This is the resulting animation and the sifz file.8 0.7445 0.20f 24f 28f 32f 36f 40f 44f 48f 52f 56f 60f 64f 68f 72f 76f 80f 84f 88f 92f 96f 100f 0.4554 0.3085 0. . synfig. esta será el contorno de la lupa.The sample file: Media:bline. It is due to I need to use different times for the adjusting waypoints or add more of them. http://wiki. Inserta una capa cícruclo. por lo que me gustaría otro color.sifz It is supposed that the small yellow ball should follow the red one all the time but you can see that is goes a little faster some times and a little slower other times. .org/wiki/Doc:Ball_Bounce/es CREAR UNA LUPACrea un nuevo documento. .Yo elijo marrón y la llamo "outline". y con click derecho elige copiar u luego pegar.Haz otra capa circulo. haz click en el punto azul claro y haz el radio un poco menor Elige "Transparentar" como el método de mezcla en el parámetro de la capa . Esta capa será el cristal. Yo llamo esta capa "hole" Haz una tercera capa círculo y establece su color con transparencia. .y acabarás teniendo un agujero. Ahora escoge la Herramienta de línea Bezier para hacer el mango.Ahora debería verse así. . Haz click en el contorno del cristal con la herramienta de línea bezier y haz el mango.En las opciones de herramienta veo que sólo tienes seleccionada "Contorno". . No quiero tener relleno. Incrementa el espesor del contorno a 14 puntos en el parametero espesor de la capa. Selecciona las todas las capas (3 círculos y una línea bezier) y encapsúlalas mediante click derecho del ratón. . . Baja esta capa hasta el final (esta es el efecto de aumento y todo lo que esté por debajo de esta capa sera ampliado). elige "esferizar".Yo he llamado a la capa encapsulada "magnifying glass" Haz una nueva capa. Entonces selecciona la capa encapsulada "magnifying glass". Yo elijo "zoom". . elige "Exportar" una ventana aparece pregutando el nombre para este exportado valor. ve a sus parametros y haz click derecho. Haz click en la capa "Spherize". elige "Convertir/Exponencial". y en su lista de parametros haz click derecho en "Radio". haz click en el. vuelve al panel de las capas y haz click en la capa Esferizar si no estña actualmente seleccionada. Haz click en el panel "Descendientes" y encuentra el valor exportado "zoom". . la capa seguirá.En el parametro "Radio" hay un pequeño triángulo. Yo también necesitaré conectar el origen de la capa Esferizar con el origen de la capa encapsulada Hago click en la capa Esferizar y el pequeño circulo verde se hace visible. haz click derecho en "Exponente" y elige "Connectar". . Haz click en el y muevelo un poco al lado (esto es así porque éste cubre el origen de la capa encapsulada y yo quiero seleccionarlos y enlazarlos los dos juntos. haz click en el para abrir los subparametros. así que si haces zoom en ella. este es el origen. Ahora el radio de la capa Esferizar estará conectada al zoom de la capa encapsulada llamada "magnifying glass". ahora que ves los dos orígenes. haz control click izquierdo en ámbos de manera que se vuelvan más brillantes y luego haz click derecho y elige "Enlazar" desde el menu emergente.Haz control click en la capa "magnifying glass" para tener ámbas capas activadas. . Necesitamos algo sobre lo que hacer aumento así que importo una imagen y la pongo bajo la capa Esferizar.Ahora cuando se mueve la capa "magnifying glass". . la capa Esferizar la seguirá. También he añadido una capa "Bisel" dentro de la capa "magnifier glass" para hacerla parecer menos plana. prueba. To la pongo encima de todas las capas interiores. así que creo una nueva capa "Rotar" dentro de la capa "magnifying glass".El parámetro "Cantidad" de la capa Esferizar decide cuanto efecto de aumento habrá. Puedes estudiar los parametros de esas nuevas capas extra si descargas el fichero synfig (la imagen es usada también en este archivo) . A mi me gustaría hacer que la lupa pueda girar. incluso podrás poner valores negativos. La capa de rotar solo afecta a las capas inferiores. . Para este ejemplo se ha preparado un muchacho al estilo Simpsons. una especie de animación como ésta: Contents • • • • • 1 Preparando el material 2 Importando las imagenes cut-out 3 Encapsulando las capas de imagen 4 Agregar las Capas de Rotación 5 Ahora a animarlo! Preparando el material Para una animación de estilo cut-out. Usted debería obtener como resultado.synfig. También contiene uno con el final . Puede tomar las imágenes de este archivo. Por lo general.sifz que es el resultado de la animación. las animaciones de estilo cut-out usan el arte de imagen estática en vez del arte de vector para crear la animación. Véa la serie South Park. necesitará algunas imágenes que representan las partes móviles de la animación del personaje u objeto.http://wiki.org/wiki/Doc:Building_a_magnifying_glass/es ANIMACION POR CORTES Este es un breve tutorial para mostrar como crear animaciones de estilo de recorte por partes (cut-out). Cuando usted va siguiendo los pasos del tutorial. Haga el clic derecho-> Link on each one.) es un archivo PNG único. debería obtener algo parecido a lo que aparece debajo. Esto enlazará todos los límites de las capas de imagen para mantenerlos en una misma posición relativa. piernas. .Cada parte del cuerpo (cabeza. Esto prevendrá cualquier modificación casual de los bordes de la imagen y evitará cualquier deformación inapropiada. Las cajas resaltadoras de todas las capas (layers) coinciden ya que expresamente creé cada imagen con esas dimensiones y las coloqué correctamente. El límite de cada capa de imagen es el rectángulo con los ducks (pequeños circulos) verdes mostrados. Esto nos permitirá que hagamos lo siguiente: Seleccione todas las capas (CTRL + clic en cada capa) y vaya hacia la esquina Superior izquierda hasta la Inferior Derecha (puestos todos en color gris). las imágenes individuales están compuestas en una más grande). etc. notará que todas las capas de imagen tienen las mismas dimensiones. Importando las imagenes cut-out Esto es tan simple como ir al Caret Menu y seleccionar el File-> Import y escoger el archivo apropiado para cada parte del personaje o actor. Esto ayudará más tarde al importar cada imagen en Synfig. Después de repetir este proceso para cada uno de los archivos de imagen de su personaje. brazos. Se han puesto a todos los archivos las mismas dimensiones horizontales y verticales para que entonces todas las imágenes pueden caber una sobre otra para componer al personaje sin la necesidad de ajustar sus tamaños o posiciones. (En la imagen de partes. vamos a hacer girar las Capas para realizar la animación cut-out. tenemos que encapsularlo de modo que la rotación sólo se aplique a las capas/partes deseadas. que la pierna izquierda esté detrás de la derecha). Encapsulando las capas de imagen Como usted puede imaginar. Después de la encapsulación y de renombrar las capas del lienzo. por ejemplo. Pero antes de aplicar la rotación de cada parte del cuerpo personaje.Obviamente el orden de cada capa es importante para reubicar las partes del personaje a fin de formarlo correctamente (en el caso. el resultado se parecerá a esto: . el cuerpo girará con relación a la cadera y la cabeza con relación al cuerpo. También cada submiembro debería girar con relación a su elemento padre y el padre a su vez con relación a la cadera (usamos la cadera como el hueso raíz o padre).Agregar las Capas de Rotación Antes de añadir las Capas de Rotación (para hacerlas girar). La cabeza también necesita su propia rotación individual que no afectará a ningún otro miembro. Para un simple personaje humanoide. Inserte una nueva Capa de Rotación (File-> Layer-> New Layer-> Transform-> Rotate) encima de la capa de imagen de la cadera. Tiene que comprender el marco mecánico al que los movimientos del personaje están ligados. debería de analizar su personaje detenidamente. Iremos al lienzo de la cadera pegada y seleccionaremos la capa de imagen de la cadera. Cuando hacemos girar la cadera del personaje estará la necesidad de darle una rotación idéntica al cuerpo. uno considera la cadera como el centro de rotación del esqueleto entero. esto es. Ahora vaya al cuadro de diálogo de parámetros de Capa de Rotación . Vayamos al principio añadiendo una Capa de Rotación (Rotate Layer) a la cadera. Este efecto acumulativo de miembros rotativos y submiembros es conocido como la jerarquía de miembros. La cabeza tiene que girar con el torso y además con la cadera. En nuestro ejemplo. Renombre la capa como 'Rotar cadera' (o como quiera). mediante el mecanismo del esqueleto del personaje. Cada miembro gira con relación a la rotación de la cadera. Ahora al setup de la capa de rotación. Exporte este parámetro (clic derecho) y dele un nombre propio (por ejemplo. Es muy importante que usted ponga el origen en la posición apropiada. Este parámetro establece el ángulo de rotación. este es el punto de origen de la rotación. Como otro ejemplo de obviedad.(Rotate Layer) y seleccione Amount parameter. cadera). en este caso usted debería de colocar el origen de rotación en el centro de las caderas del personaje. los brazos girarán sobre el hombro y no sobre la mano. Antes Después . permitiendo a la rotación apropiada de las capas de imagen. Debería haber notado que hay un parámetro de origen en la Capa de Rotación (Origin parameter). Para lograr esto. Tenemos que añadir una Capa de Rotación para cada miembro del siguiente nivel. Para cada uno de los miembros siguientes en el nivel. debería obtener algo como lo siguiente: . necesitaríamos una Capa de Rotación individual adicional. renombrarlo. La cabeza tiene que girar el con el torso y además con la cadera.Ahora. debería añadir la misma capa de rotación a todos los miembros que dependen de la rotación de cadera. Todos los miembros girarán ahora congruentemente con la cadera. Otro opción de hacer esto consistiría en que cada miembro del cuerpo tenga su propia rotación. Copie y pegue la Capa de Rotación de la cadera para hacer girar a todas las capas de imagen encapsuladas. y el valor es compartido entre todas las capas de rotación pegadas. más las rotaciones de aquellos miembros superiores al que está ligado en su jerarquía. Los siguientes miembros del nivel de jerarquía son: las piernas y el cuerpo. Recuerde que el parámetro de rotación es exportado. Deberá repetir el mismo proceso para cada uno: Añadir la Capa de Rotación. exporte el Amount parameter (muy importante) y coloque el Origen al lugar de rotación apropiado. dando el efecto deseado. un razonamiento: Cuando hacemos girar la cadera del personaje también necesitaríamos hacer una rotación idéntica al cuerpo. Después hacer esto para las piernas y el cuerpo. ¡Magia! Vea la imagen. Entonces todas las copias de la capa de Rotación de la cadera comparten la misma rotación. Ahora ver como trabaja este estilo de animación. Necesita ahora una capa de rotación adicional para el resto de los miembros para producir su rotación individual. exportan el parámetro Amount y centran el punto de Origen. El mismo se aplica a las otras capas de rotación (cuerpo y piernas). Tendría algo como esto: . ellos también deberían de tener la misma rotación que el cuerpo. Repita los mismo pasos para la capa de rotación de cuerpo y cópielo sobre los brazos y las capas de imagen principales. lo renombra.Observe que por suerte usted ha exportado el parámetro Amount para cada capa de rotación agregada. Ya que los brazos y la cabeza son miembros del cuerpo del niño. Repita los pasos de Añadir una Capa de Rotación (Rotate Layer). Esto pondrá al duck (pequeño circulo de color verde en los extremos) de ángulo en la posición apropiada mostrando las posiciónes y ángulos alternados debido a las rotaciones anidadas realizadas para cada submiembro. O bien usted puede seleccionar el parámetro mismo de la capa apropiada. . Puede hacer uso de la característica Group (Grupo) de Synfig para seleccionar múltiples capas dispersadas con sólo hacer un doble clic. Puede ir al cuadrado de diálogo hijo (Child Dialog) y ampliar los Nodos ValueBase y seleccionar cualquiera de los parámetros ya exportados (ángulos).Ahora a animarlo! ¡Ahora es el momento de animar al personaje!. ¡No mueva el punto de origen de rotación de ninguna capa! Si hace esto. http://wiki.org/wiki/Doc:Cut-out_Animation/es ANIMACION DE UNA FLOR Este tutorial te mostrará cómo crear una simple animación de una flor que crece hecha con la herramienta Blines (linea Bezier). romperá la composición.synfig. He preparado las imágenes individuales con un área redondeada escondida (vea la imagen del personaje detenidamente y verá lo que quiero decir). Esto permite que hagamos rotaciones sin revelar esquinas agudas. Contents • • 1 Ajustes Básicos 2 Animar el tallo . Dibuja una especie de triángulo con la herramienta Bline. asegúrate de que solamente "Rellenar" está seleccionado. Para cerrar el contorno después de poner tres vértices. Haz click sobre los colores de frente y de fondo en la caja de herramientas. arrastra un poco el punto rojo (el "Pato") que cubre el primer vértice. En la caja de herramientas.• • 3 Añadiendo los pétalos 4 Escondiendo los pétalos Ajustes Básicos Haz click sobre Fichero > Nuevo. puedes "crear" la figura Bline seleccionando otra herramienta o presionando el boton Crear (el icono como unas ruedas dentadas) debajo de las opciones de herramienta. . para crear un gradiente como desees. (También puedes editar el gradiente directamente haciendo click sobre él). Selecciona la Herramienta de Gradiente y arrastra el cursor verticalmente sobre el tapiz para rellenarlo con el gradiente. y entonces haz click con el botón derecho de nuevo sobre el vértice (el punto naranja) para que aparezca la opción Hacer Bucle. Nota: Si la única opción disponible es "Separar Tangentes". fija el color de frente a verde. Selecciona la Herramienta Bline (Línea de Bezier) y en el diálogo de las opciones de la herramienta. haz click con el botón derecho del ratón sobre el primer vértice y selecciona "Loop Bline" (Hacer Bucle). Puedes mantener los valores por defecto aquí y simplemente hacer click sobre OK. Ahora que el contorno está cerrado. Hemos acabado con los ajustes básicos.Esto será la base del tallo. haz click con el botón derecho sobre cada vértice y selecciona "Separar tangentes". Con la Herramienta Normal. de modo que las dos tangentes de cada vértice se pueden manejar separadamente. Puedes tocar los manejadores de tangentes (los puntos rojos) un poco. Animar el tallo . para hacer un triángulo más redondo. Haz click de nuevo en la línea de tiempo. . Presiona el círculo verde en la esquina inferior derecha del lienzo ( o el icono que tengas ahí. las propiedades de cada elemento se recordarán. y mueve el vértice superior hacia arriba para hacer un tallo.Necesitamos cambiar nuestra imagen simple en algo que pueda ser animado. En el Menú del Lienzo selecciona Editar > Propiedades. en el Panel Fotogramas Clave (el que tiene un icono de una llave) haz click en "+" (añadir un fotograma clave). Los fotogramas clave nos permiten Asentar la escena. Con la Herramienta Normal. Ve a la pestaña de tiempo y fija el Tiempo Final en 6s. Haz click en el comienzo de la línea de tiempo (0f). Puedes jugar con los manejadores de las tangentes para mover un poco la forma si lo deseas. selecciona la punta verde. esto es. para cambiar Modo de Edición de Animación (el círculo es rojo ahora). en 4. dependiendo del tema que uses).5s. luego. en un fotograma clave. Ahora hay una pequeña linea de tiempo bajo el lienzo. Haz click con el botón derecho sobre esos puntos nuevos y elige de nuevo Dividir Tangentes. haz click con el botón derecho en el borde del tallo cerca de la parte más alta.5s. Haz click sobre la flecha pequeña a la izquierda para desempaquetar la lista. verás que la figura del brote es ligeramente visible.5s en la línea de tiempo. Haz lo mismo en el otro lado del tallo. Digamos que queremos que el brote aparezca en el momento 3. Si ahora pinchas en 2s (por ejemplo). El último parámetro es la lista de vértices. Échale un vistazo a los Parámetros y al diálogo Línea de tiempo.5s. incluso si es más bien pequeña. Verás que cada parámetro en el Panel de Parámetros corresponde a una fila en el diálogo de la Línea de tiempo. Intenta hacer una figura que se parezca a la de la imagen para crear el brote. Deberías ver algo como esto: . y elige. e incluso si los patos del brote son invisibles. Pincha en 3. "Insertar Vértice".Estando aún en 4. y el tamaño completo en el momento 4.5s. El diálogo debería aparecer ahora como en la imagen.5s. la parte en gris es la parte donde los vértices del brote no tienen efecto sobre el tallo. Comienza a verse un poco tras el momento 3. Los dos vértices que añadimos para hacer la yema o brote están marcados en "DYN" (dinámico). .Cada punto grande verde es un valor grabado (aquí las posiciones de los vértices se grabaron en el momento cero con el fotograma clave. y en el momento 4s cuando movimos algunos vértices o manejadores de vértices). Por ejemplo si haces click ahora sobre 2s o sobre 3s. Haz click sobre ellos en la lista de parámetros. el contorno de la yema no es visible. y selecciona "Mark Activepoint as Off". hasta conseguir algo que te guste. en varios momentos del tiempo. el contorno del tallo puede no parecer bonito durante el crecimiento desde 0 a 4s. selecciónalo y espera hasta que la previsualización se genere. Arrastra entonces el pato verde muy cerca de la parte superior del brote. La animación del tallo se ha terminado. pero aún faltan los pétalos. Asegúrate de que estás aún en Modo de Edición de Animación. Toca un poco el pétalo si es necesario. y retoca la figura. en el panel de capas Layers Panella capa del pétalo y olócala debajo de la capa del tallo. Haz click en el pétalo para seleccionarlo. como se muestra. Cambia el color de pintura a rosa. Añadiendo los pétalos Ahora puedes abandonar el "Modo de Edición de Animación" haciendo click sobre el círculo rojo en la esquina inferior derecha del lienzo.Sin embargo. Selecciona todos los vértices del pétalo con Ctrl+A y muevelos junto al pato verde (con la Herramienta Normal). Selecciona también. y crea un pétalo con la herramienta bline. y observa:) (Las previsualizaciones son a menudo alisadas y desenfocadas. pero el resultado final será claro. . Puedes observar una previsualización: Ve a Fichero > Previsualización. Se pueden obtener previsualizaciones de mejor calidad usando el zoom y el número de imágenes por segundo en la ventana de diálogo de previsualizaciones. Notarás que el pato Duck verde que permite el movimiento fácil de un perfil está en el centro del lienzo. Ahora que hay una unión entre el pétalo y el extremo del tallo. . ( Y si el pato verde el pétalo se mueve. de forma que los pétalos no estén sobrepuestos (No muevas el pato verde. En el lienzo. el extremo del tallo se moverá.y entonces haz Ctrl-Click sobre el tallo. En el Layers Panel (panel de capas). Haz click con el botón derecho sobre el vértice superior del tallo. Haz click ahora sobre el vértice superior del tallo y ctrl-click sobre el pato verde del pétalo (ambos deben aparecer en un color más ligero. por estar seleccionados). Ahora ambos objetos deben aparecer seleccionados. solo los naranjas). El pétalo se moverá un poco puesto que el pato verde se ha ligado con el vértice del tallo. y muévelos un poco. Repite el proceso varias veces para tener algo parecido a la imagen. y selecciona "link". cuando el extremo del tallo se mueve. el pétalo le seguirá. selecciona la recién creada capa del pétalo y duplícala (con el tercer botón del diálogo). presiona Ctrl+A para seleccional todos los vértices del pétalo duplicado. pero no queremos hacer eso aquí). En el panel de fotogramas clave Panel de Fotogramas Clave. y si la encuentro. Supongo que debe haber una forma más sencilla de hacerlo. . quizás. y en el Panel de Capas. la más complicada. En la línea de tiempo. Si vas al primer fotogramaclave. Cambia a Modo de Edición de Animación de nuevo haciendo click en el círculo verde en la esquina inferior derecha del lienzo. No queremos eso. Escondiendo los pétalos Esta parte es. Queremos que los pétalos aparezcan y florezcan el final del crecimiento. en lugar de ser visibles y de tamaño completo en todo momento. y que alcancen el tamaño completo a los 5 segundos. para que estén ocultos tras el tallo como se muestra. verás que los pétalos son visibles. haz click en "+" para añadir un fotograma clave nuevo en 5s. selecciona todas la capas de pétalos (con Ctrl+click). asegúrate de que los cambios que haremos no afectarán a los fotogramas siguientes. Escalalos minimizándolos con la Herramienta Escala Scale Tool. actualizaré el tutorial. y muévelos. y entonces presiona Ctrl+A para seleccionar todos los vértices de los pétalos.) Digamos que queremos que los pétalos aparezcan un poco después de los 4 segundos de animación.Nota que los pétalos duplicados también están ligados al tallo. haz click para colocar el cursor en los 5 segundos. Haz click en 4s. haz click con el botón derecho sobre ellas en el panel de capas y selecciona Encapsulate (encapsular). . vamos a Encapsulate (encapsular) las capas de pétalos en un Inline Canvas.Entre el segundo 4 y 5. Puedes renombrar las capas para hacer las cosas inteligibles. Con todas las capas de pétalos seleccionadas. Podríamos bien cambiar el tamaño de los pétalos y hacerlos pequeños y ocultos en cada imagen desde el segundo 0 a los 4s. los pétalos aparecerán y florecerán. Escojamos la segunda opción. Pero el problema es que aún son visibles desde la primera imagen hasta los 4 segundos. Para hacer las cosas más simples. o bien podríamos hacerlos invisibles en esas imágenes. y hará los pétalos visibles. y selecciona Edit waypoint. podríamos alcanzar el mismo efecto fijando la interpolación In (de entrada) del punto direccional en 4s a Constante. Los pétalos ahora son visibles en ese fotograma clave. mientras otra punto direccional es encontrado. Así desde 0f a 4s el valor de Cantidad será igual a 0.Selecciona los "Pétalos" inline lienzo y salta al primer fotograma clave. Aun hay un problema : De 0s a 4s. la opacidad de los pétalos crece lentamente. Para resolver esto. Nota como (la mitad del) punto direccional cambia de círculo verde (significando animación suave del parámetro Cantidad) a paso rojo (significando que el parámetro Cantidad ha saltado repentinamente) . Aparecerá un nuevo diálogo. como se esperaba. y en el segundo 4 cambiará de momento a 1. fija el Amount (parámetro de cantidad) valor a 0. Nota que dos puntos de dirección son añadidos al frente del parámetro "Cantidad". en el que puedes elegir la interpolación In y Out. Arranstra el punto 5s a 4s de forma que la opacidad de los pétalos esté entre los segundos 1 y 4. cambiaremos el método de interpolación de la Cantidad: Haz click con el botón derecho en el punto direccional 0f. uno en el segundo 0s y el otro en el 5s. En la pestaña de Parámetros. Fija la interpolación Out a constante. haciendo los pétalos visibles cuando no deberían serlo. Alternativamente. Los pétalos están escondidos hasta el segundo 4.animationarchive.org/2006/05/media-preston-blairs-animation-1st.Ahora has acabado. y entonces crecen rápidamente entre el segundo 4 y 5. 1. un editor de texto (como gedit) y por supuesto Synfig. y permanecen parados también los últimos 1. http://www. Selecciona cualquier formato que quieras.5 segundos y entonces permanece quieto los últimos 1. Necesitaremos un grabador de audio (por ejemplo Audacity). http://wiki.synfig.5 segundos. el programa Papagayo. Grabamos con Audacity el texto que queremos utilizar. y no olvides desmarcar la opción "Use current frame" (de otro modo tan solo un fotograma se mostrará). Aconsejo fijarse en los dibujos de Preston Blair.5 segundos. un editor de vídeo (como Avidemux).html Tenemos hecho nuestro dibujo (en este caso en vista frontal). Haz click sobre Fichero > Render (Fichero > Mostrar) para ver tu animación. El tallo crece durante 4. .org/wiki/Doc:Flower_Animation/es SINCRONIZAR EL HABLA Este es un pequeño tutorial sobre cómo hago yo el lipsync. Si la velocidad del texto es muy rápida. 24 corresponde a 1s. 6. 3. Abrimos Texto. Al lado de los fotogramas anotamos la posición de los fonemas correspondientes. 4. etc. Ahora. entonces no es necesario dibujar todos los fonemas. Después utilizaremos el editor de vídeo (Avidemux) para añadir el audio al vídeo. 25 corresponde a 1s 1f. Vamos a nuestra animación. Exportamos la boca (si queremos seguir las indicaciones de Preston Blair. Le ponemos de nombre Texto. (podemos utilizar el esquema dado por Preston Blair. 2. Podemos dibujar primero todos los fonemas en el primer segundo y empezar con la animación a partir del fotograma 1s. Cambiaremos la interpolación a Constante. Lo arreglamos (si es necesario) y lo exportamos al formato wav. Ahora ya sabemos la posición exacta de cada fonema. 3. .wav. exportaremos la cabeza). de modo que duplicaremos el fotograma clave correspondiente en cada momento.pgo 5. duplicando el keyframe cuando sea necesario. Con el programa Papagayo abrimos el fichero Texto. En este caso renderizaremos a partir del fotograma 1s.2. 1 corresponde a 1f.wav.dat. así. Otra cosa que podemos hacer es crear una librería de fonemas aprovechando el paste canvas layer como en este tutorial http://vimeo. Arreglamos el texto conforme a las instrucciones del programa Papagayo y guardamos como Texto. Vamos a hacer que se mueva la boca.dat con gedit. Nos queda decidir cuántas poses diferentes queremos. sin la cabeza.com/10318012. Una vez arreglado le damos a "Export voice…" Nos lo guardará como Texto. o utilizar uno propio). 1. 50 corresponde a 2s 2f. dibujaremos cada pose en el fotograba adecuado. en el lienzo exportado.