Sei sulla pagina 1di 90

Vectores Escalables

Tutorial

Jean Mendoza

Funcionalidades de Inkscape
Creacin de objetos

Herramientas de dibujo: lpiz (dibujo libre con un trazo simple), pluma (crea lneas
Bezier, Spiro o rectas), caligrfica (dibujo a mano alzada a travs decaminos con relleno
para representar trazos caligrficos)

Herramientas de formas: rectngulos (con bordes redondeados opcionales),


elipses (incluye crculos, arcos y segmentos), estrella/polgono (pueden ser redondeados
y/o aleatorios), espirales

Herramienta de texto (simples o prrafos, edicin completa directa sobre el lienzo)

Imgenes embebidas (con un comando para incrustar y convertir en imgenes los


objetos seleccionados)

Clonacin (vincula copias de objetos "en vivo"), incluye una herramienta para crear
patrones y realineacin de las copias

Manipulacin de objetos

Transformacin (mover, escalar, rotar y distorsionar) de manera interactiva o


especificando sus valores exactos

Operaciones de profundidad (ordenacin sobre el eje Z, hacia el espectador o


hacia atrs)

Agrupacin de objetos ("seleccionar dentro del grupo" sin desagruparlo o abrir un


grupo para seleccionar sus contenidos como si fuese una nueva capa imaginaria)

Capas (bloqueo y/u ocultacin, ordenacin, etc; capas anidadas)

Comandos de alineacin y distribucin

Relleno y borde

Seleccin de color (RGB, HSL, rueda de color)

Herramienta cuentagotas para seleccin de color

Copiar/pegar estilos

Editor de degradados con mltiples lmites de color

Relleno con patrn (imgenes/vectores)

Bordes punteados, con muchos estilos predefinidos

Marcadores en el trazado (de principio, fin, e.g. punta de flecha)

Operaciones de trazado

Editor de nodos: edicin des nodos o manejadores Bezier, alineamiento y


distribucin de nodos, etc.

Convertir en trazado (para textos o formas), incluye convertir el borde en trazado

Operaciones boleanas

Simplificacin de trazados con magnitud variable

Expansin o contraccin de trazados, de manera dinmica o enlazada

Trazado de bitmaps (el trazado resultante en color o escala de grises)

Soporte de texto

Texto simple o prrafo

Usa cualquier fuente de tu sistema que no sea bitmap, incluidas las de escritura de
derecha a izquierda

Ajuste de kerning (espacio entre letras) e interlineado

Texto a trazo (el texto y el trazo continuarn modificables)

Texto en forma (Rellena forma siguiendo el borde)

Renderizacin

Visualizacin con antialising

Soporte de PNG transparentes, tanto en su exportacin como importacin

Renderizacin interactiva durante la transformacin de objetos

Otros

Edicin y visualizacin del cdigo fuente del documento en el editor XML

Exportacin a PNG, dibujo OpenDocument, DXF, sk1, PDF, EPS y PostScript entre
otros

Opciones de conversin y exportacin desde la lnea de comandos

Creacin y modificacin de archivos bajo el estndar de formato SVG

Inkscape tutorial: Bsico


Este tutorial demostrar los usos bsicos de Inkscape. Este es un documento regular de
Inkscape que usted puede ver, editar, copiar, descargar o guardar.
El tutorial Bsico cubre la navegacin en canvas (pizarra), manejo de documentos,
herramientas de formas bsicas, tcnicas de seleccin, transformacin de objetos por

medio del selector, agrupado, configuracin de relleno y borde, alineacin y orden-z. Para
visualizar otros temas ms avanzados, ingrese al men Ayuda.

Configurando la pizarra
Existen varias maneras para configurar la pizarra. Primero
intentemos: Ctrl+Flecha Teclas para desplazarse por la pizarra. (Puede intentar esto
en este mismo documento) Tambin es posible por medio del arrastre a travs del botn
intermedio de ratn. O tambin por medio de las barras de desplazamiento
(presione Ctrl+B para visualizarlas o/u ocultarlas). La rueda del ratn tambin
funciona para el desplazamiento de manera vertical; presione Mayus con la rueda para
realizar desplazamientos horizontales.

Acercar y alejar (Zoom)


La manera ms sencilla de para activar el zoom es por medio de las
teclas - y + (o = ). Tambin puede emplear Ctrl+Click del botn
central o Ctrl+Click del botn derecha para acercamiento, Mayus+Click del
botn central o Mayus+Click del botn derecho para alejar, o rote la rueda del

ratn junto con Ctrl . O puede seleccionar en la parte inferior izquierda el campo de
zoom que le permite ingresar el valor del porcentaje % para la visualizacin, luego
presione Enter. Disponemos adems de los anteriores mtodos, la herramienta Zoom
(Ubicada en la barra de Herramientas a la izquierda) la cual permite hacer un zoom
alrededor de un aea por medio de un click sostenido alrededor de ella.
Inkscape tambin conserva un historial de los niveles de zoom que ha usado en el trabajo,
en la ltima sesin. Presione la tecla ` para ir al zoom previo o Mayus+` para ir al
siguiente.

Herramientas del Inkscape


La barra vertical de herramientas sobre la izquierda muestra las herramientas de dibujo y
edicin de Inkscape. En la parte superior de la ventana, debajo del men;, est la Barra
de comandos con los botones de control general y la barra de contro, de herramientas con

los controles que son especiales para cada herramienta. La barra de estado en la parte
superior de la ventana mostrar consejos tiles y mensajes de como trabaja usted.
Algunas operaciones estn disponibles a travs de atajos de teclado. Abra Ayuda > Teclas
y ratn para observar la referencia completa.

Creando y Administrando documentos


To create a new empty document, use File > New > Default or press Ctrl+N . To
create a new document from one of Inkscape's many templates, use File > New >
Templates... or press Ctrl+Alt+N
To open an existing SVG document, use File > Open ( Ctrl+O ). To save, use File >
Save ( Ctrl+S ), or Save As ( Shift+Ctrl+S ) to save under a new name. (Inkscape
may still be unstable, so remember to save often!)
Inkscape usa el formato SVG (Scalable Vector Graphics/Grficos de Vectores Escalables)
para estos archivos. SVG es un estandar abierto extensamente soportado por software
grficos. Los archivos SVG estn basados en XML y pueden ser editados con cualquier
editor de XML (aparte de Inkscape, por supuesto). Adems de SVG, Inkscape puede
importar y exportar muchos otros formatos (EPS, PNG)
Inkscape opens a separate document window for each document. You can navigate
among them using your window manager (e.g. by Alt+Tab ), or you can use the Inkscape
shortcut, Ctrl+Tab , which will cycle through all open document windows. (Create a new
document now and switch between it and this document for practice.) Note: Inkscape
treats these windows like tabs in a web browser, this means the Ctrl+Tab shortcut only
works with documents running in the same process. If you open multiple files from a file
browser or launch more than one Inkscape process from an icon it will not work.

Creando Formas
Es hora para algunas formas fantsticas! Haga Click sobre la herramienta Rectngulo (o
presione F4 ) y haga click y arrastre, o en un nuevo documento o aqu:

As you can see, default rectangles come up blue, with a black stroke (outline), and fully
opaque. We'll see how to change that below. With other tools, you can also create ellipses,
stars, and spirals:

Estas herramientas son colectivamente conocidas como herramientas de formas. Cada


forma que cree muestran uno o ms manejadores en forma de diamante; intente
arrastrndolos para observar como responden las formas. El panel de control para una
herramienta de forma es otra manera para transformar una forma; estos controles afectan
a las formas actualmente seleecionadas (i.e. aquellas que muestren los
manejadores) y configure el por defecto que aplicar a las formas recien creadas.
Para deshacer su ltima accin, presione Ctrl+Z . (O, si cambia de parecer,
puede rehacer la accin deshecha mediante Mayus+Ctrl+Z .)

Moviendo, Escalando, Rotando


La herramienta ms utilizada en Inkscape es el Selector. Click en el botn ms superior
(con la forma de cursor) sobre la barra de herramientas, o presione F1 o Barra
Espaceadora . Ahora puede seleccionar cualquier objeto en la pizarra. Click sobre el

rectngulo de ms abajo.

Usted podr observar que ocho manejadores en forma de flecha aparecen alrededor del
objeto. Ahora puede:

Mover los objetos al arrastralos. (Presione Ctrl para restringir movimientos a


horizontal y vertical.)

Escalar los objetos mediante el arrastrado de cualquier manejador.


(Presione Ctrl para preservar el radio de alto/ancho original.)
Ahora click en el rectngulo de nuevo. Los manejadores cambian. Ahora puede:

Rotar los objetos mediante el arrastrado de los manejadores de las esquinas.


(Presione Ctrl para restringir la rotacin a pasos de 15 grados. Arrastre la marca en
forma de cruz para la posicin del eje de rotacin.)

Inclinar (esquilar) los objetos mediante el arrastre de los manejadores noesquinas. (Presione Ctrl para restringir inclinaciones a pasos de 15 grados.)
Mientras use el Selector, tambin podr usar los campos de entradas numricos en la
barra de control (Sobre la pizarra) para configurar valores exactos para cordenadas (X y
Y) y tamao (W y H) de la seleccin.

Transformacin por medio del teclado


Una de las caractersticas de Inkscape que lo diferencian de otros muchos editores
vectoriales es su nfasis en la accesibilidad por teclado. Existe dificilmente algn
comando o accin que sea imposible realizar por teclado y la transformacin no es la
excepcin.
You can use the keyboard to move ( arrow keys), scale ( < and > keys), and rotate
( [ and ] keys) objects. Default moves and scales are by 2 px; with Shift , you move
by 10 times that. Ctrl+> and Ctrl+< scale up or down to 200% or 50% of the original,
respectively. Default rotates are by 15 degrees; with Ctrl , you rotate by 90 degrees.

Ms sin embargo considere como el ms til latransformaciones tamao-pixel, invocada


mediante el uso de Alt con la tecla de tranformacin. Por
ejemplo, Alt+flechas mover la seleccin 1 pixel en el zoom actual (i.e. por 1 pixel de
pantalla, no se confunda con la unidad px la cual es una uidad de medida SVG
independiente del zoom). Esto significa que si usted amplia, un Alt+flecha resultar un
movimiento absolutamente pequeo el cual an se observa como si empujase un pixel
sobre su pantalla. As esto es posible para posicionar objetos con presicin arbitaria
simplemente mediante un acercamiento o alejamiento como lo requiera.
Igualmente, Alt+> y Alt+< escalan selecciones haciendola visibles en un tamao de
un pixel de pantalla, y Alt+[ y Alt+] lo rotan de la manera ms alejada del punto
central movido mediante un pixel de pantalla.
Note: Linux users may not get the expected results with the Alt+arrow and a few other
key combinations if their Window Manager catches those key events before they reach the
inkscape application. One solution would be to change the WM's configuration accordingly.

