Teoria inkscape-4-eso

5,000 views

Published on

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,000
On SlideShare
0
From Embeds
0
Number of Embeds
366
Actions
Shares
0
Downloads
272
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Teoria inkscape-4-eso

  1. 1. 4º ESO INKSCAPE EDITOR DE GRÁFICOS VECTORIALESCurso 09 - 10 Colegio San Antonio - Carcaixent
  2. 2. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentFicha 1 :// Empezando con Inkscape.IntroducciónInkscape es un programa de diseño vectorial de código abierto, con capacidades similares a otros editoresgráficos como Illustrator, Freehand, CorelDraw o Xara Xtreme (también gratuito). Utiliza el formato de archivoScalable Vector Graphics (SVG).También tiene la capacidad de exportar lo que dibujemos a un formato demapa de bits para utilizarlo en cualquier aplicación, como fondo de pantalla, en una página web, etc.Elementos de Inkscape (versión 0,46)Cuando abrimos Inkscape, nos aparece la siguiente pantalla: Barra de menús. Permite acceder a todas las funciones a través de menús desplegables. Barra de comandos. Consta de una serie de iconos que permiten la realización de las acciones más frecuentes con un solo clic. Barra de control de herramienta. Contiene iconos que cambian según la herramienta seleccionada. Barra de herramientas. Contiene iconos con todos los útiles de dibujo Área de dibujo o lienzo. Paleta de colores. Barra de estado. Muestra la ampliación del documento, las coordenadas del cursor, la capa de trabajo, el bloqueo de la capa y el selector de la capa activa. 2
  3. 3. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentPreparación del lienzoEn Menú Archivo/Propiedades del documento, podemos cambiar lasunidades de medida, color del fondo, tamaño, orientación, bordes,rejilla, etc.Con la opción Menú Archivo / Nuevo, podemos veralgunas de las posibilidades de tamaños para undocumento nuevo.Se puede trabajar con varios documentos a la vez,Inkscape abre una ventana aparte para cadadocumento que se ven en la barra de tareas deWindows. A cada documento le da un nombre pordefecto que podemos cambiar. Para navegar a travésde las ventanas se pincha barra de tareas de Windowso puede usar Ctrl+Tab. 3
  4. 4. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentFicha 2 :// Dibujando Formas.Dibujar Líneas a mano alzadaPara dibujar líneas tenemos que hacer clic en el botón de la barra de Herramientas, o bien pulsar F6.• Línea RectaSe hace clic en el punto inicial y clic en el final.• Trazo LibreSe hace clic y se arrastra el ratón (sin dejar de pulsar), como si fuera un lápiz, dibujando la forma.Para cambiar las propiedades de la forma seleccionada hacemos clic derecho sobre ella, y seleccionamosrelleno y borde, aparecen tres pestañas que nos permiten cambiar el variar el color, anchura, puntas, guiones,marcas de inicio, etc. Las líneas no tienen relleno, solo tienen color de trazo.Práctica # 1 Abre un archivo nuevo de Inkscape. Dibuja 5 líneas rectas y 5 trazos libres, utilizando diferentes colores de trazo, anchuras, tipos de punta, guiones, marcas de inicio y marcadores finales. Cierra el documento y guarda los cambios con el nombre: inkscape01.svg 4
  5. 5. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentCrear Rectángulos y CuadradosPara crear rectángulos y cuadrados haz clic sobre el botón de la barra de Herramientas, o bien, pulsa F4.• Rectángulos: Se hace clic y se arrastra el ratón (sin dejar de pulsar).• Cuadrado: Se hace igual pero con la tecla Ctrl pulsada mientras se arrastra. De esta forma también se hacen rectángulos de radio-entero (2:1, 3:1, etc).El rectángulo o cuadrado seleccionado muestra tres controladores en tres de sus esquinas.• El de la esquina superior derecha permite redondear las esquinas.• Los otros dos (superior izquierdo e inferior derecho) permiten cambiar el tamaño.Cuando tenemos seleccionado el botón de la barra de Herramientas, en la barra de controles deHerramienta aparece: Redondear Unidades Ancho Alto esquinas Afilar esquinasPara cambiar las propiedades de la forma seleccionada hacemos clicderecho sobre ella, y seleccionamos relleno y borde, aparecen trespestañas que nos permiten cambiar el color de relleno, color del trazo(borde) y el estilo del trazo (borde). 5
  6. 6. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentPráctica # 2 Abre un archivo nuevo de Inkscape. Dibuja 3 cuadrados y 3 rectángulos de diferentes tamaños, y con diferentes esquinas redondeadas, utilizando diferentes colores de relleno, colores de trazo, anchuras, guiones. Cierra el documento y guarda los cambios con el nombre: inkscape02.svgCrear Círculos, Elipses y ArcosPara crear círculos, elipses y arcos haz clic sobre el botón de la barra de Herramientas, o bien, pulsa F5.• Elipses: Hacer clic y arrastrar el ratón.• Círculos: Hacer clic y arrastrar el ratón mientras se mantiene pulsado Ctrl.La elipse o círculo seleccionado muestra tres controladores.• Los que tienen forma cuadrada sirven para cambiar el tamaño.• El controlador representado con un circulito permite dibujar arcos Cuando tenemos seleccionado el botón de la barra de Herramientas, en la barra de controles de Herramienta aparece: Grados desde la Arco con Arco sin horizontal al punto Grados desde la radios radios Cerrar final del arcohorizontal al punto círculo inicial del arco Arco con radios Arco sin radios 6
  7. 7. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentComo en los casos anteriores para cambiar las propiedades de la forma seleccionada hacemos clic derechosobre ella, y seleccionamos relleno y borde, aparecen tres pestañas que nos permiten cambiar el color derelleno, color del trazo (borde) y el estilo del trazo (borde).Práctica # 3 Abre un archivo nuevo de Inkscape. Dibuja 3 círculos, 3 elipses y 3 arcos con radio y sin radio de diferentes tamaños, utilizando diferentes colores de relleno, colores de trazo, anchuras, guiones. Cierra el documento y guarda los cambios con el nombre: inkscape03.svgCrear Polígonos y estrellasPara crear Polígonos y estrellas haz clic sobre el botón de la barra de Herramientas, o bien, pulsa asterisco(*), a continuación, haz clic y arrastra el ratón. Crea Crea Número de lados (polígono) Para obtener complicadas e Solo activo para polígonos estrellas o puntas (estrella) impredecibles formas estrella 7
  8. 8. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentLos polígonos tienen solo un controlador, mientras que las estrellas tienen dos, moviendo estos controladoresy los otros parámetros como esquinas, longitud de radio, redondez y aleatorio, podemos conseguir hermosasformas alocadas, hermosas, complicadas y totalmente impredecibles, vamos a ver algunos ejemplos:Práctica # 4 Abre un archivo nuevo de Inkscape. Dibuja 5 polígonos y 5 estrellas variando los diferentes parámetros para crear formas divertidas. Cierra el documento y guarda los cambios con el nombre: inkscape04.svg 8
  9. 9. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentEspiralesPara crear Polígonos y estrellas haz clic sobre el botón de la barra de Herramientas, o bien, pulsa F9, acontinuación, haz clic y arrastra el ratón.Muestran dos controladores, el de inicio y finalización de la espiral. Cuando son arrastrados, simplementeenrollan o desenrollan la espiral.La divergencia es la medida no lineal de sus giros. Cuando es igual a 1, la espiral es uniforme; cuando es menora 1 (Alt+arrastrar de manera ascendente), la espiral es más densa sobre la periferia; cuando es mayor que 1(Alt+arrastrar de manera descendente), la espiral es más densa por el centro:El número máximo de giros para la espiral es 1024. 9
  10. 10. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentSi hacemos espirales con borde punteado, podemos conseguir efectos moiré:Práctica # 5 Abre un archivo nuevo de Inkscape. Dibuja 10 espirales variando los diferentes parámetros para crear formas divertidas. Cierra el documento y guarda los cambios con el nombre: inkscape05.svgCajas 3DPara crear cajas 3D haz clic sobre el botón de la barra de Herramientas, o bien, pulsa shift+F4, acontinuación, haz clic y arrastra el ratón.El relleno y borde se edita haciendo clic en el botón, , de la barra ce comandos (debajo de la barra demenús).Práctica # 6 Abre un archivo nuevo de Inkscape. Dibuja 5 cajas variando los parámetros para crear diferentes formas. Cierra el documento y guarda los cambios con el nombre: inkscape06.svg 10
  11. 11. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentFicha 3 :// Trabajando con las formas y objetos.Acercar y alejar (Zoom)La manera más sencilla de activar el zoom es por medio de las teclas - y +. También puede emplear Ctrl+Clickdel botón central o Ctrl+Clic del botón derecha para agrandar, Mayus+Clic del botón central o Mayus+Clic delbotón derecho para alejar o disminuir.Se puede hacer lo mismo con el campo situado en la parte inferior izquierda, que permiteingresar el valor del porcentaje % para la visualización.También tenemos la herramienta Zoom, , de la barra de Herramientas, la cual permite hacer un zoomseleccionándola (aparecerá una lupa) y haciendo clic en el punto a aumentar o disminuir.Mover, escalar y rotar.Para manipular un objeto o forma, lo primero que hay que hacer es seleccionarlo. Para ello, hay que pinchar enel botón de la barra de herramientas, se sitúa el cursor del ratón sobre cualquier punto del objeto,veremos que el cursor se transforma en una cruz, , en este momento si hacemos clic sobre el objeto, ésteaparecerá rodeado por unos controladores en forma de flecha (si hacemos clic en una zona del objeto sinrelleno, no lo seleccionaremos).Una vez seleccionado el objeto podemos hacer las siguientes operaciones:• Mover los objetos arrastrándolos por el área de dibujo. Si mantienes pulsado Ctrl solo se moverá en horizontal y vertical.• Escalar (aumentar o disminuir el tamaño de los objetos), tirando de cualquier controlador. Si mantienes pulsado Ctrl se conserva la proporción original. Escalar Otra forma de mover y escalar es mediante los campos de numéricos de la barra de control, en ellos podemos dar los valores exactos de la posición (coordenadas X e Y) y del tamaño del objeto, W es el ancho y, H es la altura.Al hacer clic sobre el objeto cambia el tipo de controladores. En lugar de los controladores de escalar aparecenlos controladores de rotar e inclinar. 11
  12. 12. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans Carcaixent• Rotar tirando de los controladores situados en las esquinas. Si mantienes pulsado Ctrl se restringe la rotación a pasos de 15 grados. La marca en forma de cruz que hay en el centro del objeto nos indica la posición del eje de rotación (se puede cambiar de posición). Rotar• Inclinar tirando de los controladores centrales. Si mantienes pulsado Ctrl se restringen las inclinaciones a pasos de 15 grados. InclinarSelecciones Múltiples.Podemos seleccionar varios objetos simultáneamente de dos formas:• haciendo Mayus(Shift)+clic sobre cada uno de los objetos.• Haciendo clic y arrastrando el cursor alrededor de los objetos.Cada objeto individual seleccionado dentro de una selección múltiple, aparece rodeado por un marco depuntos. Esto, hace ver qué está seleccionado y qué no lo está. Aquí tenemos Aquí solo tenemos seleccionados los seleccionados el tres objetos triangulo y el circuloMayus+clic sobre unobjeto seleccionado, loexcluye de la selección. 12
  13. 13. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentRelleno y borde.Para cambiar las propiedades de relleno y borde hay que seleccionar la forma mediante , y hacer clicderecho, y seleccionar relleno y borde, o desde menú objeto / Relleno y borde, o también, desde el icono.Podemos observar que el dialogo posee tres pestañas: Relleno, Color de trazo y Estilo de trazo.• La pestaña Relleno permite editar el relleno interior del objeto seleccionado. Se puede seleccionar sin relleno, color uniforme, gradiente lineal o radial. Color uniforme Sin relleno Gradiente lineal Gradiente radial RGB, HSL, CMYK, Rueda y CMS, son diferentes formas de seleccionar el color del relleno. Cuando se seleccionan varios objetos el dialogo muestra su color promedio.• La pestaña Color de trazo permite editar el color del borde del objeto seleccionado.• La pestaña Estilo de trazo permite editar la anchura, puntas, guiones, marcas de inicio, etc.Una forma sencilla de cambiar el color de relleno del objeto que se encuentra seleccionado es hacer clic sobreuno de los colores que nos ofrece la paleta de colores situada en la parte inferior. Si hacemos esto mismo conla tecla SHIFT pulsada, le daremos color al trazo. 13
  14. 14. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentOtra forma para dar color al relleno y al trazo es coger el color en la paleta y soltarlo encima del objetocorrespondiente (aquí también funciona SHIFT para dar color al trazo) La gran ventaja de este método es queno hay que tener seleccionado el objeto que queremos editar.También tenemos la posibilidad de coger el color y soltarlo en la zona de los atributos propios del objeto quetiene seleccionado y situados en la parte inferior izquierda de la interfaz.Práctica # 7 Abre un archivo nuevo de Inkscape. Crea un dibujo utilizando líneas, cuadrados, círculos, polígonos, estrellas, etc. Cierra el documento y guarda los cambios con el nombre: inkscape07.svgAgrupar y desagrupar objetos.Cuando tenemos varios objetos podemos combinarlos para que se comporten como un único objeto, y así,moverlos o transfórmalos todos al mismo tiempo.Para agrupar objetos, hay que seleccionar los objetos y presionar Ctrl+G, o ir al menú objetos / agrupar. Paradesagrupar, hay que seleccionarlo y presionar Ctrl+U, o ir al menú objetos / desagrupar.Varios grupos pueden ser agrupados a su vez. Se hace igual que con los objetos individuales. Esto se puedehacer repetidamente y tendremos un grupo dentro de otro grupo. Para desagrupar necesitaremos presionarCtrl+U repetidamente si queremos desagrupar completamente un grupo dentro de otro grupo.Duplicar y Clonar.Se puede duplicar un objeto tantas veces como se quiera. Para ello se va al menú Editar / Duplicar. El objetoduplicado queda encima del original y se puede arrastrar con el ratón donde se quiera.También se puede clonar un objeto tantas veces como se quiera, desde el menú Editar / Clonar. El objetoclonado queda encima del original y se puede arrastrar con el ratón donde se quiera. 14
  15. 15. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentAparentemente al duplicar o clonar obtenemos el mismo resultado, una copia del original. La diferencia radicaen que cuando obtenemos copias mediante clonado, los cambios que le hacemos al original, se aplicantambién al clon, mientras que al duplicar, la copia se comporta de forma independiente.Hay una opción de clonar muy interesante, Clones en mosaico. Se puede jugar con las filas, columnas, simetría,etc. Los rectángulos de la figura de abajo se han hecho así.Alinear y Distribuir.Si tenemos una colección de objetos y queremos alinearlos o distribuirlos de unacierta forma, tenemos esta opción. Para ello se va al Menú Objeto/Alinear yDistribuir.En el cuadro <Alinear Relativo a:> podemos elegir el objeto de referencia paraalinear. Debajo tenemos los iconos que nos indican las diferentes formas dealinear varios objetos.A continuación tenemos los iconos que nos indican las diferentes formas dedistribuir varios objetos 15
  16. 16. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentOrdenar.El término orden se refiere al orden de apilado de los objetos.Se puede acceder desde menú objeto, o bien desde la barra de control de la herramienta seleccionar ytransformar objetos.Podemos variar el orden de los Objetos con las funciones Traer al Frente, Bajar al fondo, Elevar y Bajar.Rotar, reflejar y transformar.Con la función rotar 90°, hemos obtenido el 2º rectángulo a partir del primero:Con la función reflejar horizontalmente, hemos obtenido el 2º triángulo a partir del primero:Con la función Transformar podemos hacer lo que se indica en la ventana siguiente:Muchas cosas se pueden hacer estirando con el ratón directamente sobre los controladores escalado/rotación. 16
  17. 17. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentPráctica # 8 Vamos a crear una señal de prohibido.1.- Hacemos un círculo (con ctrl pulsado). Una vez hecho podeos cambiar el tamaño estirando de los controladores (con ctrl pulsado para que siga siendo un círculo y, no una elipse)2.- Hacemos una línea horizontal (con ctrl pulsado). Una vez hecho cambiamos el tamaño estirando de los controladores.3.- Cambia el color del círculo a color rojo (R:255, G:0 y B:0) y elimina el trazo.4.- Coloca la línea dentro del círculo y ajusta el tamaño de la línea estirando de los controladores.5.- Centra la línea con el círculo.6.- Selecciona la línea y aplícale color blanco (R:255, G:255 y B:255).7.- Selecciona los dos objetos y agrúpalos.8.- Cierra el documento y guarda los cambios con el nombre: inkscape08.svgUna forma de optimizar el trabajo es usar los iconos de la barra de comandos: Editar objetos de texto Relleno y borde Alinear y distribuir Agrupar / Desagrupar 17
  18. 18. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentPráctica # 9 Vamos a crear el logotipo de Mitsubishi.1.- Hacemos un triángulo con CTRL pulsado, y así nos aseguramos que queda la base quede completamente horizontal.2.- Elimina el trazo y aplícale color rojo de relleno.3.- Duplica el triangulo y haz clic en menú Objeto / Reflejo vertical. A continuación abre Alinear y distribuir / Alinear Relativo a: Selección / y haz clic en .4.- Agrupa los dos triángulos. Y selecciona Menú Objeto / Transformar / Rotar / 120°.5.- Duplica este último objeto y crea su simétrico con reflejo horizontal.6.- Colócalo este último objeto en la posición adecuada con Alinear y distribuir / Alinear Relativo a: Selección / y haz clic en .7.- Duplica uno de los dos objetos que forman la figura y, selecciona Menú Objeto / Transformar / Rotar / −120°. 18
  19. 19. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans Carcaixent8.- Separa el último objeto duplicado y agrupa los dos primeros objetos.9.- Selecciona los dos objetos. En primer lugar este objeto y, a continuación este otro. Y haz clic en Alinear y distribuir / Alinear Relativo a: Último seleccionado / centrar en el eje vertical y en Alinear los bordes superiores.10.- Selecciona solo el objeto central y, haz clic en Alinear y distribuir / Alinear Relativo a: Selección / y haz clic en , .11.- Por último agrupa todos los objetos, cierra el documento y guarda los cambios con el nombre: inkscape09.svgPráctica # 10 Vamos a crear un logotipo para utilizar en temas posteriores (maquetación de una revista).1.- Abre un archivo nuevo de Inkscape, desde el menú Archivo, accede a propiedades del documento.Prepara la página con las siguientes características:2.- Menú Archivo / Propiedades del documento / Página / Tamaño personalizado / Anchura: 100 mm y altura: 60 mm. Fíjate en las unidades, es una página bastante pequeña, así que, debes utilizar el zoom, para poder trabajar mejor.Dibuja la esfera del reloj:3.- Dibuja un círculo (no importa si es un círculo perfecto, ni el tamaño).4.- Cambia el color de relleno del círculo por el color negro. Relleno /Color uniforme / RGB / R : 0, G : 0 y B : 0. 19
  20. 20. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans Carcaixent5.- Elimina el borde del círculo. Color de trazo / sin relleno.6.- Selecciona el círculo con la herramienta seleccionar y ahora desde la barra de control de herramienta puedes darle las mediadas exactas: 47 mm de diámetro (W: 47,000; H: 47,000; unidades: mm).7.- Centra el círculo, en vertical y horizontal, Relativo: a página.8.- Selecciona el círculo y, haz clic en menú Edición / Duplicar. Ahora tenemos dos círculos, la copia se sitúa sobre el original.9.- Con el círculo duplicado seleccionado vamos a la barra de control de la herramienta seleccionar y, cambiamos el tamaño del círculo duplicado, diámetro: 43 mm (si hacemos clic sobre el candado, este se cierra y al cambiar W, también cambia H).10.- Cambia el color de relleno del círculo de menor tamaño por un gris oscuro. Color uniforme (RGB), R : 51, G : 51 y B : 51.11.- Centra el círculo de menor tamaño, en vertical y horizontal, Relativo: a página.Crea las marcas horarias (3, 6, 9 y 12 horas):12.- Dibuja una línea recta vertical (ayúdate de la tecla Ctrl)13.- Selecciona la línea y, mediante la barra de control le ponemos un tamaño aproximado de: 1 mm de ancho y 4 mm de alto.14.- Selecciona la línea y, abre la ventana Relleno y borde / Estilo de trazo / Punta / tope redondo.15.- Selecciona la línea y, abre la ventana Relleno y borde / Color de trazo / Color uniforme / RGB / R: 255, G: 255 y B: 255.16.- Seleccionar primero la línea y luego el círculo de menor tamaño (para seleccionar varios objetos hay que hacer clic + shift).17.- Menú Objeto / alinear y distribuir… / Alinear relativo a: Último seleccionado / centrar en el eje horizontal / alinear los bordes superiores.18.- Duplica la marca de las 12 horas y repite los pasos del punto 13, con la única diferencia que al final hay que alinear los borde inferiores19.- Duplica la marca de las 12 horas, gírala 90° mediante menú objeto / Rotar 90° a la derecha, ahora hay que centrar en el eje horizontal y alinear lados derechos.20.- Duplica la marca de las 9 horas y, ahora alinear lados izquierdos.Crea el eje del reloj:21.- Crea un círculo de 6 mm de diámetro, sin borde y asígnale color negro, R : 0, G : 0 y B : 0.22.- Centra el círculo en la página.Crea las manecillas.23.- Con la herramienta Dibujar líneas a mano alzada, dibuja una línea recta desde el centro del círculo más pequeño, hasta casi tocar el lugar que marca las 10.24.- Selecciona la línea y, abre la ventana Relleno y borde / Estilo de trazo / Punta / tope redondo.25.- Relleno y borde / Estilo de trazo / Ancho / 1,000 / mm26.- Asignar color rojo, R : 0, G : 0 y B : 0. 20
  21. 21. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans Carcaixent27.- Selecciona la manecilla de los minutos (la que acabamos de crear) y, duplícala, a continuación haz clic en menú Objeto / Reflejo horizontal, seguidamente haz clic en menú Objeto / Transformar… / Escalar / Ancho: 50 % y pulsa el botón <apply>, posteriormente, desde Relleno y borde aumenta el ancho hasta aproximadamente 1 mm, y por último, utilizando las teclas de desplazamiento (flechas del teclado), muévela hacia la derecha, hasta colocar el extremo inferior de la manecilla en el centro del reloj.28.- Ahora vamos a hacer que las manecillas queden por debajo del eje (círculo pequeñito). Seleccionamos una de las manecillas y, hacemos clic en menú Objeto / Bajar, luego seleccionamos la otra manecilla y hacemos lo mismo pero desde la barra de control de la herramienta seleccionar29.- Cierra el documento y guarda los cambios con el nombre: inkscape10.svg 21
  22. 22. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentFicha 4 :// Escribiendo texto.Para crear un texto, lo más sencillo es ir a la Barra de Herramientas y seleccionar la herramienta crear y editarTexto, , (F8), a continuación, nos posicionamos en el lugar donde queremos poner el texto y escribimos.Una vez escrito cualquier texto, se puede seleccionar haciendo clic en, , y pinchando en él, pero hay quetener cuidado de pinchar sobre la parte escrita: Si se No se selecciona selecciona el texto, sino, lo el texto que hay debajoCuando el texto está seleccionado podemos realizar las siguientes acciones: • Abrir la ventana de diálogo de texto con el botón, , que se encuentra en la barra de comandos (debajo de la barra de menú) y modificar cualquier propiedad como fuente, estilo, tamaño, formato y espaciado de líneas. Este diálogo tiene la pestaña texto donde podemos modificar el propio texto, cambiándolo o añadiendo texto. En algunas situaciones, esta forma puede ser más conveniente que hacerlo sobre la pizarra. Con la herramienta Texto podemos posicionarnos en algún lugar dentro del texto para modificar o escribir sobre él. • Mover los controladores del texto, para modificar el texto a nuestro gusto, como vemos abajo. 22
  23. 23. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans Carcaixent • Hacer clic en el botón, , de la barra ce comandos (debajo de la barra de menús) para cambiar el relleno, color de trazo y estilo de trazo:Práctica # 11 Abre un archivo nuevo de Inkscape, y:1.- escribe el texto: EN UN LUGAR DE LA MANCHA2.- Utiliza fuente Bookman Old Style, Bold Italic, tamaño 48, centrar líneas.3.- Duplica el texto dos veces y, realiza cambios en las características de la fuente, trazo, relleno y, mueve los controladores.4.- Cierra el documento y guarda los cambios con el nombre: inkscape10.svgCaligramasUna posibilidad que nos da Inkscape es, asociar un texto a un trayecto o trazo. Para hacer esto, hay que tenerun trazo y un texto; seleccionamos el texto, pinchando en él, a continuación seleccionamos el trazo pinchandoen él con la tecla de mayúsculas presionada y, a continuación se va al menú Texto y Poner en trayecto. Esimprescindible tener seleccionados los dos objetos, texto y trayecto.Vamos a hacer un ejemplo sencillo:1.- Dibujamos una línea a mano alzada.2.- Escribimos el texto: En un lugar de la Mancha …3.- Seleccionamos los dos objetos:4.- Se va al menú Texto / Poner en trayecto:De la misma forma podemos asociar un texto a cualquier contorno o trayecto: rectángulo, elipse, espiral, etc.Como segundo ejemplo vamos a asociar un texto a una espiral. Siguiendo los mismos pasos:1.- Dibujamos la espiral.2.- Escribimos un texto cualquiera.3.- Seleccionamos los dos objetos:4.- Se va al menú Texto / Poner en trayecto y, obtenemos lo siguiente: 23
  24. 24. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentDe la misma forma he hecho los siguientes ejemplos:Este, con dosespirales Este, siguiendo los radios del polígono.Práctica # 12 Abre un archivo nuevo de Inkscape. Dibuja un caligrama. Cierra el documento y guarda los cambios con el nombre: inkscape12.svgOtra posibilidad que nos da Inkscape es, asociar un texto a una forma. Para hacer esto, hay que tener unaforma y un texto; seleccionamos el texto, pinchando en él, a continuación seleccionamos la forma pinchandoen ella con la tecla de mayúsculas presionada y, a continuación se va al menú Texto y Fluir en el marco. Esimprescindible tener seleccionados los dos objetos, texto y forma.Vamos a hacer un ejemplo sencillo:1.- Dibujamos una elipse.2.- Escribimos el texto: En un lugar de la mancha de cuyo nombre no quiero acordarme3.- Seleccionamos los dos objetos:4.- Se va al menú Texto y Fluir en el marco:De la misma forma podemos asociar texto a cualquier forma: rectángulo,elipse, espiral, etc. 24
  25. 25. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentEjemplo hecho con Texto/ Fluir en el marco dentro de una vasija hecha a mano alzada:Práctica # 13 Abre un archivo nuevo de Inkscape. Dibuja un caligrama con una forma. Cierra el documento y guarda los cambios con el nombre: inkscape13.svgPráctica # 14 Abre el archivo Inkscape08.1.- Crea dos objetos de texto como los de la figura, con una fuente Arial Rounded MT Bold y un tamaño de 40.2.- Oriéntalas en la misma dirección que las manecillas.3.- Cambia el color de las letras, según se ve en el dibujo. Utiliza el mismo color que en las manecillas.4.- Haz clic en menú Archivo / Guardar como … / con el nombre: inkscape14.svg5.- Cierra el documento. 25
  26. 26. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentFicha 5 :// Diferencias Con Objetos (Fagor)Es muy habitual en el mundo del diseño (sobre todo en el 3D)denominar operaciones booleanas a las operaciones de suma, resta eintersección de objetos. En Inkscape este tipo de operaciones seextienden a la división, exclusión y cortar Trayecto; se encuentran en elmenú Trayecto.Su uso es muy intuitivo pero conviene tener algunos detalles en cuenta:• El resultado de una operación booleana es un único objeto por lo que sólo tendrá un relleno y un borde.• La Unión (suma) es la única operación booleana que admite tener seleccionados más de dos objetos.• El resto de las booleanas sólo funcionan con dos objetos seleccionados y se entenderá que el situado más abajo es el objeto dominante y prevalecerá en el resultado.En el ejemplo siguiente se ve la consecuencia de esto último. En los dos casos se ha realizado, una vezseleccionados los dos objetos, la secuencia de comandos Trayecto / Unión. Geométricamente el resultado es elmismo pero la herencia del color es relativa al objeto que estaba debajo en el momento de la operación.En otras operaciones como Trayecto/ Diferencia, este detalle será trascendental. 26
  27. 27. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentPráctica # 15 Vamos a realizar el logotipo de FAGOR1.- Primero creamos un círculo sin borde de 75 mm de diámetro y después un rectángulo, también sin borde, de 100 mm de ancho y, 30 mm de alto.2.- Ahora seleccionamos el rectángulo y hacemos clic en el menú Objeto / Transformar / Inclinar / horizontal: −45° deg.3.- Crea un nuevo rectángulo, también sin borde, de 150 mm de ancho y, 10 mm de alto.4.- Coloca el nuevo rectángulo centrado respecto al rectángulo inclinado.5.- Selecciona los dos rectángulos y haz clic en menú Trayecto / Diferencia. Coloca el objeto resultante sobre el círculo y después selecciónela junto con el círculo y repite Trayecto/Diferencia6.- Cierra el documento y guarda los cambios con el nombre: inkscape15.svgPráctica # 16 Abre inkscape09 y desagrupa todos los objetos y efectúa trayecto / Unión; de esta manera se evitan esas líneas de unión. Haz clic en menú Archivo / Guardar como … / con el nombre: inkscape16.svg y cierra el documento. 27
  28. 28. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentFicha 6 :// Ordenando Objetos En RejillaEn esta ocasión vamos a trabajar con un nuevo método para ordenar objetos de una manera controlada. Setrata de ordenar objetos dentro de una supuesta red de filas y columnas en la que los espacios pueden sereditables. Para la práctica vamos a copiar un logotipo en el que los objetos están ordenados dentro de unarejilla de 2x2.• Crear cuatro cuadrados alineados en una rejilla 2x2. Haz un cuadrado de 3,4 cm de lado; Para ello dibujeun rectángulo, seleccione las unidades, cm, y escriba 3,4 de ancho (W) y de alto (H).Luego haga tres duplicadosSeleccione los cuatro cuadrados y haga la línea de comandos Objeto/filas y columnas. Esto hará aparecer uncuadro con las opciones necesarias. Los datos son, lógicamente 2 filas y 2 columnas, también hay que modificarla separación horizontal y vertical de los cuadrados (ajustar espaciado); En nuestro caso 9.0 unidades sonsuficientes. Use las flechas para subir y bajar los valores, si los introduce con el teclado a veces se produce un bug -error de programación- 28
  29. 29. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans Carcaixent• Edición de los colores. Seleccione dos cuadrados y aplíqueles color negro tanto al relleno como al trazo.Después seleccione los otros dos y póngales relleno blanco y trazo negro. Después seleccionamos los cuatrocuadrados y en estilo de trazo regule el ancho a 2,00 px.• Crear efecto sombra en los cuadros negros. Duplica los cuadrados negros y desplaza los duplicados (a lavez) un poco a la derecha y hacia abajo. Saque el cuadro de Relleno y borde y aplique desenfoque y disminuyala opacidad maestra de los objetos. Mándalos al fondo con Objeto/Bajar al fondo,No agrupe de momento. Vamos a necesitar los cuadrados para alinear los textos dentro.• TEXTO. Con la herramienta de texto escriba CON y desde Texto/Texto y tipografía elija la fuente “ArialNarrow”, estilo “Normal”, tamaño de tipografía “56”.Coloque el texto en su sitio. Seleccione color blanco tanto para el relleno como para el trazo. Después useAlinear y distribuir... 29
  30. 30. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentHaga lo mismo para los restantes textos utilizando las mismas características y sabiendo que las letras sobrecuadro blanco llevan relleno y trazo negro.Pero ahora hay que prestar atención a algo importante. Imagino que no le habrá pasado desapercibido quetodos los textos tienen igual ancho en el logotipo original y los que ha escrito usted, no. Vamos por tanto aigualar. Pare ello seleccione CON y haga la línea de comandosEdición/Copiar. Después seleccione los otros tres textos y haga Edición/Pegar tamaño.../Pegar ancho porseparadoDespués de usar las herramientas que ya se estudiaron en prácticas anteriores relativas a Alinear y distribuir unresultado aceptable podría ser el siguiente: 30
  31. 31. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentSólo un detalle más. Para la exportación en mapa de bits del logotipo se va a producir un problema con eldesenfoque de abajo y de la derecha. Si usted exporta el grupo tal y como queda seleccionado se produciráeste efecto:Esto es debido a que el efecto de desenfoque va más allá de la cajade selección. Hay varias opciones para solucionar esto. Una de ellases añadir un rectángulo sin relleno y sin contorno al grupo formadopor el logotipo y asegurar así que el desenfoque queda dentro de lacaja de selección. Otra es hacer el mencionado rectángulo y,teniéndolo seleccionado, ir a Archivo/Propiedades del documento...y en la pestaña Página presionar el botón Ajustar la página a laselección.Una vez hecho esto, a la hora de exportar podemos escoger laopción Página con garantías de que queda al tamaño que hemosdecidido nosotros y con el desenfoque sin originar problemas. 31
  32. 32. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentFicha 7 :// Logo 5: EDITANDO CUATRO NODOS (nike)Este logotipo es imposible conseguirlo mediante figuras denominadas primitivas; es necesaria una deformaciónque va más allá de estirar los transformadores, vamos a crear este logotipo editando los nodos.1. Dibujar cuadrilátero. Utilizamos la herramienta dibujar curvas Bézier y líneas rectas para hacer un cuadrilátero contorneando el logo de nike. Para hacer líneas rectas haga simples clics y no arrastre el ratón, de lo contrario se generarán curvas. Asegúrese de poner el último nodo encima del primero (para ello Inkscape rellenará el punto inicial de color rojo) De momento no se preocupe de la precisión. La figura resultante es un objeto con contorno y sin relleno.2. Edición de nodos. Hacer clic en la herramienta editar nodos de control o tiradores de trayecto. Seleccione todos los nodos (mantenga pulsado shift mientras hace clic en cada uno de ellos, ahora aparecen en color azul) y haga clic en la opción convertir los segmentos seleccionados a curvas,; después seleccione dos de los nodos y haga clic en la opción suavizar nodos seleccionados. 32
  33. 33. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans Carcaixent Si Inkscape no le muestra los tiradores asegúrese de tener activado este botón del menú de opcionesEn la siguiente ilustración se muestra el resultado. También se ha cambiado en color de relleno, se haeliminado el borde y se ha bajado la opacidad para que se aprecie mejor el modelo.3. Mover los tiradores. Aquí entran en juego sus conocimientos sobre tangencias. Una ordenación convincente sería esta: 33
  34. 34. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentCon el color de relleno apropiado ya tiene usted su logotipo en vectores.Resumen de las propiedades y posibilidades de los tres tipos de nodos que hay aunque aquí sólo hemosusado dos. Nodo de esquina • Es un nodo en el que NO se origina tangencia por lo que la entrada y la salida de las curvas queda quebrada. • La intensidad de entrada y de salida (longitud de los tiradores) puede ser distinta. • Si se quieren mover los dos tiradores a la vez para conservar el ángulo hay que mover uno con SHIFT pulsado. 34
  35. 35. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans Carcaixent• Si se mantiene ALT pulsado se puede mover un tirador pero se conservará su longitud.• Si se edita con CONTROL pulsado los altos son de 15º (a no ser que se especifique otro ángulo en Preferencias de Inkscape) Nodo suavizado (asimétrico) • La entrada y la salida de las curvas se hace de manera armónica con un enlace tangencial. • Su principal característica es que la fuerza de entrada y la de salida (longitud de los tiradores) no tienen por qué ser iguales (por eso la denomino asimétrica) • ALT pulsado tiene las mismas consecuencias que en el de esquina, igual que CONTROL Nodo suavizado simétrico • Se comporta igual que el asimétrico pero en este caso tiene la restricción de tener la fuerza de entrada y de salida exactamente iguales por lo que los tiradores son de la misma longitud. • Alt tiene el mismo efecto que en los casos anteriores, igual que CONTROL 35
  36. 36. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentFicha 8 :// Logo 6: ALINEANDO NODOSVamos a realizar en esta práctica, de dos modos distintos, es un logotipo muy sencillo que nos servirá paracomprender nuevos recursos a la hora de trabajar con nodos.MÉTODO 1Copiamos el logo original y lo pegamos en inkscape. Creamos, sobre el modelo original, la geometríaaproximada de uno de los elementos con la herramienta de curvas de Bezièr y líneas rectas. Recuerde quepara obtener los segmentos rectos debe hacer clic sin mover el ratón, de lo contrario se crearán nodossuavizados. 36
  37. 37. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentHe enumerado los nodos para poder hacer referencia a ellos sin que haya confusión a partir de ahora.De los cuatro nodos, solo es importante que los nodos 1 y 3 queden "correctamente" colocados según elmodelo original.Seleccione los nodos 1 y 3, y asegure la precisión con la línea de comandos Objeto/Alinear y distribuir. De estemodo han quedado colocados en la misma horizontal.Ahora seleccione los nodos 1, 2 y 3 y con el mismo cuadro Alinear y distribuir haga que las distancias verticalesentre puntos sean constantes.Seleccione, EN ESTE ORDEN, el nodo 4 y después el 2; y haga que estén en la misma vertical.El orden es importante. Tenga siempre en cuenta que el último nodo seleccionado será el que quede fijo, losdemás nodos se moverán.Desplace los dos nodos 2 y 4 verticalmente con CONTROL pulsado para anclar el desplazamiento al eje YSi todo ha salido correctamente tiene que tener un contorno preciso y ajustado al original. En el ejemplo se harellenado de color y se ha eliminado el contorno del objeto. 37
  38. 38. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentSeleccione el objeto, duplíquelo y desplácelo con CONTROL pulsado hacia abajo para colocarlo en el lugaradecuado. Después seleccione los dos objetos y haga Trazo/Unión. Considero que en este caso es mejor unirque agrupar porque esto permitiría en el futuro hacer una resta entre el cuadrado y los objetos y así ajustar elcolor de éstos al color que hubiera de fondo.Después sólo queda hacer algo que a lo que está acostumbrado: aplique color blanco al objeto resultante, creeel cuadrado, aplique el color con la herramienta Seleccionar colores medios de la imagen, haga la alineacióncorrectamente y agrupe.MÉTODO 2El método anterior es completamente correcto pero vamos a ver un nuevo método para poder estudiarconceptos nuevos. Yo, personalmente, optaría antes por este método.Saque a escena un triángulo con su lado inferior correctamente horizontal (CONTROL pulsado) y ajuste lasesquinas a la figura original. 38
  39. 39. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentConvierta el objeto en trazo y seleccione los dos nodos de abajo. En la barra de opciones encontrará un iconocon un símbolo + que añadirá un nodo extra justo en el medio entre los dos nodos seleccionados. 39
  40. 40. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentAhora puede seleccionar ese nodo y desplazarlo en la vertical hasta su lugar adecuado. A partir de ahí secontinuaría con el mismo procedimiento descrito más arriba.También podría haber añadido este nodo a ojo haciendo doble clic en el lugar que quisiera ponerlo y despuéshacer los ajustes necesarios. Pero se trata de optimizar el trabajo, por eso yo optaría por el segundo método. 40
  41. 41. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentYa vimos en prácticas anteriores las booleanas más comunes (Unión y Diferencia); en estaocasión vamos a abordar la resolución de un logotipo en el que la operación fundamental será laDivisión. Esta es la propuesta:Antes de entrar de lleno a la resolución del logotipo vamos a detenernos a explicar cómo trabaja laoperación booleana División (y de paso, algún detalle sobre Cortar Trazo)Como en todas las boolenas la figura que está situada más abajo es la que actúa comodominante, es decir, será la que se quede en escena una vez realizada la operación. Para que labooleana Trazo/División funcione correctamante las dos figuras deben ser entendidas porInkscape como figuras cerradas (o que se pueden cerrar)• Si se trata de segmentos rectos, el segmento del corte debe tener al menos tres nodos:57PROYECTO BIG- CURSO DE INKSCAPE -EL BLOG DE JOACLINT ISTGUD• Si el elemento de corte es curvo, puede tener sólo dos nodos porque Inkscape podrá cerrarla figura internamente (en el ejemplo se ha dado relleno al elemento de corte parademostrar cómo Inkscape puede considerarlo un objeto cerrado, aunque entenderá que elúltimo segmento no existe y no lo queremos usar en la operación)• Si el elemento que va a ser dividido no está cerrado Inkscape no sólo lo cerrará sino queademás creará los segmentos necesarios para ello.En este caso es muy probable que lo que se esperaba era cortar el trazo sin semejantesconsecuencias. Precisamente para eso existe la opción Trazo/Cortar trazo. Funcionaexactamente igual que la división pero no cierra la figura. En esta operación desaparece elrelleno de la figura en el caso de que la tuviera (cuidado al realizar esta operación en unafigura sin color de trazo porque puede dar la sensación de que desaparece de escena)58PROYECTO BIG- CURSO DE INKSCAPE -EL BLOG DE JOACLINT ISTGUDUna de las mejores opciones y que no da lugar a ningún tipo de duda es usar dos formas cerradascomo en el caso que sigue:Posiblemente ha sido una introducción un tanto larga para esta práctica pero creo convenientedejar claros estos conceptos ya que el recién llegado suele pensar que Inkscape "hace lo quequiere" cuando estamos haciendo este tipo de operaciones. Un dominio de los conceptos que seaplican al utilizar estas operaciones garantiza un manejo fiable de la herramienta que tenemosentre manosEmpecemos por tanto con nuestro logotipo en cuestión. 41
  42. 42. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans CarcaixentEstá compuesto, aparentemente, por dos objetos pero un análisis más detallado debe llevarnosrápidamente a la conclusión de que eso dependerá de si la parte blanca sobre el cuadrado esblanca por definición o si es transparente y tomará el color del fondo. Nosotros aquí entenderemosque esta zona deberá presentarse siempre como blanca independientemente del fondo. ParaInkscape el logotipo estará formado por seis objetos: dos negros, tres blancos y uno verde.Cuando se hagan las uniones necesarias estos seis objetos serán reducidos a tres.El método para conseguir este logotipo conecta perfectamente con el de prácticas anteriores.Comience por seleccionar la herramienta para crear curvas de bezier y líneas rectas y genere laforma de la espiral con segmentos rectos. En la siguiente ilustración a la forma resultante se le habajado la opacidad y se le ha eliminado el contorno.59PROYECTO BIG- CURSO DE INKSCAPE -EL BLOG DE JOACLINT ISTGUDSeleccione todos los nodos y conviértalos en curva, después seleccione los ocho centrales yconviértalos en suavizados asimétricos. Aprovechando que tiene esos ocho nodos seleccionadosuse el cuadro de Alineal y distribuir y asegurese de estén alineados en la misma vertical (aunqueno considero esto extrictamente necesario en este caso). Después es el momento de comenzar adibujar. Edite los tiradores hasta conseguir una geometria similar a la del modelo.Es el momento de crear el rectángulo... Después duplíquelo, cámbiele el color (para poderdistinguir después cuál es el que tiene seleccionado) y mándelo al fondo. Recuerde que cuandohagamos la operación de división el cuadrado va a desaparecer, pero lo necesitamos para el logo.Por eso hay que duplicarlo ahora.Seleccione el cuadrado de arriba y la forma espiral y realice la boolena Trazo/División (ya sabeque en la parte inferior izquierda de la interfaz se le dan los datos sobre el color del relleno y delborde del objeto seleccionado. Use esa información para saber cuál es el cuadrado que tieneseleccionado para la booleana). El resultado...60PROYECTO BIG- CURSO DE INKSCAPE -EL BLOG DE JOACLINT ISTGUDPuede apreciarse el conjunto de objetos resultante en la espiral y cómo se conserva el cuadradoque estaba duplicado abajo.Es el momento de comenzar a hacer Trazo/Unión con los objetos que tienen iguales propiedadesde color (además de darles el color correspondiente). Para dar el color verde al cuadrado use elcuentagotas para tomar la muestra de color del logotipo original.Por último agrupe los tres objetos. 42
  43. 43. C O L · L E G I S A N A N T O N I O D E PADUA Franciscans Carcaixent61 43

×