PDF de programación - Ejercicios de Inkscape

DEP.TECNOLOGÍA / I.E.S. DIONISIO AGUADO

1

EJERCICIOS DE INKSCAPE

1ª Parte

PRÁCTICAS INKSCAPE/ BASADAS EN CURSO DE JOACLINT ISTGUD

1. Vas a realizar una serie de ejercicios basados en el programa inkscape donde aprenderas a

utilizar este programa.

2. Tienes que ir guardando los resultados dentro de tu pendrive o memoria flash , para

ello crea una carpeta a la que llamarás ejercicios inkscape.

3. Cada uno de los ejercicios los iras guardando como :
Logo1 , logo2 ……
4. Habras de escribir tu nombre en alguna parte del ejercicio que realices.
5. GUARDA TODOS LOS EJERCICIOS CON FORMATO .SVG Y EXPORTA EN MAPA DE BITS

(Archivo -> Exportar mapa de bits …) .PNG

PRÁCTICAS INKSCAPE / María José González

DEP.TECNOLOGÍA / I.E.S. DIONISIO AGUADO

LOGO1 : ALINEAR OBJETOS

2

1. Abre el Logo1 , para utilizarlo de base
2. Crea una capa nueva: Capa ->Añadir capa. Llama a la nueva capa LOGO.
3. Comenzaremos realizando un circulo perfecto (con la tecla Ctrl pulsada) sobre el logo

original, para que puedas ver el original reduce la opacidad a la mitad.

4. Seleccionaremos la herramienta de texto

tipografía.

Escribe tu nombre, con fuente Arial Black.

o menú Texto ->Texto y

5. Coloca tu nombre, sobre el círculo y usa los transformadores para

ajustar el ancho y alto.

6. Selecciona el circulo y escoge el menú :
Objeto -> Relleno y borde…

En el panel que sale selecciona la pestaña Color de trazo -
> sin relleno, así conseguiremos que el círculo no tenga
borde.

En la pestaña Relleno selecciona la pestaña Rueda y elige el
color de relleno que desees.

7. Vamos a centrar ambos objetos.
Selecciona los dos objetos y haz clic en el menú Objeto -> Alinear y distribuir.

Centraremos en el eje vertical

Centraremos en el eje horizontal

8. Vamos a crear un grupo con ambos objetos. Selecciona los dos objetos y haz :
Objeto -> Agrupar o también puedes usar el icono

Truco: Para aplicar un color uniforme a un objeto puedes hacer clic sobre uno de los colores
de la paleta y arrastrarlo sobre el objeto a pintar. Si hacemos lo mismo pero con la tecla shift
pulsada lo que conseguiremos es dar color al trayecto (trazo o borde).

9. Guarda como Logo1.svg y exporta en mapa de bits, Logo1.png

PRÁCTICAS INKSCAPE / María José González

DEP.TECNOLOGÍA / I.E.S. DIONISIO AGUADO

3

LOGO2: Alineación con un solo
objeto. Espejo vertical y horizontal,
Duplicar objeto.

1. Abre el Logo2 , para utilizarlo de base
2. Crea una capa nueva: Capa ->Añadir capa. Llama a la nueva capa LOGO2.

3.Selecciona la herramienta de Polígonos y saca un triángulo (si pulsas
Ctrl te aseguras que queda apoyado de un lado). Usando la
herramienta de edición haz que el objeto no tenga trazo y el color
de relleno sea distinto al del logo.

4. Sacaremos unas guías de referencia horizontales y verticales que
coincidirán con los márgenes de la caja de selección del objeto. Las
guías se sacan con el ratón como si estuvieran ocultas debajo de las reglas de arriba y de
la izquierda.

5. Activa el menú Alinear y distribuir…

Los iconos con cuadrado
amarillo permiten la alineación de un solo objeto de tal modo que
toma como referencia los límites de la caja de selección.

6. Vamos a duplicar el objeto, Edición  Duplicar, después utiliza
el duplicado para hacer su simétrico respecto del eje horizontal

con Objeto -> Reflejo vertical.

Obtendrás una imagen de este tipo (cambia el color del segundo
para apreciarlo)

7. Mantén seleccionado este último objeto y alinéalo de acuerdo

con el logotipo original. (Relativo a: Selección y

)



8.


9.

Vamos a agrupar ambos objetos, selecciónalos y haz :
Objeto  Agrupar.

Después duplica el objeto, y haz Objeto  Transformar, en la
ventana que aparece nos interesa Rotar con ángulo de 120º.

PRÁCTICAS INKSCAPE / María José González

DEP.TECNOLOGÍA / I.E.S. DIONISIO AGUADO

4

10. Para obtener el tercer objeto, duplica el último objeto y realiza su simétrico con Objeto 

Reflejo horizontal.

11. Coloca cada parte sobre el original utiliza las guías y la

herramienta de alinear

12. Finalmente agrupa todas las partes en una y separa hacia abajo

el logo que has creado.

13. Para seleccionar el color del original, se selecciona el grupo y
con la herramienta Selección de colores medios de la imagen

se hace clic en una de las zonas rojas y así inkscape,
tomará la muestra de color del pixel seleccionado y se lo aplica
al grupo entero.

14. Escribe tu nombre bajo el logo. En el menú Texto  Texto y

tipografía… podrás cambiar el tipo de fuente.

15. Quita las guías igual que las pusiste al principio.

16. Guarda como logo2.svg y exporta a logo2.png.

PRÁCTICAS INKSCAPE / María José González

DEP.TECNOLOGÍA / I.E.S. DIONISIO AGUADO

5

LOGO3: DIFERENCIAS CON
OBJETOS

