DEP.TECNOLOGA / I.E.S.

DIONISIO AGUADO

2 Parte

EJERCICIOS DE INKSCAPE
PRCTICAS 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 llamars 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

PRCTICAS INKSCAPE / Mara Jos Gonzlez

DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO

LOGO8:

GRADIENTES DE DOS COLORES

1. Abre el Logo8 , para utilizarlo de base 2. Crea una capa nueva: Capa Aadir capa. Llama a la nueva capa LOGO.

3. Comenzaremos a realizar el crculo exterior (verde). Utiliza un color diferente y baja la

opacidad para poder ver el logo original. Ajusta (aprox 12px). el ancho del borde(trazo) al original

4. Creamos el crculo interior (morado).

5. Disminuye el grosor del trazo (borde a 3px). Posiblemente tengas que ajustar de nuevo el
circulo.

6. Crearemos el crculo (amarillo), que dar lugar despus a los sectores en blanco y azul.
Disminuye el borde de este hasta 1 px.

PRCTICAS INKSCAPE / Mara Jos Gonzlez

DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO

7. Utilizaremos la booleana Trayecto Divisin, para dividir el circulo recien realizado

(amarillo) en sus cuatro sectores. Para ello has de trazar una linea con la herramienta Bezier (es necesario que la crees con 3 nodos), que atraviese el crculo primero en vertical. Selecciona esta linea y el crculo y realiza la divisin.

8. Repite la misma operacin pero ahora la lnea es horizontal: Como tienes dos semicrculos, primero tienes que hacerlo con una mitad y despus con la otra:

9. Finalmente una vez que tienes el circulo dividido en los cuatro sectores . Selecciona cada sector y ajusta su tamao al original:

PRCTICAS INKSCAPE / Mara Jos Gonzlez

DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO

10. Utilizando la herramienta Bezier

, realiza las letras del logo. Quizs necesites usar alguna operacin booleana para realizar la B.

11. Llego el momento de mover todo lo que hemos dibujado, por debajo del logo original.

Ahora empezaremos a trabajar con gradientes de colores. El ms 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. Inkscape fabrica un gradiente de dos colores, pero como no puede elegir el segundo al azar lo que hace es que el primero se repita pero transparente.

PRCTICAS INKSCAPE / Mara Jos Gonzlez

DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO

Aplicaremos el Gradiente lineal a los sectores centrales: Selecciona un sector y haz que no tenga trazo (linea en el borde) .

Aplicamos el gradiente: Haz clic sobre la herramienta Crear y editar gradiente y traza una lnea sobre el sector a colorear. Aparecer un segmento delimitado por un cuadradito (origen) y un crculo (final ) (origen y final del gradiente), colcalos de forma adecuada para conseguir el degradado .

Ahora vamos a ajustar el color del degrado igual que el original:

Primero selecciona uno de los nodos del degrado de nuestra figura (por ejemplo el crculo) . A continuacin selecciona con la herramienta Cuentagotas, el color correspondiente en el logo original a esa zona. Automaticamente cambiara el color de nuestra figura.

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.

PRCTICAS INKSCAPE / Mara Jos Gonzlez

DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO

Repite el proceso con el resto de los sectores y elimina el borde (trazo) de todos:

13. Si editas el gradiente veras esto.

14. Aplicaremos el gradiente a la zona negra. Primero la seleccionas y despus pulsa sobre el icono de edicin de relleno y trayecto. El objeto va a tener color de (borde) trazo, en gris. Podemos copiar el color del original:

PRCTICAS INKSCAPE / Mara Jos Gonzlez

DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO

Selecciona el circulo, despus la herramienta Cuentagotas y pincha sobre el borde gris , manteniendo pulsada la tecla del teclado.(as seleccionas el borde).

y para el Relleno vamos a seleccionar la opcin un Gradiente Radial.

En este caso el gradiente consta de 3 nodos. Si no quieres distorsionar el gradiente es importante que mantengas los dos brazos del gradiente de la misma longitud. Siempre que manipules uno de los extremos hazlo con CTRL y SHIFT pulsados. Coloca el gradiente en su lugar para que quede como en el original y toma las muestras de color como en el caso anterior. El que se quede el crculo gris, es debido a la opacidad, que la tenemos baja. Si la situas al 100% . El resultado debe ser parecido al del original.