Selecciones Multiples
Puede seleccionar cualquier nmero de objetos simultneamente
mediante Mayus+click sobre los objetos deseados a selaccionar. O,
puede arrastrar alrededor de los objetos que requiere seleccionar; esto es
llamado Seleccin elstica. (El selector crea selcciones elsticas cuando se arrastra a
desde un espacio vacio; sin embargo, si presiona Mayus antes de iniciar el arrastrado,
Inkscape siempre crear la seleccin elstica.) Practique mediante la seccin de todas las
tres formas a continuacin:

Ahora, utilice selecciones elsticas (mediante arrastrado o Mayus+arrastrar ) para


seleccionar las dos elipses pero no el rectngulo:

Cada objeto individual dentro de una seleccin muestra una seal de seleccin por
defecto, un marco rectngular. Estos marcos hacen ms sencillo el observar que est
selccionado y que no loo est. Por ejemplo, si selecciona ambas elipses y el rectgulo, sin
los marcos le sera muy difcil adivinar cual de las elipses estn seleccionadas y cuales
no.
Mayus+click sobre un objeto selccionado lo excluye de la seleccin. Seleccione los tres

objetos de a continuacin, despus emplee Mayus+click para excluir ambas elipses de


la seleccin, dejando solo seleccionado el rectngulo.
Presionando Esc deseleciona cualquier objeto selccionado. Ctrl+A selecciona todos
los objetos en la capa actual (si no ha creado capas, esto es lo mismo que todos los
objetos en el documento).

Agrupando
Muchos objetos pueden ser combinados en un grupo. Un grupo se comporta como un
objeto sencillo cuando usted lo arrastra o lo transforma. adelante, los tres objetos sobre la
izquierda son independientes; los mismo tres objetos sobre la derecha son estn
agrupadas. Intente arrastrar el grupo.

Para crear un grupo, seleccione uno o ms objetos y presiones Ctrl+G . Para


desagrupar uno o ms grupos, seleccionlos y presione Ctrl+U . Los mismo grupos
pueden ser agrupados, as como cualquier otro objeto; dichos grupos recursivos pueden ir
atras en una profundidad arbitraria. Sin embargo, Ctrl+U solo desagrupa el nivel

superior de agrupacin en una seleccin; necesitar presionar Ctrl+U repetidamente si


quiere desagrupar completamente un grupo profundo dentro de un grupo.
No tiene necesariamente que desagrupar, sin embargo, si desea editar un objeto dentro
de un grupo. Solo Ctrl+click sobre el objeto y este ser seleccionado y editable solo,
o Mayus+Ctrl+click sobre varios objetos (dentro o afuera de cualquier grupo) por
mltiples selecciones sea cual sea la agrupacin. Intente mover o transformar las formas
individuales en el grupo (adelante a la derecha) sin desagrupar, entonces deseleccione y
seleccione el grupo normalmente para observar que continua an agrupado.

Relleno y borde
Algunas funciones de Inkscape estn disponibles va dialogos. Probablemente la forma
ms sencilla de pintar un objeto de algn color es abrir el dialogo -- desde el men de
Objetos, selccione un objeto y click en un -- para pintarlo (cambia su color de relleno).
Es ms poderoso el dialogo de Relleno y Borde ( Mayus+Ctrl+F ). Seleccione la forma de
adelante y abra el dialogo de Relleno y Borde.

Podr observar que el dialogo posee tres pestaas: Relleno, Color de trazo y Estilo de
trazo. La pestaa Relleno le permite editar el relleno(interior) del objeto(s)
seleccionado(s). Usando el botn ms abajo de la pesta puede seleccionar los tipos de
relleno, incluyendo sin relleno (el botn con la X), color uniforme, as como gradientes
lineales o radiales. Para las siguientes formas, el botn de relleno uniforme ser activado.
Ms abajo, puede observar una coleccin de selectores de color, cada uno esta se
encuentra en su propia pestaa: RGB, CMYK, HSL y Rueda. Considere el Selector de
Rueda , donde puede rotar el tringulo para escoger un matiz en la rueda, y despus
seleccione una sombra que es el matiz del tringulo. Todos los selectores de color
contienen un desplazador para configurar el alfa (opacidad) de el/los objeto(s)
seleccionado(s).

Cuando selecciona un objeto, el selector de color es actualizado para mostrar su relleno y


borde actual (para selecciones de mltiples objetos, el dialogo muestra su
color promedio). Trabaje con estos ejemplos o cree sus propios:

Usando la pestaa color de borde, remueva el borde (reborde) del objeto, o asignele
cualquier color o transparencia:

La ltima pestaa Estilo de borde, le permite configurar el grosor y otros parmetros del
borde:

Finalmente, en vez de un color uniforme, puede usar gradientes para rellenos y/o bordes:

Cuando cambia de color uniforme a gradiente, el nuevo gradiente creado usa el color
uniforme previo, presentandolo de opaco a transparente. CAmbie a la herramienta
Gradiente ( Ctrl+F1 ) para arrastrar el manejador gradiente los controles conectads
por lneas que defiene la direccin y longitud del gradiente. Cuando alguno de los
manejadores de gradiente es seleccionado (Azul claro), el dialogo de relleno y el borde
configura el color del manejador en vez de todo el color del objeto seleccionado.
Otas manera conveniente para cambiar el color de un objeto es usando la herramienta
Balde??? ( F7 ). Solo haga click dentro del dibujo con la herramienta y el color

seleccionado ser asignado al relleno del objeto seleccionado ( Mayus+click asignar el


color de borde).

Duplicado, Alineacin, Distribucin


Una de las operaciones ms comunes es el duplicar un objeto ( Ctrl+D ). El duplicado es
colocadi exactamente debajo del original y es seleccionado, as, as se le posibilita el
arrastrar mediante el ratn o las teclas de flechas. Para practicar, intente llenar la lnea
con copias de estos cuadrados negros:

Chances are, your copies of the square are placed more or less randomly. This is where
the Align and Distribute dialog ( Shift+Ctrl+A ) is useful. Select all the squares
( Shift+click or drag a rubberband), open the dialog and press the Center on
horizontal axis button, then the Make horizontal gaps between objects equal button
(read the button tooltips). The objects are now neatly aligned and distributed equispacedly.
Here are some other alignment and distribution examples:

orden-Z
El trmino orden-z se refiere al orden de apilado de los objetosen un grfico, i.e dichos
objetos estn en la parte superior y son ms oscuros que el resto. Los dos comandos en
el men Objetos, Llevar al Frente, (la tecla Inicio ) y Llevar al Fondo (la tecla Fin ),
mover sus objetos seleccionados al nivel superior o al fondo de la capa del orden-z
actual. Otros dos comandos, Arriba ( PgUp ) y Abajo ( PgDn ), podrn hundir o emerger la
seleccin un slo paso, i.e. mueve el ltimo objeto no seleccionado en el orden-z (slo
cuente objetos seleccionados; si nada superpone la seleccin, muvalo Arriba o Abajo
hacia la parte superior o el fondo correspondiente).

Practique usando estos comandos mediante el revertimiento del orden-z de los objetos de
adelante, de esta manera que la elipse ms a la izquierda est en el nivel superior y la
elipse de ms a la derecha est en el fondo:

Una atajo de seleccin muy til es la tecla Tab . Si no hay nada seleccionado, este
selecciona el objeto de ms al fondo; de otra forma este selecciona el objeto debajo del
objeto(s) seleccionado(s) en orden-z. Mayus+Tab trabaja a la inversa, iniciando desde el
objeto en el nivel ms superior y procede con los siguientes. LLos objetos que crea son
agregados al nivel superior de la pila, presionando Mayus+Tab con nada seleccionado
convenientemente seleccionar los ltimos objetos que usted ha creado. Practica con las
teclas Tab y Mayus+Tab en la pila de elipse de abajo.

Seleccionando debajo y arrastrando seleccionados


Qu hacer si el objeto que requiere est oculto tras otro objeto? Usted podr an
observar el objeto del fondo si el del nivel superior est (parciamente) transparente, pero
dando click en el selecionar el objeto superior, no el que usted requiere.
Esto es para lo que Alt+click est hecho. Primero Alt+click selecciona el objeto
superior como un sencillo click. sin embargo, el siguiente Alt+click en el mismo punto
seleccionar el objeto de abajo del superior; el siguiente, el objeto bajo siguiente, etc.
Muchos Alt+click s en una lnea har un ciclo, superior-al-fondo, a travs de la pila de
objetos en orden-z en el punto del click. Cuando el objeto del fondo es alcanzado, el
siguiente Alt+click naturalmente, seleccionar el objeto ms superior.
[If you are on Linux, you might find that Alt+click does not work properly. Instead, it
might be moving the whole Inkscape window. This is because your window manager has
reserved Alt+click for a different action. The way to fix this is to find the Window Behavior

configuration for your window manager, and either turn it off, or map it to use the Meta key
(aka Windows key), so Inkscape and other applications may use the Alt key freely.]
Esto es bueno, pero una vez qe usted selecciona un objeto bajo-la-superficie, Qu
puede hacer usted con el?. Puede usar teclas para transformarlo y puede arrastrar los
manejadores seleccin. Sin embargo, arrastrando sobre el objeto mismo deseleccionar
el objeto superior de nuevo (esto es como el click-y-arrastrado est diseado para trabajar
este selecciona el objeto (superior) bajo el primer cursor, entonces arrastre la
aseleccin). Para indicarle a Inkscape el arrastrar que est seleccionado ahora sin
seleccionar nada ms, use Alt+arrastrar . Esto mover la seleccin sin importar donde
arrastra usted el ratn.
Practique Alt+click y Alt+drag sobre las dos formas cafs debajo del rectngulo
verde transparente:

Selecting similar objects


Inkscape can select other objects similar to the object currently selected. For example, if
you want to select all the blue squares below first select one of the blue squares, and
use Edit > Select Same > Fill Color from the menu. All the objects with a fill color the
same shade of blue are now selected.

In addition to selecting by fill color, you can select multiple similar objects by stroke color,
stroke style, fill & stroke, and object type.

Conclusin
As concluye el tutorial bsico. Hay mucho ms en el Inkscape, ms sin embargo las
tcnicas descritas aqu ya le permitirn crear grficos simples muy tiles. Para conceptos
y utilidades ms complicadas, vaya a travs del tutorial Avanzado en Ayuda >
Tutoriales.

Inkscape tutorial: Formas


