Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
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?
Lectura de Contexto
Un programa es software libre si los usuarios tienen las cuatro libertades esenciales:
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.
http://www.gnu.org/philosophy/free-sw.es.html
Actividad 1
a. Inicio de la aplicación
2
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta
Inkscape funciona con los sistemas operativos Windows: XP, 2000, vista, 7, 8 y 8.1 -
Linux y Mac.
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.
https://inkscape.org/es/descargas/windows/
3
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta
b. Ambiente de operación
4
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta
c. Barra de herramientas
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 sirve para crear espirales, que pueden dar más o
menos vueltas sobre sí mismas utilizando las 3 primeras herramientas de
la barra.
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.
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.
Actividad 2
d. Comandos básicos
Dentro del menú Archivo se encuentran los siguientes comandos para manejar
archivos:
7
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta
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.
Importar Archivos
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
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.
A la izquierda del nombre de cada Capa hay dos iconos que muestran si la Capa está
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.
Curvas de Bézier
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
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.
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
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
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.
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.
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.
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.
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.
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
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.
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.
17
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta
Práctica guiada
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.
h. Bordes y rellenos
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
Degradado radial (una transición suave entre dos o más colores en dirección
radial).
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.
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
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.
Actividad 6
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.
5. Repite el proceso con el nodo del lateral derecho. Quedará algo parecido a la
imagen.
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.
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.
23
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta
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.
27. También se le puede añadir más elementos como ves en la última imagen.
25
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta
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.
26
Manual Software Para El Manejo De Gráficos - Inkscape
Sistema de Enseñanza Abierta
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
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
1. ¿Dibujó rectángulos?
3. ¿Redondeó rectángulos?
4. ¿Diseño el helicóptero?
7. ¿Suavizó líneas?
____________________________ ___________________________
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
3. ¿Utilizó Textos?
10 ¿Utilizó capas?
36