Sie sind auf Seite 1von 36

Manual Software Para El Manejo De Gráficos - Inkscape

Sistema de Enseñanza Abierta

Contesta lo que se te pide a continuación

Instrucciones.- Marca con una X la respuesta correcta de la siguiente


evaluación diagnóstica.

Aspecto a evaluar Si No
1. ¿Sabes lo que es el software libre?
2. ¿Sabes para que se utiliza Inkscape?
3. ¿Has utilizado Inkscape?
4. ¿Sabes la diferencia entre una imagen de mapa de bits y una
imagen vectorizada?
5. ¿Conoces las herramientas básicas de Inkscape?
6. ¿Sabes manejar las operaciones booleanas de Inkscape?
7. ¿Sabes la manera de editar textos utilizando Inkscape?
8. ¿Sabes utilizar herramientas de diseño gráfico tales como
bézier, pluma, lápiz, etc.?
9. ¿Conoces la manera de vectorizar una imagen?
10. ¿Sabes cómo descargar la aplicación de Inkscape?

Creación y edición de diseños con Inkscape

Lectura de Contexto

¿Qué es el software libre?

"Software libre" es el software que respeta la libertad de los


usuarios y la comunidad. A grandes rasgos, significa que los
usuarios tienen la libertad de ejecutar, copiar, distribuir,
estudiar, modificar y mejorar el software. Es decir, el "software
libre" es una cuestión de libertad, no de precio. Promovemos
estas libertades porque todos merecen tenerlas. Con estas
libertades, los usuarios (tanto individualmente como en forma
colectiva) controlan el programa y lo que este hace. Cuando los
usuarios no controlan el programa, decimos que dicho programa "no es libre", o que es
"privativo". Un programa que no es libre controla a los usuarios, y el programador
controla el programa, con lo cual el programa resulta ser un instrumento de poder
injusto.

Un programa es software libre si los usuarios tienen las cuatro libertades esenciales:

Libertad 0. La libertad de ejecutar el programa como se desea, con cualquier


propósito.

1
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta
Libertad 1. La libertad de estudiar cómo funciona el programa, y cambiarlo para que
haga lo que usted quiera. El acceso al código fuente es una condición necesaria para
ello.

Libertad 2. La libertad de redistribuir copias para ayudar a su prójimo.

Libertad 3. La libertad de distribuir copias de sus versiones modificadas a terceros.


Esto le permite ofrecer a toda la comunidad la oportunidad de beneficiarse de las
modificaciones. El acceso al código fuente es una condición necesaria para ello.

Un programa es software libre si otorga a los usuarios todas estas libertades de


manera adecuada. De lo contrario no es libre. Existen diversos esquemas de
distribución que no son libres, y si bien podemos distinguirlos en base a cuánto les
falta para llegar a ser libres, nosotros los consideramos contrarios a la ética a todos
por igual.

Para que conozcas más accesa a la siguiente dirección:

http://www.gnu.org/philosophy/free-sw.es.html

Actividad 1

Realiza en tu cuadreno un mapa mental sobre las características del


software libre ¡Se creativo!

a. Inicio de la aplicación

Inkscape es un editor de gráficos vectoriales en formato SVG,


gratuito, libre y multiplataforma. Las características de SVG
soportadas incluyen formas básicas, trayectorias, texto, canal
alfa, transformaciones, gradientes, edición de nodos,
exportación de SVG a PNG, agrupación de elementos, etc.

Inkscape se encuentra desarrollado principalmente para


el sistema operativo GNU/Linux, pero es una herramienta
multiplataforma y funciona en Windows,Mac OS X, y otros sistemas derivados de Unix.

Inkscape es un editor de gráficos vectoriales de código abierto, con capacidades


similares a Illustrator, Freehand, CorelDraw o Xara X, usando el estándar de la W3C:
el formato de archivo Scalable Vector Graphics (SVG). Las características soportadas
incluyen: formas, trazos, texto, marcadores, clones, mezclas de canales alfa,
transformaciones, gradientes, patrones y agrupamientos. Inkscape también soporta
meta-datos CreativeCommons, edición de nodos, capas, operaciones complejas con
trazos, vectorización de archivos gráficos, texto en trazos, alineación de textos, edición
de XML directo y mucho más. Puede importar formatos como PostScript, JPEG, PNG,
y TIFF y exporta PNG así como muchos formatos basados en vectores.

2
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta

El objetivo principal de Inkscape es crear una


herramienta de dibujo potente y cómoda, totalmente
compatible con los estándares XML, SVG y CSS.
También quieren mantener una próspera comunidad
de usuarios y desarrolladores usando un sistema de
desarrollo abierto y orientado a las comunidades, y
estando seguros de que Inkscape sea fácil de
aprender, de usar y de mejorar.

Inkscape funciona con los sistemas operativos Windows: XP, 2000, vista, 7, 8 y 8.1 -
Linux y Mac.

* Para poder utilizar Inkscape es necesario un mínimo:

Procesador: Pentium 500 MHz. Memoria: 128 MB de RAM, espacio libre en disco: 160
MB.

* Se recomienda:

Procesador: 2.4 GHz Pentium. Memoria: 512 MB RAM, espacio libre en disco: 1GB.

Para descargar el programa, deberás accesar a la siguiente dirección:

https://inkscape.org/es/descargas/windows/

3
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta

y descargar la última versión estable disponible, según la versión de tu sistema


operativo (32 o 64 bits). Ya una vez descargado el programa,
ejecuta el instalador (con extensión .msi o .exe) y sigue los pasos
de instalación.