Este tutorial cubre las cuatro herramientas de formas: Rectngulo, Elipse, Estrella y
Espiral. Demostraremos las capacidades de las formas de Inkscape y presentremos
ejemplos de como y cuando pueden ser usadas.
Use Ctrl+Flechas , rueda

del

ratn o arrastrar

con

el

botn

del

medio para bajar la pizarra. Para las bases de la creacin de objetos, la seleccin y sus

transformaciones, observe el tutorial Bsico en Ayuda > Tutoriales.


Inkscape cuenta con cuatro verstiles herramientas de formas, cada herramienta es
capaz de crear y editar su propio tipo de formas. Una forma es un objeto el cual puede ser
modificado en un nico modo dependiendo del tipo de forma, usando
los manejadores arrastrables y los parmetros numricos que determinan la apariencia de
la forma.
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 ( Shift+Ctrl+C ), but
the reverse conversion is not possible.
Las herramientas de forma son: Rectngulo, Elipse, Estrella y Espiral. Primero,
observaremos como funcionan las herramientas en general; ms adelante exporaremos
cada tipo de forma ms a fondo.

Trucos Generales
Una nueva forma es creada por medio de arrastar (ado) sobre la pizarra con la
herramienta correspondiente. Una vez que la forma es creada (y del modo en que sea
seleccionada), mostrar sus manejadores en forma de diamantes, as le es posible editar
inmediatamente lo que ha creado, mediante el arrastrado de estos manejadores.
Todos los cuatro tipos de formas muestran sus manejadores en las cuatro herramientas
de formas como lo hace la herramienta Nodo( F2 ). Cuando mueve el ratn sobre un

manejador, este le indicar en la barra de estado que har este manejador cuando sea
arrastrado o dado un click con modificadores diferentes.
Tambin, cada herramienta de forma muestra sus parmetros en los Controles de
Herramientas (la cual se encuentran en la parte superior de la pizarra). Usualmente este
posee un campo pequeo de ingreso numrico y un botn para formatear los valores a
valor por defecto. Cuando una(s) forma(s) son seleccionadasla con la herramienta actual,
al editar los valores en los Controles de Herramientas la(s) forma(s) seleccionadas
cambiar(n).
Cualquier cambio hecho a la barra de control es recordada y usada para el prximo objeto
que usted dibuje con dicha herramienta. Por ejemplo, despus de que ha cambiado el
nmero de esquinas de una estrella, la nueva estrella tendr este nmero de esquinas
cuando sea dibujada. Adems, con una simple seleccin de una forma le sern enviados
los parmetros a la barra de Control y as configurar los valores para las nuevas formas
que sean creadas de este mismo tipo.
When in a shape tool, selecting an object can be done by click ing on
it. Ctrl+click (select in group) and Alt+click (select under) also work as they do in
Selector tool. Esc deselects.

Rectngulos
Un rectngulo es la ms simple pero consideramos, es la forma ms comn en el diseo y
la ilustracin. Inkscape permite la creacin y edicin de rectngulos de la manera ms
fcil y sencilla posible.
Cambie a la herramienta Rectngulo mediante F4 o mediante click sobre el botn en la
barra de Herramientas. Dibuje un nuevo rectngulo al lado de este rectngulo azul:

Despus, sin dejar la herramienta Rectngulo, cambie la seleccin de uno a otro por
medio de click.
Atajos para dibujo de Rectngulos:

Con Ctrl , dibuje un cuadrado o un rectngulo de radio-entero (2:1, 3:1, etc).

Con Shift , dibuje alrededor del punto inicial como centro de esta forma.
Como podemos observar, el rectngulo seleccionado (El Rectngulo recien dibujado es
siempre seleccionado) muestra tres manejadores en tres de sus esquinas. De hecho,
estos son tres manejadores, pero dos de ellos (en la esquina superior derecha) se
sobreponen si el rectngulo no est redondeado. Estos dos son los manejadores de
redondeado; los otros dos (superior izquierdo e inferior derecho) son losmanejadores de
tamao.
Vamos primero con los manejadores de redondez. Tome uno de ellos y arrastrelo hacia
abajo. Las cuatro esquinas del rectngulo son redondeadas y le es posible observar el
segundo manejador de redondeado este se encuentra en la posicin original de la
esquina. Si desea esquinas con un redondeado circular, esto es lo que debe hacer. Si
desea esquinas cuya redondez sea mayor o menor de un lado que del otro, mueva el otro
manejador verticalmente.
Aqu, los primeros dos rectngulos poseen esquinas redondeadas y los otros dos tienen
esquinas redondeadas elipticamente:

An con la herramienta Rectngulo, de click sobre estos rectngulos para seleccionar y


observe sus manejadores de redondeado.
La mayora de ocasiones, el radio y la forma de redondeo de las esquinas deben ser
constantes dentro de la composicin entera, incluso si el tamao de los rectngulos son

diferentes (piense en diagramas con cajas redondeadas de varios tamaos). Inkscape lo


hace sencillo. Cambie a la herramienta Seleccin; en su Control de herramientas, hay un
grupo de cuatro botones de seleccin, el segundo desde la izquierda muestra dos
esquinas redondeadas concntricas. As es como usted controla si las esquinas
redondeadas son escaladas, cuando el rectngulo es escalado o no.
Por ejemplo, aqu el rectngulo rojo original es duplicado y escalado varias veces, arriba y
abajo, en diferentes proporciones, por medio del botn "Escalar los radios de los ngulos
redondeados" off:

Note como el tamao y forma de la esquinas redondeadas es el mismo en todos los


rectngulos, as que los redondeados se alnean perfectamente en la esquina superior
derecha donde ellos se encuentran. Todos los rectngulos punteados de color azul son
obtenidos del rectngulo rojo original tan slo escalndolos mediante la Seleccin, sin
ningn reajuste manual de los manejadores de redondeado.
Para una comparacin, aqu encontramos la misma composicin pero creado ahora por
medio del botn activo "Escalar los radios de los ngulos redondeados":

Ahora las esquinas redondeadas son tan diferentes como los rectngulos a los que
pertenecen y no hay un encuentro leve en la parte superior de la esquina derecha (haga
zoom para visualizar). Este es el mismo resultado (visible) que puede obtener mediante la
conversin del rectngulo original a un trazo ( Ctrl+Shift+C ) y esclelo como un trazo.
He aqu los atajos para el redondeado de manejadores de redondeado de un rectngulo:

Arrastre con Ctrl para hacer igual el otro radio (redondeado circular).

Ctrl+click para hacer igual el otro radio sin necesidad de arrastrar.

Shift+click para remover el redondeado.

Debe de haber notado que la barra de Control de Herramientas muestra el radio del
redondeado horizontal (Rx) y vrtical (Ry) del rectngulo seleccionado y le permite
configurarlos precisamente usando cualquier unidad de medida. El botn No
redondeado hace lo que dice remueve el redondeado del/los rectngulo(s).
Una ventaja importante de estos controles es que pueden afectar algunos rectngulos a la
vez. Por ejemplo, si desea cambiar todos los rectngulos en la capa, solo
haga Ctrl+A (Seleccionar Todo) y configure los parmetros que requiera en la barra

de Control. Si cualquier objeto no-rectngulo es seleccionado, este objeto(s) ser


ignorado , slo sern cambiados los rectngulos.
Ahora vamos a redimensionar los manejadores de un rectngulo. Se preguntar, al fin,
por qu los necesitamos, si slo deseamos cambiar el tamao del rectngulo con
Seleccin?
El problema con Seleccin radica en que su nocin de horizontal y vrtical es respecto a
la hoja del documento. A diferencia, la escala de los manejadores redimensionadores del
rectngulo es a lo largo de los lados de rectngulo, uniformemente si el rectngulo es
rotado o inclinado. Por ejemplo, intente redimensionar este rectngulo, primero con
Seleccin y luego con sus manejadores de redimensionado con la herramienta
Rectngulo:

Desde que los manejadores de redimensionamiento sean dos, usted puede redimensionar
el rectngulo en cualquier direccin o moverlo uniformemente a lo largo de sus lado. Los
manejadores de redimensionado siempre preservan el redondeado del radio.
He aqu algunos atajos para los manejadores de redimensionado:

Arrastre con Ctrl para encajar los lados o la diagonal del rectngulo. En otras
palabras, Ctrl preserva o el ancho o el alto, o el radio de ancho/alto del rectngulo (de
nuevo, en su propio sistemas de coordenadas el cual puede ser rotado o inclinado)
Aqu est el mismo rectngulo con las lneas punteadas grices, mostrando las direcciones
para las barras de los manejadores de redimensionado cuando son arrastrados
con Ctrl (intntelo):

Mediante inclinacin y rotacin de un rectngulo, luego duplicndolo y redimensionando a


partir de sus manejadores de redimensionado, pueden ser creadas composiciones 3D
fcilmente:

Aqu podemos observar algunos ejemplos de composiciones de rectngulos, incluyendo


redondeado y relleno con gradientes:

Elipses
La herramienta Elipse ( F5 ) puede crear elipses y crculos, los cuales pueden volverse
segmentos y arcos. Los atajos de dibujo son los mismo que la herramienta rectngulo:

Con Ctrl , dibuje un crculo o una elipse radio-entero (2:1, 3:1, etc.).

Con Shift , dibuje alrededor del punto inicial como centro de esta forma.
Vamos a explorar los manejadores de una elipse. Seleccione una:

Una vez ms, puede observar tres manejadores inicialmente, pero de hecho, son cuatro.
El manejador ms al extremo derecho consiste en dos manejadores superpuestos que le
permiten "abrir" la elipse. Arrastre el manejador que se encuentra ms al extremo
derecho, despus arrastre el otro manejador el cual se hace visible debajo de este, para
obtener una variedad de segmentos tipo grfica-torta o arcos:

Para obtener un segmento (un arco ms dos radios), arrastre fuera de la elipse; para
obtener un arco, arrstrelo dentro. Abajo, hay 4 segmentos a la izquierda y 3 arcos a la
derecha. Note que los arcos son figuras no cerradas, IMPORTANTE: el borde solo va a lo
largo de la elipse pero no se conecta con el final del arco. Usted puede hacer esto obvio si
usted remueve el relleno, dejndo slo el borde:

Note el grupo de segmentos angostos a la izquierda. Esto fue sencillo de crear


usando ngulo de rotacin del manejador con Ctrl . He aqu algunos atajos para
manejadores de arcos/segmentos:

Con Ctrl , rote los manejadores 15 grados cuando sea arrastrado.

Shift+click para completar la elipse (no un arco o un segmento).

The snap angle can be changed in Inkscape Preferences (in Behavior > Steps).
Los otros dos manejadores de la elipse son usados para redimensionarla alrededor de su
centro. Sus atajos son similares a los de manejadores de redondeado de un rectngulo:

