Dibujando con Inkscape

Escrito por Arturo Garca Fraile

Viernes, 03 de Marzo de 2006 14:45

nbsp;

Dibujando con Inkscape. Elementos de Diseo.

Cuando abrimos Inkscape, nos aparece la siguiente pantalla:

La columna izquierda es la barra de Herramientas:

1 / 24

Dibujando con Inkscape

Escrito por Arturo Garca Fraile
Viernes, 03 de Marzo de 2006 14:45

Vamos
a empezar
dibujando
las
formas
ms
simples.
Lnea
Es el
Inkscape
elemento
tiene
varias
ms
sencillo.
herramientas
Se
puede
para
hacer
lalneas.
longitud,
ancho,
direccin,
curvatura
y color.
Herramienta
dibujar
lnea
alas
mano
alzada:
Para
hacer
una
recta
se
hace
clic
el
punto
inicial
clic
en
elcada
final.
Se
ratn
este
seleccionado
propiedades
pueden
momento
sobre
editar
cualquier
del
elsi
objeto,
objeto.
hacemos
las
propiedades
punto
siEn
hacemos
click
de
propiedades
lasobre
lnea,
de
click
laeldefinir
veremos
lnea
objeto,
con
botn
seleccionndola,
ste
que
derecho
el
cursor
del
se
para
ratn,
con
transforma
flechas.
ello
aparecen
se
sita
Una
en
las
una
el
vez
cursor
cruz,
del
en y
yyaparecer
borde
estilo
del
trazo.
podemos
variar
el
color,
anchura
Todos
los
objetos
se
seleccionan
yen
editan
derelleno
esta
forma,
pero
uno
tiene
sus
propiedades.

2 / 24

Dibujando con Inkscape

Escrito por Arturo Garca Fraile
Viernes, 03 de Marzo de 2006 14:45

Aqu tenemos varios tipos de lnea:

Con
arrastra
arriba.
estaelherramienta
comotambin
si
fuera
podemos
un
lpiz,
dibujando
hacer
cualquier
lapodemos
forma.
trazo.
Un
Para
ejemplo
ello
se
ve
hace
en clic
la
figura
y se ade
cerrarlas,
Si
volvemos
siratn,
queremos,
a pinchar
en
hasta
cadaformar
extremo
un polgono,
de
la lnea,
como
en
las
hacer
figuras
lneas
dese
abajo.
unidas
y llegar

Figuras planas
Ya hemos visto como se pueden crear figuras planas con la herramienta lnea.

Inkscape tiene herramientas para hacer formas geomtricas: cuadrado, rectngulo, polgono,
3 / 24

Dibujando con Inkscape

Escrito por Arturo Garca Fraile
Viernes, 03 de Marzo de 2006 14:45

crculo, etc.

Vamos a ver cmo funciona cada herramienta.

Cuadrados y rectngulos

Un rectngulo es la forma ms simple y ms comn en el Diseo y la Ilustracin. Inkscape

permite la creacin y edicin de rectngulos directamente con la herramienta Rectngulo. Para
ello se hace click sobre el botn correspondiente en la barra de Herramientas.

Para dibujar un cuadrado se hace igual pero con la tecla ctrl pulsada mientras se arrastra. De
esta forma tambin se hacen
rectngul
os de radio-entero (2:1, 3:1, etc).

4 / 24

Dibujando con Inkscape

Escrito por Arturo Garca Fraile
Viernes, 03 de Marzo de 2006 14:45

Como podemos observar, el rectngulo seleccionado (El Rectngulo recin dibujado es

siempre seleccionado) muestra tres manejadores en tres de sus esquinas. En la esquina
superior derecha se sobreponen dos si el rectngulo no est redondeado. Estos dos son los m
anejadores de redondeado de las esquinas
; los otros dos (superior izquierdo e inferior derecho) son los
manejadores de tamao
. Jugando con los manejadores hemos diseado los rectngulos de arriba.