15. Finalizamos el logo copiando colores del original para el crculo 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 . Adems si duplicas la letra y una de ellas (la que esta por debajo) la coloreas de negro y la desenfocas , obtienes as una pequea sombra debajo de la misma que le otorga un aspecto ms tridimensional.

PRCTICAS INKSCAPE / Mara Jos Gonzlez

DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO

Aspecto de la letra 17. Finalmente coloca la opacidad de todos los rellenos al 100% y escribe tu nombre en algn lugar del logo.

18. Guarda como logo8.svg y exporta en mapa de bits como logo8.png.

PRCTICAS INKSCAPE / Mara Jos Gonzlez

DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO

LOGO9 :

RECORTANDO BITMAPS
1. Abre el Logo9 , para utilizarlo de base 2. Crea una capa nueva: Capa ->Aadir capa. Llama a la nueva capa LOGO. Inkscape ofrece algunas alternativas para editar bitmaps importados a la escena.

Partiremos de la imagen de la Coca cola que descargars junto con el logo.

1. Vamos a utilizar una funcin que se llama Clip, y funciona como la operacin 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 operacin. - 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.

Selecciona ahora el objeto realizado y el mapa de bits, haz. Objeto -> Clip -> Aplicar Obtendrs algo parecido a esto, la perfeccion de la eliminacion del fondo depender de lo perfeccionista que seas.

Si realizas Objeto -> Clip -> Liberar , recuperars los dos objetos originales.

2. Aadiremos 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.

PRCTICAS INKSCAPE / Mara Jos Gonzlez

DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO

10

En el caso de que la letra tenga un hueco, debers 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.

PRCTICAS INKSCAPE / Mara Jos Gonzlez

DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO

11

5. Finalmente jugaremos con las herramientas de orden para colocar la botella por debajo de la palabra Coca pero por encima de la palabra Cola.

6. Escribe tu nombre en algun lugar del logo creado y guarda como logo9.svg y exporta en mapa de bits como logo9.png.

PRCTICAS INKSCAPE / Mara Jos Gonzlez

DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO

12

LOGO10 : EXCLUSIN
1. Abre el Logo10 , para utilizarlo de base 2. Crea una capa nueva: Capa ->Aadir capa. Llama a la nueva capa LOGO. En esta prctica vamos a practicar la booleana Exclusin.

3. Comenzaremos realizando la elipse inclinada junto con la palabra Exclusin (busca una
letra lo ms parecida al original) . Despus seleccionars los dos objetos y realiza Trayecto Exclusin. Con esta operacin conseguirs que Inkscape elimine la parte comn 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.

4. Ahora colocaremos encima la siguiente elipse y realizaremos la misma operacin anterior:

PRCTICAS INKSCAPE / Mara Jos Gonzlez

DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO

13

5. Continuamos con la parte superior del logo, realiza una elipse y repite la operacin:

6. Aplicamos un gradiente con tres paradas (rojo amarillo verde), la del medio la obtienes al pulsar sobre el punto medio:

7. Finalmente escribe tu nombre en alguna zona del logo:

8. Guarda como logo10.svg y exporta en mapa de bits como logo10.png.

PRCTICAS INKSCAPE / Mara Jos Gonzlez

DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO

14

LOGO11 :

GRADIENTE DE MAS DE DOS COLORES

1. Abre el Logo10 , para utilizarlo de base 2. Crea una capa nueva: Capa ->Aadir capa. Llama a la nueva capa LOGO. En esta prctica vamos a practicar lo aprendido anteriormente y a crear un gradiente de ms de dos colores. Lo ms importante para realizar este logo es ver que se encuentra formado por dos V blancas que se cruzan. 3. Comenzaremos a realizar una de ellas usando tringulos y despes haciendo la diferencia. Puedes editar los nodos de los tringulos para ajustar las lneas y dar algo de curvatura (recuerda que primero has de transformar el objeto a trayecto).

4. Duplica ahora esta V y desplaza la copia hacia la derecha (mantn pulsada la tecla control para que no se desplaze hacia arriba):

5. Haz la unin de las dos V. Despus realiza el circulo interior y mandal al fondo para despes hacer la diferencia con las V.

