Inkscape tutorial: Figuras

Inkscape

Tutorial | Figuras

Este titorial aborda as catro ferramentas de figura: Rectángulo, Elipse, Estrela e Espiral. A continuación mostraremos as capacidades das figuras de Inkscape veremos exemplos de como e cando se poden usar.

Use Ctrl+Arrows, mousewheel, or middle button drag to scroll the page down. For basics of object creation, selection, and transformation, see the Basic tutorial in HelpTutorials.

Inkscape dispón de catro versátiles ferramentas de figura, cada unha delas capaz de crear e modificar o seu propio tipo de figura. Unha figura é un obxecto que se pode modificar de formas diferentes dependendo do tipo de figura, usando asas que se poden arrastrar e parámetros numéricos que determinan a aparencia da figura.

For example, with a star you can alter the number of tips, their length, angle, rounding, etc. — but a star remains a star. A shape is “less free” than a simple path, but it's often more interesting and useful. You can always convert a shape to a path (Ctrl+Shift+C), but the reverse conversion is not possible.

As ferramentas de figura son o Rectángulo, a Elipse, a Estrela, e a Espiral. Vexamos primeiro como funcionan en xeral as ferramentas de figura; despois investigaremos cada tipo de ferramenta con detalle.

Consellos xerais

A new shape is created by dragging on canvas with the corresponding tool. Once the shape is created (and so long as it is selected), it displays its handles as white diamond, square or round marks (depending on the tools), so you can immediately edit what you created by dragging these handles.

All four kinds of shapes display their handles in all four shape tools as well as in the Node tool (N). When you hover your mouse over a handle, it tells you in the statusbar what this handle will do when dragged or clicked with different modifiers.

Ademais cada ferramenta de figura mostra os seus parámetros na barra de controis da ferramenta (que é horizontal e está enriba do lenzo). Normalmente ten uns poucos campo de entrada numéricos e un botón para restablecer as predefinicións. Cando se seleccionan figuras do tipo creado pola ferramenta actual, os valores de edición da barra de controis cambian aos valores das figuras seleccionadas.

Calquera cambio que se faga na barra de controis lémbrase e úsase para o seguinte obxecto que debuxe con esa ferramenta. Por exemplo, despois de cambiar o número de puntas dunha estrela, as novas estrelas tamén terán este número de puntas ao debuxalas. É máis, incluso a simple selección dunha figura envía os seus parámetros á barra de controis da ferramenta e polo tanto define os valores das novas figuras deste tipo que se creen.

When in a shape tool, selecting an object can be done by clicking on it. Ctrl+click (select in group) and Alt+click (select under) also work as they do in Selector tool. Esc deselects.

Rectángulos

Un rectángulo é a figura máis simple pero quizais a máis común no deseño e na ilustración. Inkscape intenta facer a creación e modificación de rectángulos todo o simple e útil posible.

Switch to the Rectangle tool by pressing R or by clicking its toolbar button. Draw a new rectangle alongside this blue one:

Agora, sen deixar a ferramenta Rectángulo, cambie a selección dun rectángulo ao outro premendo nel.

Atallos de teclado para debuxar rectángulos:

  • With Ctrl, draw a square or an integer-ratio (2:1, 3:1, etc) rectangle.

  • With Shift, draw around the starting point as center.

As you see, the selected rectangle (the just-drawn rectangle is always selected) shows three adjustable handles in three of its corners and one cross-shaped handle, for moving the rectangle, in the middle. In fact, there are four corner handles, but two of them (in the top right corner) overlap if the rectangle is not rounded. These two are the rounding handles; the other two (top left and bottom right) are resize handles.

Fixémonos primeiro nas asas de redondeo. Seleccione unha e arrástrea cara abaixo. As catro esquinas do rectángulo redondeanse, e pode ver outra asa de redondeo — permanece na súa posición orixinal na esquina. Se desexa obter esquinas redondeadas circulares, isto é todo o que ten que facer. Se desexa obter esquinas máis redondeadas cara un lado que cara o outro pode mover esoutra asa cara a esquerda.

Aquí debaixo os dous primeiros rectángulos teñen esquinas redondeadas circulares, e os outros dous teñen esquinas redondeadas elípticas:

Seguindo ca ferramenta Rectángulo, prema agora nestes rectángulos para seleccionar e observar as súas asas de redondeo.