b. Ambiente de operación

Para accesar al programa, debemos hacer clic al icono del escritorio

Para Salir de la aplicación existen varias opciones:

1) Puedes hacerlo utilizando los botones de control


2) Utilizando el teclado

3) Desde el menú Archivo seleccionas la opción de salir

La interfaz gráfica de Inkscape es muy similar a cualquier software de diseño gráfico,


si no se configura ni se cambia ningún aspecto de la interfaz, inicialmente está así
distribuida:

4
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta

c. Barra de herramientas

La barra de herramientas de Inkscape se sitúa inicialmente en la parte izquierda de la


interfaz gráfica. Las herramientas que se encuentran en ella son:

El puntero: sirve para seleccionar y transformar objetos, por


ejemplo, si se crea un cuadrado (con el quinto elemento de la barra de
tareas), con esta herramienta será posible seleccionarlo, moverlo por el
área de dibujo, y modificar su ancho y su largo.

El editor de nodos de trayectos, también conocidos como tiradores


de control, permite modificar la forma de los objetos que están sobre el
área de dibujo.

La herramienta para retocar elementos mediante la escultura o pintura, para


modificar la forma de los objetos, aumentando su tamaño en una parte y
disminuyéndola en otras.

La lupa sirve para acercar o alejar el área de dibujo, esta opción está siempre
disponible gracias al atajo de teclado: CTRL + rueda del ratón. Si deslizamos la rueda
del ratón hacia delante o hacia atrás el lienzo aumentará o disminuirá su tamaño.

5
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta

Esta herramienta se utiliza para la creación de cuadrados y


rectángulos, la forma inicial se puede modificar con las 3 primeras
herramientas, y su color será el que está seleccionado en la paleta de
colores.

La caja crea cubículos en tres dimensiones, se puede elegir el


ancho, el largo y el alto de la caja que se va a crear.

Con el círculo se pueden diseñar figuras geométricas como círculos,


elipses y arcos. La forma inicial se puede modificar con las 3 primeras
herramientas, y su color será el que está seleccionado en la paleta de
colores.

Con esta herramienta se pueden crear estrellas y polígonos de


todos los tamaños y su forma original se puede modificar con las 3
primeras herramientas. El color original será el que está seleccionado en la
paleta de colores, pero se puede modificar fácilmente.

Esta herramienta sirve para crear espirales, que pueden dar más o
menos vueltas sobre sí mismas utilizando las 3 primeras herramientas de
la barra.

El lápiz es una herramienta para dibujar a mano alzada sobre el


área de dibujo. Con el ratón puede resultar más difícil de utilizar, pero con
una tableta gráfica la sensación es similar a la de dibujar sobre el papel.

Esta pluma especial sirve para dibujar líneas rectas y curvas Bézier,
este tipo de curvas se caracterizan porque en primer lugar se dibuja la
línea recta y a continuación se indica el ángulo y dirección de la curva.

Dibujar trazos caligráficos o pinceladas, esta herramienta se utiliza


para dar un toque más natural a la caligrafía diseñada con vectores, y para
imitar las pinceladas al dibujar.

Para crear y editar elementos de texto se utiliza esta herramienta,


sirve básicamente para añadir textos a los dibujos.

Esta herramienta es muy parecida a la número tres, pero sirve para


esparcir (no retocar) elementos mediante la escultura o pintura.

6
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta

Para eliminar trayectos existentes se utiliza esta herramienta con forma de goma
de borrar.

El cubo de pintura se utiliza para rellenar las áreas delimitadas con el color
seleccionado en la paleta de colores. Si el objeto se creó con borde, lo más probable
es que esta herramienta sólo coloree la parte central del objeto, y el borde
permanezca con su color original.

Esta herramienta sirve para crear y editar degradados, es decir, un cambio


gradual de colores entre dos puntos.

El selector de color se utiliza para utilizar exactamente el mismo color de la parte


de la imagen donde se haga clic con esta herramienta.

La herramienta crear conectores de diagramas sirve para relacionar unos


objetos con otros mediante líneas rectas.

Actividad 2

Diseña un paisaje utilizando la mayor cantidad de herramientas de


Inkscape. Guarda el diseño como paisaje_herramientas.

d. Comandos básicos

Abrir y Guardar Archivos

Los dibujos Inkscape se guardan en archivos SVG. Al abrir Inkscape normalmente el


programa crea un dibujo nuevo en blanco.Dependiendo de cómo esté configurado su
sistema operativo, un dibujo Inkscape ya existente se puede abrir directamente
haciendo clic sobre el icono del archivo del dibujo, o utilizando el nombre del archivo
como un argumento en la línea de comandos. Los dibujos guardados en otros
formatos se pueden abrir de la misma manera siempre que Inkscape admita ese
formato.

Dentro del menú Archivo se encuentran los siguientes comandos para manejar
archivos:

Archivo → Nuevo: Crea un nuevo dibujo después de haber abierto Inkscape. El


submenú asociado nos permite elegir entre varios tamaños para el dibujo. De forma
automática, Inkscape dará al nuevo dibujo un nombre temporal. Pulsando la
combinación de teclas (Ctrl+N) se abrirá un nuevo archivo en blanco con el tamaño
predeterminado (plantilla). Esto mismo también se puede conseguir haciendo clic
sobre el icono de la Barra de Comandos.

7
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta

Archivo → Abrir... (Ctrl+O): Para abrir un archivo existente. Aparece un cuadro