PRCTICAS INKSCAPE / Mara Jos Gonzlez

DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO

15

6. Mediante un rectngulo vamos a realizar el elemento transversal que falta y despus hacemos su unin con lo anterior.

7. Ahora dibuja un circulo en otro color sobre toda la zona plateada. Despus lo envas 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 crculos) y haremos la unin con el duplicado.

No separes el duplicado del original yo lo he hecho aqu para que tu puedas ver el resultado.

PRCTICAS INKSCAPE / Mara Jos Gonzlez

DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO

16

10. Ahora seleccionamos otro de los duplicados (que esta debajo). Para seleccionar otro
duplicado debes mantener pulsada la tecla ALT. Sabrs que has seleccionado otro porque cambiar el color del relleno (esquina inferior izquierda)

11. En este segundo duplicado, lo vamos a reducir un poco. Con las teclas CONTROL Y SHIFT pulsadas mueve el ratn hacia dentro.

12. Finalmente selecciona el tercer duplicado y desplazal abajo y a la izquierda (para moverlo manten pulsada la tecla ALT). Cambia su color a negro y aplica un desenfoque de 3 (ser la sombra).

13. Selecciona todo y agrupa. Sobre el grupo realiza

Edicin Copiar.

14. Haz un crculo sobre el grupo y despus haz Edicin Pegar tamao

PRCTICAS INKSCAPE / Mara Jos Gonzlez

DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO

17

15. Usa Alinear y distribuir para colocar el crculo 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.

18. Empezaremos por la parte plateada: Selecciona la parte del logo que ir en plateado, abre el editor de colores. Asegurat que no tiene contorno y aplica un relleno con gradiente radial. Inkscape crear uno desde el color del objeto hasta transparente.

PRCTICAS INKSCAPE / Mara Jos Gonzlez

DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO

18
Selecciona la herramienta de crear gradientes y coloca el centro (cuadrado) y los brazos segn el dibujo (manten las teclas control y shift pulsadas para no perder la proporcin entre los brazos).

Haz doble clic sobre el cuadro del gradiente . Aparece la ventana de edicin de gradientes. Pulsa sobre la flecha para ver los colores del gradiente.

Para el primer color las condiciones de transparencia son 255 (opaco) y las del segundo son 0 (transparente). Cambia las del segundo a 255. Despus pincha en cualquier color de la rueda de colores para que observes el cambio.

PRCTICAS INKSCAPE / Mara Jos Gonzlez

DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO

19

Selecciona ahora la herramienta de Seleccin de color . Selecciona el origen del gradiente (cuadrado) y despus marca el mismo lugar en el logo original para capturar el color. Haz lo mismo con el circulo que indica el extremo del gradiente.

PRCTICAS INKSCAPE / Mara Jos Gonzlez

DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO

20

19. Ya hemos creado un gradiente que va de blanco a gris, pero hemos de aadir colores intermedios llamados Paradas. Colocate sobre el blanco para crear una parada por debajo, debers pulsar Aadir Parada. El programa crea otro color entre los dos existentes y aparece un nuevo nodo (circulo) .

Sube la opacidad al 100.

Selecciona el nodo de la nueva parada y toma el color del original.

PRCTICAS INKSCAPE / Mara Jos Gonzlez

DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO

21

Aade otra parada debajo de esta ltima de la misma manera que hemos explicado.

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.

PRCTICAS INKSCAPE / Mara Jos Gonzlez

DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO

22

21. Ahora haremos la parte azul de la misma manera. Selecciona los dos colores inicial y final del gradiente.

Despus has de ir aadiendo paradas entre ambos para que sea lo ms 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 seleccin desplazal hacia su lugar (estrecha un poco). Ajusta un poco la opacidad para que no quede tan oscuro y se tia de azul.

PRCTICAS INKSCAPE / Mara Jos Gonzlez

DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO

23

23.Selecciona la corona y cambia el grosor del trazo a negro con un espesor aproximado de 0,25 px

24. Escribe tu nombre en alguna parte del logo y guarda como logo11.svg y exporta en mapa de bits como logo11.png.

PRCTICAS INKSCAPE / Mara Jos Gonzlez