Inkscape Tutorial_ Avanzado _ Inkscape

Embed Size (px)

DESCRIPTION

Inkscape Tutorial_ Avanzado _ Inkscape

Citation preview

  • 31/5/2015 Inkscapetutorial:Avanzado|Inkscape

    https://inkscape.org/es/doc/tutorials/advanced/tutorialadvanced.es.html 1/7

    INKSCAPEDraw Freely.

    Espaol Log in / Register

    Follow us on: GBuscar

    Inkscape tutorial: Avanzadobulia byak, [email protected] and josh andler, [email protected]

    Este tutorial cubre los siguientes temas: copiar/pegar, edicin de nodos, dibujo de curvas bezier y a mano alzada,manipulacin de rutas, booleanos, desvio, simplificacin y herramienta texto.

    Use Ctrl+flechas , ruedaddelratn o arrastranconbotncentraldelratn para situar la pgina. Para lasbases acerca de la creacin de objetos, seleccin y transformacin, observe el tutorial bsico en Ayuda>Tutoriales.

    TcnicasdepegadoDespus de que usted copia algn(os) objeto(s) mediante Ctrl+C o corta mediante Ctrl+X , el comando regular Pegar ( Ctrl+V ) pegael/los objeto(s) copiados, bajo el cursor del ratn o cursor o si el cursor se encuentra fuera de la ventana, en el centro de la ventana deldocumento. Sin embargo, el/los objeto(s) en el portapapeles an recuerdan el lugar original donde fue(ron) copiado(s) y usted puedecopiarlos de nuevo en ese lugar mediante Pegarenelsitio ( Ctrl+Alt+V ).

    Otro comando, Pegarestilo ( Mayus+Ctrl+V ), aplica el estilo del (primer) objeto en el portapapeles a la seleccin actual. As el "estilo"pegado incluye la configuracin de relleno, trazo y fuente, pero no la forma, tamao o parmetros especficos de un tipo de forma, talescomo el nmero de puntas de una estrella.

    Yet another set of paste commands, PasteSize, scales the selection to match the desired size attribute of the clipboard object(s). Thereare a number of commands for pasting size and are as follows: Paste Size, Paste Width, Paste Height, Paste Size Separately, Paste WidthSeparately, and Paste Height Separately.

    PasteSize scales the whole selection to match the overall size of the clipboard object(s). PasteWidth/PasteHeight scale the wholeselection horizontally/vertically so that it matches the width/height of the clipboard object(s). These commands honor the scale ratio lockon the Selector Tool controls bar (between W and H fields), so that when that lock is pressed, the other dimension of the selected object isscaled in the same proportion; otherwise the other dimension is unchanged. The commands containing Separately work similarly to theabove described commands, except that they scale each selected object separately to make it match the size/width/height of theclipboard object(s).

    Clipboard is system-wide - you can copy/paste objects between different Inkscape instances as well as between Inkscape and otherapplications (which must be able to handle SVG on the clipboard to use this).

    DibujandoamanoalzadaytrazosregularesLa forma ms sencilla para crear formas arbitrarias es dibujar usando la herramienta Lapiz (dibujar lneas a mano alzada) ( F6 ):

    ACERCA DE DESCARGAS NOTICIAS COMUNIDAD APRENDE CONTRIBUYE DESARROLLA AYDANOS

  • 31/5/2015 Inkscapetutorial:Avanzado|Inkscape

    https://inkscape.org/es/doc/tutorials/advanced/tutorialadvanced.es.html 2/7

    Si desea figuras ms regulares, use la herramienta Pluma (Bezier) ( Mayus+F6 ):

    With the Pen tool, each click creates a sharp node without any curve handles, so a series of clicks produces a sequence of straight linesegments. clickanddrag creates a smooth Bezier node with two collinear opposite handles. Press Shift while dragging out a handleto rotate only one handle and fix the other. As usual, Ctrl limits the direction of either the current line segment or the Bezier handles to15 degree increments. Pressing Enter finalizes the line, Esc cancels it. To cancel only the last segment of an unfinished line, pressBackspace .

    En ambas herramientas, el trazo actualmente seleccionado muestra una pequea ancla cuadrada en ambos finales. Estas anclas lepermiten continuar este trazo (mediante arrastrado desde uno de las anclas) o cierrelo (mediante arrastrado de una ancla a la otra) en vezde crear una nueva.

    EditandotrazosDiferente a las formas creadas con la herramienta Forma, las herramientas Pluma y Lpiz crean lo que es denominado trazos. Un trazo esuna secuencia de segmentos de lnea recta y/o como las curvas Bezier, como cualquier otro objeto de Inkscape, puede tener unaspropiedades arbitrarias de relleno y borde. Pero diferente a una forma, un trazo puede ser editado mediante arrastrado libre de cualquierade sus nodos (y no slo mediante manejadores predeterminados). Seleccione este trazo y active la herramienta Nodo ( F2 ):

    You will see a number of gray square nodes on the path. These nodes can be selected by click , Shift+click , or by drag ging arubberband- exactly like objects are selected by the Selector tool. You can also click a path segment to automatically select the adjacentnodes. Selected nodes become highlighted and show their node handles- one or two small circles connected to each selected node bystraight lines. The ! key inverts node selection in the current subpath(s) (i.e. subpaths with at least one selected node); Alt+! inverts inthe entire path.

    Paths are edited by drag ging their nodes, node handles, or directly dragging a path segment. (Try to drag some nodes, handles, and pathsegments of the above path.) Ctrl works as usual to restrict movement and rotation. The arrow keys, Tab , [ , ] , < , > keys withtheir modifiers all work just as they do in selector, but apply to nodes instead of objects. You can add nodes anywhere on a path by eitherdouble clicking or by Ctrl+Alt+click at the desired location.

    You can delete nodes with Del or Ctrl+Alt+click . When deleting nodes it will try to retain the shape of the path, if you desire for thehandles of the adjacent nodes to be retracted (not retaining the shape) you can delete with Ctrl+Del . Additionally, you can duplicate( Shift+D ) selected nodes. The path can be broken ( Shift+B ) at the selected nodes, or if you select two endnodes on one path, you canjoin them ( Shift+J ).

    A node can be made cusp ( Shift+C ), which means its two handles can move independently at any angle to each other; smooth( Shift+S ), which means its handles are always on the same straight line (collinear); symmetric ( Shift+Y ), which is the same as smooth,but the handles also have the same length; and auto-smooth ( Shift+A ), a special node that automatically adjusts the handles of the nodeand surrounding auto-smooth nodes to maintain a smooth curve. When you switch the type of node, you can preserve the position of oneof the two handles by hovering your mouse over it, so that only the other handle is rotated/scaled to match.

    Usted, tambin puede retraer completamente el manejador de un nodo mediante Ctrl+click sobre l. Si dos nodos adyacentes poseensus manejadores retraidos, el segmento de trazo entre ellos es una lnea recta. Para salir del nodo retraido, haga Mayus+drag lejos delnodo.

  • 31/5/2015 Inkscapetutorial:Avanzado|Inkscape

    https://inkscape.org/es/doc/tutorials/advanced/tutorialadvanced.es.html 3/7

    SubtrazosycombinacinUn objeto trazo puede contener ms de un subtrazo. Un subtrazo es una secuencia de nodos concetados entre si. (Por lo tanto, si un trazotiene ms de un subtrazo no todos los nodos estn conectados.) Abajo a la izquierda, tres subtrazos pertenecen a un trazo simplecompuesto; los mismos tres subtrazos den la derecha son objetos de trazo independientes:

    Note que un trazo compuesto no es lo mismo que un grupo. Es un objeto sencillo el cual es slo seleccionable como uno entero. Si ustedselecciona el objeto de la izquierda a continuacin y tome la herramienta nodo, podr observar los nodos mostrados en los tres subtrazos.En la derecha, puede solo editar-nodos sobre un solo trazo a la vez.

    Inkscape puede Combinar trazos en un trazo compuesto ( Ctrl+K ) y Separar un trazo compuesto en trazos separados ( Mayus+Ctrl+K ).Intente estos comandos sobre los ejemplos de a continuacin. Desde que un objeta solo posea un relleno y estilo de trazo, un nuevo trazocompuesto toma el estilo del primer (menores en orden-z) objeto siendo combinado.

    Cuando combina trazos superpuestos con relleno, usualmente el relleno puede desaparecer en las reas donde el trazo se superpone:

    Este es el modo ms sencillo para crear objetos con agujeros en el. Para comandos de trazo ms poderosos, observe "OperacionesBooleanas" ms adelante.

    ConvirtiendoatrazoAny shape or text object can be converted to path ( Shift+Ctrl+C ). This operation does not change the appearance of the object butremoves all capabilities specific to its type (e.g. you can't round the corners of a rectangle or edit the text anymore); instead, you can nowedit its nodes. Here are two stars- the left one is kept a shape and the right one is converted to path. Switch to node tool and comparetheir editability when selected:

    Adems, usted puede convertir a trazo ("delineado") el Borde de cualquier objeto. Adelante, el primer objeto es el trazo original (sinrelleno, borde negro), mientras que el segundo es el resultado del comando Borde a Trazo (relleno negro, sin borde):

    OperacionesbooleanasLos comandos en el men Trazo le permiten combinar dos o ms objetos usando operaciones booleanas:

  • 31/5/2015 Inkscapetutorial:Avanzado|Inkscape

    https://inkscape.org/es/doc/tutorials/advanced/tutorialadvanced.es.html 4/7

    Los atajos por teclado para estos comandos hacen alusin a los anlogos aritmticos de las operaciones booleanas (union es adicin,diferencia es sustraccin, etc.). Los comandos Diferencia y Exclusin slo pueden ser aplicados a dos objetos seleccionados; otrospueden procesar cualquier nmero de objetos a la vez. El resultado siempre recibe el estilo del objeto del fondo.

    El resultado del comando Exclusin se parece a Combinar (observe adelante), pero es diferente a Exclusion en el hecho que este ltimoagrega nodos donde estaban las intersecciones de trazos originales. La diferencia entre Divisin y CortarTrazo radica en que el primerode ellos corta completamente el objeto del fondo por el trazo del objeto de la parte superior, mientras el ltimo solo corta el borde delobjeto del fondo y remueve cualquier relleno (esto es conveniente para cortado en piezas de bordes sin-relleno).

    ReduciryampliarInkscape puede expandir y contraer formas no solo mediante escalado, tambin puede mediante desvio de trazo de un objeto, i.e.desplazndolo perpendicularmente al trazo de cada punto. Los comandos correspondientes son llamados Ampliar ( Ctrl+( ) y Reducir( Ctrl+) ). Mostrados adelante como el trazo original (rojo) y un nmero de trazos ampliados y reducidos del original:

    Los comandos directos Ampliar y Reducir producen trazos (convirtiendo el objeto original a trazo si an no es trazo ). Muchas veces, msconveniente es DesvoDinamico ( Ctrl+J ) el cual crea un objeto con manejadores arrastrables (similar al manejador de formas)contralando la distancia de desviado. Seleccione el objeto de abajo, cambie a la herramienta nodo y arrastre su manejador para obteneruna idea:

  • 31/5/2015 Inkscapetutorial:Avanzado|Inkscape

    https://inkscape.org/es/doc/tutorials/advanced/tutorialadvanced.es.html 5/7

    Como un objeto desviado dinmicamente recuerda el trazo original, este no "degrada" cuando usted cambia la distancia de desviado una yotra vez. Cuando usted no lo requiere ajustar ms, siempre puede volver a convertir un objeto desviado a trazo.

    An ms conveniente es el Desvo Enlazado, el cual es similar a la variedad dinmica pero es conectado a otro trazo el cual se mantieneeditable. Usted puede tener cualquier nmero de desvos enlazadas para un trazo fuente. Adelante, el trazo fuente es rojo, un desvoenlazado a este tiene borde negro y no posee relleno, el otro posee relleno negro y no tiene borde.

    Seleccione el objeto rojo y edit nodos; observe como ambas desviaciones enlazadas resoinden. Ahora seleccione cualquiera de lasdesviaciones y arrastre sus manejadores para ajustar el radio de desviacin. Finalmente, note como moviendo o transformando el fuentemueve todos los objetos desviados enlazados a el y como usted puede mover o transformar objetos desviados independientemente sinperder su conexin con el fuente.

    SimplificacinEl uso principal del comando Simplificar ( Ctrl+L ) es reducir el nmero de nodos de un trazo mientras casi preserve su forma. Esto puedeser til para trazos creados mediante la herramienta Lpiz, ya que la herramienta en ocasiones crea ms nodos de los ncesarios. Adelante,la forma en la izquierda es creada mediante la herramienta nano alzada y la de la derecha es una copia pero simplifiacada. El trazo originaltiene 28 nodos, mientras que el simplificado posee 17 (lo cual significa que es mucho ms sencillo de trabajar con la herramienta Nodo) yes ms suave.

    El monto de la simplificacin (llamado umbral) depende del tamao de la seleccin. Por lo tanto, si usted selecciona un trazo a lo largo conalgn objeto grande, este ser simplificado ms agresivamente que si usted selecciona ese trazo pero solo. Adems, el comandoSimplificar es acelerado. Esto indica que si usted presiona Ctrl+L en mltiples ocasiones en una susecin rpida (o sea que la llamadasea en 0.5 seg entre cada uno). El umbral es incrementado en cada llamado. (Si hace otro Simplificar despus de una pausa, el umbral esdevuelto a su valor por defecto.) Haciendo uso de la aceleracin, es fcil de aplicar para el monto exacto de simplificacin que ustedrequiere en cada caso.

    Besides smoothing freehand strokes, Simplify can be used for various creative effects. Often, a shape which is rigid and geometricbenefits from some amount of simplification that creates cool life-like generalizations of the original form- melting sharp corners andintroducing very natural distortions, sometimes stylish and sometimes plain funny. Here's an example of a clipart shape that looks muchnicer after Simplify:

  • 31/5/2015 Inkscapetutorial:Avanzado|Inkscape

    https://inkscape.org/es/doc/tutorials/advanced/tutorialadvanced.es.html 6/7

    CreandotextoInkscape es capaz de crear textos largos y complejos. Sin embargo, esto el algo muy conveniente para la creacin de textos pequeoscomo cabeceras, banners, logos, etiquetas de diagramas y captura, etc. Esta seccin es una introduccin muy bsica acerca de lascapacidades de texto de Inkscape.

    Crear un texto es tan sencillo como cambiar a la herramienta de Texto ( F8 ), dando click donde en el documento y escribiendo su texto.Para cambiar la familia de fuente, estilo, tamao y alineacin, abra el dialogo Texto y Fuente ( Mayus+Ctrl+T ). Este dialogo tambien tieneuna pestaa de entreda de texto donde usted puede editar el objeto de texto seleccionado - en algunas situaciones, esto puede ser msconveniente que editar sobre la pizarra (en particular, esta etiqueta soporta revisin de como-usted-escribe).

    Like other tools, Text tool can select objects of its own type- text objects-so you can click to select and position the cursor in any existingtext object (such as this paragraph).

    Una de las operaciones ms comunes en el diseo de texto es el ajustar el espaceado entre letras y lneas. Como siempre, Inkscape proveeatajos por teclado para esto. Cuando se encuentra editando texto, las teclas Alt+< y Alt+> cambian el espaceado de letras en la lneaactual de un objeto de texto, as que la longitud total de las lneas cambian en 1 pixel en la visualizacin actual (compare con laherramienta Selector donde la misma tecla hace un excalado de objeto tamao-pixel). Como una regla, si el tamao de fuente en un objetode texto es ms largo que el por defecto, se notar un apretujado de letras un poco ms ajustado que el por defecto. Aqu un ejemplo:

    Las variantes de ajustados parecen un poco mejor que un encabezado, pero an no es perfecto: las distancias entre letras no sonuniformes, por ejemplo la "a" y la "t" estn muy separadas mientra que la "t" y la "i" estn muy cerca. El monto de de dicho kern erroneo(especialmente visible en tamaos de fuente grandes) es mayor en fuentes de baja calidad que en las otras de buena calidad; sin embargo,en cualquier cadena de texto y en cualquier fuente probablemente buscar un par de letras que puedan beneficiar el ajuste del espaceado.

    Inkscape hace estos ajustes de una manera muy sencilla. Tan slo mueva su cursor de edicin de texto entre los caracteres mal espaceadosy use Alt+flechas para mover las letras a partir del cursor. He aqu el mismo encabezado de nuevo, en esta ocasin con ajuste manualespara un posisionado de letras visualmente uniforme:

    Adicionalmente, para movimiento horizontal de letras es mediante Alt+Izquierda o Alt+Derecha , tambin puede moverlasverticalmente mediante Alt+Arriba o Alt+Abajo :

  • 31/5/2015 Inkscapetutorial:Avanzado|Inkscape

    https://inkscape.org/es/doc/tutorials/advanced/tutorialadvanced.es.html 7/7

    Of course you could just convert your text to path ( Shift+Ctrl+C ) and move the letters as regular path objects. However, it is muchmore convenient to keep text as text- it remains editable, you can try different fonts without removing the kerns and spacing, and it takesmuch less space in the saved file. The only disadvantage to the text as text approach is that you need to have the original font installedon any system where you want to open that SVG document.

    Similar al espaceado de letras, usted tambin puede ajustar espaceado de lnea en objetos de texto multi-lnea. Intente las teclasCtrl+Alt+< y Ctrl+Alt+> sobre cualquier parrafo en este tutorial para espacearlo dentro o fuera as que la altura total de los objetos

    de texto cambian en 1 pixel en el zoom actual. Como en Seleccin, presionando Mayus con cualquier atajo de espaceado o kern produceefectos 10 veces ms grande que sin el Mayus.

    EditorXMLLas ltima herramienta poderosa de XML es el editor XML ( Mayus+Ctrl+X ). Este muestra todo el arbol XML del documento, simprerefleja su actual estado. Usted puede editar sus dibujos y observar los cambios correspondientes en el arbol XML. Adems, usted puedeeditar cualquier texto, elemento o atributo de nodos en el editor de XML y observe el resultado en su pizarra. Esta es la mejor herramientaimaginable para aprender interactivamente SVG y este le permite hacer trucos que pueden ser imposibles con herramientas regulares deedicin.

    Conclusineste tutorial muestra solo una pequea parte de las capacidades de Inkscape. Esperamos que lo haya divertido. No tema experimentar ydividir lo que crea. Por favor visite www.inkscape.org para ms informacin, ltimas versiones y ayuda para usuarios y la comunidad dedesarrolladores.

    Website designed by Hinerangi Courtenay in Inkscape and developed by Martin Owens - Website development guide

    Inkscape is Free and Open Source Software licensed under the GPL.