Synfig Studio :: Documentation - User contributions [en]

Doc:Following a Spline/es

2013-10-29T23:41:24Z

Jucazam:

{{Title|Siguiendo una Spline}}
{{Category|Tutorials}}
{{Category|Tutorials Advanced}}


== Introdución ==

Si está usando la versión 0.61.08 o anterior, vea la {{l|Following a Spline (the old way)|vieja versión}} de este tutorial, ya que este es para la versión 0.61.09.

Este tutorial muestra cómo hacer que un objeto siga el camino de una línea arbitraria, rotando para seguir encarando la dirección del camino.

== Sumario ==

Esto es lo que vamos a hacer:

* {{l|Doc:Following a BLine#Create the Layers|Dibujar una línea curva y una flecha}}
* {{l|Doc:Following a BLine#Make the Arrow Move and Rotate|Enlazar el origen de la flecha y su rotación}} a la Spline de modo que la flecha siga a la curva, se mueva sobre ella

== Tutorial ==

Este es un breve tutorial que nos da un ejemplo de cómo hacerlo:

=== Crea la Animación ===

File > New

=== Crea las Capas ===

seleciona la herramienta "Línea Bézier" (Spline)
[[File:Bline_tool.png]]

permite sólo la casilla Contorno

dibuja una curva (una Spline) sobre la que quieras que se mueva la flecha.

click en el icono "Herramienta línea Bézier" en la parte inferior izquierda de la "Paleta de Herramientas" para crear la Spline.

Todavía en esta herramienta,habilita "crear contorno" y "crear región" en la paleta de opciones
[[File:Tool_Options.png]]

dibuja una flecha o lo que quieras, apuntando a la derecha

cambia a la herramienta "Normal"

selecciona el contorno, pulsa control-a para seleccionar todos los patos menos el pato verde de posición

arrastra los patos de modo que la flecha quede centrada en el pato verde de posición

añade una capa de rotación sobre las capas contorno y región

encapsula las capas rotación, contorno y región

Ahora tienes 2 capas: una que es un trayecto curvo y la capa encapsulada (Lienzo en línea) conteniendo la flecha y la capa de rotación

=== Moviendo y Rotando la flecha ===

Selecciona la capa encapsulada haciendo click en el panel de Capas

Selecciona el pato verde de posición haciendo click sobre él en la ventana Canvas

luego selecciona la capa Rotación pulsando control+click sobre ella en el panel de Capas

ahora selecciona el pato azul "cantidad de rotación" pulsando control+click en la ventana Canvas

Bien, ahora tenemos seleccionadas dos capas y un pato de cada una de ellas

ahora además, seleccionar la capa de la curva Spline (que debe ser la última capa en la lista del panel de capas) pulsando control + clic sobre ella

haga clic derecho en la línea de puntos que indica la posición de la curva Spline -pero no en cualquier pato, sino en el enlace de puntos entre patos

Seleccionar "conectar a Spline" en el menú contextual
[[File:Link_to_Bline.png]]

la flecha encapsulada debe moverse de manera que su pato verde de posición esté sobre la Spline, y debe girar de forma que apunte a lo largo de la Spline en ese punto

selecciona sólo la capa encapsulada, y arrastra su pato verde. Verás que ahora el pato está limitado a moverse sobre la Spline, y que este movimiento también afecta a la rotación de la flecha como se esperaba

Ahora podemos animar la flecha. Cambia a "animar el modo de edición" haciendo clic en el icono en la parte inferior derecha de la ventana canvas.

En el punto de tiempo 0f, arrastra el pato verde de posición de la capa encapsulada a un extremo de la Spline

En el segundo 5, arrastra el mismo pato hasta el otro extremo de la Spline

Pulsa: Archivo > Previsualizar > Play para ver la animación.

== Resultado ==

Esta es la animación: {{l|Media:Arrow-follows-bline.sifz‎|Arrow-follows-bline.sifz‎}}

== Comentario sobre la función ==

Además, la flecha tarda el mismo tiempo para moverse a lo largo de cada segmento de la Spline. Así que si hay una parte larga con una construcción compleja, la flecha se moverá mucho más rápido a lo largo de las partes rectas (ya que habrá menos vértices en esa parte).

Sería bueno tener la opción de que el movimiento de flecha fuera a una velocidad constante a lo largo de la curva.

Doc:Following a Spline/es

2013-10-29T23:31:38Z

Jucazam:

{{Title|Siguiendo una Spline}}
{{Category|Tutorials}}
{{Category|Tutorials Advanced}}


== Introdución ==

Si estás usando la versión 0.61.08 o anterior, por favor, dirígete al tutorial "siguiendo una Spline (método antiguo)", ya que esta versión es acerca de la versión 0.61.09.

Este tutorial muestra cómo hacer que un objeto siga el camino de una línea arbitraria, rotando para seguir encarando la dirección del camino.

== Sumario ==

Esto es lo que vamos a hacer:

* {{l|Doc:Following a BLine#Create the Layers|Dibujar una línea curva y una flecha}}
* {{l|Doc:Following a BLine#Make the Arrow Move and Rotate|Enlazar el origen de la flecha y su rotación}} a la Spline de modo que la flecha siga a la curva, se mueva sobre ella

== Tutorial ==

Este es un breve tutorial que nos da un ejemplo de cómo hacerlo:

=== Crea la Animación ===

File > New

=== Crea las Capas ===

seleciona la herramienta "Línea Bézier" (Spline)
[[File:Bline_tool.png]]

permite sólo la casilla Contorno

dibuja una curva (una Spline) sobre la que quieras que se mueva la flecha.

click en el icono "Herramienta línea Bézier" en la parte inferior izquierda de la "Paleta de Herramientas" para crear la Spline.

Todavía en esta herramienta,habilita "crear contorno" y "crear región" en la paleta de opciones
[[File:Tool_Options.png]]

dibuja una flecha o lo que quieras, apuntando a la derecha

cambia a la herramienta "Normal"

selecciona el contorno, pulsa control-a para seleccionar todos los patos menos el pato verde de posición

arrastra los patos de modo que la flecha quede centrada en el pato verde de posición

añade una capa de rotación sobre las capas contorno y región

encapsula las capas rotación, contorno y región

Ahora tienes 2 capas: una que es un trayecto curvo y la capa encapsulada (Lienzo en línea) conteniendo la flecha y la capa de rotación

=== Moviendo y Rotando la flecha ===

Selecciona la capa encapsulada haciendo click en el panel de Capas

Selecciona el pato verde de posición haciendo click sobre él en la ventana Canvas

luego selecciona la capa Rotación pulsando control+click sobre ella en el panel de Capas

ahora selecciona el pato azul "cantidad de rotación" pulsando control+click en la ventana Canvas

Bien, ahora tenemos seleccionadas dos capas y un pato de cada una de ellas

ahora además, seleccionar la capa de la curva Spline (que debe ser la última capa en la lista del panel de capas) pulsando control + clic sobre ella

haga clic derecho en la línea de puntos que indica la posición de la curva Spline -pero no en cualquier pato, sino en el enlace de puntos entre patos

Seleccionar "conectar a Spline" en el menú contextual
[[File:Link_to_Bline.png]]

la flecha encapsulada debe moverse de manera que su pato verde de posición esté sobre la Spline, y debe girar de forma que apunte a lo largo de la Spline en ese punto

selecciona sólo la capa encapsulada, y arrastra su pato verde. Verás que ahora el pato está limitado a moverse sobre la Spline, y que este movimiento también afecta a la rotación de la flecha como se esperaba

Ahora podemos animar la flecha. Cambia a "animar el modo de edición" haciendo clic en el icono en la parte inferior derecha de la ventana canvas.

En el punto de tiempo 0f, arrastra el pato verde de posición de la capa encapsulada a un extremo de la Spline

En el segundo 5, arrastra el mismo pato hasta el otro extremo de la Spline

Pulsa: Archivo > Previsualizar > Play para ver la animación.

== Resultado ==

Esta es la animación: {{l|Media:Arrow-follows-bline.sifz‎|Arrow-follows-bline.sifz‎}}

== Comentario sobre la función ==

Además, la flecha tarda el mismo tiempo para moverse a lo largo de cada segmento de la Spline. Así que si hay una parte larga con una construcción compleja, la flecha se moverá mucho más rápido a lo largo de las partes rectas (ya que habrá menos vértices en esa parte).

Sería bueno tener la opción de que el movimiento de flecha fuera a una velocidad constante a lo largo de la curva.

Doc:Video Tutorials/es

2013-10-29T23:27:45Z

Jucazam:

{{Title|Video Tutoriales}}
{{Category|Manual}}
{{Category|Tutorials}}


Esta página no esta actualizada respecto a la versión oficial inglesa. Ayuda a completarla

En esta sección podras encontrar algunos video tutoriales básicos sobre las tareas más comunes de Synfig. Siéntete libre de pedir aquí cualquier nuevo video tutorial.

==Animación Básica ==

Este tutorial muestra cómo hacer una animación básica como explica el tutorial escrito {{l|Doc:Animation_Basics/es|Bases de la Animación}}

<videoflash>ckHfbVqt43o|425|350</videoflash>

==Creando una Spline ==

[http://www.youtube.com/watch?v=bQ-ku0bA23A Creating a Spline]: Este pequeño video tutorial muestra los pasos básicos para crear una Spline. La edicion del video fue creada usando unicamente Synfig.

<videoflash>bQ-ku0bA23A|425|350</videoflash>

== Creando Círculos, Rectángulos y una Spline ==

[http://youtube.com/?v=SM1qUqGyIpA Creating Circles, Rectangles, and a Spline]: Tutorial sobre la creación de circulos, rectangulos, y una Spline.

<videoflash>SM1qUqGyIpA|425|350</videoflash>

== Siguiendo una Spline ==

Este video tutorial enseña como conectar una forma a una Spline. Este video no sigue estrictamente el tutorial {{l|Doc:Following_a_Spline|Siguiendo una Spline}} pero te ayudará a seguirlo.

<videoflash>w87KRL3kD74|425|350</videoflash>

== Creando una capa de Rotación y un Bucle de Tiempo ==

Este vídeotutorial nos enseña a utilizar una capa de rotación y un bucle de tiempo en una animación muy simple.

<videoflash>tZ-BcQ9JLv0|425|350</videoflash>

== Efectos de Brillo ==

Este tutorial muestra cómo hacer unos efectos de brillo sobre un texto, como explica el tutorial escrito {{l|Doc:Shiny_Effects/es|Efectos de Brillo}}

<videoflash>kZ2x5dZBGWU|425|350</videoflash>

== Añadiendo capas ==

[http://www.youtube.com/watch?v=AqUpWr3Btqc Añadiendo capas]: Este tutorial explica cómo añadir capas en Synfig y cómo funcionan éstas en relación con otras capas. Este video está basado en el tutorial {{l|Doc:Adding_Layers|Adding Layers}}

<videoflash>AqUpWr3Btqc|425|350</videoflash>

== Enmascaramiento básico ==

[http://www.youtube.com/watch?v=J1hP3CrL-0g Enmascaramiento básico]: Este video tutorial explica tres métodos para crear máscaras en Synfig. Está basado en el tutorial {{l|Doc:Basic_Masking|Basic Masking}}

<videoflash>J1hP3CrL-0g|425|350</videoflash>

Doc:Creating Shapes/es

2013-10-29T21:11:48Z

Jucazam:

{{Title|Creando Formas}}
{{Category|Manual}}
{{Category|Tutorials}}
{{Category|Tutorials Basic}}
{{Category|Updated}}
{{Navigation|Category:Manual|Doc:Flower Animation}}


== Introducción ==

Las primitivas básicas, como círculos o rectángulos, son muy prácticas, pero geométricamente son casi inflexibles. Entonces, para crear formas más complejas usaremos la Herramienta Spline.

== La Herramienta Spline ==

En Synfig, la estructura que describe una forma se llama Spline. Es una analogía de la "ruta" en otros programas, sólo que este caso es estrictamente una [https://en.wikipedia.org/wiki/Cubic_Hermite_spline Spline cúbica de Hermite].

[[Image:Toolbox Reset Colors Button.png|right|frame|Botón Restablecer Colores en la Caja de Herramientas]] Antes de empezar con el tutorial Spline, veamos como funciona Synfig. Al hacer clic en la {{l|Herramienta Spline}}, se verá que las asas del objeto actualmente seleccionado (si hay uno) desaparecen, pero la(s) capa(s) permanecerán seleccionadas en el {{l|Panel Capas}}. Esto es normal. Cualquier cosa creada con la Herramienta Spline se inserta encima de la capa seleccionada. Tenga en cuenta que si desea insertar una forma, debe seleccionar donde va a insertarla antes de ir a la Herramienta Spline — cambiando la selección después se cambiará automáticamente a la Herramienta de Transformación.

Ahora, seguimos y hacemos click en el botón {{Literal|Restablecer Colores}} en la esquina inferior izquierda del control de color FG/BG en la {{l|Toolbox|caja de herramientas}}. Esto nos devolverá a valor por defecto de negro y blanco. Además, establecemos el {{l|New Layer Defaults#Default Line Width|ancho de línea por defecto}} a algo bonito y delgado — 10pt estaría bien.

Después de que hayamos cambiado a la Herramienta Spline, miramos al Panel Opciones de Herramienta. Para asegurarnos de que sólo {{Literal|Crear Región Spline}}, {{Literal|Crear Perfil Spline}} y {{Literal|Enlace de Orígenes}} han sido seleccionados.

Haciendo click con nuestro ratón en el canvas colocaremos los vértices. Mientras estamos colocando cada vértice, podemos arrastrar su tangente con el ratón. Haciendo esto una y otra vez, construiremos una Spline.

Debemos recordar que durante esta construcción no hay nada que nos impida mover los vértices o tangentes a nuestro antojo. Si queremos eliminar un vértice, hacemos click derecho sobre él y lo seleccionamos {{Literal|Delete Vertex}}. Si queremos dividir las tangentes hacemos click derecho sobre una tangente y pulsamos {{Literal|Split Tangents}}. Si queremos cerrar una Spline hacemos click derecho sobre el primer vértice y seleccionamos {{Literal|Loop Spline}}.

[[Image:Creating-shapes-2-bline-construction.png|center|frame]]

Cuando hemos terminado de colocar los vértices, debemos salir del modo de construcción si queremos crear la capa(s) Spline; Hay dos modos de hacer esto:
#Cambiar a otra herramienta.
#Pulsar el botón {{Literal|Create}} en la parte inferior del Panel de Opciones de Herramienta (es el icono que parece un engranaje).
Por ahora, sólo tenemos que seguir y cambiar a la Herramienta {{l|Transform Tool}}, porque estamos usando la Herramienta Spline.

[[Image:Creating-shapes-3-bline-region-outline.png|center|frame]]

== Editando Splines ==

Bien, ahora tenemos una bonita región en blanco con un borde en negro. Ya que hemos activado {{Literal|Crear Región Spline}} y {{Literal|Crear Borde Spline}} en los pasos anteriores, nos daremos cuenta de que hemos creado dos capas — el {{l|Outline Layer|Borde}} y la {{l|Region Layer|Región}} en el Panel Capas. Además del hecho de que son dos capas separadas, sus parámetros de vértices ya han sido enlazados {{l|Linking|linked}} — así que podemos seleccionar uno y mover su agarre y el otro también cambiará.

Si queremos manipular los vértices ''después'' de que hemos creado las capas, es muy fácil de hacer. Sólo tenemos que hacer click en una de las capas. Si queremos eliminar un vértice, hacemos click derecho y pulsamos en {{Literal|Remove Item (smart)}}. Si queremos insertar un punto en cualquier sitio hacemos click sobre un segmento donde queramos insertarlo y pulsamos en {{Literal|Insert item (smart)}}.

{{Note|Note|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. En el modo de edición de agarre, debemos hacer click derecho sobre el vértice cuyas tangentes estan acopladas. Esto podría ser considerado un problema se usabilidad, y se arreglará en algún momento.}}

Esto podría parecer un desorden de capas. Y sí, si no usamos el software de manera apropiada es lo que conseguiremos. Pero hay una manera de hacer que esto sea más limpio. Como mencionamos en el {{l|Doc:Adding Layers|Tutorial anterior}}, podemos {{l|encapsulate|encapsular}} capas en una jerarquía.

Un breve comentario antes de terminar. Podemos cambiar el ancho de un borde en cada vértice. Para hacer esto seleccionamos la capa de borde
(NOTA: Debemos seleccionar la Capa de Borde, la Capa de Región no tiene datos de anchura) y cambiarla mediante los agarres de anchura. Por defecto. Estos estan enmascarados. Para mostrarlos, pulsa {{Shortcut|alt|5}} o hacemos click en el botón {{Literal|Toggle width handles}} encima de la ventana de canvas. Haz lo mismo para ocultarlos. También puedes ver otras cosas mediante {{l|Menú Cara de Máscara}}: {{c|Ver|Mostrar/Ocultar Asas}}.

== Usando una tableta para dibujar las formas ==

Si tenemos una [http://en.wikipedia.org/wiki/Graphics_tablet tableta gráfica] podemos usar la Herramienta Dibujo para crear Splines.

Synfig Studio soporta sensibilidad a la presión, pero necesitamos configurarla primero. Tenemos que ir a {{c|File|Input Devices...}} en el menú de herramintas. En el diálogo de entrada encontramos nuestra tableta y establecemos su modo en {{Literal|Pantalla}}. Pulsamos en Click {{Literal|Salvar}} y seguidamente damos a cerrar {{Literal|Close}}.

Ahora cogemos nuestro lápiz digital, y creamos un nuevo archivo y pulsamos sobre el botón de la Herramienta de Dibujo en la caja de herramientas. Establecemos el valor de ancho de la línea para que sea lo bastante grande — por ejemplo, 15pt — sino no notaremos el efecto de sensibilidad a la presión. Elegimos marrón como el color de relleno por defecto.

{{Note|Note|Los pasos anteriores deberían ser realizados con el lápiz digital de nuestra tableta, no con el ratón. Synfig Studio recuerda los ajustes para cada dispositivo de entrada de manera independiente. Eso es así porque si establecemos esas opciones con el ratón no funcionarán cuando cambiemos al lápiz digital.}}
En el Panel de Opciones de Herramienta, nos aseguramos que tenemos opciones que las mostradas por la imagen siguiente.I

[[Image:DrawToolOptions.png|center|frame]]

Now let's draw some thing like a curvy mountain background. Start drawing a line from the left border to the middle of the canvas. Try to vary your stylus pressure while you are drawing. Stop near the center of the canvas. This is your first line. Notice the new outline layer created in the Layers Panel.

[[Image:Creating-shapes-4-draw.png|center|frame]]

Señalamos con nuestro lápiz digital el últimmo agarre de nuestra nueva Spline y continuamos dibujando hacia la esquina derecha del canvas. Cuando acabemos, miramos en el Panel Capas otra vez. Hay todavía una única Capa de Borde. Synfig Studio es lo bastante inteligente como para saber que no necesitamos una nueva capa de borde y de manera apropiada extiende la anterior. Podemos extender la Spline desde las 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 {{Literal|Elevar la Capa}} en el panel de capas para poner la capa de borde sobre la de región.

[[Image:Creating-shapes-5-draw.png|center|frame]]

Extendiendo una línea desde ambos lados hasta las esquinas de canvas hace que el relleno aparezca abajo. Bien.

[[Image:Creating-shapes-6-draw.png|center|frame]]

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 {{Literal|Toggle vertex ducks}} en lo alto de la ventana canvas (la segunda por la izquierda).

[[Image:Creating-shapes-7-draw.png|center|frame]]

{{Note|Warning!|No usar el atajo {{Shortcut|Alt|2}} 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.}}
{{DevNotesBegin}}
Este error estará arreglado en la versión (0.63.00).
{{DevNotesEnd}}

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 {{Literal|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 {{Shortcut|Ctrl|a}} para seleccionar todos los agarres. Ahora podemos deformar los segmentos seleccionados de las Splines. Podemos cambiar el tamaño del área de influencia mediante la modificación del {{Literal|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 {{Literal|Toggle width ducks}} en lo alto de la ventana canvas.

{{Note|Warning!|No usar el atajo {{Shortcut|Alt|5}} 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.}}
{{DevNotesBegin}}
Este error estará corregido en la versión (0.63.00).
{{DevNotesEnd}}

== Otras formas de crear Splines ==

¿Esto es todo? No, hay más. Puedes usar las herramientas Círculo, Rectángulo, Estrella y Polígono para crear Splines. Mira las opciones {{Literal|Crear Borde Spline}} y {{Literal|Crear Región Spline}} en el Panel Opciones de Herramienta cuando estemos usando estas herramientas.

Creando primitivas geométricas como Spline 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 {{L|Doc:Flower Animation|último tutorial}} en esta sección.