La barra de Control de Herramientas muestra el radio del redondeado horizontal (Rx) y vertical
(
Ry
) del rectngulo seleccionado y permite configurarlos precisamente usando cualquier unidad de
medida. El botn
No redondeado
quita el redondeado del/los rectngulo(s) seleccionados.

En el tutorial de Inkscape viene el siguiente diseo. En l 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:

5 / 24

Dibujando con Inkscape

Escrito por Arturo Garca Fraile
Viernes, 03 de Marzo de 2006 14:45

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:

6 / 24

Dibujando con Inkscape

Escrito por Arturo Garca Fraile
Viernes, 03 de Marzo de 2006 14:45

Crculos, elipses y arcos

Inkscape trae una herramienta especfica para hacer esto.

Basta con seleccionarla, situar el ratn, arrastrar y se dibujar la forma.

Para hacer crculos hay que mantener pulsada la tecla ctrl.

Para hacer arcos hay que seleccionar el botn abierto.

Como podemos observar, el la forma seleccionada (La forma recin dibujada es siempre la
seleccionada) muestra varios manejadores, los dos del extremo del arco sirven para manejar la
amplitud del arco; los otros son los manejadores de tamao y forma de la elipse. Jugando con
los manejadores hemos diseado las formas de arriba.

Se pueden editar las propiedades de la forma, seleccionndola y clic con botn derecho, en rell
eno y borde
podemos variar el color, anchura y estilo del trazo.

7 / 24

Dibujando con Inkscape

Escrito por Arturo Garca Fraile
Viernes, 03 de Marzo de 2006 14:45

Como ejemplo
siguiente
diseo:
de lo que se puede hacer con estas formas, en el tutorial de Inkscape viene el

8 / 24

Dibujando con Inkscape

Escrito por Arturo Garca Fraile
Viernes, 03 de Marzo de 2006 14:45

Polgonos
y estrellas
Inkscape
ratn,
arrastrar
trae
una
y seherramienta
dibujar la especfica
forma.
para hacer esto. Basta con seleccionarla, situar el

