Documentos de Académico
Documentos de Profesional
Documentos de Cultura
2pracINKSCAPE PDF
2pracINKSCAPE PDF
DIONISIO AGUADO 1
2ª Parte
EJERCICIOS DE INKSCAPE
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
5. Disminuye el grosor del trazo (borde a 3px). Posiblemente tengas que ajustar de nuevo el
circulo.
6. Crearemos el círculo (amarillo), que dará lugar después a los sectores en blanco y azul.
Disminuye el borde de este hasta 1 px.
Como tienes dos semicírculos, primero tienes que hacerlo con una mitad y después con la otra:
9. Finalmente una vez que tienes el circulo dividido en los cuatro sectores . Selecciona cada
sector y ajusta su tamaño al original:
10. Utilizando la herramienta Bezier , realiza las letras del logo. Quizás necesites usar
alguna operación booleana para realizar la B.
• Ahora empezaremos a trabajar con gradientes de colores. El más sencillo será realizar un
degradado entre dos colores. En Inkscape a los colores que forman el gradiente se les llama
Paradas.
12. Vamos a dar color a los sectores interiores(en azul y blanco en el originall ) , para ello
utilizaremos un Gradiente Lineal.
Aplicamos el gradiente:
Haz clic sobre la herramienta Crear y editar gradiente y traza una línea sobre el sector
a colorear. Aparecerá un segmento delimitado por un cuadradito (origen) y un círculo (final )
(origen y final del gradiente), colócalos de forma adecuada para conseguir el degradado .
• Primero selecciona uno de los nodos del degrado de nuestra figura (por ejemplo el
• Repite los mismos pasos pero ahora para el cuadradito del gradiente.
El color puede quedar algo apagado por que tienes la opacidad al 50%, sube la opacidad al
100% y veras los resultados.
Repite el proceso con el resto de los sectores y elimina el borde (trazo) de todos:
14. Aplicaremos el gradiente a la zona negra. Primero la seleccionas y después pulsa sobre el
Coloca el gradiente en su lugar para que quede como en el original y toma las muestras de
color como en el caso anterior.
15. Finalizamos el logo copiando colores del original para el círculo que se encuentra debajo de
los sectores blancos y azules . (el que hicimos en segundo lugar de color morado)
16. Hacemos lo mismo para colorear las letras, puedes darles color con un degradado,
copiando del original . Además si duplicas la letra y una de ellas (la que esta por debajo) la
coloreas de negro y la desenfocas , obtienes así una pequeña sombra debajo de la misma
que le otorga un aspecto más tridimensional.
1 2 3
Aspecto de la letra
17. Finalmente coloca la opacidad de todos los rellenos al 100% y escribe tu nombre en algún
lugar del logo.
1. Vamos a utilizar una función que se llama Clip, y funciona como la operación booleana
diferencia. Para ello necesitaremos:
- dos objetos (el clip dominante puede ser el bitmap)
- el objeto colocado debajo es el dominante y quedará en escena tras la operación.
- Lo que sobra del otro objeto de encima queda transparente.
Así que lo que tenemos que hacer es crear un objeto que tape por completo a la Coca cola que
queremos seleccionar. Utiliza la herramienta Bezier y dibuja el contorno de la Coca cola, dale un
color para distinguirla.
Si realizas Objeto -> Clip -> Liberar , recuperarás los dos objetos originales.
2. Añadiremos el Texto . Para ello utiliza la herramienta Bezier y ajusta correctamente las
curvas. Cierra el dibujo para poder colorearlo, de forma que el punto donde comienzas sea
el final.
En el caso de que la letra tenga un hueco, deberás realizar el contorno exterior y luego el
contorno interior, para luego realizar Trayecto Diferencia
3. Una vez que tengas todas las letras, haz un duplicado de ellas y a la copia que se quede en
el fondo le cambias a color negro y la desplazas hacia abajo y la izquierda para crear la
sombra.
4. Nos queda colocar la botella entremedias de las dos palabras Coca Cola, y rotarla
adecuadamente usando los transformadores.
6. Escribe tu nombre en algun lugar del logo creado y guarda como logo9.svg y exporta en mapa
de bits como logo9.png.
LOGO10 : EXCLUSIÓN
1. Abre el Logo10 , para utilizarlo de base
2. Crea una capa nueva: Capa ->Añadir capa. Llama a la nueva capa LOGO.
3. Comenzaremos realizando la elipse inclinada junto con la palabra Exclusión (busca una
letra lo más parecida al original) . Después seleccionarás los dos objetos y realiza
Trayecto Exclusión. Con esta operación conseguirás que Inkscape elimine la parte
común a los dos objetos. Con esta booleana el resultado es el mismo independientemente
de cual sea la figura que este debajo. Esto solo influirá para conservar el color, que será el
de la figura que se encuentre abajo.
5. Continuamos con la parte superior del logo, realiza una elipse y repite la operación:
6. Aplicamos un gradiente con tres paradas (rojo – amarillo – verde), la del medio la obtienes
al pulsar sobre el punto medio:
LOGO11 :
GRADIENTE DE MAS DE DOS
COLORES
1. Abre el Logo10 , para utilizarlo de base
2. Crea una capa nueva: Capa ->Añadir capa. Llama a la nueva capa LOGO.
Lo más importante para realizar este logo es ver que se encuentra formado por dos V blancas
que se cruzan.
4. Duplica ahora esta V y desplaza la copia hacia la derecha (mantén pulsada la tecla control
para que no se desplaze hacia arriba):
5. Haz la unión de las dos V. Después realiza el circulo interior y mandalé al fondo para
despúes hacer la diferencia con las V.
7. Ahora dibuja un circulo en otro color sobre toda la zona plateada. Después lo envías al
fondo y finalmente haz la diferencia con las formas creadas al principio.
8. Esta forma la vamos a duplicar dos veces , por que vamos a necesitar uno para la parte
frontal, otro para crear el bisel que le dara sensacion de grosor y otro para crear el efecto
de sombra. A cada duplicado le damos un color para no confundirnos.
9. Sobre uno de los duplicados crearemos la corona exterior (mediante diferencia entre dos
círculos) y haremos la unión con el duplicado.
No separes el duplicado del original yo lo he hecho aquí para que tu puedas ver el resultado.
10. Ahora seleccionamos otro de los duplicados (que esta debajo). Para seleccionar otro
duplicado debes mantener pulsada la tecla ALT. Sabrás que has seleccionado otro porque
cambiará el color del relleno (esquina inferior izquierda)
14. Haz un círculo sobre el grupo y después haz Edición Pegar tamaño
15. Usa Alinear y distribuir para colocar el círculo centrado y lo mandas al fondo (Objeto ->
Bajar al fondo).
16. Desagrupa el grupo que creaste (selecciona el grupo y haz Objeto Desagrupar)
17. Vamos a crear los gradientes tomando muestras del color del logo original. Separa el dibujo
creado del logo original.
Haz doble clic sobre el cuadro del gradiente . Aparece la ventana de edición de gradientes.
20. Ahora vamos a seleccionar el duplicado que hace de bisel (en verde) . Le aplicamos un
gradiente de dos colores, de la misma manera que antes tomando el color del original.
Después has de ir añadiendo paradas entre ambos para que sea lo más parecido al original.
22. Parece que la sombra (flecha roja) ha quedado algo desplazada , selecciona la misma y
con ALT pulsado para no perder la selección desplazalá hacia su lugar (estrecha un poco).
Ajusta un poco la opacidad para que no quede tan oscuro y se tiña de azul.
24. Escribe tu nombre en alguna parte del logo y guarda como logo11.svg y exporta en mapa de
bits como logo11.png.