Escolar Documentos
Profissional Documentos
Cultura Documentos
Revista digital Matemtica, Educacin e Internet (http://www.tec-digital.itcr.ac.cr/revistamatematica/). Vol. 12, No 2. Marzo Agosto 2012.
Resumen
Presentamos una introduccin al uso del editor de grficos vectoriales Inkscape y de Gimp centrado en las acciones
y herramientas que pueden ser ms tiles en la edicin de exmenes, trabajos o libros con contenido matemtico.
Palabras clave: Inkscape, Gimp, grficos vectoriales.
Abstract
We present an introduction to the use of the vector graphics editor Inkscape and of Gimp centred on the actions
and tools that can be more useful in the edition of examinations, works or books with mathematical content.
Keywords: Inkscape, Gimp, grficos vectoriales.
1.1
Introduccin
Los grficos vectoriales, tambin conocidos como grficos orientados a objetos, son el segundo gran grupo de
imgenes digitales. Son ms simples que los grficos de mapas de bits, ya que en ellos las imgenes se almacenan
y representan por medio de trazos geomtricos controlados por clculos y frmulas matemticas, tomando algunos
puntos de la imagen como referencia para construir el resto.
Por lo tanto, las imgenes en los grficos vectoriales no se construyen pxel a pxel, sino que se
forman a partir de vectores, objetos formados por una serie de puntos y lneas rectas o curvas
definidas matemticamente.
Por ejemplo, una lnea se define en un grfico de mapa de bits mediante las propiedades
de cada uno de los pxeles que la forman, mientras que en un grfico vectorial se hace por
la posicin de sus puntos inicial y final y por una funcin que describe el camino entre
ellos. Anlogamente, un crculo se define vectorialmente por la posicin de su punto central
(coordenadas x, y) y por su radio (r).
Contorno y relleno. Cada vector en un grfico vectorial tiene una lnea de contorno, con un color y un grosor determinados, y est relleno de un color a elegir. Las caractersticas de contorno (o filete) y relleno se pueden cambiar
en cualquier momento.
Revista digital Matemtica, Educacin e Internet (http://www.tec-digital.itcr.ac.cr/revistamatematica/). Vol 12, No 2. Marzo Agosto 2012.
Las imgenes vectoriales se almacenan como una lista que describe cada uno de sus vectores componentes, su
posicin y sus propiedades.
En cuanto a la resolucin, los grficos vectoriales son independientes de la resolucin, ya que no dependen de
una retcula de pxeles dada. Por lo tanto, tienen la mxima resolucin que permite el formato en que se almacena.[1]
1.2
Qu es Inkscape?
Inkscape es una herramienta de dibujo libre y multiplataforma para grficos vectoriales SVG. Este programa surgi
de una bifurcacin del proyecto Sodipodi. Las caractersticas de SVG soportadas incluyen formas bsicas, trayectorias, texto, canal alfa, transformaciones, gradientes, edicin de nodos, exportacin de SVG a PNG, agrupacin de
elementos, etc.
La principal motivacin de Inkscape es proporcionar a la comunidad una herramienta de cdigo abierto de dibujo
SVG que cumpla completamente con los estndares XML, SVG y CSS2.
Inkscape se encuentra desarrollado principalmente para el sistema operativo GNU/Linux, pero es una herramienta
multiplataforma que funciona en Windows, Mac OS X, y otros sistemas derivados de Unix.
Esta aplicacin tiene una buena compatibilidad multilinge, particularmente para sistemas de escritura complejos (rabe, hebreo...)[2]
Figura 1.1
Entorno de Inkscape.
Revista digital Matemtica, Educacin e I nternet (http://www.tec-digital.itcr.ac.cr/revistamatematica/). Vol 12, No 2. Marzo Agosto 2012.
1.3
La barra vertical de herramientas sobre la izquierda muestra las herramientas de dibujo y edicin de Inkscape. En
la parte superior de la ventana, debajo del men est la Barra de comandos con los botones de control general y la
Barra de control de herramientas con los controles que son especiales para cada herramienta. La barra de estado en la
parte superior de la ventana mostrar consejos tiles y mensajes de como trabaja usted. A continuacin una breve
descripcin de cada heramienta de la barra vertical:
Revista digital Matemtica, Educacin e Internet (http://www.tec-digital.itcr.ac.cr/revistamatematica/). Vol 12, No 2. Marzo Agosto 2012.
1.4
Accin de deshacer
Muchas veces queremos volver a la accin anterior para ello buscamos en el men principal en edicin la opcin
Deshacer o bien Ctrl+Z.
Tambin podemos Rehacer con Shift+Ctrl+Z
1.5
1.6
Flechas
Revista digital Matemtica, Educacin e I nternet (http://www.tec-digital.itcr.ac.cr/revistamatematica/). Vol 12, No 2. Marzo Agosto 2012.
Figura 1.2
1.7
Grosor (Stroke)
Revista digital Matemtica, Educacin e Internet (http://www.tec-digital.itcr.ac.cr/revistamatematica/). Vol 12, No 2. Marzo Agosto 2012.
1.8
Continuamos utilizando la ventana de Relleno y borde, pero esta vez en la pestaa de Color de trazo. Para explicar esta
seccin lo que haremos ser seleccionar la flecha dibujada. Ms abajo, puede observar una coleccin de Selectores de
color, cada uno se encuentra en su propia pestaa: RGB, CMYK, HSL y Rueda.
Considere el Selector de Rueda, donde puede rotar el tringulo para escoger un matiz en la rueda, y despus seleccione una sombra que es el matiz del tringulo. Todos los selectores de color contienen un desplazador para
configurar el alfa (opacidad) de el/los objeto(s) seleccionado(s).Observe la figura 1.3
Figura 1.3
Puede igualar el color de la flecha con el color del relleno usando el men Extensiones - Modificar Trayecto Colorear los marcadores de acuerdo con los trazos
1.9
La forma rpida de trabajar con los nodos de un objeto es haciendo doble clic rpidamente sobre el objeto, o bien
selecciona el objeto y utiliza la herramienta que se muestra como imagen en el ttulo de la seccin.
Revista digital Matemtica, Educacin e I nternet (http://www.tec-digital.itcr.ac.cr/revistamatematica/). Vol 12, No 2. Marzo Agosto 2012.
(b) Seleccionarla con la herramienta (c) Hacer doble clic sobre la figura
Figura 1.4
1.10
Utilizando nodos
Realiza dos figuras y ponlas una sobre otra. Selecciona una, para mandar una figura adelante de otra
puedes usar el men Objeto - Traer al frente y
para enviarla atrs de la primera puedes usar el
men Objeto - Bajar al fondo.
(a) La estrella adelante
1.11
Debemos tomar en cuenta que cuando seleccionamos un objeto tenemos tres opciones, para variar su tamao hacemos un clic sobre ste y si queremos variar su posicin hacemos otro clic. Recuerde si hace doble clic rpidamente
podr utilizar los nodos. Observe en la figura 1.7 como se mostrarn las flechas para las tres opciones.
1.12
Ventana de Transformaciones
Revista digital Matemtica, Educacin e Internet (http://www.tec-digital.itcr.ac.cr/revistamatematica/). Vol 12, No 2. Marzo Agosto 2012.
1.13
Rectngulos
1.14
Revista digital Matemtica, Educacin e I nternet (http://www.tec-digital.itcr.ac.cr/revistamatematica/). Vol 12, No 2. Marzo Agosto 2012.
Y por ltimo en la tercera pestaa nos encontraremos con el Estilo de trazo, que se referir simplemente al grosor del
borde (ancho), en su defecto ser cero, si no queremos borde y por ultimo el tipo de borde (redondeado, recto...)[3]
1.15
Trasparencia
1.16
Como mencionamos anteriormente haciendo doble clic sobre la figura, podr editar sus nodos. En la figura se muestra una transformacin del rectngulo dibujado anteriormente utilizando la barra de controles de esta herramienta.
(a) Rectngulo
Figura 1.7
Tambin podemos redondear los rectngulos moviendo los crculos que se sealan en la siguiente figura:
1.17
Gradiente
10
Revista digital Matemtica, Educacin e Internet (http://www.tec-digital.itcr.ac.cr/revistamatematica/). Vol 12, No 2. Marzo Agosto 2012.
(a) Rectngulo
Haciendo doble clic rpidamente podr escoger el ngulo del gradiente. Observe las figuras:
1.18
Revista digital Matemtica, Educacin e I nternet (http://www.tec-digital.itcr.ac.cr/revistamatematica/). Vol 12, No 2. Marzo Agosto 2012.
11
Figura 1.9
Edicin de gradientes
Para dibujar un elipse y un crculo utilizamos la barra de herramientas izquierda, la opcin de dibujar crculos. Para
dibujar un crculo deber mantener presionadas las teclas Ctrl+Shift.
Figura 1.10
Crculo y elipse
Para crear arcos deber hacer doble clic sobre la figura, y arrastrar tal como se indica en la figura
1.19
Recortar
Podemos recortar una parte de una figura dibujando una figura con la forma que se desea recortar sobre la regin
que se desea recortar y luego aplicando Objeto- Recorte - Aplicar.
12
Revista digital Matemtica, Educacin e Internet (http://www.tec-digital.itcr.ac.cr/revistamatematica/). Vol 12, No 2. Marzo Agosto 2012.
1.20
Combinado.
Revista digital Matemtica, Educacin e I nternet (http://www.tec-digital.itcr.ac.cr/revistamatematica/). Vol 12, No 2. Marzo Agosto 2012.
1.21
(a) Original
(b) Unin
(c) Diferencia
(d) Interseccin
(e) Exclusin
(f) Divisin
(h) Combinar
13
Desagrupar
Figura 1.13
Abrimos el archivo .pdf con Inkscape, seleccionamos el grfico y aplicamos Crtl - U varias veces hasta logremos
desagrupar los elementos que queremos editar o modificar.
1.22
Es importante aplicar Ajustar pgina a contenido para eliminar los mrgenes en blanco; a veces estos mrgenes
tambin los traen algunas figuras que han sido exportadas desde algn software.
14
Revista digital Matemtica, Educacin e Internet (http://www.tec-digital.itcr.ac.cr/revistamatematica/). Vol 12, No 2. Marzo Agosto 2012.
Figura 1.14
Figura 1.15
Revista digital Matemtica, Educacin e I nternet (http://www.tec-digital.itcr.ac.cr/revistamatematica/). Vol 12, No 2. Marzo Agosto 2012.
1.23
15
Filtros (Efectos)
Uno de los puntos ms fuertes de Inkscape es su variada seleccin de filtros y efectos. Gracias a ellos podrs aadir
texturas, retocar el color y luz de un objeto y lograr dibujos profesionales.
1.24
Bisel
En el men principal encontrar la opcin de Filtros - Bisel, en esta seccin usted podr observar el efecto que
se obtiene al aplicar cada uno de los biseles a una figura. A continuacin se detallan:
(a) Original
1.25
Agregar Sombra
En el men principal encontrar la opcin de Filtros. Luego, escogemos Sombras y brillos. All se encuentran las
opciones Sombra interior y Sombra paralela.
Al aplicar el efecto de Sombra paralela aparecer un cuadro como el que se muestra en la figura 1.16 . Usted podr
variar las opciones para obtener efectos de sombra distintos. Observe los resultados:
1.26
Crestas
En el men principal encontrar la opcin de Filtros. Luego, escogemos Crestas. All se encuentran las opciones que
se detallan a continuacin:
1.27
Extensiones
Las extensiones son una manera de aadir funcionalidad a Inkscape sin ser parte del ncleo del programa. Las extensiones son programas. Algunos de estos programas solo se deben agregar en el carpeta .../inkscape/extensions/
y es posible que tenga que instalar en el sistema (Linux, Windows, Mac) algunos programas adicionales.
16
Revista digital Matemtica, Educacin e Internet (http://www.tec-digital.itcr.ac.cr/revistamatematica/). Vol 12, No 2. Marzo Agosto 2012.
(j)
Gelatina
dida,mate
fun-
(t) Traslcido
(g) Botn
(h) Florecer
(q) Nen
(p) Microscopa
trnica
(u) Vidriera
elec-
(w) Original
1.28
TeXtext
Revista digital Matemtica, Educacin e I nternet (http://www.tec-digital.itcr.ac.cr/revistamatematica/). Vol 12, No 2. Marzo Agosto 2012.
Figura 1.16
17
Sombra paralela
Texttext requiere tener instalado LaTeX y algunos otros programas. La extensin y las instrucciones las puede encontrar en pav.iki.fi/software/textext/PstoEdit.
Informacin adicional sobre esta extensin la puede encontrar en el libro Edicin de textos cintificos con LaTeX. en
http://www.tec-digital.itcr.ac.cr/revistamatematica/Libros/index.htm
En Linux se instala de manera fcil y requiere TeX Live, PstoEdit y Pdf2svg.
En Windows. Aqu el problema son las libreras que usa Textext. Todo funciona bien con la antigua versin Inkscape
0.46. Se debe descargar el instalador .exe. Hay que instalar adems MikTeX, PstoEdit yGhostscript y posiblemente
hay que editar manualmente las variables de entorno para que la extensin encuentre todos los programas.
18
Revista digital Matemtica, Educacin e Internet (http://www.tec-digital.itcr.ac.cr/revistamatematica/). Vol 12, No 2. Marzo Agosto 2012.
Figura 1.17
1.29
Ambiente TeXtext
Color
En el men principal encontrar la opcin de Extensiones. Luego, escogemos Color. All se encuentran las opciones
que se detallan a continuacin:
Revista digital Matemtica, Educacin e I nternet (http://www.tec-digital.itcr.ac.cr/revistamatematica/). Vol 12, No 2. Marzo Agosto 2012.
1.30
19
Texto
En el men principal encontrar la opcin de Extensiones - Texto. All se encuentran las opciones que se detallan
a continuacin:
Capitalizacin:
(a) Normal
(b) Titular
(c) Aleatoria
Convertir a braille:
(d) Normal
Lorem ipsum:
Mayculas y minsculas:
Remplazar texto:
1.31
(e) Braille
20
Revista digital Matemtica, Educacin e Internet (http://www.tec-digital.itcr.ac.cr/revistamatematica/). Vol 12, No 2. Marzo Agosto 2012.
(f) Minsculas
(g) Maysculas
Figura 1.18
Se puede abrir (Arechivo - Abrir) cualquier pgina de un archivo pdf y tomar texto o grficos para editar. Una discusin detallada la puede encontrar en el libro Edicin de textos cintificos con LaTeX. en http://www.tec-digital.itcr.ac.cr/revi
Figura 1.19
1.32
Mi logo
Revista digital Matemtica, Educacin e I nternet (http://www.tec-digital.itcr.ac.cr/revistamatematica/). Vol 12, No 2. Marzo Agosto 2012.
21
Con Inkscape usted puede crear sus propios logos, utilizando las herramientas mencionadas anteriormente, observe
el siguiente logo:
Figura 1.20
Mi logo
2
2.1
GIMP
Qu es GIMP?
El GIMP es una herramienta de manipulacin fotogrfica multiplataforma. GIMP es un acrnimo de GNU Image
Manipulation Program. En el GIMP se pueden realizar todo tipo de tareas de manipulacin de imgenes, incluyendo
retoque fotogrfico, composicin de imgenes y creacin de imgenes.
Ofrece muchas funcionalidades. Puede ser usado como un simple programa de dibujo, como un programa de
retoque fotogrfico profesional, como un sistema en lnea de procesamiento por lotes, como un generador de imgenes para produccin en masa, para convertir una imagen de formato, etc.
GIMP es expandible y extensible. Est diseado para ser ampliado mediante complementos (plug-ins) y extensiones
para hacer casi cualquier cosa. La interfaz avanzada de guionado (scripting) permite automatizar desde las tareas
ms simples hasta los procedimientos ms complejos de manipulacin de imgenes.
Uno de los fuertes del GIMP es su libre disponibilidad desde varias fuentes para muchos sistemas operativos. Casi
todas las distribuciones de GNU/Linux incluyen al GIMP como una aplicacin estndar. El GIMP tambin est
disponible para otros sistemas operativos como Microsoft Windows o Mac OS X(Darwin) de Apple. El GIMP no
es "freeware". Es una aplicacin de Software Libre cubierta por la Licencia Pblica General (GPL license) La GPL
brinda a los usuarios la libertad de acceder y modificar el cdigo fuente del que se construyen los programas.[5]
2.2
El comando Ctrl+O activa un dilogo que le permite cargar una imagen existente desde su disco rgido o desde un
medio externo. Para una manera alternativa de abrir archivos, que a veces puede ser ms conveniente, dirjase a la
seccin Archivos.
2.3
Esta herramienta es utilizada para mover una capa, seleccin o ruta. Tambin trabaja con textos. Puede tambin
encontrarla en el men principal en Herramientas-Harramientas de transformacin-Mover(M).
Figura 2.1
Figura 2.2
Dilogo abrir
Herramienta Mover
Manteniendo presionada la barra espaciadora, puede mover la imagen temporalmente, para ello debe tener habilitada la funcin en Editar-Preferencias-Ventana de imagen-Barra espaciadora.
Apenas usted seleccione la herramienta se desplegar las opciones para trabajar con ella. Puede observar la figura
2.3.
24
GIMP
Figura 2.3
2.4
El comando Escalar la imagen agranda o reduce el tamao fsico de la imagen cambiando el nmero de pxeles que
contiene. Cambia el tamao del contenido de la imagen y redimensiona el lienzo en consonancia.
Opera sobre la imagen entera. Si la imagen tiene capas de diferentes tamaos, al hacer la imagen ms pequea
podran encoger algunas, debido a que una capa no puede tener menos de un pxel de anchura o altura. Si esto
ocurre, ser avisado antes de que la operacin se ejecute.
Puede acceder a la barra de men en Imagen-Escalar la imagen.
Figura 2.4
Para cambiar el tamao de la imagen, se quitan algunos pxeles o se aaden nuevos. El proceso que se use determina la calidad del resultado. La lista desplegable de Interpolacin proporciona una seleccin de los mtodos
disponibles de la interpolacin del color de los pxeles en una imagen escalada.
2.5
25
El comando Recortar a la seleccin recorta la imagen al contorno de la seleccin quitando la parte hasta los bordes
que no est seleccionada. Las reas parcialmente seleccionadas (por ejemplo, difuminados) no se recortan. Si no hay
una seleccin en la imagen, la entrada del men est deshabilitada y en gris.
Figura 2.5
Recortar a la seleccin
Se puede acceder a este comando desde la barra de men de la imagen, mediante Imagen-Recortar a la seleccin. Este
comando recorta todas las capas de la imagen. Para recortar solo la capa activa, use el comando Autorecortar capa.
Esta ltima busca, en la capa activa, el borde ms amplio posible del rea del mismo color, y recorta este rea de la
imagen, como si se hubiera usado la herramienta Recortar.
Tenga en cuenta que este comando Autorecortar solo usa la capa activa de la imagen para encontrar los bordes.
Si otras capas tienen las mismas variaciones de color extendidas por la zona de los bordes de la capa activa, se
recortarn.
2.6
Esta herramienta es utilizada para hacer reflexiones. Puede tambin encontrarla en el men principal en HerramientasHarramientas de transformacin-Voltear.
Puede seleccionar el tipo de volteo ya sea horizontal o verticalmente:
Ejemplo utilizando la herramienta voltear:
2.7
26
GIMP
Figura 2.6
Figura 2.7
Herramienta Voltear
Esta herramienta es utilzada para rotar una capa activa, una seleccin o ruta. Cuando hace clic sobre la imagen o
seleccin con esta herramienta se desplegar el dilogo de rotar tal como se muestra a continuacin:
Puede escoger el ngulo de rotacin, las opciones Center X/Y brindan la posicin del centro de rotacin, representado por un gran punto en la imagen. Adems, puede trabajar con opciones de la herramienta rotar, observe la
siguiente figura:
2.8
Imgenes en Perspectiva
27
Figura 2.10
Dilogo "Rotar"
La herramienta de perspectiva es usada para cambiar la perspectiva del contenido de la capa activa, seleccin o
ruta. Cuando usted hace clic sobre la imagen se mostrar en las esquinas de la imagen unos rectngulos que podr
mover para aplicar la perspectiva deseada, observe la siguiente figura:
Al mismo tiempo que al aplicar la herramienta aparecer la ventana de informacin de dicha, para modificar la
imagen debe presionar el botn Transformar:
2.9
Trasparencia
28
GIMP
Figura 2.11
Figura 2.12
Herramienta de perspectiva
El submen Transparencia contiene comandos que se usan o afectan al canal alfa de la capa activa.
El submen Transparencia contiene los siguientes comandos:
Aadir canal alfa: Se aade, automaticamnete, un canal alfa al dilogo de canales tan pronto como aade una
segunda capa a su imagen. Si la imagen tiene solo una capa, se considera una capa de fondo y no tiene canal alfa.
Esta capa de fondo sin canal alfa no puede tener transparencia o mscara de capa. En este caso se puede aadir un
canal alfa con este comando.
Eliminar el canal alfa: remueve el canal alfa de la capa activa, manteniendo al canal de otras capas.
Semiaplanar: el comando es til cuando necesita una imagen con anti-dentado, con colores indexados y transparencia.
29
Figura 2.13
Figura 2.14
Umbral alfa: El comando Umbral alfa convierte las reas semitransparentes de la capa activa en reas completamente transparentes u opacas, segn el umbral que seleccione, entre 0 y 255. Solo funciona en capas o en imgenes
RGB que tengan un canal alfa. Si la imagen est en escala de grises o indexada, o si la capa no tiene canal alfa, la
entrada de men est desactivada y en gris claro. Si la opcin Mantener transparencia est marcada en el dilogo
de capas, el comando muestra un mensaje de error.
2.10
Texto
30
GIMP
Figura 2.15
Figura 2.16
Submen Trnasparencia
31
Figura 2.17
Figura 2.18
32
GIMP
Bibliografa
[1] Tavmjong Bah. Inkscape: Guide to a Vector Drawing Program.
En http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.php
[2] Axel Wernicke, et al. Programa de manipulacin de imgenes de GNU.
En http://docs.gimp.org/2.6/es/
[3] Walter Mora F., Alexandrer Borbn A. Edicin de Textos Cientficos con LATEX. : Composicin, Grficos, Inkscape y Presentaciones
Beamer A.
En http://www.tec-digital.itcr.ac.cr/revistamatematica/Libros/index.htm