Como
seleccionada)
una
podemos
sobre
muestra
observar,
una
esquina
dos
la
manejadores,
forma
seleccionada
el
primer
(La
forma
recin
(inicialmente
dibujada
es
serota
siempre
encuentra
laen
sobre
convexa
cortos,
este.
manejador
Esto
pero
significa
(inicialmente
cuando
que
los
no
rota
envienen
puede
una
(relativo
esquina
inclinar
alpuede
de
centro
los
laradial
estrella)
rayos
de
la
de
figura),
hace
la puntas
estrella
los
el rayos
otro
con
manejador
de
este
la herramienta.
estrella
manejador.
ms
deobtener
acuerdo
El
largos
otro
oa
concava
medio
manejador.
gran
variedad
de
los
Este
dos
de
es
formas.
vrtices)
el
manejador
se
puede
que
mover
inclinar
y manejador
tangencialmente,
las
de
las
respecto
estrellas
al
para
otro
En
elcima,
tutorial
de
Inkscape
los
siguientes
diseos,
hechos
con
esta

9 / 24

Dibujando con Inkscape

Escrito por Arturo Garca Fraile
Viernes, 03 de Marzo de 2006 14:45

Jugando
hecho
estas
condivertidas
los parmetros
figuras.
nmero de esquinas, longitud radio, redondez y aleatorio; hemos

Si clase
enposicin
el parmetro
Redondez
ejemplos,
la
totalmente
una
que
cada
impredecibles.
usted
lejana
unoespera;
ms
indicando
all
Una
otros
de
ponemos
su
estrella
la
valores
valor
posicin
con
de
valores
tienden
redondez:
valores
de sus
entre
a producir
manejadores.
de 0.2
redondez
a patrones
0.4, dan
muy
He un
aqu
hermosos,
grandes
redondeado
unospuede
cuantos
difciles
"normal"
alcanzar
y
de

10 / 24

Dibujando con Inkscape

Escrito por Arturo Garca Fraile
Viernes, 03 de Marzo de 2006 14:45

Si desea
es
fcil deque
hacer
las creando
puntas de
unlas
estrellas
sean afiladas
cncavas
suavemente o viceversa,
Desvo
automtico
(Ctrl+Jpero
) desde
la estrella:

El parmetro alta
aleatorio
aleatoriedad
impredecibles.
Veamos
es unabaja
varios
forma
hace
ejemplos:
emocionante
a la estrellapara
menos
obtener
regular,
unams
variedad
humana,
de alocadas
ms divertida;
formas

11 / 24

Dibujando con Inkscape

Escrito por Arturo Garca Fraile
Viernes, 03 de Marzo de 2006 14:45

Es divertido jugar con los parmetros, cambiando valores, y comprobar qu pasa.

Espirales

Inkscape trae una herramienta especfica para hacerlas. Basta con seleccionarla, situar el
ratn, arrastrar y se dibujar la forma.

Como podemos observar, la forma seleccionada (La forma recin dibujada es siempre la
seleccionada) muestra dos manejadores, el de inicio y finalizacin de la espiral. Cuando son
arrastrados, simplemente enrollan o desenrrollan la espiral.

La espiral tiene varios parmetros que podemos variar. La divergenciaes 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 por el centro:

12 / 24

Dibujando con Inkscape

Escrito por Arturo Garca Fraile
Viernes, 03 de Marzo de 2006 14:45

El
nmero
mximo
delegiros
para
la
espiral
es 1024.
La
herramienta
es
til
para
hacer
curvas
con
curvatura
suavidad
variable.
Comparada
podemos
afectar
suhacerlas
forma.
con
laSe
ms
curva
puede
cortas
plana
agregar
oBezier,
largas
relleno
un
arrastrando
arco
yodiseos,
quitar
una
un
espiral
el
manejador
borde
esde
para
mucho
a
lo
crear
largo
ms
efectos
de
conveniente
la curva
interesantes.
sin
porque
En
el tutorial
de Espiral
Inkscape
vienen
los
siguientes
hechos
con
esta
herramienta:

Si hacemos espirales con borde punteado, podemos conseguir efectos moir:

Trabajando con las formas: Mover, escalar y rotar.

Para manipular un objeto o forma, lo primero que hay que hacer es seleccionarlo. Para ello,
hay que pinchar en el botn superior (con la forma de cursor) de la barra de herramientas,
despus, como ya explicamos en la forma lnea, se sita el cursor del ratn sobre cualquier
punto del objeto, veremos que el cursor se transforma en una cruz, en este momento si
hacemos click sobre el objeto, ste aparecer con flechas. Una vez seleccionado el objeto, si
hacemos click con botn derecho del ratn, aparecen las propiedades del objeto. As, podemos
seleccionar cualquier objeto de la pizarra.

13 / 24

Dibujando con Inkscape

Escrito por Arturo Garca Fraile
Viernes, 03 de Marzo de 2006 14:45

Ya explicamos en cada una de las formas bsicas; lnea, cuadrado, crculo, etc.; sus
propiedades fundamentales. Podemos trabajar con estas propiedades para ir cogiendo
prctica.

Podemos hacer las siguientes operaciones:

Mover los objetos arrastrndolos por la pizarra. (Presione Ctrl para restringir
movimientos a horizontal y vertical.)

Escalar (agrandar o achicar) los objetos correspondientes. (Presione Ctrl para preservar
la proporcin original) .

Rotar los objetos rotacin. (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 los objetos tirando de los manejadores de inclinacin. (Presione Ctrl para
restringir inclinaciones a pasos de 15 grados.)

Podemos usar los campos de numricos de la barra de control para dar los valores
exactos para posicin de cordenadas (X e Y) y tamao (W y H) del objeto.

Podemos jugar con las propiedades relleno, borde, trazo,etc, para variar el color de
relleno, la anchura y estilo del borde, etc
.

Acercar y alejar (Zoom)

La manera ms sencilla de activar el zoom es por medio de las teclas - y +. Tambin puede

14 / 24

Dibujando con Inkscape

Escrito por Arturo Garca Fraile
Viernes, 03 de Marzo de 2006 14:45

emplear
del botn central
o
Ctrl+Click del botn derecha
para agrandar,
Mayus+Click del botn central
o
Mayus+Click del botn derecho
para alejar o disminuir.

Ctrl+Click

Se puede hacer lo mismo con el campo situado en la parte inferior izquierda, que permite
ingresar el valor del porcentaje % para la visualizacin.

Tambin tenemos la herramienta Zoom de la barra de Herramientas, la cual permite hacer un

zoom seleccionndola (aparecer una lupa) y haciendo clic en el punto a aumentar o disminuir.

Relleno y borde.
Son, seguramente, las propiedades comunes ms utilizadas de las formas bsicas.

Se pueden editar las propiedades de la forma, seleccionndola y clic con botn derecho, en rell
eno y borde
podemos variar el color, anchura y estilo del trazo.

15 / 24

Dibujando con Inkscape

Escrito por Arturo Garca Fraile
Viernes, 03 de Marzo de 2006 14:45

Podemos
observar
que
elcolor
dialogo
posee
tres
pestaas:
Relleno,
Color
de
trazo
yactual
Estilo
trazo.
La
pestaa
Relleno
permite
editar
el
de
relleno
interior
uniforme,
del
gradiente
objeto
seleccionado.
lineal
o
radial.
puede
seleccionar
elycolor
tipo
de
relleno
oy sin
relleno,
color
Se
seleccionar
el
delSe
relleno.
Cada
color
tiene
HSL
Rueda.
supromedio).
propia
pestaa:
RGB,
CMYK,
selecciones
Cuando
se
selecciona
dede
mltiples
un
objetos,
objeto,
el
el
selector
dialogo
muestra
de
color
su
muestra
su
relleno
borde
(para
En puede
elyejemplo
abajo
tenemos
varios
tipos
de
relleno
borde:

16 / 24

Dibujando con Inkscape

Escrito por Arturo Garca Fraile
Viernes, 03 de Marzo de 2006 14:45

gradiente,
Los
ltimos
elpodemos
nuevo
gradiente
tienenusa
relleno
el manejadores
color
de gradiente.
uniforme
previo
Cuando
y va
sedesde
cambia
opaco
dede
color
a
transparente.
uniforme
a
En eldos
Todos
ejemplo
ellos
deobjetos
abajo
variarlos
tenemos
hasta
los
conseguir
la de
forma
gradiente,
deseada.
de forma
esquina
y tamao.

Selecciones Mltiples.
Se pueden seleccionar uno o varios objetos simultneamente mediante Mayus+clic sobre los
objetos deseados.

Se puede arrastrar alrededor de los objetos que requiere seleccionar; es la llamada Seleccin
elstica
.
Para ello hay que presionar
Mayus
antes de iniciar el arrastrado.

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

las dos elipses pero no el rectngulo:

Cada objeto individual seleccionado dentro de una seleccin mltiple, muestra una seal de
seleccin,
por defecto, un marco rectangular. Esto, hace ver qu est seleccionado y qu no lo est.

Mayus+click sobre un objeto seleccionado, lo excluye de la seleccin.

17 / 24

Dibujando con Inkscape

Escrito por Arturo Garca Fraile
Viernes, 03 de Marzo de 2006 14:45

En el ejemplo de abajo, estn seleccionados el cuadrado y la elipse:

Trabajando con los objetos:

Si entramos en el men Objeto, vemos las distintas funciones que tenemos para los objetos:

Entre ellas podemos destacar:

18 / 24

Dibujando con Inkscape

Escrito por Arturo Garca Fraile
Viernes, 03 de Marzo de 2006 14:45

Agrupar y desagrupar objetos.

Cuando tenemos varios objetos quedemos combinarlos en un grupo. Un grupo se comporta
como un objeto sencillo cuando se arrastra o transforma.

De la figura anterior hemos obtenido sta.

Observamos que los dos objetos agrupados han sido estirados, los dos a la vez, por medio de
sus tiradores.

Esto es til cuando se quiere trabajar con varios objetos a la vez, o hacer el mismo tipo de
operaciones.

Para crear un grupo, hay que seleccionar los objetos y presionar Ctrl+G, o ir al men, objetos,
agrupar
. Para desagrupar un
grupo, hay que seleccionarlo y presionar
Ctrl+U, o ir al men, objetos, desagrupar
.

Varios grupos pueden ser agrupados a su vez. Se hace igual que con los objetos individuales.
Esto se puede hacer repetidamente y tendremos un grupo dentro de otro grupo. Para
desagrupar necesitaremos presionar Ctrl+U repetidamente si queremos desagrupar

19 / 24

Dibujando con Inkscape

Escrito por Arturo Garca Fraile
Viernes, 03 de Marzo de 2006 14:45

completamente un grupo dentro de otro grupo.

Duplicar y Clonar.
Se puede duplicar un objeto tantas veces como se quiera. Para ello se va al men Editar y
Duplicar. El objeto duplicado queda encima del original y se puede arrastrar con el ratn donde
se quiera.

Los tres rectngulos de la figura de abajo se han hecho as.

Tambin se puede clonar un objeto tantas veces como se quiera. Para ello se va al men
Editar y Clonar. El objeto clonado queda encima del original y se puede arrastrar con el ratn
donde se quiera.

Hay una opcin de clonar muy interesante, Clones en mosaico.Se puede jugar con las filas,
columnas, simetra, etc.

Los rectngulos de la figura de abajo se han hecho as.

20 / 24

Dibujando con Inkscape

Escrito por Arturo Garca Fraile
Viernes, 03 de Marzo de 2006 14:45

Alinear y Distribuir.
Si tenemos una coleccin de objetos y queremos alinearlos o distribuirlos de una cierta forma,
tenemos esta opcin. Para ello se va al Men/Objeto/Alinear y Distribuir. Se abrir la ventana
de Alinear y Distribuir, como se ve en la figura de abajo:

21 / 24

Dibujando con Inkscape

Escrito por Arturo Garca Fraile
Viernes, 03 de Marzo de 2006 14:45

Con la opcin alinear los bordes superiores, quedaran:

Con la opcin centrar en el eje vertical, quedaran:

Jugando
con
las
opciones,
podemos
ver
las
posibilidades.
Ordenar:
El
trmino
orden
de
los
Objetos
se
refiere
con
las
alfunciones
orden
de
apilado
de todas
los
objetos
en
unelgrfico.
Podemos
yorden
Bajar
Traer
al.Frente,
Bajar
alyfondo,
Elevar
En
lasal
figuras
de distintas
abajo,
segunda
ha
obtenido
seleccionando
rectngulo
Frente
Traervariar
aly lael
tercera
seleccionando
lalaespiral
y se
Bajar
fondo.

22 / 24

Dibujando con Inkscape

Escrito por Arturo Garca Fraile
Viernes, 03 de Marzo de 2006 14:45

Rotar, reflejar y transformar.

Con la funcin rotar 90r, hemos obtenido el 2 rectngulo a partir del primero:

Con la funcin reflejar horizontalmente, hemos obtenido el 2 tringulo a partir del primero:

Con la funcin Transformar podemos hacer lo que se indica en la ventana siguiente:

23 / 24

Dibujando con Inkscape

Escrito por Arturo Garca Fraile
Viernes, 03 de Marzo de 2006 14:45

Es conveniente
practicar
posibilidades.
tiradores
Muchas
cosas
escalado/rotacin.
se
puedentodas
hacerlas
pinchando
y estirando con el ratn directamente sobre los

24 / 24