de diálogo donde se puede seleccionar el archivo que se quiere abrir. Es posible abrir
a la vez varios archivos utilizando la combinación de tecla y ratón Mayús+Botón
Izquierdo del Ratón para seleccionar más de un archivo en este cuadro de diálogo.
Este comando también se puede usar para crear un nuevo dibujo Inkscape a partir de
un archivo que no tenga el formato Inkscape. La siguiente sección, Importar Archivos,
incluye un listado con los tipos de archivos que se pueden abrir con Inkscape.

Archivo → Revertir: Restablece un archivo a su estado inicial, deshaciendo todos


los cambios realizados durante la sesión de trabajo de Inkscape activa en ese
momento.

Archivo → Guardar (Ctrl+S): Guarda el dibujo en un archivo.

Archivo → Guardar como... (Mayús+Ctrl+S): Este comando permite guardar el


dibujo en un archivo con un nombre nuevo.

Archivo → Guardar una copia... (Mayús+Ctrl+Alt+S): Permite guardar una copia del
dibujo en un archivo con un nombre nuevo, pero conservando el archivo con el nombre
(y el tipo) antiguo para poder seguir guardándolo en el futuro.

Inkscape puede realizar copias de seguridad de forma automática. Esta opción se


puede activar en la sección Guardar del cuadro de diálogo Preferencias de Inkscape.
En esa sección podemos fijar el intervalo de tiempo entre copias de seguridad
consecutivas, el número máximo de copias, y la carpeta donde se van a guardar las
mismas.

Importar Archivos

Inkscape tiene la capacidad de importar una gran variedad de archivos gráficos de


diferentes tipos, tanto en mapa de bits como de tipo vectorial. También puede importar
texto. Algunos tipos de archivos son manejados internamente mediante GDK (ani,
bmp, gif, ico, icns, jpeg, pcx, png, pnm, ras, tga, tiff, wbmp, xbm, xpm). Otros tipos de
archivos necesitan programas suplementarios, que se mencionan más adelante en los
apartados correspondientes. Una opción especial permite importar imágenes desde la
biblioteca Open Clip Art Library, que es una fuente abierta y gratuita de dibujos e
ilustraciones en formato vectorial. Esta opción se trata al final de esta sección.

Existen dos métodos para importar archivos dentro de un documento que ya esté
abierto. El primero consiste en usar el gestor de ventanas del sistema operativo para
arrastrar un archivo y soltarlo sobre una ventana Inkscape abierta. El segundo método
es utilizar el cuadro de diálogo Archivo → Importar... (Ctrl+I). Ambos métodos
funcionan tanto para archivos en formatos de mapa de bits como para archivos SVG.

8
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta

Exportar Archivos

Inkscape es capaz de exportar dibujos en una gran variedad de archivos gráficos,


tanto de tipo vectorial como en mapa de bits. Los métodos de exportación están
divididos en dos categorías: la exportación de archivos en formato PNG (Portable
Network Graphics), y la exportación en el resto de formatos. El estándar de
gráficos PNG tiene una patente libre de gravámenes. Además, la mayoría de
navegadores de Internet y programas gráficos admiten de forma nativa el
formato PNG.

Capas

Las Capas de Inkscape se pueden imaginar cómo las láminas de acetato que antes se
utilizaban para crear dibujos animados. Cada Capa puede contener uno o más
objetos. La imagen final del dibujo está formada por todas las Capas (visibles) apiladas
una encima de otra. Las Capas se pueden hacer visibles o invisibles, se les puede dar
opacidad, se pueden mover hacia arriba o hacia abajo respecto de las demás Capas,
también se pueden bloquear, eliminar, y además se les puede poner un nombre.

Las Capas se pueden manejar utilizando el cuadro de diálogo Capas, o por medio de
los comandos incluidos en el menú Capas, o también utilizando algunos de los
elementos incluidos en la Barra de Estado. El cuadro de diálogo Capas también se
puede utilizar para mezclar de forma rápida una Capa con el fondo del dibujo. En la
siguiente sección se dan más detalles sobre este cuadro de diálogo.

Cuadro de diálogo Capas

La forma más sencilla de manejar


las Capas es utilizar el cuadro de
diálogo Capas. Para abrir este cuadro
de diálogo hay que aplicar el

comando Capa → Capas...


(Mayús+Ctrl+L).

El cuadro de diálogo muestra una lista


con todas las Capas del documento.
La Capa activa, es decir la seleccionada
en ese momento, aparece resaltada
dentro de la lista. Al seleccionar en el dibujo un objeto de otra Capa distinta,
automáticamente también queda seleccionada la Capa a la que pertenece dicho
objeto. También se puede hacer clic sobre el nombre de una de las Capas para
seleccionarla como Capa activa. Solo una Capa puede estar seleccionada en cada
momento.

A la izquierda del nombre de cada Capa hay dos iconos que muestran si la Capa está

visible ( ) o invisible ( ), y si la Capa está bloqueada ( ) o desbloqueada

( ). Al hacer clic sobre uno de esos iconos cambia el estado de

9
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta
la Capa correspondiente a ese icono. No es necesario que una Capa se encuentre
seleccionada para poder cambiar su estado. No es posible seleccionar o modificar
objetos que pertenezcan a Capas bloqueadas o invisibles.

e. Operaciones con trazos

Curvas de Bézier

En Inkscape (y en muchos otros programas de dibujo), la mayoría de los trazos se


