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