Arrastre con Ctrl para hacer crculos (Haga el otro radio igual).

Ctrl+click Para hacer crculo sin arrastrado.

Y, como los manejadores de redimensionado de rectngulos, estos manejadores de elipse


ajustan el ancho y alto de la elipse en las coordenadas propias de la elipse. Esto significa

que una elipse rotada o inclinada puede ser alargada o ensachada a lo largo de sus equis
originales mientras el resto es rotado o inclinado. Intente redimensionar cualquiera de
estas elipses a travs de sus nodos de redimensionamiento:

Estrellas
Las estrellas son ms complejas pero son las formas ms emocionantes de Inkscape. Si
desea sorprender a sus amigos con Inkscape, permtales jugar con la herramienta
Estrella. Este es un entretenimiento francamente adictivo, y por supuesto, sin fin!.
La herramienta estrella puede crear dos objetos similares pero de distinta clase: estrellas
y polgonos. Una estrella tiene dos manejadores cuyas posiciones definen la longitud y
forma de sus estrellas; un polgono posee un slo manejador el cual simplemente rota y
redimensiona el polgono cuando es arrastrado:

En la bara de Control de la herramienta Estrella, primero est un botn de seleccin


(checkbox) para volver una estrella en su polgono correspondiente y viceversa. Sigue, un
campo numrico que configura el nmero de vrtices de una estrella o un polgono. Este
parmetro es slo editable por medio de la barra de Control. El rango permitido es desde
3 (obviamente) hasta 1024, pero no intente con nmeros grandes (ms de 200) si su
computador es lento.
Cuando dibuje una estrella o un polgono,

Arrastre con Ctrl para incrementar la rotacin del ngulo en 15 grados.


Naturalmente, una estrella es la forma ms interesante (aunque los polgonos en la
prctica, son ms tiles). Los dos manejadores de una estrella tienen funciones
levemente diferentes. El primer manejador (inicialmente se encuentra sobre una cima,
sobre una esquina convexade la estrella) hace los rayos de la estrella ms largos o
cortos, pero cuando los rota (relativo al centro de la figura), el otro manejador rota de
acuerdo a este. Esto significa que no puede inclinar los rayos de la estrella con este
manejador.
El otro manejador (inicialmente en una esquina concava en medio de los dos vrtices) es,
convenientemente, libre para mover ambos radialmente y tangencialmente, sin afectar el
manejador cima. (De hecho, este manejador puede convertirse por si mismo en una cima
por medio del movimiento ms lejano desde el centro que el otro manejador.) Este es el
manejador que puede inclinar las puntas de las estrellas para obtener gran variedad de
cristales, mandalas, cristales de nieve y puercoespines:

Si slo desea una estrella regular plana sin algn trazo especial, puede hacer que el
manejador de inclinado se comporte como el otro que no lo es:

Arrastre con Ctrl para mantener los rayos de la estrella estrictamente radiales
(no inclinados).

Ctrl+click para remover la inclinacin sin arrastrar.

Como un complemento til para el arrastrado del manejador sobre la pizarra, la barra de
Control tiene el campo de longitud de Radio el cual define el radio de las distancias en
el centro.
Las estrellas de Inkscape posee otros dos trucos ms en la manga. En geometra, un
polgono es una forma con bordes de lneas rectas y esquinas afiladas. En el mundo real,
sin embargo, varios grados de curvalinealidad y redondeado son normalmente presentes
e Inkscape puede hacerlo tambin. El redondeando de una estrella o polgono trabaja
un poco diferente al redondeado de un rectngulo, sin embargo, usted no emplea un
manejador especializado.

Shift+arrastrar en un manejado tangencialmente, para redondear la estrella o

polgono.

Shift+click en un manejador para remover el redondeado.

"Tangencialmente" significa en una direccin perpendicular a la direccin del centro. Si


"rota" un manejador con Shift en sentido anti-horario alrededor del centro, obtendr
redondeado positivo; con rotacin horaria, obtendr redondeado negativo. (Observe ms
adelante los ejemplos de redondeado negativo).
Aqu podemos encontar una comparacin de un cuadrado redondeado (herramienta
Rectngulo) con un polgono redondeado de 4-lados (herramienta Estrella):

Como podemos observar, mientras un rectngulo redondeado posee segmenntos de


lneas rectas en sus lados, y redondeado circular (generalmente, elptico), un polgono o
estrella redondeada no posee lneas rectas; sus curvaturas varan suavemente desde el
mximo (en las esquinas) al mnimo (en la mitad entre las estrellas). Inkscape lo hace
simple mediante la adicin colineal de tangentes Bezier para cada nodo de la forma
(puede observarlo si convierte la forma en trazo y lo examina con la herramienta Nodo).
El parmetro Redondez el cual puede ajustar en la barra de Control, es el radio de la
longitud de dichas tangentes para la longitud de los lados del polgono/estrella a los que
son adyacentes. Este parmetro puede ser negativo, lo cual invierte la direccin de las
tangentes. Los valores entre 0.2 a 0.4 dan un redondeado "normal" de la clase que usted
espera; otros valores tienden a producir patrones hermosos, difciles y totalmente
impredecibles. Una estrella con valores de redondez muy grandes puede alcanzar una
posicin lejana ms all de la posicin de sus manejadores. He aqu unos cuantos
ejemplos, cada uno indicando su valor de redondez:

Si desea que las puntas de las estrellas sean afiladas pero concavas suavemente o
viceversa, es fcil de hacer creando un Desvio automtico( Ctrl+J ) desde la estrella:

Shift+arrastrar en los manejadores de la estrella en Inkscape es una de las ms finas

bsqueda conocidas por el hombre. Pero an pueden ser conseguidas mejor.


Para imitar ms de cerca las formas del mundo real, Inkscape puede hacer aleatorio (i.e.
distorsin aleatoria) en sus estrellas y polgonos. La aleatoriedad baja hace a la estrella
menos regular, ms humana, ms divertida; aleatoriedad alta es una forma emocionante
para obtener una variedad de alocadas formas impredecibles. Una estrella redondeada
conservan redondeado suave cuando es aleatorizado. He aqu los atajos:

Alt+arrastrar sobre un nodo, de forma tangencial para aleatorizar la estrella o

polgono.

Alt+click sobre un nodo remueve la aleatoriedad.

Como usted dibuja o edita a mano por arrastrado una estrella aleatorizada, esta puede
"temblar" a causa de que cada posicin nica de los manejadores corresponde a su nica
aletoredad propia. As, moviendo un manejador sin Alt re-aleatoriza la forma al mismo
nivel de aletoriedad. Aqu estn las estrellas cuyos parmetros son exactamente los
mismos, pero cada una es re-aleatorizada por movimientos muy suaves de sus
manejadores (nivel de aletoriedad es a travs de 0.1):

Y aqu est la estrella media desde la fila previa, con el nivel de aletoriedad varia desde
-0.2 hasta 0.2:

Alt+arrastrar sobre un manejador de la estrella media en su fila y observe como

cambian en sus vecinos de la derecha y de la izquierda .


Usted probablemente busque sus propias aplicaciones para aleatorizar estrellas, pero yo
especialmente me encarie con los broches en forma de amebas y grandes planetas
speros con hermosos paisajes:

Espirales

Las espirales de Inkscape son unas formas verstiles, aunque no tan enviciantes como
las estrellas, pero en ocasiones es muy til. Una espiral, como una estrella, se dibuja
desde el centro; mientras es dibujada como puede ser editada,

Ctrl+arratrar para lograr una rotacin de 15 grados.

Una vez dibujada, una espiral posee dos manejadores en siu inicio y finalizacin interna
y externa. Ambos manejadores, cuando son arrastrados, simplemente enrollan o
desenrrollan la espiral (i.e. "continue" cambiando el nmero de giros). Otros atajos:
Manejador Externo:

Shift+arrastrar para escalar/rotar alrededro del centro (no

enrrollar/desenrrollar).

Alt+arrastrar para bloquear el radio mientras enrrollamos/desenrrollamos.

Manejador interno:

Alt+arrastrar verticalmente para lograr convergencia/divergencia.

Alt+click para formatear la divergencia.

Shift+click para mover el manejador interno para el centro.

La divergencia de una espiral es la medida no lineal de sus giros. Cuando es igual a 1, la


espiral es uniforme; cuando es menor a 1 ( Alt+arrastrar de manera ascencente), la
espiral es ms densa sobre la periferia; cuando es mayor que 1 ( Alt+arrastrar de
manera descendente), la espiral es ms densa a travs del centro:

El nmero mximo de giros para la espiral es 1024.


As como la herramienta Elipse es buena no slo para elipses, sino tambin para arcos
(lneas de curvatura constante), la herramienta Espiral es til para hacer curvas con
curvatura de suavidad variable curvature. Comparada con la curva plana Bezier, un arco o
una espiral es mucho ms conveniente a causa de que usted puede hacerlos ms cortos
o largo mediante el arrastrado de un manejador a lo largo de la curva sin afectar su forma.
Tambin, mientras una espiral es dibujada normalmente sin un relleno, le puede agregar
relleno y remover borde para crear efectos interesantes.

Algo especialmente interesantes son las espirales con borde punteado ya que
combinan la suave concentracin de la forma con marcas equis-espaceadas (puntos o
guiones) para hermosos efectos moire:

Conclusin
Las herramientas de formas de Inkscape son muy poderosos. Aprenda sus trucos y
juegue con ellas en sus tiempos libres esto puede dar fruto en sus trabajos de diseo,
ya que usando formas en vez de simples trazos permiten hacer arte con vectores ms
rpido y con facilidad de edicin. Si usted posee alguna idea para algunas mejores, no
dude en contactar a los desarrolladores.

Inkscape tutorial: Vectorizar


Una de las funciones de Inkscape es una herramienta para vectorizado de imgenes de
mapas de bits en un <trazo> elemento para el dibujado de SVG. Estas cortas notas le
ayudarn a conocer como trabaja esto.
Actualmente Inkscape emplea el motor de vectorizado de mapa de bits Potrace
(potrace.sourceforge.net) por Peter Selinger. En el futuro, esperamos que permita alternar
programas de vectorizado; por ahora, sin embargo, esta fina herramienta es ms que
suficiente para lo que necesita.
Tenga en mente que el propsito del Vectorizar no es reproducir un duplicado exacto de la
imgen original; o intentar producir un producto final. El autotrazado no hace eso. Lo que
hace es darle un set de curvas las cuales usted puede emplear como una fuente de ayuda
para sus dibujos.
Potrace interpreta mapas de bits blanco y negro y produce un set de curvas. Para
Potrace, actualmente poseemos tres tipos de filtros de salida, para convertir desde
imgenes brutas a algo que Potrace pueda usar.
Generalmente los pixeles ms oscuros en un mapa de bit intermedio, es el mayor trazo
que Potrace puede desarrollar. A mayor cantidad de trazos, ms tiempo la CPU requerira
y el elemento <trazo> se convertir en uno ms grande. Se sugiere que los usuarios
experimenten primero con imgenes intermdias clara, configurando gradualmente la
opacidad para obener la proporcin y complejidad del trazo resultante.
Para usar el vectorizado, cargue o importe una imgen, seleccinela, y seleccione Trazo
> Vectorizar un mapa de bits, o Mayus+Alt+B .