describen internamente como una serie de curvas de Bézier. Entender las propiedades
básicas de las curvas de Bézier resulta muy útil a la hora de dibujar y manipular trazos.
Las curvas de Bézier están definidas mediante cuatro puntos, dos de los cuales son
los puntos finales o nodosde la curva. Los otros dos son los puntos de control o
tiradores, cada uno emparejado con uno de los puntos finales de la curva. Los puntos
de control tienen una propiedad muy útil: la línea recta que une cada uno de los puntos
finales de la curva con su correspondiente punto de control es siempre tangente a la
curva en el punto final. Esta propiedad permite que curvas de Bézier consecutivas se
puedan unir de modo suave para formar un trazo.

Una curva de Bézier con sus puntos finales (nodos) y sus puntos de control (tiradores).

Dos o más curvas de Bézier se pueden unir para formar un trazo más complejo. El
nodo en el que se unen las curvas puede ser un nodo suave, que se representa
mediante un cuadradito (nodo suave normal), o mediante un circulito (nodo suave
automático, también llamado nodo auto-suave).

La Herramienta Lápiz

La Herramienta Lápiz es probablemente la herramienta más fácil de usar para dibujar

un trazo. Para utilizarla sólo hay que activarla haciendo clic sobre el icono (F6 o p)
de la Caja, y después hacer clic y arrastrar el cursor sobre la pizarra para dibujar una
línea. Si se mantiene pulsada la tecla Mayús durante el movimiento de arrastre, se
desactiva temporalmente el ajuste de nodos a la Rejilla o a las Líneas Guía. Si un
trazo ya dibujado se encuentra seleccionado, esta herramienta nos permite añadir un
nuevo sub-trazo al mismo.

Si se mantiene pulsada la tecla Alt mientras se dibuja el trazo, se activa el modo de


funcionamiento Bosquejo. Cuando este modo está activado, si se dibujan varios trazos
separados, todos ellos se promedian para crear un único trazo final que se muestra

10
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta
temporalmente en color rojo. Al dejar de pulsar la tecla Alt, ese trazo promedio queda
dibujado y los demás desaparecen. Este modo de dibujo de trazos se considera
experimental, y no da los resultados esperados si se trazan líneas hacia delante y
hacia atrás. En lugar de hacerlo así, hay que dibujar todos los trazos en el mismo
sentido.

La Herramienta Pluma

Como ya se ha comentado al comienzo de este capítulo, en Inkscape todos los trazos


se representan mediante una serie
de curvas de Bézier. Con
la Herramienta Pluma se pueden
dibujar trazos controlando de forma
más precisa los parámetros de las
curvas de Bézier que componen el
trazo. Para activar esta herramienta,
hay que hacer clic sobre el

icono (Mayús+F6 o b) de la Caja


de Herramientas.

Para empezar a dibujar una curva hay que hacer clic y arrastrar el cursor sobre la
pizarra manteniendo pulsado el botón del ratón. El punto donde se ha hecho el clic se
convierte en el nodo inicial de la curva. Mientras se arrastra del cursor, se verá una
línea gris entre el nodo inicial y el cursor. Esta línea es una recta tangente en el nodo
inicial a la curva que se va a dibujar. Para fijar el primer punto de control de la curva
hay que liberar el botón del ratón.

La Herramienta Caligrafía

Como su nombre indica, con la Herramienta Caligrafía se pueden dibujar líneas


caligráficas y pinceladas. Los trazos que se obtienen con esta herramienta son un
poco diferentes de los que se dibujan con las herramientas Lápiz y Pluma, ya que
están formados por dos sub-trazos paralelos (o casi paralelos), de manera que la línea
resultante puede tener una anchura variable.

Para empezar a dibujar un trazo caligráfico, primero hay que activar la herramienta
haciendo clic sobre el icono (Ctrl+F6 o c) de la Caja de Herramientas, y después
hacer clic y arrastrar el cursor sobre la pizarra para dibujar una línea. De manera
predeterminada, la línea tendrá el Estilo activo en ese momento. Si se prefiere dibujar

11
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta
todas las líneas con un mismo estilo fijo, hay que seleccionar la opción El estilo propio
de esta herramienta en la sección Caligrafía del cuadro de diálogo Preferencias de
Inkscape. Si en esta misma sección del cuadro de diálogo se desactiva la
opción Seleccionar siguiente trayecto, el siguiente trazo dibujado no quedará
seleccionado, de manera que se podrá elegir en la Paleta de colores un nuevo color
para el siguiente trazo caligráfico sin que cambie el color del trazo recién dibujado.

La Herramienta Caligrafía tiene muchas opciones, varias de ellas se pueden utilizar


mediante el teclado, y el resto a través de la barra de Controles de Herramienta. Lo
mejor es probar las diferentes opciones cambiando la configuración de las mismas
para tener una idea del efecto de cada una. Con tantas opciones, es deseable tener la
posibilidad de guardar una configuración determinada para volver a usarla en el futuro.
Afortunadamente, Inkscape permite guardar configuraciones “Predeterminadas”, y
recuperarlas más adelante a través del menú desplegable situado en el extremo
izquierdo de la barra de Controles de Herramienta.

Actividad 3

Con los recursos que hasta ahora hemos manejado y con mucha paciencia,
dedicación y entusiasmo, trata de lograr el siguiente reto personal con nodos, guarda
esta actividad como manzana.

f. Operaciones booleanas

Inkscape dispone de una serie de comandos para crear nuevos trazos a partir de dos
o más trazos previamente existentes. Para el propósito de estas operaciones,
cualquier trazo abierto implicado en las mismas es tratado por Inkscape como un trazo
cerrado por una línea que conecta los puntos finales del trazo. Si se aplican estos
comandos a formas regulares u objetos de texto, Inkscape los convierte
automáticamente en trazos.