A miúdo o raio e a forma das esquinas redondeadas debe ser constante en toda a composición, incluso se os tamaños dos rectángulos son diferentes (pense en diagramas con caixas redondeadas de diferentes tamaños). Inkscape fai que isto sexa fácil. Cambie á ferramenta Selector; na súa barra de controis de ferramenta hai un grupo de catro botóns, o segundo empezando pola esquerda mostra dúas esquinas redondeadas concéntricas. Así é como se controla se as esquinas redondeadas se escalan ou non cando se escalan os rectángulos.

For example, here the original red rectangle is duplicated and scaled several times, up and down, to different proportions, with the “Scale rounded corners” button off:

Pode comprobar que o tamaño e a forma das esquinas redondeadas é a mesma en todos os rectángulos, de forma que os redondeos se aliñan de forma exacta na esquina superior dereita onde todos os rectángulos se reúnen. Todos os rectángulos azuis punteados obtéñense a partir do rectángulo vermello orixinal escalando no Selector, sen ningún axuste manual das asas de redondeo.

For a comparison, here is the same composition but now created with the “Scale rounded corners” button on:

Now the rounded corners are as different as the rectangles they belong to, and there isn't a slightest agreement in the top right corner (zoom in to see). This is the same (visible) result as you would get by converting the original rectangle to a path (Ctrl+Shift+C) and scaling it as path.

Aquí ten os atallos para as asas de redondeo dun rectángulo:

  • Drag with Ctrl to make the other radius the same (circular rounding).

  • Ctrl+click to make the other radius the same without dragging.

  • Shift+click to remove rounding.

You may have noticed that the Rectangle tool's Controls bar shows the horizontal (Rx) and vertical (Ry) rounding radii for the selected rectangle and lets you set them precisely using any length units. The Make corners sharp button does what is says — removes rounding from the selected rectangle(s).

An important advantage of these controls is that they can affect many rectangles at once. For example, if you want to change all rectangles in the layer, just do Ctrl+A (Select All) and set the parameters you need in the Controls bar. If any non-rectangles are selected, they will be ignored — only rectangles will be changed.

Vexamos agora asas de redimensionamento dun rectángulo. Poderíase estar preguntando para que as necesitamos, se se pode redimensionar perfectamente ben o rectángulo usando o Selector.

O problema que ten o Selector é que a súa noción de horizontal e vertical sempre é a da páxina do documento. En cambio as asas de redimensionamento dun rectángulo escálano ao longo dos lados do rectángulo, incluso cando se rota ou inclina o rectángulo. Por exemplo, probe a redimensionar primeiro este rectángulo co Selector e despois cas súas asas de redimensionamento usando a ferramenta Rectángulo:

Xa que hai dúas asas de redimensionamento poderá redimensionar o rectángulo en calquera dirección ou incluso movelo ao longo dos seus lados. As asas de redimensionamento sempre conservan o raio de redondeo.

Aquí ten os atallos para asas de redimensionamento:

  • Drag with Ctrl to snap to the sides or the diagonal of the rectangle. In other words, Ctrl preserves either width, or height, or the width/height ratio of the rectangle (again, in its own coordinate system which may be rotated or skewed).

Here is the same rectangle, with the gray dotted lines showing the directions to which the resize handles stick when dragged with Ctrl (try it):

Inclinando e rotando un rectángulo, e duplicándoo e redimensionándoo usando as súas asas de redimensionamento pódense crear composicións en 3D de forma sinxela:

Aquí ten algúns exemplos máis de composicións de rectángulos, incluíndo redondeos e recheos con degradados:

Elipses

The Ellipse tool (E) can create ellipses and circles, which you can turn into segments or arcs. The drawing shortcuts are the same as those of the rectangle tool:

  • With Ctrl, draw a circle or an integer-ratio (2:1, 3:1, etc.) ellipse.

  • With Shift, draw around the starting point as center.

Investiguemos as asas dunha elipse. Seleccione esta elipse:

Once again, you see three adjustable corner handles initially, but in fact they are four. The rightmost handle is two overlapping handles that let you “open” the ellipse. Drag that rightmost handle, then drag the other handle which becomes visible under it, to get a variety of pie-chart segments or arcs:

Para obter un sector (un arco e dous raios), arrastre fóra da elipse; para obter un arco arrastre dentro da elipse. Arriba hai 4 sectores á esquerda e 3 arcos á dereita. Teña en conta que os arcos son figuras sen pechar, é dicir, o seu trazo só segue a elipse pero non conecta os extremos do arco. Pode facer que isto sexa máis evidente ao eliminar o recheo e deixar só o trazo:

Arcs can be closed by a straight line using the button labeled Switch to chord (closed shape), though.

Note the fan-like group of narrow segments on the left. It was easy to create using angle snapping of the handle with Ctrl. Here are the arc/segment handle shortcuts:

  • With Ctrl, snap the handle every 15 degrees when dragging.

  • Shift+click to make the ellipse whole (not arc or segment).

