Siguiendo una Spline

From Synfig Studio :: Documentation
Jump to: navigation, search
m (Text replace - ']]' to '}}')
m (Fix broken link.)
 
(22 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
Esta página debería estar escrita en Español. Por favor ayúdanos a traducirla!
+
<!-- Page info -->
 +
{{Title|Siguiendo una Spline}}
 +
{{Category|Tutorials}}
 +
{{Category|Tutorials Advanced}}
 +
<!-- Page info end -->
  
−
== Introduction ==
 
  
−
If you are using version 0.61.08 or lower, please see the {{l|Following a BLine (the old way)|old version}} of this tutorial, since this version is about the {{l|Source code|in-development version}}, which you can {{l|Build instructions|build from source}}.
 
  
−
This is only a rough draft.  The content should be OK, but it needs tidying up and could really benefit from some screen shots.  If you follow the tutorial, please consider taking some shots as you do so and uploading them here...
+
== Introdución ==
  
−
This tutorial will demonstrate how to make an object follow the path of an arbitrary curve, rotating to face the direction of travel.
+
Si está usando la versión 0.61.08 o anterior, vea la {{l|Following a BLine (the old way)|vieja versión}} de este tutorial, ya que este es para la versión 0.61.09.
  
−
== Summary ==
+
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.
  
−
We're going to:
+
== Sumario ==
  
−
* {{l|Following a BLine#Create the Layers|Draw a curve and an arrow}}
+
Esto es lo que vamos a hacer:
−
* {{l|Following a BLine#Make the Arrow Move and Rotate|Link the arrow's Origin and Rotation}} to the bline so the arrow follows the curve
+
 
 +
* {{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 ==
 
== Tutorial ==
  
−
This is a brief tutorial giving an example of how to use it:
+
Este es un breve tutorial que nos da un ejemplo de cómo hacerlo:
  
−
=== Create the Animation ===
+
=== Crea la Animación ===
  
 
File > New
 
File > New
  
−
=== Create the Layers ===
+
=== Crea las Capas ===
 +
 
 +
seleciona la herramienta "Línea Bézier" (Spline)
 +
[[File:Bline_tool.png]]
 +
 
 +
permite sólo la casilla Contorno
  
−
select the BLine Tool
+
dibuja una curva (una Spline) sobre la que quieras que se mueva la flecha.
  
−
enable just the Outline checkbox
+
click en el icono "Herramienta línea Bézier" en la parte inferior izquierda de la "Paleta de Herramientas" para crear la Spline.
  
−
draw a bline that you want the arrow to move along
+
Todavía en esta herramienta,habilita "crear contorno" y "crear región" en la paleta de opciones
 +
[[File:Tool_Options.png]]
  
−
click the "Make BLine" icon in the bottom left of the "Tool Options" panel to create the bline.
+
dibuja una flecha o lo que quieras, apuntando a la derecha
  
−
still in the bline tool, enable Fill and Outline checkboxes in tool options
+
cambia a la herramienta "Normal"
  
−
draw an arrow or whatever, pointing to the right
+
selecciona el contorno, pulsa control-a para seleccionar todos los patos menos el pato verde de posición
  
−
switch to the "Normal" tool
+
arrastra los patos de modo que la flecha quede centrada en el pato verde de posición
  
−
select the outline, hit control-a to select all its ducks except the green position duck
+
añade una capa de rotación sobre las capas contorno y región
  
−
drag the ducks so that the arrow is centred around the green position duck
+
encapsula las capas rotación, contorno y región
  
−
add a rotate layer above the outline and region
+
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
  
−
encapsulate the rotate, outline, and region layers
+
=== Moviendo y Rotando la flecha ===
  
−
so now you've got 2 top-level layers: a curved path, and an encapsulation containing an arrow and a rotate layer
+
Selecciona la capa encapsulada haciendo click en el panel de Capas
  
−
=== Make the Arrow Move and Rotate ===
+
Selecciona el pato verde de posición haciendo click sobre él en la ventana Canvas
  
−
select the encapsulation layer by clicking it in the Layers panel
+
luego selecciona la capa Rotación pulsando control+click sobre ella en el panel de Capas
  
−
select its green position duck by clicking on it in the canvas window
+
ahora selecciona el pato azul "cantidad de rotación" pulsando control+click en la ventana Canvas
  
−
additionally select the Rotate layer by holding Control and clicking it in the Layers panel
+
Bien, ahora tenemos seleccionadas dos capas y un pato de cada una de ellas
  
−
additionally select the blue "rotation amount" duck by holding Control and clicking on it in the canvas window
+
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
  
−
so now we should have 2 layers selected, and one duck from each of those 2 layers selected
+
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
  
−
now additionally select the curved bline layer (it should be the last layer in the Layer panel's list) by holding Control and clicking on it
+
Seleccionar "conectar a Spline" en el menú contextual
 +
[[File:Link_to_Bline.png]]
  
−
right-click on the dotted line that indicates the position of the curved bline - not on any duck, but on the dotted link between ducks
 
  
−
from the context menu that pops up, select "Link to BLine"
+
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
  
−
the encapsulated arrow should move so that its green position duck is on the bline, and it should rotate so that the arrow points along the bline at that point
+
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
  
−
select just the encapsulation layer, and drag its green duck around. you'll see that the duck is constrained now to lie on the bline, and that dragging it also affects the rotation of the arrow as expected
+
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.
  
−
we can now animate the arrow. turn on "animate edit mode" by clicking the icon in the bottom right of the canvas window.
+
En el punto de tiempo 0f, arrastra el pato verde de posición de la capa encapsulada  a un extremo de la Spline
  
−
at time 0f, drag the encapsulation layer's green position duck to one end of the bline
+
En el segundo 5, arrastra el mismo pato hasta el otro extremo de la Spline
  
−
at time 5s, drag the same position duck to the other end of the bline
+
Pulsa: Archivo > Previsualizar > Play para ver la animación.
  
−
Try File > Preview or View > Play to watch the animation.
+
== Resultado ==
  
−
== Results ==
+
Esta es la animación:
 +
[[File:Arrow-follows-bline.gif|center|alt Following a Spline example]]
  
−
This is the animation I ended up with: {{l|Media:Arrow-follows-bline.sifz‎|Arrow-follows-bline.sifz‎}}
+
Proyecto Synfig : {{l|Media:Arrow-follows-bline.sifz‎|Arrow-follows-bline.sifz‎}}
  
−
== Commentary on the Feature ==
+
== Comentario sobre la función ==
  
−
Also, the arrow takes the same time to move along each segment of the bline.  So if there's a long straight part then a bendy complex part, the arrow will move much faster along the straight parts (since there will be less vertices in that part).
+
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).
  
−
It would be good to have the option of having the arrow move at constant speed along the length of the curve.
+
Sería bueno tener la opción de que el movimiento de flecha fuera a una velocidad constante a lo largo de la curva.

Latest revision as of 19:23, 24 June 2014

Languages Language: 

English • čeština • Deutsch • español • français • русский

Warning!

This page contains outdated information.

The release of Synfig Studio 0.64.0 introduced new terminology and this translated page needs to be updated according to original English text.

You can help updating this page - see instructions here. Thank you!

warning end



Introdución

Si está usando la versión 0.61.08 o anterior, vea la 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:

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) 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 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 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:

alt Following a Spline example

Proyecto Synfig : 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.


Languages Language: 

English • čeština • Deutsch • español • français • русский

Retrieved from "https://wiki.synfig.org/index.php?title=Doc:Following_a_Spline/es&oldid=19349"