El usuario observar las tres opciones de filtro disponibles:

Brightness Cutoff
Esta usa realmente la suma del rojo, verde y azul (o escala de grices) de un pixel como un
indicador de si este puede ser considerado blanco o negro. La luminosidad puede ser
configurada desde 0.0 (negro) a 1.0 (blanco). La mayor configuracin del umbral, el menor
nmero de pixeles que sern considerados para ser \u201cwhite\u201d, y la imgen
intermedia que se convertir en oscura.

Edge Detection
Este filtro usa el arlgoritmo de deteccin de bordes desarrollado por J. Canny, el cual es
un modo de bsqueda rpida de isclinas de contrastes similares. Esto producir un
mapa de bits intermedio que ser visto un poco diferente a la imgen original que como lo
hace la lumnusidad de la imgen, pero provee la curva de informacin que de otra
manera ser ignorado. La configuracin del umbral es (0.0 \u2013 1.0) ajustada por la
luminosidad de la imgen si es un pixel adjacente al borde del contasre que ser incluido

en el resultado. Esta configuracin puede ajustar la opacidad o grosor del borde en el


resultado.

Color Quantization
El resultado de este filtro producir una imgen intermedia que es muy diferente de la otra
segunda, pero es de hecho muy til. En vez de mostrar las isclinas o brillo o contraste,
esta buscar los bordes donde los colores cambian, uniformemente igual a brillo y
contraste. Las opciones de configuracin aqu son: Nmero de colores, decide cuantos
colores de salida pueden haber, si el mapa de bits intermedio era de color. Este entonces
decide blanco/negro segn si el color ha sido uniforme o posee un indice raro.

El usuario puede intentar todos los tres filtros y observar los diferentes tipos de resultados
para diferentes tipos de imgenes de entrada. Siempre habr una imgen donde uno
trabajar mejor que otro.

Despus del trazo, tambin se sugiere al usuario intentar Trazo > Simplificar ( Ctrl+L )
sobre el trazo resultante, para reducir el nmero de nodos. Esto puede hacer el resultado
del Potrace mucho ms simple de editar. Por ejemplo, aqu podemos observar el tpico
trazo del Hombre Viejo Tocando Guitarra:

Note la gran cantidad de nodos en el trazo. Despus de realizar Ctrl+L , este es un


resultado tpico:

La representacin es un poco ms aproximada y spera, pero el dibujo es mucho ms


simple y sencillo de editar. Mantenga en mente que lo que quiere no es una rplica exacta
de la imgen, pero un set de de curvas es lo que puede usar en su dibujo.

Inkscape tutorial: Caligrafa


bulia byak, buliabyak@users.sf.net y josh andler, scislac@users.sf.net
Traduccin a cargo de GLUD-ACL (Grupo Linux universidad Distrital - Academia y
Conocimiento Libre), glud-acl@listas.udistrital.edu.co
Una de las grandes herramientas disponibles en Inkscape es la herramienta de Caligrafa.
Este tutorial le ayudar a conocer como trabaja la herramienta, o mejor a demostrar
alguna tcnicas bsicas del arte de la Caligrafa.

Historia y stilos
Dirigindonos a la definicin del diccionario, caligrafa significa "escritura hermosa" o
"escritura elegante o vistoza". Escencialmente, la caligraf es el arte de hacer escritura a
mano de manera hermosa o elegante. Esto puede sonar intimidante, pero con un poco de
prctica, cualquiera puede ser un maestro en las bases de este arte.
Las primeras formas de caligrafa se remontan a los grficos rupestres. Despus del ao
1440 D.C. y antes de la creacin de la prensa de impresin, la caligrafa se encontraba en
los libros y otras publicaciones que eran realizadas. Un escriba tena que realizar a mano
cada copia de cada libro o publiciacin. La escritura a mano era realizada con una pluma
y tinta hechas sobre vitelas o pergaminos. Los stilos de letra usados a tras de esos
aos incluan: Rstico, Carolingio, Letraoscura, etc. Hoy en da el uso ms comn de la
caligrafa son las invitaciones a bodas.
Existen tres tipos principales de caligrafa:

Occidental o Roman

Arabiga

China u Oriental

Este tutorial se enfoca fundamentalmente en la caligrafa Occidental, como los otros dos
stilos tienden al uso de la brocha (En vez de un esfero con mina), lo cual no se relaciona
al funcionamiento actual de nuestra herramienta de Caligrafa.
Una de las grandes ventajas que tenemos sobre los escribas del pasado, es el
comando Deshacer: Si usted comete un error, no se daa toda la pgina . La herramienta
Caligrafa de Inkscape permite algunas otras tcnicas que no seran posibles con una
pluma y tinta tradicional.

Hardware
Obtendra unos mejores resultados si usa una tableta y lpiz (eje. Wacom). Sin embargo,
por medio del ratn usted puede hacer algunos trazos caligrficos iniciales, piense que
tendr dificultad para producir trazos rpidos.
Inkscape no usa an sensibilidad de presin de un lpiz de tabla, pero esto no es un
problema, por que una pluma de caligrafa tradicional (diferente a una brocha) tambin no
es muy sensible a la presin. La pluma caligrfica de Inkscape puede ser sensible a
la velocidad del trazo (Observe "Adelgazar" ms adelante), entonces si usa el ratn,
probablemente desear en ver este parmetro.
If you have a tablet and would like to utilize the sensitivity features, you will need to
configure your device. This configuration will only need to be performed once and the
settings are saved. To enable this support you must have the tablet plugged in prior to
starting inkscape and then proceed to open the Input Devices... dialog through
the Edit menu. With this dialog open you can choose the preferred device and settings for
your tablet pen. Lastly, after choosing those settings, switch to the Calligraphy tool and
toggle the toolbar buttons for pressure and tilt. From now on, Inkscape will remember
those settings on startup.
The Inkscape calligraphy pen can be sensitive to the velocity of the stroke (see Thinning
below), so if you are using a mouse, you'll probably want to zero this parameter.

Opciones de la Herramienta de Caligrafa

Switch to the Calligraphy tool by pressing Ctrl+F6 , pressing the C key, or by clicking
on its toolbar button. On the top toolbar, you will notice there are 8 options: Width &
Thinning; Angle & Fixation; Caps; Tremor, Wiggle & Mass. There are also two buttons to
toggle tablet Pressure and Tilt sensitivity on and off (for drawing tablets).

Ancho & Adelgazar


This pair of options control the width of your pen. The width can vary from 1 to 100 and (by
default) is measured in units relative to the size of your editing window, but independent of
zoom. This makes sense, because the natural unit of measure in calligraphy is the range
of your hand's movement, and it is therefore convenient to have the width of your pen nib
in constant ratio to the size of your drawing board and not in some real units which would
make it depend on zoom. This behavior is optional though, so it can be changed for those
who would prefer absolute units regardless of zoom. To switch to this mode, use the
checkbox on the tool's Preferences page (you can open it by double-clicking the tool
button).
Desde que el ancho de la pluma sea cambiado a menudo, usted puede ajustarlo sin ir a la
barra de herramientas, usando las teclas de flechas izquierda y derecha . Lo mejor
de estas teclas es que trabajan de esta forma slo mientras dibuja, as que puede cambiar
el ancho de su pluma gradualmente en medio del trazo:

Pen width may also depend on the velocity, as controlled by the thinning parameter. This
parameter can take values from -100 to 100; zero means the width is independent of
velocity, positive values make faster strokes thinner, negative values make faster strokes
broader. The default of 0.1 means moderate thinning of fast strokes. Here are a few
examples, all drawn with width=20 and angle=90:

For fun, set Width and Thinning both to 100 (maximum) and draw with jerky movements to
get strangely naturalistic, neuron-like shapes:

ngulo & Fijacin


Despu del Ancho, el ngulo es el parmetro caligrfico ms importante. Este se refiere al
ngulo de su pluma en grados, cambiando desde 0 (horizontal) hasta 90 (vrtical en
sentido anti-horario) o hasta -90 (vrtical en sentido horario) :

Each traditional calligraphy style has its own prevalent pen angle. For example, the Uncial
hand uses the angle of 25 degrees. More complex hands and more experienced
calligraphers will often vary the angle while drawing, and Inkscape makes this possible by
pressing up and down arrow keys or with a tablet that supports the tilt sensitivity feature.
For beginning calligraphy lessons, however, keeping the angle constant will work best.
Here are examples of strokes drawn at different angles (fixation = 100):

Como podemos observar, el trazo es ms delgado cuando es dibujado paralelo a su


ngulo y es ms amplio cuando se dibuja perpendicular a este. ngulos postivos son ms
naturales y tradicionales para caligrafa con dibujo hecho con mano derecha .

The level of contrast between the thinnest and the thickest is controlled by
the fixation parameter. The value of 100 means that the angle is always constant, as set in
the Angle field. Decreasing fixation lets the pen turn a little against the direction of the
stroke. With fixation=0, pen rotates freely to be always perpendicular to the stroke, and
Angle has no effect anymore:

Hablando tipogrficamente, la fijacin mxima y por consiguiente el contraste del ancho


mximo del trazo son las caractersticas (ms adelante) de las fuentes antique serif, como
las Times o Bodoni (por que estas fuentes son histricamente una imitacin de la caligraf
de la pluma-arreglada). La fijacin Cero y el ancho de contraste Cero (Arriba a la
derecha), sobre la otra mano, sugiere la fuente actual Sans Serif, as como la Helvetica.

Tremor
Tremor is intended to give a more natural look to the calligraphy strokes. Tremor is
adjustable in the Controls bar with values ranging from 0 to 100. It will affect your strokes
producing anything from slight unevenness to wild blotches and splotches. This
significantly expands the creative range of the tool.

Wiggle & Mass


Diferente al ancho y al ngulo, estos dos ltimos parmetros definen como "siente" la
herramienta, ms all de como afectan su salida visual. A razn de esto en esta seccin
no habrn ilustraciones; en vez de esto intente usted mismo para poder tener una mejor
idea de lo que hacen estos parmetros.
Wiggle is the resistance of the paper to the movement of the pen. The default is at
minimum (0), and increasing this parameter makes paper slippery: if the mass is big, the
pen tends to run away on sharp turns; if the mass is zero, high wiggle makes the pen to
wiggle wildly.