The snap angle can be changed in Inkscape Preferences (in BehaviorSteps).

As outras dúas asas da elipse úsanse para redimensionala arredor do seu centro. Os seus atallos son semellantes aos das asas de redondeo dun rectángulo:

  • Drag with Ctrl to make a circle (make the other radius the same).

  • Ctrl+click to make a circle without dragging.

E o mesmo que cas asas de redimensionamento do rectángulo, estas asas da elipse axusta a altura e a largura da elipse nas propias coordenadas da elipse. Isto significa que unha elipse rotada ou inclinada pode estirarse ou comprimirse facilmente ao longo dos seus eixes orixinais mentres permanece rotada ou inclinada. Probe a redimensionar calquera destas elipses usando as súas asas de redimensionamento:

Estrelas

As estrelas son a figura máis complexa e máis emocionante de Inkscape. Se desexa deixar parvos aos seus amigos con Inkscape déixelles xogar ca ferramenta Estrela. O gozo nunca acaba — e é claramente adictivo!

A ferramenta Estrela pode crear dous tipos de obxectos semellantes pero distintos: estrelas e polígonos. Unha estrela ten dúas asas que definen a lonxitude e a forma das súas puntas; un polígono só ten unha asa que simplemente rota e redimensiona o polígono ao arrastrala:

In the Controls bar of the Star tool, the first two buttons control how the shape is drawn (regular polygon or star). Next, a numeric field sets the number of vertices of a star or polygon. This parameter is only editable via the Controls bar. The allowed range is from 3 (polygons) or 2 (stars) to 1024.

Ao debuxar unha nova estrela ou polígono,

  • Drag with Ctrl to snap the angle to 15 degree increments.

Naturalmente unha estrela é unha figura moito máis interesante (aínda que os polígonos son a miúdo moitos máis útiles na práctica). As dúas asas dunha estrela teñen funcións lixeiramente diferentes. A primeira asa (que inicialmente está nun vértice, é dicir nunha esquina convexa da estrela) fai que os raios da estrela se alonguen ou se acurten, pero cando se rota a asa (en relación ao centro da figura), a outra asa tamén rota. Isto quere dicir que non pode inclinar os raios dunha estrela usando esta asa.

A outra asa (que inicialmente está nunha esquina cóncava entre dous vértices) en cambio pode moverse libremente tanto radialmente como tanxencialmente, sen afectarlle á asa do vértice. (De feito esta asa pode converterse nun vértice ao movela máis lonxe do centro que a outra asa). Esta é a asa que pode inclinar as puntas da estrela para conseguir todo tipo de cristais, mandalas, flocos de neve e porco espiños:

Se só desexa obter unha estrela normal e simple sen eses reviraganchos, pode facer que a asa de inclinación se comporte como unha asa que non incline:

  • Drag with Ctrl to keep the star rays strictly radial (no skew).

  • Ctrl+click to remove the skew without dragging.

As a useful complement for the on-canvas handle dragging, the Controls bar has the Spoke ratio field which defines the ratio of the two handles' distances to the center.

As estrelas de Inkscape agochan máis trucos. En xeometría un polígono é unha figura con lados rectos e esquinas puntiagudas. En troques, no mundo real normalmente existen diferentes niveis de curvatura e redondez — e Inkscape tamén pode facer iso. Aínda así, redondear unha estrela ou polígono é un pouco diferente a redondear un rectángulo. Non hai unha asa dedicada para isto, pero

  • Shift+drag a handle tangentially to round the star or polygon.

  • Shift+click a handle to remove rounding.

«Tanxencialmente» significa nunha dirección perpendicular á dirección cara ao centro. Se «rota» unha asa no sentido contrario ás agullas do reloxo usando Maiús arredor do centro obterá unha redondez positiva; se rota no sentido das agullas do reloxo obterá unha redondez negativa. (Mire abaixo para ver exemplos de redondez negativa).

Aquí ten unha comparación dun cadrado redondeado (ferramenta Rectángulo) cun polígono de 4 lados redondeado (ferramenta Estrela):

Como pode ver, mentres un rectángulo redondeado ten segmentos de recta nos seus lados e esquinas redondeadas circulares (normalmente elípticas) un polígono ou estrela redondeado non ten ningunha liña recta; a súa curvatura varía lixeiramente desde o máximo (nas esquinas) ata o mínimo (a medio camiño entre as esquinas). Inkscape fai isto simplemente engadindo tanxentes de Bézier colineares a cada nodo da figura (pode velas se converte a figura nun camiño e o examina ca ferramenta Nodo).