Unión (Ctrl++): Crear la unión de dos o más trazos seleccionados. Con este
comando, se crea un nuevo trazo que contiene todas las áreas encerradas por los
trazos originales. Al unir los trazos, se eliminan las auto-intersecciones, y se crean

12
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta
sub-trazos individuales para cada una de las secciones. Hay que tener en cuenta que
esta operación es diferente del comando Combinar que no elimina nodos de los trazos
iniciales, ni tampoco crea nuevos nodos.

Diferencia (Ctrl+-): Crear la diferencia de los dos trazos seleccionados (trazo


inferior menos superior). El área encerrada por el trazo superior (en el orden-z) se
elimina del área encerrada por el trazo inferior.

Intersección (Ctrl+*): Crear la intersección de dos o más trazos seleccionados. El


nuevo trazo encierra el área común de todos los trazos iniciales.

Exclusión (Ctrl+^): Crear la intersección de dos o más trazos seleccionados. El


nuevo trazo resultante, que está formado por varios sub-trazos, se crea de acuerdo a
laregla de relleno par-impar.

13
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta

División (Ctrl+/): Crear la división entre los dos trazos seleccionados. El trazo
inferior es cortado en trozos por el trazo superior. Se crean dos o más trazos nuevos.

Cortar trayecto (Ctrl+Alt+/): Crear el corte entre los dos trazos seleccionados. El
trazo superior corta las líneas del trazo inferior en trozos, creándose dos o más trazos
nuevos. Los nuevos trazos resultantes no tienen ningún relleno.

La operación Cortar trayecto. En la figura derecha, después de efectuar la operación


se ha desplazado ligeramente el trazo de la esquina superior derecha para mostrar
claramente los dos nuevos trazos creados.

14
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta
Actividad 4

Sigue los pasos de la ilustración para crear el logotipo que a continuación se muestra.
Guarda esta actividad como logo_menutrayecto.

Actividad 5

La siguiente figura se puede realizar, tal y como hemos visto, con las herramientas de
creación y edición de trayectos. Pero también se puede realizar como una
combinación de operaciones (unión, extracción, intersección,...) entre diferentes
trayectos o trazados. Prueba a realizar la siguiente figura a partir de la combinación de
operaciones entre diferentes figuras. Guarda esta actividad como pez_nodos.

15
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta
g. Manejo de texto

Crear Texto

En Inkscape los textos se crean mediante la Herramienta Texto. Para añadir un texto

en un documento, hay que activar esta herramienta haciendo clic sobre el icono
(F8 o t) de la Caja de Herramientas.

Hay dos formas de añadir texto en un dibujo de Inkscape. Con el primer método se
introduce el llamado texto normal. En este caso, a la vez que añadimos el texto
mediante el teclado, la caja del texto va aumentando de tamaño para contener el texto
introducido. Los saltos de línea del texto deben añadirse manualmente.

Con el segundo método se introduce el denominado texto fluido. En este caso el texto
se añade dentro de una caja de texto rectangular previamente creada. Los saltos de
línea del texto se crean automáticamente. El objeto de texto fluidoincluye tanto el texto
introducido, como la caja que lo contiene, y por lo tanto ambos se mueven y
transforman de forma conjunta.

Añadir Texto Normal

Para añadir texto normal en un documento de Inkscape, hay que hacer clic con
la Herramienta Texto en el punto de la pizarra donde se quiere que comience el texto.
Entonces Inkscape pasa al modo de funcionamiento de introducción de texto, lo que
se indica por la aparición de un cursor (en forma de barra vertical intermitente) cuya
posición señala el lugar donde empezará el texto que vamos a añadir. Para introducir
el texto, solo hay que comenzar a teclearlo. El texto añadido puede aparecer en varias
líneas introduciendo manualmente los saltos de línea correspondientes. La caja que
contiene el texto irá aumentando de tamaño conforme vayamos añadiendo texto.

Dar Formato al Texto

Inkscape permite dar formato al texto contenido en los objetos de texto. En esta
sección se explican los métodos para cambiar el tipo de letra utilizado, su estilo,
tamaño, orientación, alineación, el espaciado entre líneas, palabras y letras, así como
el interletraje y la orientación de caracteres individuales. Las técnicas para especificar
el relleno (color, patrones, degradados, etc) del propio texto se explican en
el Capítulo 10, Atributos.

Hay tres métodos de dar formato a un texto. El primero es utilizar las diferentes
opciones de los controles de la Herramienta Texto, el segundo método es usar los
atajos de teclado correspondientes, y el tercero es utilizar el cuadro de diálogoTexto y

tipografía (Texto → Texto y tipografía... (Mayús+Ctrl+T)). En la versión 0.48 del


programa se ha realizado una importante actualización de los Controles de
Herramienta.

16
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta
Texto sobre un Trazo

En Inkscape podemos
colocar un texto a lo largo
de un trazo de manera que
el texto sigue la forma del
trazo.

Para colocar un texto sobre


un trazo, primero hay que
introducir el texto como
objeto de texto normal o fluido, y después dibujar el trazo deseado. A continuación,
hay que seleccionar tanto el texto como el trazo, y después aplicar el

comandoTexto → Poner en trayecto. Entonces el texto aparecerá distribuido a lo


largo del trazo. Hay que tener en cuenta que todas las Formas regulares, excepto
los Rectángulos, están descritas internamente en Inkscape como trazos, y por lo tanto,
no es necesario convertirlas previamente en un trazo para aplicarles este comando.