In physics, mass is what causes inertia; the higher the mass of the Inkscape calligraphy
tool, the more it lags behind your mouse pointer and the more it smoothes out sharp turns
and quick jerks in your stroke. By default this value is quite small (2) so that the tool is fast
and responsive, but you can increase mass to get slower and smoother pen.

Ejemplos de caligrafa
Ahora que ya posee las capacidades bsicas de la herramienta, puede intentar producir
algunas caligrafs reales. Si es usted nuevo en este arte, adquiera un buen libro de
caligrafa y estudielo junto con el Inkscape. Esta seccin le mostrar unos pocos
ejemplos.
Primero que todo, para hacer letras, requiere crear un par de reglas para guiarse. Si usted
va a escribir con stilo inclinado o cursiva, agregue algunas guas inclinadas a travs de
las dos reglas, por ejemplo:

Entonces haga zoom de tal manera que la longitud entre las reglas corresponda al rango
natural de su escritura, ajuste el ancho y el ngulo, y aqu vamos!
Probably the first thing you would do as a beginner calligrapher is practice the basic
elements of letters vertical and horizontal stems, round strokes, slanted stems. Here
are some letter elements for the Uncial hand:

Algunos trucos interesantes:

Si siente comodidad sobre la tabla, no la mueva. En vez de eso, acomode la


pizarra ( Ctrl+tecla de flecha ) con su mano izquierda despus de finalizar cada
letra.

Si su ltimo contorno no est bien, tan slo deshgalo ( Ctrl+Z ). Sin embargo, si
una forma es buena pero la posicin o el tamao no son correctos, es mejor utilizar
temporalmente el Selector ( Barra Espaceadora ) y perfile/escale/rote de ser necesario
(usando el ratn o las teclas), luego presione Barra Espaceadora de nuevo para
retornar a la herramienta Caligrafa.

Habiendo realizado una palabra, cambie al selector de nuevo para ajustar las
barras y espaceado entre letras uniformemente. No exagere con esto, sin embargo; la
buena caligrafa debe conservar un stilo similar. Resista la tentacin de copiar letras y
sus elementos; cada contorno debe ser original.
Y aqu podemos observar alguno ejemplos completos:

Conclusin
La caligrafa no es slo divertida; es adems un arte espiritual que puede transformar su
visin sobre todo lo que hace y puede ver. La herramienta de caligrafa de Inkscape
puede servirle como una modesta introduccin para este arte. Y an es muy divertido
jugar jugar con ella y puede ser muy til en el diseo real. Disfrutela!

Inkscape tutorial: Elementos


Este tutorial demostrar los principios y elementos del diseo, los cuales son impartidos a
estudiantes principiantes de artes, esto para entender varias propiedades usadas en la
creacin de arte. Esta no es una lista exhaustiva, as que por favor agregue, sustriaga y
combine para hacer este tutorial ms completo.

Elementos del Diseo


Los siguientes elementos son las bases que costruyen el Diseo.

Lnea
Una lnea es definida como una marca con longitud y direccin, creada mediante un punto
que se mueve a lo largo de una superficie. Una lnea puede variar en longitud, ancho,
direccin, curvatura y color. La lnea puede ser de dos dimensiones (una lnea de lpiz
sobre papel), o tres dimensiones implcitas.

Forma
Un fgura plana o una forma es creada cuando lneas actuales o implcitas se encuentran
alrededor de un espacio. Un cambio en el color o el sombreado puede definir una forma.
Las formas pueden ser clasificadas en varios tipos: geomtricas (cuadrado, tringulo,
crculo) y orgnicas (irregulares en contorno).

Tamao
Este se refiere a las variaciones de las proporciones de los objetos, lneas o formas. Hay
una variacin de tamao en objetos ya sean reales o imginarios.

Espacio
Espacio es el rea vacia o abierta entre, alrededor, arriba, debajo o entre objetos. Figuras
y formas son realizadas en el espacio alrededor y entre l. El espacio tambin es llamado
bidimensional o tridimensional. El espacio positivo es rellenado con formas o fguras. El
espacio negativo rodea una forma o fgura.

Color
El Color es el caracter percibido de una superficie de acuerdo con la longitud de onda o la
luz reflejada desde esta. El Color posee tres dimensiones: TINTE (otra palabra para color,
indicada por su nombre as como rojo o amarillo), VALOR (su luminosidad o oscuridad),
INTENSIDAD (su brillo u opacidad).

Textura
La Textura es la forma como se siente la superficie (textura actual) o como puede ser
observada (textura mplicita). Las Texturas son descritas con palabras como spero,
sedoso o rugoso.

Valores
El Valor es que tan oscuro o claro se ve algo. Podemos alcanzar cambios de valores en el
color por medio de la adicin de blanco o negro a dicho color. Claroscuro usa valores en
los dibujo mediante contrastes de claros y oscuros en una composicin.

Principios de Diseo
Los principios emplean elementos del diseo para crear composiciones.

Balance
El Balance es el sentido de equidad visual en una forma, fgura, valor, calor, etc. El
Balance puede balancear simtricamente o uniformemente Objetos, valores, colores,
texturas, formas, etc., igualmente puede ser usada en la creacin de balances en la
composicin.

Contraste
El contraste es la juxtaposicin (fusin) de los elementos opuestos

nfasis
El nfasis es usado para crear ciertas partes de sus trabajos artsticos a travs de
llamado atencin de manera especial. El centro de inters o punto foco es el lugar del
dibujo que le invita a enfocar su mirada.

Proporcin
La Proporcin describe el tamao, ubicacin o el monto de una cosa comparada con otra.

Patrones
Los Patrones son creados mediante la repeticin de un elemento (lnea, forma o color)
una y otra vez.

Gradacin
La Gradacin es el tamao y direccin producidas por una perspectiva lineal. La
Gradacin del color es desde gamas calidas a fras y por su parte los tonos oscuros a
claros producen unas perspectiva area. La Gradacin puede agregar inters y
movimiento a una forma. Una Gradacin desde oscuro a claro causar que la vitas se
transporte a lo largo de la forma.

Composicin
La combinacin de distintos elementos para formar un todo.

Bibliografa
Esta es una bibliografa parcial usada para construir este documento.

http://www.makart.com/resources/artclass/EPlist.html

http://www.princetonol.com/groups/iad/Files/elements2.htm

http://www.johnlovett.com/test.htm

http://digital-web.com/articles/elements_of_design/

http://digital-web.com/articles/principles_of_design/