The Rounded parameter which you can adjust in the Controls bar is the ratio of the length of these tangents to the length of the polygon/star sides to which they are adjacent. This parameter can be negative, which reverses the direction of tangents. The values of about 0.2 to 0.4 give “normal” rounding of the kind you would expect; other values tend to produce beautiful, intricate, and totally unpredictable patterns. A star with a large roundedness value may reach far beyond the positions of its handles. Here are a few examples, each indicating its roundedness value:

If you want the tips of a star to be sharp but the concaves smooth or vice versa, this is easy to do by creating an offset (Ctrl+J) from the star:

Shift+dragging star handles in Inkscape is one of the finest pursuits known to man. But it can get better still.

To closer imitate real world shapes, Inkscape can randomize (i.e. randomly distort) its stars and polygons. Slight randomization makes a star less regular, more humane, often funny; strong randomization is an exciting way to obtain a variety of crazily unpredictable shapes. A rounded star remains smoothly rounded when randomized. Here are the shortcuts:

  • Alt+drag a handle tangentially to randomize the star or polygon.

  • Alt+click a handle to remove randomization.

As you draw or handle-drag-edit a randomized star, it will “tremble” because each unique position of its handles corresponds to its own unique randomization. So, moving a handle without Alt re-randomizes the shape at the same randomization level, while Alt-dragging it keeps the same randomization but adjusts its level. Here are stars whose parameters are exactly the same, but each one is re-randomized by very slightly moving its handle (randomization level is 0.1 throughout):

And here is the middle star from the previous row, with the randomization level varying from -0.2 to 0.2:

Alt+drag a handle of the middle star in this row and observe as it morphs into its neighbors on the right and left — and beyond.

Probablemente atope os seus propios usos para as estrelas aleatorias, pero persoalmente encántanme as manchas con forma de ameba redondeada e os planetas bastos con paisaxes fantásticas:

Espirais

A espiral de Inkscape é unha figura versátil, e aínda que non é tan complicada como a estrela a veces é moi útil. Unha espiral, ao igual que unha estrela, debúxase desde o centro; ao debuxar e tamén ao editar,

  • Ctrl+drag to snap angle to 15 degree increments.

Unha vez debuxada, unha espiral ten dúas asas nos seus extremos interior e exterior. As dúas asas ao arrastralas, enrolan ou desenrolan a espiral (é dicir «continuan» a espiral, cambiando o número de revolucións). Outros atallos son:

Asa exterior:

  • Shift+drag to scale/rotate around center (no rolling/unrolling).

  • Alt+drag to lock radius while rolling/unrolling.

Asa interior:

  • Alt+drag vertically to converge/diverge.

  • Alt+click to reset divergence.

  • Shift+click to move the inner handle to the center.

The divergence of a spiral is the measure of nonlinearity of its winds. When it is equal to 1, the spiral is uniform; when it is less than 1 (Alt+drag upwards), the spiral is denser on the periphery; when it is greater than 1 (Alt+drag downwards), the spiral is denser towards the center:

O número máximo de voltas da espiral é 1024.

Ao igual que a ferramenta Elipse non só é boa para facer elipses senón tamén para facer arcos (liñas de curvatura constante), a ferramenta Espiral é útil para facer curvas cuxa curvatura varía lixeiramente. Comparada cunha simple curva Bézier, un arco ou unha espiral normalmente é máis conveniente porque pode alongala ou acurtala arrastrando unha asa ao longo da curva e sen afectarlle á súa forma. Aínda que normalmente as espirais se debuxan sen recheo, tamén pode engadirlle un recheo e eliminar o trazo para conseguir efectos interesantes.

Especialmente interesante son as espirais con trazo punteado — combinan a suave concentración da figura con marcas normais equidistantes (puntos ou guións) para obter efectos de «moiré» fermosos:

Conclusión

As ferramentas de figura de Inkscape son moi potentes. Aprenda os seus trucos e xogue con elas só por pracer — isto valerá a pena cando faga deseños, porque o uso de figuras en vez de simples camiños a miúdo fai que sexa máis rápido crear arte vectorial e máis fácil modificalo. Se ten ideas para mellorar as figuras, por favor contacte cos desenvolvedores.

Authors: Bulia Byak; Jonathan Leighton; Colin Marquardt; Nicolas Dufour; Gellért Gyuris; Maren Hachmann

Translators: Leandro Regueiro — 2007; Se desexas colaborar connosco podes atopar máis información en http://www.trasno.net —

Header / footer design: Esteban Capella — 2019