En un texto colocado sobre un trazo podemos seleccionar partes del mismo y


modificar su estilo, su interletraje y sus demás atributos igual que en el caso de un
texto normal. El texto también se puede desplazar de forma independiente del trazo,
seleccionando solo el texto, y utilizando los métodos normales para mover objetos.

Texto dentro de una Forma

Con Inkscape se puede colocar texto dentro de una forma cualquiera estableciendo un
enlace entre un objeto de texto y una forma o un trazo.

Para crear un objeto de texto fluido-enlazado, primero


hay que seleccionar un objeto de texto y uno o más
objetos de forma o trazos. Después hay que aplicar el

comando Texto → Fluir en el marco (Alt+W). Si se


seleccionan varios objetos de forma o trazos, el texto
empezará a “fluir” dentro del último objeto que fue
seleccionado.

17
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta
Práctica guiada

1. Abre Inkscape en tu PC.

2. Escribe el texto "Google" con la fuente Bookman Old Style y tamaño 150.

3. Duplica el texto y aplica al texto duplicado el relleno uniforme color negro, con
opacidad 70% y desenfoque 2 para generar la sombra del texto.

4. Aplica a cada letra del texto inicial su


color correspondiente.

5. Selecciona al texto la opacidad de 75


y sitúa el texto justo encima de la
sombra.

6. Selecciona ambos objetos y aplica


objeto / agrupar. Ahora el logo creado es
un único objeto.

7. Guarda esta actividad como


texto_google.

h. Bordes y rellenos

Color de Relleno y Borde

Existen diferentes opciones para dar color al Relleno y al Borde de un objeto. En la


siguiente figura se muestran ejemplos de estas distintas opciones. El manejo de estas
opciones es básicamente el mismo tanto para el Relleno como para elBorde, así que
en adelante usaremos la palabra relleno para referirnos a la vez a ambos elementos.

Opciones para el color del Relleno de un objeto, de izquierda a derecha: sin relleno,
color uniforme, degradado lineal, degradado radial, patrón, sin definir.

El tipo de relleno se puede definir utilizando las fichas Relleno y Color de trazo del
cuadro de diálogo Relleno y borde. Este cuadro de diálogo se abre con el

18
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta

comando Objeto → Relleno y borde... (Mayús+Ctrl+F) o haciendo clic sobre el

icono de la Barra de Comandos. En cada una de esas fichas podemos elegir el


tipo de relleno haciendo clic sobre el icono correspondiente entre las siguientes
opciones:

Sin color (transparente).

Color uniforme (sólido).

Degradado lineal (una transición suave entre dos o más colores).

Degradado radial (una transición suave entre dos o más colores en dirección
radial).

Patrón (rellenado mediante la repetición de un patrón).

Muestra Personalizada (rellenado con una muestra personalizada creada en el


documento por el usuario) Nuevo en la versión 0.48.

Sin definir (esta opción es necesaria para que se puedan dar atributos diferentes a
las distintas copias clonadas de un mismo objeto).

Herramienta Cuentagotas

Los colores del Relleno y del Borde de un objeto se pueden modificar utilizando
la Herramienta Cuentagotas para coger un color ya existente en el dibujo. Las
opciones de esta herramienta permiten realizar operaciones como: coger el color
promedio dentro de una zona circular del dibujo, invertir el color que se coge, o
guardar en el portapapeles el color que se ha seleccionado con esta herramienta (se
guarda el código hexadecimal del color en el sistema RGBA).

Para usar la Herramienta Cuentagotas, primero hay que seleccionar con una
herramienta que no sea la Herramienta Cuentagotas el objeto que queremos
modificar. Recuerde que la Herramienta Selector se puede activar temporalmente y
luego desactivarla pulsando la barra espaciadora del teclado.

Después hay que activar la Herramienta Cuentagotas haciendo clic sobre el icono
(F7 o D) de la Caja de Herramientas. Y por último, tenemos que hacer clic con
la Herramienta Cuentagotas sobre el color deseado. Pulsando la teclaD, la
herramienta activa en ese momento cambia y pasa a ser la Herramienta Cuentagotas,
y si se vuelve a pulsar esa tecla, la herramienta activa vuelve a ser de nuevo la inicial.

19
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta
Si al hacer clic con la Herramienta Cuentagotas sobre el color deseado, se mantiene
pulsada la tecla Mayús, el color elegido es aplicado al Borde del objeto seleccionado,
en lugar de a su Relleno. Por otro lado, si al hacer clic con laHerramienta
Cuentagotas se mantiene pulsada la tecla Alt, el color aplicado es el inverso del
escogido con la herramienta. También podemos utilizar la Herramienta
Cuentagotas pulsando las dos teclas, Mayús y Alt, a la vez. Sin embargo, ninguna de
estas teclas modificadoras son útiles cuando se copia un color en el portapapeles.

Añadir Degradados a Objetos

Un Degradado se puede añadir a un objeto utilizando el cuadro de diálogo Relleno y


borde, o la Herramienta Degradado.

Para añadir un Degradado mediante el cuadro de diálogo Relleno y borde solo hay
que seleccionar el objeto deseado y hacer clic sobre uno de los siguientes iconos

situados dentro de dicho cuadro de diálogo: para un Degradado lineal, o para


un Degradado radial. Entonces se creará y aplicará automáticamente sobre dicho
objeto un Degradado con dos Paradas. Las dos Paradas tendrán el mismo color que el
que tenía previamente el Relleno del objeto. Sin embargo, una de las Parada tendrá
una opacidad total, mientras que la otra tendrá una transparencia total. La siguiente
figura muestra el cuadro de diálogo después de haber añadido
un Degradado mediante este método.

