Creando Formas
Stretchikn (Talk | contribs) (→Introducción) |
|||
| (6 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
<!-- Page info --> | <!-- Page info --> | ||
| − | {{Title|Creando | + | {{Title|Creando Formas}} |
{{Category|Manual}} | {{Category|Manual}} | ||
{{Category|Tutorials}} | {{Category|Tutorials}} | ||
{{Category|Tutorials Basic}} | {{Category|Tutorials Basic}} | ||
| + | {{Category|Updated}} | ||
| + | {{Navigation|Category:Manual|Doc:Flower Animation}} | ||
<!-- Page info end --> | <!-- Page info end --> | ||
| − | |||
| − | + | == 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. | ||
Latest revision as of 23:11, 29 October 2013
|
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! |
Contents
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 Spline cúbica de Hermite.
Ahora, 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. Esto nos devolverá a valor por defecto de negro y blanco. Además, establecemos el 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 "Crear Región Spline", "Crear Perfil Spline" y "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 "Delete Vertex". Si queremos dividir las tangentes hacemos click derecho sobre una tangente y pulsamos "Split Tangents". Si queremos cerrar una Spline hacemos click derecho sobre el primer vértice y seleccionamos "Loop Spline".
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 "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 Transform Tool, porque estamos usando la Herramienta Spline.
Editando Splines
Bien, ahora tenemos una bonita región en blanco con un borde en negro. Ya que hemos activado "Crear Región Spline" y "Crear Borde Spline" en los pasos anteriores, nos daremos cuenta de que hemos creado dos capas — el Borde y la 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 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 "Remove Item (smart)". Si queremos insertar un punto en cualquier sitio hacemos click sobre un segmento donde queramos insertarlo y pulsamos en "Insert item (smart)".
|
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 Tutorial anterior, podemos 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 Alt5 o hacemos click en el botón "Toggle width handles" encima de la ventana de canvas. Haz lo mismo para ocultarlos. También puedes ver otras cosas mediante Menú Cara de Máscara: "Ver → Mostrar/Ocultar Asas".
Usando una tableta para dibujar las formas
Si tenemos una 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 "File → Input Devices..." en el menú de herramintas. En el diálogo de entrada encontramos nuestra tableta y establecemos su modo en "Pantalla". Pulsamos en Click "Salvar" y seguidamente damos a cerrar "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 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
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.
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 "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.
|
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 Splines. 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.
|
Este error estará corregido en la versión (0.63.00).
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 "Crear Borde Spline" y "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 último tutorial en esta sección.