Special thanks to Linda Kim (http://www.coroflot.com/redlucite/) for helping me


(http://www.rejon.org/) with this tutorial. Also, thanks to the Open Clip Art Library
(http://www.openclipart.org/) and the graphics people have submitted to that project.

Inkscape tutorial: Trucos y Consejos


Este tutorial mostrar varios trucos y consejos que los usuarios han aprendido a travs
del uso de Inkscape y algunas caractersiticas y opciones "ocultas" que le ayudaran a
aumentar la velocidad en la produccin de sus trabajos.

Colocacin Radial con Colenes en Mosaico


It's easy to see how to use the Create Tile Clones dialog for rectangular grids and
patterns. But what if you need radial placement, where objects share a common center of
rotation? It's possible too!
Si su patrn radial requiere tener slo 3, 4, 6, 8 o 12 elementos, entonces usted puede
intentar las simetras P3, P31M, P3M1, P4, P4M, P6, o P6M. Estas pueden funcionar
perfecto para copos de nieve y similares. Un mtodo ms general es el siguiente.
Escoja la simetra P1 (traslacin simple) y despus compensar para que esa traslacin
vaya a la pestaa Desplazamiento y configure Por Fila/Y y Por columna/X ambos a
-100%. Ahora todos los clones sern colocados en la parte superior del original. Todo lo
que queda por hacer es ir a la pestaa Rotacin y configurar con algn ngulo de
rotacin por columna, despus cree el patrn con una fila con mltiples columnas. Por
ejemplo, he aqu un patrn hecho a partir de una lnea horizontal, con 30 columnas, cada
columna rotada 6 grados:

Para obtener un radio de reloj, todo lo que tiene que hacer es cortar o simplemente
superponer la parte central mediante un crculo blanco (para hacer operaciones
booleanas sobre clones, desconctelos primero).
Efectos ms interesantes pueden ser creados mediante el uso de ambas filas y columnas.
Aqu hay un patrn con 10 columnas y 8 filas, con rotacin de 2 grados por fila y 18
grados por columna. Aqu cada grupo de lneas es una "columna", as los grupos estn a
18 grados del otro; en cada columna, lneas individuales estn 2 grados aparte:

In the above examples, the line was rotated around its center. But what if you want the
center to be outside of your shape? Just create an invisible (no fill, no stroke) rectangle
which would cover your shape and whose center is in the point you need, group the shape
and the rectangle together, and then use Create Tile Clones on that group. This is how
you can do nice explosions or starbursts by randomizing scale, rotation, and possibly
opacity:

How to do slicing (multiple rectangular export


areas)?
Create a new layer, in that layer create invisible rectangles covering parts of your image.
Make sure your document uses the px unit (default), turn on grid and snap the rects to the
grid so that each one spans a whole number of px units. Assign meaningful ids to the
rects, and export each one to its own file (File > Export PNG Image ( Shift+Ctrl+E )).
Then the rects will remember their export filenames. After that, it's very easy to re-export
some of the rects: switch to the export layer, use Tab to select the one you need (or use
Find by id), and click Export in the dialog. Or, you can write a shell script or batch file to
export all of your areas, with a command like:
inkscape -i area-id -t filename.svg
for each exported area. The -t switch tells it to use the remembered filename hint,
otherwise you can provide the export filename with the -e switch. Alternatively, you can use
the Extensions > Web > Slicer extensions, or Extensions > Export > Guillotine for
similar results.

Gradientes No-lineales

La versin 1.1 de SVG no soporta gradientes no-lineales (i.e. aquellos que poseen una
traslacin no-lineal entre colores). Usted puede, sin embargo, los emula mediante los
gradientes multiparada.
Inicie con un simple gradiente dos-puntos. Abra el editor de Gradiente (e.g. mediante
doble-click en cualquier manejador de gradiente en la herramienta Gradiente). Agregue un
nuevo punto de gradiente en el medio; arrastrelo un poco. Entonces adiciones dos puntos
ms antes y despus del punto medio y arrastrelos tanbin, as el gradiente es suave. A
mayor nmero de puntos que sean agregados, ms suave va a ser el gradiente
resultante. Aqu podemos observar el gradiente inicial negro-blanco con dos puntos:

Y aqu hay varios gradientes "no-lineales" multi-punto (examnelos en el Editor de


Gradientes):

Gradientes Radiales Excentricos


Los gradientes radiales no tienen por que ser simtricos. En la herramienta Gradiente,
arrastre el manejador central de un gradiente elptico con Mayus . Esto mover
el manejador de foco del gradiente lejos de su centro. cuando usted no lo necesite, puede
ajustar el foco a un esto anterior arrastrndolo cerca del centro.

Alineando al centro de la pgina


To align something to the center or side of a page, select the object or group and then
choose Page from the Relative to: list in the Align and Distribute dialog
( Shift+Ctrl+A ).

Limpiar el documento
Many of the no-longer-used gradients, patterns, and markers (more precisely, those which
you edited manually) remain in the corresponding palettes and can be reused for new
objects. However if you want to optimize your document, use the Clean up
Documentcommand in File menu. It will remove any gradients, patterns, or markers
which are not used by anything in the document, making the file smaller.

Caractersticas ocultas del editor de XML


The XML editor ( Shift+Ctrl+X ) allows you to change almost all aspects of the
document without using an external text editor. Also, Inkscape usually supports more SVG
features than are accessible from the GUI. The XML editor is one way to get access to
these features (if you know SVG).

Cambiando las unidades de medida de las reglas


In the default template, the unit of measure used by the rulers is px (SVG user unit, in
Inkscape it's equal to 0.8pt or 1/90 of the inch). This is also the unit used in displaying
coordinates at the lower-left corner and preselected in all units menus. (You can always
hover your mouse over a ruler to see the tooltip with the units it uses.) To change this,

open Document Properties ( Shift+Ctrl+D ) and change theDefault units on


the Page tab.

Estampado
Para crear varias copias de un objeto, use estampado. Tan slo arrastre un objeto (o
esclelo o rtelo), y mientras lo mantiene presionado con el ratn, presione Barra
Espaceadora . Esto permite una "estampilla" del objeto o forma actual. Usted puede

repetir tantas veces como lo desee.

Trucos de la herramienta Pluma


En la herramienta Pluma (Bezier), usted puede obtener las siguientes opciones para
finalizar la lnea actual:

Presione Enter

Doble click con el botn izquiero del ratn

Select the Pen tool from the toolbar

Seleccione otra herramienta


Note que mientras el trazo no est finalizado (i.e. es mostrado verde, con el segmento
actual de color rojo) este no existe an como un objeto en el documento. aems, para
cancelar esto, use o Esc (cancela todo el trazo) o Barra Espaceadora (remueva el
ltimo segmento del trazo sin finalizar) en vez del comando Deshacer.
Para agregar un nuevo subtrazo para un trazo existente, seleccione el trazoo y inicie a
dibujar con Mayus desde un punto arbitrario. Si, sin embargo, lo que quiere simplificarIf,
however, what you want is to simply continue an existing path, Mayus is not necessary;
just start drawing from one of the end anchors of the selected path.

Ingresando valores Unicode

While in the Text tool, pressing Ctrl+U toggles between Unicode and normal mode. In
Unicode mode, each group of 4 hexadecimal digits you type becomes a single Unicode
character, thus allowing you to enter arbitrary symbols (as long as you know their Unicode
codepoints and the font supports them). To finish the Unicode input, press Enter . For
example, Ctrl+U 2 0 1 4 Enter inserts an em-dash (). To quit the Unicode mode
without inserting anything press Esc .
You can also use the Text > Glyphs dialog to search for and insert glyphs into your
document.

Usando la rejilla para dibujar conos


Supongamos que desea crear conos de 24x24 pixeles. Cree una pizarra de 24x24
pixeles (use Preferencias de Documento) y configure la pizarra a 0.5 px (48x48 lneas
de rejilla). Ahora, si desea alinear objetos rellenos hasta las lneas de rejilla, y objetos
bordeados a lneas de rejillas impares con el ancho del borde en px siendo un nmero
costante, y exportelos al por defecto 90dpi (as que 1 px se convierta en 1 pixel de mapa
de bits), uste puede obtener una imagen interesante sin necesidad de antializado.

Rotacin de Objetos
Estando con la herramienta Seleccin, haga click sobre un objeto para ver las flechas
de escalado, entonces haga click nuevamente sobre el objeto para observar las
flechas de rotacin y cambio. Si Las flechas en las esquinas son clickeadas y arrastradas,
el objeto rotar alrededor del centro (mostrado con una marca de cruz). Si mantiene
presionada la tecla Mayus mientras hace esto, la rotacin ser alrededor de la esquina
opuesta. Tambin puede arrastrar el centro de rotacin a cualquier lugar.
O, puede rotar desde el teclado presionando [ y ] (por 15 grados) o Ctrl+
[ y Ctrl+] (por 90 grados). Las mismas teclas [] junto con Alt desarrollan una

lenta rotacin a partir del tamao de pixel.

Mapa de bits arrojando sombras

To quickly create drop shadows for objects, use the Filters > Shadows and Glows >
Drop Shadow... feature.
You can also easily create blurred drop shadows for objects manually with blur in the Fill
and Stroke dialog. Select an object, duplicate it by Ctrl+D , press PgDown to put it
beneath original object, place it a little to the right and lower than original object. Now open
Fill And Stroke dialog and change Blur value to, say, 5.0. That's it!

Colocando texto sobre un trazo


Para colocar texto a lo largo de una curva, seleccione el texto y la curva y escoja Poner
en trayecto desde el men Texto. El texto iniciar en el principio del trazo. En general
este es la mejor manera de crear un trazo explcito del cual desea que el texto este
ajustado, mejor que esto, ajstelo a otros elementos de dibujo esto le dar un mayor
control sin tener que atornillarlo a su dibujo.

Selecting the original


When you have a text on path, a linked offset, or a clone, their source object/path may be
difficult to select because it may be directly underneath, or made invisible and/or locked.
The magic key Mayus+D will help you; select the text, linked offset, or clone, and
press Mayus+D to move selection to the corresponding path, offset source, or clone
original.

Recuperacin de la salida de la ventana


When moving documents between systems with different resolutions or number of
displays, you may find Inkscape has saved a window position that places the window out
of reach on your screen. Simply maximise the window (which will bring it back into view,
use the task bar), save and reload. You can avoid this altogether by unchecking the global
option to save window geometry (Inkscape Preferences,Interface >
Windows section).

Exporte de Trasparencias, gradientes y PostScript

Los formatos PostScript o EPS no admiten trasparencias, as que usted nunca los emplea
si los va a exportar a PS/EPS. En el caso de trsparencias planas las cuales superpongan
colores planos, es sencillo arreglar esto: seleccione uno de los objetos trasparentes;
cambie a la herramienta Cuentagotas ( F7 ); asegurese que este est en el modo
"escoger color visible sin alfa"; de click sobre ese mismo objeto. Este escoger el color
visible y lo asignar al objeto, pero esta vez sin trasparencia. Repita para todos los
objetos trasparentes. Si sus colores trasparentes superponen mltiples reas de color,
usted necesitar el quebrales en piezas respectivamente y aplicar este procedimiento a
cada pieza.

Inkscape tutorial: Interpolar


Ryan Lerch, ryanlerch en gmail punto com
En este documento se explica cmo utilizar la extensin Interpolar de Inkscape

Introduccin
Interpolar hace una interpolacin lineal entre dos o ms seleccionados
caminos. Bsicamente significa que "llena los vacos" entre los caminos y los transforma
de acuerdo con el nmero de pasos que se indican.
Para utilizar la extensin Interpolar, seleccionar los caminos que desea transformar, y
seleccione Extensiones> Generar De Ruta> Interpolar del men.
Antes de invocar la extensin, los objetos que se van a transformar necesitan
estar caminos . Esto se hace seleccionando el objeto y el uso de Ruta> Objeto a
trayecto o Shift + Ctrl + C . Si los objetos no son caminos, la extensin no har
nada.

La interpolacin entre dos caminos idnticos


El uso ms simple de la extensin Interpolar es para interpolar entre dos caminos que son
idnticos. Cuando la extensin se llama, el resultado es que el espacio entre los dos
caminos se llena con duplicados de las rutas originales. El nmero de pasos define
cuntos de estos duplicados se colocan.
Por ejemplo, tome las dos siguientes rutas:

Ahora, seleccione los dos caminos, y ejecutar la extensin Interpolar con los ajustes que
se muestran en la siguiente imagen.

Como puede observarse a partir del resultado anterior, el espacio entre las dos vas en
forma de crculo se ha llenado con 6 (el nmero de pasos de interpolacin) otros caminos
en forma de crculo. Tambin tenga en cuenta que los grupos de extensiones estas
formas juntos.

La interpolacin entre dos caminos diferentes


Cuando la interpolacin se realiza en dos caminos diferentes, el programa interpola la
forma de la trayectoria de uno en el otro. El resultado es que se obtiene una secuencia de
morphing entre los caminos, con la regularidad todava definido por el valor de
interpolacin pasos.
Por ejemplo, tome las dos siguientes rutas:

Ahora, seleccione los dos caminos, y ejecutar la extensin Interpolar. El resultado debe
ser como este:

Como puede observarse a partir del resultado anterior, el espacio entre la trayectoria en
forma de crculo y el camino en forma de tringulo se ha llenado con 6 caminos que el
progreso en forma de una ruta de acceso a la otra.
Cuando se utiliza la extensin Interpolar en dos caminos diferentes, la posicin del nodo
de inicio de cada camino es importante. Para encontrar el nodo de partida de una ruta,
seleccionar la ruta, a continuacin, elija la herramienta Nodo de manera que los nodos
aparecen y pulse TAB . El primer nodo que se selecciona es el nodo de partida de ese
camino.
Ver la imagen de abajo, que es idntico al ejemplo anterior, adems de que se muestran
los puntos de unin. El nodo que es verde en cada ruta es el nodo de partida.

El ejemplo anterior (que se muestra de nuevo ms adelante) se realiz con estos nodos
es el nodo de partida.

Ahora, cuenta de los cambios en el resultado de interpolacin cuando el camino tringulo


se refleja de modo que el nodo de partida est en una posicin diferente:

Mtodo de interpolacin
Uno de los parmetros de la extensin Interpolar es el mtodo de interpolacin. Hay 2
mtodos de interpolacin implementados, y difieren en la forma en que se calculan las
curvas de las nuevas formas. Las opciones son mtodo de interpolacin 1 o 2.
En los ejemplos anteriores, se utiliz el mtodo de interpolacin 2, y el resultado fue:

Ahora comparar esto con interpolacin Mtodo 1:

Las diferencias en la forma en que estos mtodos de clculo de los nmeros est ms
all del alcance de este documento, por lo tanto, simplemente tratar y utilizar los que
alguna vez se da el resultado ms cerca de lo que se propone.

Exponente
El parmetro exponente controla el espaciado entre los pasos de la interpolacin. Un
exponente de 0 hace que la separacin entre las copias todos pares.
Este es el resultado de otro ejemplo bsico con un exponente de 0.

El mismo ejemplo con un exponente de 1:

con un exponente de 2:

y con un exponente de -1:

Cuando se trata de exponentes en la extensin Interpolar, el fin de seleccionar los objetos


es importante. En los ejemplos anteriores, se seleccion la ruta en forma de estrella de la
izquierda primero, y se seleccion la ruta en forma de hexgono de la derecha segundos.
Ver el resultado cuando se seleccion el camino de la derecha en primer lugar. El
exponente en este ejemplo se establece en 1:

duplicados Endpaths
Este parmetro define si el grupo de trayectorias que se genera por la extensin incluye
una copia completa de los originales que se aplic sobre interpolar.

Estilo Interpolar
Este parmetro es una de las funciones ordenadas de la extensin Interpolar. Se indica a
la extensin para intentar cambiar el estilo de los caminos en cada paso. As que si los
caminos de inicio y fin son diferentes colores, los caminos que se generan de forma
incremental se cambian tambin.
Aqu est un ejemplo donde se utiliza la funcin Interpolar Estilo en el relleno de un
camino:

Interpolar Style tambin afecta al trazo de un trazado:

Por supuesto, el camino del punto de inicio y el punto final no tiene que ser el mismo o
bien:

Usando Interpolar a los gradientes de forma irregular falsos


Que (todava) no es posible en Inkscape para crear un gradiente que no sea lineal (lnea
recta) o radial (vuelta). Sin embargo, puede ser falsificada con la extensin Interpolar y
Estilo Interpolar. Un ejemplo sencillo - dibujar dos lneas de trazos diferentes:

E interpolar entre las dos lneas para crear el gradiente:

Conclusin
Como se ha demostrado anteriormente, la extensin Interpolar Inkscape es una
herramienta poderosa. Este tutorial cubre los conceptos bsicos de esta extensin, pero
la experimentacin es la clave para la exploracin de interpolacin ms.

Inkscape tutorial: Avanzado


bulia byak, buliabyak@users.sf.net and josh andler, scislac@users.sf.net
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 , ruedad del ratn o arrastran con botn central del
ratn para situar la pgina. Para las bases acerca de la creacin de objetos, seleccin

y transformacin, observe el tutorial bsico en Ayuda > Tutoriales.

Tcnicas de pegado
Despus de que usted copia algn(os) objeto(s) mediante Ctrl+C o corta
mediante Ctrl+X , el comando regular Pegar ( Ctrl+V ) pega el/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 del documento. Sin embargo, el/los objeto(s) en el portapapeles an
recuerdan el lugar original donde fue(ron) copiado(s) y usted puede copiarlos de nuevo en
ese lugar mediante Pegar en el sitio ( Ctrl+Alt+V ).
Otro comando, Pegar estilo ( 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, tales como el nmero de puntas de una estrella.
Yet another set of paste commands, Paste Size, scales the selection to match the desired
size attribute of the clipboard object(s). There are a number of commands for pasting size
and are as follows: Paste Size, Paste Width, Paste Height, Paste Size Separately, Paste
Width Separately, and Paste Height Separately.
Paste Size scales the whole selection to match the overall size of the clipboard
object(s). Paste Width/Paste Height scale the whole selection horizontally/vertically so
that it matches the width/height of the clipboard object(s). These commands honor the
scale ratio lock on the Selector Tool controls bar (between W and H fields), so that when
that lock is pressed, the other dimension of the selected object is scaled in the same
proportion; otherwise the other dimension is unchanged. The commands containing
Separately work similarly to the above described commands, except that they scale each
selected object separately to make it match the size/width/height of the clipboard object(s).
Clipboard is system-wide - you can copy/paste objects between different Inkscape
instances as well as between Inkscape and other applications (which must be able to
handle SVG on the clipboard to use this).

Dibujando a mano alzada y trazos regulares

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

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 line segments. click and drag creates
a smooth Bezier node with two collinear opposite handles. Press Shift while dragging
out a handle to rotate only one handle and fix the other. As usual, Ctrl limits the
direction of either the current line segment or the Bezier handles to 15 degree increments.
Pressing Enter finalizes the line, Esc cancels it. To cancel only the last segment of an
unfinished line, press Backspace .
En ambas herramientas, el trazo actualmente seleccionado muestra una
pequea ancla cuadrada en ambos finales. Estas anclas le permiten continuar este trazo

(mediante arrastrado desde uno de las anclas) o cierrelo (mediante arrastrado de una
ancla a la otra) en vez de crear una nueva.

Editando trazos
Diferente a las formas creadas con la herramienta Forma, las herramientas Pluma y Lpiz
crean lo que es denominado trazos. Un trazo es una secuencia de segmentos de lnea
recta y/o como las curvas Bezier, como cualquier otro objeto de Inkscape, puede tener
unas propiedades arbitrarias de relleno y borde. Pero diferente a una forma, un trazo
puede ser editado mediante arrastrado libre de cualquiera de 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 a rubberband - exactly like
objects are selected by the Selector tool. You can also click a path segment to
automatically select the adjacent nodes. Selected nodes become highlighted and show
their node handles - one or two small circles connected to each selected node by straight
lines. The ! key inverts node selection in the current subpath(s) (i.e. subpaths with at
least one selected node); Alt+! inverts in the 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 path segments of the above
path.) Ctrl works as usual to restrict movement and rotation.
The arrow keys, Tab , [ , ] , < , > keys with their 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 either double 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 the handles 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 can join 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 node and surrounding autosmooth nodes to maintain a smooth curve. When you switch the type of node, you can
preserve the position of one of 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 poseen sus manejadores
retraidos, el segmento de trazo entre ellos es una lnea recta. Para salir del nodo retraido,
haga Mayus+drag lejos del nodo.

Subtrazos y combinacin
Un objeto trazo puede contener ms de un subtrazo. Un subtrazo es una secuencia de
nodos concetados entre si. (Por lo tanto, si un trazo tiene ms de un subtrazo no todos los
nodos estn conectados.) Abajo a la izquierda, tres subtrazos pertenecen a un trazo
simple compuesto; 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 usted selecciona 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 trazo compuesto 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 "Operaciones Booleanas" ms adelante.

Convirtiendo a trazo
Any shape or text object can be converted to path ( Shift+Ctrl+C ). This operation does
not change the appearance of the object but removes 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
now edit 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 compare their editability when selected:

Adems, usted puede convertir a trazo ("delineado") el Borde de cualquier objeto.


Adelante, el primer objeto es el trazo original (sin relleno, borde negro), mientras que el
segundo es el resultado del comando Borde a Trazo (relleno negro, sin borde):

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

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; otros pueden 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 ltimo agrega nodos donde estaban las
intersecciones de trazos originales. La diferencia entre Divisin y Cortar Trazo radica en
que el primero de ellos corta completamente el objeto del fondo por el trazo del objeto de
la parte superior, mientras el ltimo solo corta el borde del objeto del fondo y remueve
cualquier relleno (esto es conveniente para cortado en piezas de bordes sin-relleno).

Reducir y ampliar

Inkscape 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, ms conveniente es Desvo
Dinamico ( 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 obtener una idea:

Como un objeto desviado dinmicamente recuerda el trazo original, este no "degrada"


cuando usted cambia la distancia de desviado una y otra 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 mantiene editable. Usted puede tener cualquier
nmero de desvos enlazadas para un trazo fuente. Adelante, el trazo fuente es rojo, un
desvo enlazado 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 las desviaciones y arrastre sus manejadores
para ajustar el radio de desviacin. Finalmente, note como moviendo o transformando el
fuente mueve todos los objetos desviados enlazados a el y como usted puede mover o
transformar objetos desviados independientemente sin perder su conexin con el fuente.

Simplificacin
El uso principal del comando Simplificar ( Ctrl+L ) es reducir el nmero de nodos de un
trazo mientras casi preserve su forma. Esto puede ser 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 original tiene 28 nodos, mientras que
el simplificado posee 17 (lo cual significa que es mucho ms sencillo de trabajar con la
herramienta Nodo) y es 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 con algn 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 llamada sea en 0.5 seg entre
cada uno). El umbral es incrementado en cada llamado. (Si hace otro Simplificar despus
de una pausa, el umbral es devuelto a su valor por defecto.) Haciendo uso de la
aceleracin, es fcil de aplicar para el monto exacto de simplificacin que usted requiere
en cada caso.
Besides smoothing freehand strokes, Simplify can be used for various creative effects.
Often, a shape which is rigid and geometric benefits from some amount of simplification
that creates cool life-like generalizations of the original form - melting sharp corners and
introducing very natural distortions, sometimes stylish and sometimes plain funny. Here's
an example of a clipart shape that looks much nicer after Simplify:

Creando texto
Inkscape es capaz de crear textos largos y complejos. Sin embargo, esto el algo muy
conveniente para la creacin de textos pequeos como cabeceras, banners, logos,
etiquetas de diagramas y captura, etc. Esta seccin es una introduccin muy bsica
acerca de las capacidades 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 tiene una pestaa de entreda de texto donde usted puede editar el objeto de
texto seleccionado - en algunas situaciones, esto puede ser ms conveniente 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 existing text 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 provee atajos por teclado para esto.
Cuando se encuentra editando texto, las teclas Alt+< y Alt+> cambian el espaceado
de letras en la lnea actual de un objeto de texto, as que la longitud total de las lneas
cambian en 1 pixel en la visualizacin actual (compare con la herramienta Selector donde
la misma tecla hace un excalado de objeto tamao-pixel). Como una regla, si el tamao
de fuente en un objeto de 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 son uniformes, 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 espaceados y use Alt+flechas para mover
las letras a partir del cursor. He aqu el mismo encabezado de nuevo, en esta ocasin con
ajuste manuales para un posisionado de letras visualmente uniforme:

Adicionalmente, para movimiento horizontal de letras es


mediante Alt+Izquierda o Alt+Derecha , tambin puede moverlas verticalmente
mediante Alt+Arriba o Alt+Abajo :

Of course you could just convert your text to path ( Shift+Ctrl+C ) and move the letters
as regular path objects. However, it is much more convenient to keep text as text - it
remains editable, you can try different fonts without removing the kerns and spacing, and it
takes much less space in the saved file. The only disadvantage to the text as text
approach is that you need to have the original font installed on 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 teclas Ctrl+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 produce efectos 10 veces
ms grande que sin el Mayus.

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

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

Potrebbero piacerti anche