1. Abre el Logo3 , para utilizarlo de base
2. Crea una capa nueva: Capa ->Añadir capa. Llama a la nueva capa LOGO3.
3. Haz un círculo sobre el logo (utiliza el color que desees)
4. Haz un círculo en el interior de otro color, este se restara del primero.
5. Selecciona ambos círculo y haz : Trayecto  Diferencia



6. Duplica la corona obtenida y envía uno de los duplicados al fondo
, cambia su color a negro. Después utiliza los transformadores
del que enviaste al fondo y ajusta le para que de forma a la
sombra.

7. Repetiremos el mismo proceso con el aro superior:



Duplica el aro cambia de color y envialo al fondo, para ajustar la sombra.



PRÁCTICAS INKSCAPE / María José González

DEP.TECNOLOGÍA / I.E.S. DIONISIO AGUADO

6

8. Ahora uniremos los aros usando Trayecto  Unión :
Selecciona primero los aros que van a estar en el primer plano y haz su unión.
Después selecciona los aros del fondo y une también.

9. Hacemos el último aro, siguiendo los mismos pasos que antes:



10. Separamos el dibujo hacia la derecha, ten cuidado de seleccionar ambos grupos a la vez:

PRÁCTICAS INKSCAPE / María José González

DEP.TECNOLOGÍA / I.E.S. DIONISIO AGUADO

7

11. Copiamos el color del logo original. Hacemos que aparezcan los bordes y agrupamos
todos.

12. Finalmente escribimos nuestro nombre debajo:



13. Guarda como logo3.svg y exporta a logo3.png

PRÁCTICAS INKSCAPE / María José González

DEP.TECNOLOGÍA / I.E.S. DIONISIO AGUADO

8

LOGO4 : ORDENANDO OBJETOS EN
REJILLA

1. Abre el Logo4 , para utilizarlo de base
2. Crea una capa nueva: Capa ->Añadir capa. Llama a la nueva capa LOGO4.

Vamos a ordenar objetos de una forma controlada, dentro de una supuesta red modular de
filas y columnas. Realizaremos un logotipo donde los objetos se encuentran ordenados dentro
de una rejilla de 2x2.

3. Realiza un cuadrado y después tres
duplicados (no tiene por que ser del mismo
tamaño que el original).

4. Selecciona los cuatro cuadrados y haz Objeto
 Filas y Columnas(datos : 2 filas x 2
columnas; alto y ancho igual; espaciado 15
si es mucho o poco habrás de corregirlo).

Seleccionamos los dos cuadrados que serán negros y se aplica

el color tanto al relleno como al borde.

5.

6.

Selecciona los otros dos y haz relleno blanco y trazo negro.

Regula el grosor adecuadamente (0,5 px).

7. Duplicamos los cuadrados negros y desplazamos los duplicados (a la vez) hacia la derecha
y abajo para hacer la sombra. Mantén la selección y pulsa la herramienta de Edición de
objeto (Relleno y borde). Donde aplicarás desenfoque y reducirás la opacidad de forma
adecuada. Finalmente envías los cuadrados al fondo. (Objeto->Bajar al fondo).



8. Con la herramienta de Texto escribe tu nombre y distribúyelo entre los cuadrados. Elije la
fuente más parecida a la del logo y asigna le un grosor de trazo que será común para
todos los textos. Color blanco para relleno y borde. Utiliza después Alinear y distribuir …

9. Selecciona el texto y en el cuadroTexto y tipografía (pulsa sobre

), definiremos esta

fuente como predeterminada , así nos aseguramos que los otros textos son iguales.

PRÁCTICAS INKSCAPE / María José González

DEP.TECNOLOGÍA / I.E.S. DIONISIO AGUADO

9

10. Escribe el resto de los textos. Si te fijas todos los textos son igual de anchos. Para
conseguir esto selecciona el texto CON y haz Edición  Copiar . Después selecciona los
otros textos y haz Edición/Pegar tamaño…/Pegar ancho por separado.

11. Utiliza la herramienta de Alinear y Distribuir … para colocar

adecuadamente los textos.

12. Ahora hacemos un rectángulo que englobe todo el logotipo ,sin relleno y sin contorno.
Teniéndolo seleccionado haz Archivo  Propiedades del documento … y en la
pestaña Página presiona el botón Ajustar la página a la selección.



13. Con esto podemos luego exportar en mapa de bits (Archivo  Exportar mapa de bits)
y escoger la opción Página, con el tamaño que deseamos y sin que cause problemas el
desenfoque.

14. Guarda como logo4.svg y como logo4.png



PRÁCTICAS INKSCAPE / María José González

DEP.TECNOLOGÍA / I.E.S. DIONISIO AGUADO

10

LOGO5:

EDITANDO NODOS

1. Abre el Logo5 , para utilizarlo de base
2. Crea una capa nueva: Capa ->Añadir capa. Llama a la nueva capa LOGO.

Crearemos el logotipo editando los nodos.

1. Creamos con la herramienta Bezier

un cuadrilátero haciendo el contorno del logo.

Para hacer lineas rectas haz simples clics y no arrastres el ratón, sino crearás curvas.
Asegúrate de colocar el último nodo encima del primero(te darás cuenta por que el
programa lo marca de color rojo). Obtendrás así una figura con contorno y sin relleno.

2. Selecciona la herramienta de edición de Nodos.



3. Para que se muestren los tiradores deberás tener pulsado el botón
, a veces los
tiradores no aparecen por que se encuentran retraídos, para que aparezcan mantén
pulsada la tecla de mayúsculas y arrastra el cursor cerca del nodo.

4. Selecciona toda la forma