20
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta
Aspecto del cuadro de diálogo Relleno y borde después de haber añadido un
degradado a un objeto.

Podemos añadir a un objeto un Degradado ya definido previamente. Para ello, primero


tenemos que seleccionar el objeto, y luego elegir el Degradado en el menú
desplegable que hay dentro de la ficha Relleno del cuadro de diálogo Relleno y borde.
El Degradado también se puede aplicar al Borde de un objeto utilizando la ficha Color
de trazo del mismo cuadro de diálogo.

Para añadir un Degradado mediante la Herramienta Degradado, primero hay que

activar esta herramienta haciendo clic sobre el icono (Ctrl+F1 o g) de la Caja de


Herramientas.

La barra controles de la Herramienta Degradado tiene opciones para elegir entre

un Degradado lineal o radial , así como para aplicar

el Degradado al Relleno o al Borde de un objeto. Después de haber elegido


las opciones deseadas, podemos añadir al objeto un Degradado nuevo, o bien
aplicarle un Degradado previamente creado. La barra controles de la Herramienta
Degradado tiene un menú desplegable que contiene la lista de los Degradados ya
creados previamente en el dibujo. Si se escoge un Degradado concreto en dicho
menú, ese Degradado se aplicará automáticamente en el objeto que se encuentre
seleccionado. Por otro lado, si queremos añadir al objeto un Degradado nuevo,
tenemos que realizar un movimiento de Arrastre con el Botón Izquierdo del Ratón a
través del objeto. Los puntos inicial y final del movimiento de arrastre determinan la
extensión del Degradado (es decir, los puntos donde se situarán susParadas inicial y
final, ver más adelante). El nuevo Degradado así creado tiene dos Paradas, ambas
con el mismo color que el que tenía previamente el Relleno del objeto. Una de
las Parada tendrá una opacidad total, mientras que la otra tendrá
una transparencia total.

Actividad 6

Vamos a dibujar el fantasma del famoso videojuego "PacMan".El proceso es bastante


fácil. Solo necesitamos dibujar formas sencillas. Editar nodos y utilizar degradados y
desenfoques.El proceso sería el siguiente:

1. Dibujar un círculo. Utilizar la herramienta óvalo y mantener apretada la tecla Ctrl


para que nos salga con forma circular.

2. Transforma el círculo en un trayecto con el menú (Trayecto-Objeto a trayecto).

21
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta
3. Utiliza la

herramienta Edición de nodos y crea dos nuevos nodos (haciendo doble clic) un poco
por debajo del centro del círculo.

4. Teniendo seleccionada la herramienta de edición de nodos pinchar en el nodo del


lateral izquierdo que está por debajo del centro (el que hemos hecho nosotros) y
arrastra hacia abajo.

5. Repite el proceso con el nodo del lateral derecho. Quedará algo parecido a la
imagen.

6. Haz 4 nuevos nodos (2 en la parte inferior a la izquierda del centro y 2 a la derecha).

7. Seguimos utilizando la herramienta de selección de nodos y pinchamos en 2 de los


nodos inferiores para hacer la parte inferior del fantasma. Debemos pinchar y arrastrar.

8. El fantasma debe parecerse a la imagen del centro.

9. Para conseguir el efecto de 3 dimensiones vamos a hacer un degradado radial.


Primero debemos duplicar el fantasma y pintar el duplicado de color negro.

22
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta
10. Haremos un degradado radial transparente en el centro y a un valor intermedio de
transparencia en las orillas.

11. Los ojos los haremos con un circulo blanco que duplicaremos (Edición - Duplicar) y
al que aplicamos el mismo degradado que hemos aplicado al cuerpo del fantasma.

12. Haremos otro círculo negro. Seleccionamos todas las partes del ojo, con la
herramienta selección.

13. Agruparemos todo el ojo en (Objeto - Agrupar).

14. Duplicamos el ojo (Edición - Duplicar) y colocaremos los 2 ojos en el lugar


adecuado.

15. Para conseguir un mayor efecto de 3 dimensiones vamos a hacer 2 pequeños


óvalos en el fantasma. Hacemos el óvalo.

16. Giramos el óvalo con la herramienta de selección haciendo clic 2 veces y haciendo
clic y arrastrando en la flecha de la esquina.

17. Vamos a (Objeto - Relleno y borde). Aplicamos un desenfoque de 40 y una


opacidad de 75.

23
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta

18. Repetimos el proceso con el otro pequeño ovalo.

19. Vamos a hacer una sombra en la parte inferior del objeto. Para ello hacemos un
ovalo.Le aplicamos desenfoque de 25 y opacidad de 80.

20. Situamos el óvalo por debajo del fantasma, con la herramienta selección y las
herramientas de la barra superior de esta herramienta.

21. Si queremos podemos cambiar el color del fantasma modificando el color del
cuerpo. Debemos tener en cuenta que la imagen que tiene el color es la primera que
hicimos, que está debajo del degradado radial. También podemos agruparlo si lo
deseamos, cuando hayamos terminad

24
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta

o.

22. Si queremos también podemos dar una textura diferente. Para ello podemos
buscar la imagen de la textura que deseemos. Pulsamos en el menú (Archivo -
Importar) y buscamos la imagen de la textura. En la pantalla que sale elegimos
incrustar y aceptar. Si la imagen de la textura es demasiado pequeña la hacemos más
grande. Ponemos la imagen del fantasma que tiene el color (la primera que hemos
hecho) encima de la textura.

23. Seleccionamos las 2 y damos al menú (Objeto - Recorte - Aplicar).Volvemos a


colocar en su sitio la imagen.

24. Quedaría como ves en la última imagen.

25. y 26. 2 ejemplos más de texturas aplicadas al fantasma.

27. También se le puede añadir más elementos como ves en la última imagen.

28. Guarda el ejercicio como fantasma.

25
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta

i. Manejo de imágenes vectorizadas

Vectorizar mapa de bits

Podemos decir que una imagen „plana‟ al uso está formada por una cuadrícula de
pixeles en forma de matriz, almacenándose en cada uno de ellos un valor
correspondiente al color. La cantidad de pixeles horizontales y verticales de la imagen
definirán la resolución de la misma, y como ya sabemos, aplicar zoom a una imagen
de este tipo no es un recurso
elegante para ciertos propósitos
de diseño.

Una imagen vectorizada no


almacena píxeles de color,
sino figuras geométricas
localizadas sobre su propio
plano de coordenadas, por lo
que, al estar ligadas a una fórmula
fija matemática, por mucho que ampliemos la imagen siempre la veremos nítida. El
único problema de este sistema es lo laboriosa que resulta su elaboración, sobre todo
en caso de que necesitemos vectorizar una imagen inicialmente plana. Para ello
existen diversos métodos y asistentes, pero vamos a centrarnos en dos alternativas
principales a las que podemos recurrir desde Inkscape.

Vectorización automática con Inkscape

Si la imagen no tiene un gran nivel de detalle y no necesitamos desgranarla en piezas


sueltas (una de las facultades de la vectorización es que se puede trocear cualquier
figura geométrica para manipularla posteriormente sin alterar el resto de la
composición), podemos recurrir al asistente que incluye Inkscape.Para ello,
tenemos que acceder a Archivo > Importar para seleccionar la imagen que queremos
convertir. Al seleccionarla aparecerá en el lienzo de nuestro proyecto.

26
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta

Tras esto, pulsaremos en Trayecto >Vectorizar mapa de bits, accediendo así a un


submenú donde podremos modificar ciertos parámetros para la conversión. Estos se
dividen en dos grupos, uno para crear „trayectos (la silueta de la imagen a vectorizar) o
grupos de trayectos para capturar todos los detalles y colores de la figura de origen.
Cada uno de ellos dispone de distintas variantes para trabajar a partir del grado de
luminosidad o los bordes más remarcados. Podemos ir modificando parámetros e ir
pulsando en el botón actualizar para visionar una previa de los cambios que
pretendemos realizar. Cuando terminemos, pulsaremos sobre el pequeño icono de
„Play‟ a la derecha de la barra superior gris de la ventana.

27
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta

En las imágenes de ejemplo hemos utilizado un sprite a muy baja resolución para
enfatizar en el resultado final. Cuanto más nítida sea la imagen, mejores resultados
tendremos; por ejemplo, este método funcionará a la perfección con un logotipo de
líneas simplificadas con colores planos, pero posiblemente sea un desastre al
vectorizar una fotografía.

28
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta

Actividad 7

Vectoriza las siguientes imágenes que podrás encontrar fácilmente en Internet.


Guarda esta actividad como imagenes_vectorizadas.

29
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta

Evaluación

Realimentación
Realiza el siguiente diseño:

30
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta

31
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta

32
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta

33
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta

34
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta

Lista de Cotejo

Marca una X en la columna Si cuando el alumno realizó la actividad indicada, y en la


columna No cuando la realizó en forma incorrecta.

No. REACTIVOS SI NO OBSERVACIONES

1. ¿Dibujó rectángulos?

2. ¿Ajustó tamaños de rectángulos?

3. ¿Redondeó rectángulos?

4. ¿Diseño el helicóptero?

5. ¿Aplicó color de fondo?

6. ¿Combinó las partes del helicóptero?

7. ¿Suavizó líneas?

8. ¿Creó armamento y aspas?

9. ¿Creó ruedas de aterrizaje?

10. ¿Aplicó correctamente los


sombreados?

11. ¿Aplicó correctamente los brillos?

12. ¿Redondeó correctamente las


sombras?

13. ¿Decoró escudos, logotipos y luces?

Total de aciertos: _________________ Fecha: __________________

Firman de común acuerdo

____________________________ ___________________________

Participante Docente evaluador

35
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta

Práctica Integradora

Instrucciones: Diseña los logotipos para los siguientes negocios utilizando Inkscape.
¡Se original y creativo y utiliza todas las herramientas vistas durante el curso!

 Tramitación aduanal
 Agencia de viajes
 Contabilidad
 Atención Nutricional

Lista de Cotejo

Marca una X en la columna Si cuando el alumno realizó la actividad indicada, y en la


columna No cuando la realizó en forma incorrecta.

No. REACTIVOS SI NO OBSERVACIONES

1. ¿Utilizó operaciones con trazos (bézier,


lápiz, pluma, caligrafía, etc…)?

2. ¿Utilizó operaciones booleanas (unión,


diferencia, intersección, etc…)?

3. ¿Utilizó Textos?

4. ¿Aplicó bordes y rellenos?

5. ¿Aplicó degradados y texturas?

6. ¿Aplicó brillos y sombras?

7. ¿Utilizó Efectos Tridimensionales?

8. ¿Fue creativo al realizar los Logotipos?

9. ¿Fue original al realizar los Logotipos?

10 ¿Utilizó capas?

36

Das könnte Ihnen auch gefallen