Aplicaciones gráficas · I.E.S. “Itaba” de Teba Año académico 2004 - 2005 43 Aplicaciones...

I.E.S. “Itaba” de Teba Año académico 2004 - 2005

43

Aplicaciones gráficas

La digitalización de imágenes ha supuesto una auténtica revolución en este campo. Las

posibilidades que ofrecen, hoy día, las aplicaciones gráficas en cuanto a la manipulación, edición y creación de imágenes las han convertido en imprescindibles en cualquier plataforma informática. Guadalinex-edu incorpora varias de estas herramientas desarrolladas para entornos GNU/Linux, tanto para el trabajo con imágenes de mapa de bits como ilustraciones vectoriales.

Es importante precisar las características de estos dos tipos de archivos gráficos, para que al generar una ilustración, podamos decidir cómo obtendremos mejores resultados:

Las IMÁGENES VECTORIALES se componen de rellenos y contornos definidos mate-máticamente (vectorialmente) mediante precisas ecuaciones que describen perfecta-mente las diferentes regiones de la ilustración, esto permite, como rasgo principal, que puedan ser escaladas sin merma de calidad, es decir, podemos agrandarlas, reducirlas y deformarlas.

Las IMÁGENES EN MAPA DE BITS están descritas mediante una gran cantidad de cuadraditos, llamados pixels, rellenos de blanco, negro o color. Es decir, cuando una imagen se digitaliza en mapa de bits, se ‘’cuadricula’’, como si superponemos sobre ella un papel milimetrado y leemos en cada celda el color que contiene. Evidentemente, cuanto mayor sea la cantidad de celdas que consideremos, mejor descrita estará la imagen y se representará con mayor calidad. Eso es la resolución. Este tipo de archivos se usan preferentemente con imágenes de tono continuo como las fotografías, es decir, que contienen gran variedad de gama y matices de color.

Otros aspectos relacionados con las imágenes serían la comunicación con las cámaras

fotográficas digitales, la visualización secuencial de las imágenes de un directorio, la creación de miniaturas, etc. Para todos ellos, Guadalinex-edu, nos aporta soluciones.

Diego González Álvarez


44

4.1. Visualizar documentos PostScript y PDF

En muchas ocasiones necesitamos compartir documentos donde el aspecto y la composición son importantes y deseamos que nuestro destinatario pueda recibir exactamente el documento impreso.

Para estas situaciones disponemos del formato PostScript.

PostScript es un lenguaje de descripción de página (LDP) que se utiliza fundamentalmente para decirle a una impresora qué y cómo debe imprimir, por lo tanto, un fichero con este formato es, en realidad, un documento impreso, en formato electrónico o digital.

Las extensiones habituales de estos archivos son: PS,un archivo PostScript generado para una impresora concreta. EPS, de Encapsulated PostScript que es un archivo PostScript independiente de la

impresora. PDF, de Portable Document Format que constituye una reciente versión del

PostScript original diseñado para el intercambio (portabilidad) y se genera a partir de los anteriores.

En GNU/Linux, la mayoría de aplicaciones orientadas a producir documentos compuestos, de

texto y/o gráficos, cuentan con la posibilidad de generar archivos PostScript o PDF. Guadalinex-edu recoge esta característica e incorpora también GNOME GhostView, que es un visualizador para este tipo de ficheros.

GNOME GhostView (GGV) permite, por tanto, ver en pantalla o imprimir archivos PostScript o PDF y proporciona varias herramientas para facilitar la gestión de los mismos.

Además del menú general de la aplicación posee, como elementos más destacados, una barra de herramientas con botones de navegación por las distintas páginas del documento, botones para ajustar el tamaño de la vista en pantalla y un panel lateral con botones de conmutación que nos permite marcar/desmarcar páginas para realizar posteriormente alguna acción con ellas, normalmente imprimir.



45

4.2. Visualizar imágenes

Otro grupo de herramientas gráficas muy utilizadas son los visores de imágenes, éstos nos muestran los contenidos gráficos de una carpeta de una forma rápida y ordenada junto a otras pequeñas capacidades de gestión y edición, como la creación de catálogos, inclusión de comen-tarios, rotaciones y simetrías, etc.

4.2.1. Ver imágenes con gThumb gThumb es un visor de imágenes con una concepción similar al programa ACDSee. Su pantalla se configura, igual que en éste, en una zona superior, donde se encuentra la barra de menú principal de la aplicación y la barra de herramientas, una ventana central donde nos muestra las miniaturas de las imágenes que contenga la carpeta seleccionada y un panel lateral dividido en dos espacios, uno superior para recorrer el árbol de directorios y otro inferior donde nos ofrece una previsualización de la imagen seleccionada en la ventana principal.

Es capaz de visualizar prácticamente todos los tipos de archivo incluidas las animaciones GIF. Nos permite, entre otras capacidades:

Añadir comentarios a las imágenes. Crear catálogos para organizar nuestros ficheros gráficos. Realizar pases de diapositivas. Imprimir imágenes directamente. Colocar alguna imagen seleccionada como fondo de escritorio. Buscar imágenes Crear una imagen índice que contenga previsualizaciones en miniatura de un

conjunto de imágenes.

Todo ello a través de una interfaz muy intuitiva que permite un manejo muy sencillo de la aplicación.



46

4.2.2. Ver imágenes con el Ojo de GNOME

El Ojo de GNOME es otro visor de imágenes clásico, incorporado por la distribución Guadalinex-edu. Soporta también la mayoría de formatos gráficos de archivo para la visualización, aunque sólo es capaz de guardar imágenes en PNG y JPG. Puede mostrar las imágenes con diferentes niveles de ampliación y a pantalla completa.

Su concepción es similar a IrfanView, aunque no alcanza el nivel de prestaciones de éste. Se usa principalmente para una visualización y edición rápida de imágenes concretas permitiendo algunas transformaciones elementales como las rotaciones y simetrías, ya sean verticales u horizontales.

4.3. El Gimp

GIMP (GNU Image Manipulation Program) es uno de los programas más populares del entorno GNU/Linux y está incorporado a, prácticamente, todas las distribuciones. También está disponible para otras plataformas, como MacOSX, bajo la licencia GPL, o sea, es software libre.

Tiene unas características similares a otras aplicaciones de manipulación de imágenes como Adobe Photoshop y trabaja con una gran cantidad de formatos de ficheros gráficos en mapa de bits.

Se ejecuta en una ventana principal de herramientas y varias adicionales que podemos elegir según las necesidades de cada tarea. Las ilustraciones se muestran en una ventana de imagen y puede abrir tantos archivos simultáneamente como permita la capacidad del equipo. En todo momento se encuentra accesible el menú general de la aplicación, pulsando con el botón derecho del ratón sobre cualquier área de una imagen abierta.



47

Entre sus capacidades se encuentran: Soporte para canal alfa en las imágenes, es decir, es capaz de distinguir y

gestionar regiones transparentes. Herramientas de transformación con las que podemos rotar, escalar, sesgar, etc. Trabaja con canales y capas, o sea, puede descomponer los colores básicos y

permite superponer distintas ilustraciones en capas diferentes dentro de una misma imagen.

Herramientas inteligentes de selección de zonas de una imagen. Una completa gama de ajustes del color. Potentes utilidades de retoque como el clonado, suavizado, difuminado,... Convierte trazados en selecciones y viceversa. Gradientes y motivos de rellenos personalizados. Diferentes herramientas de dibujo como el lápiz, aerógrafo, etc. Amplia paleta de pinceles editables. Soporta scripts (pequeños programas) en varios lenguajes de programación lo que

le permite contar con un completo surtido de plugins en constante evolución. Múltiples niveles de deshacer sólo limitados por la capacidad de equipo.

En definitiva, no se trata de realizar un exhaustivo listado de las características y del uso de la

aplicación, ello cubriría sobradamente un voluminoso manual, tan solo vamos a mostrar algunas de sus capacidades.

4.3.1. Captura de pantallas de ordenador

Capturar pantallas de ordenador es la técnica que se ha utilizado para la realización de estos apuntes. Para capturar pantallas existen programas específicos de Windows como el SnapShot que presenta una versión propia para Linux. Guadalinex incorpora en el Menú “Acciones” del Panel Superior la posibilidad de capturar una pantalla y almacenarla en formato PNG pero no recomiendo el uso de este programa. La forma más cómoda de capturar pantallas y ventanas del ordenador es utilizar el GIMP al que podemos acceder desde la siguiente opción del Menú: una vez que hemos accedido a Gimp aparece la ventana de herramientas y opciones, en ella elegimos Archivos > adquirir > captura de pantalla. Cuando se pulsa la opción “Captura de pantalla...” aparece la siguiente ventana que nos permite configurar como vamos a capturar la ventana o pantalla:

Podemos capturar una ventana o la pantalla entera y es conveniente esperar unos segundos para acceder a la ventana y preparar los elementos. Normalmente se capturan ventanas, capturaremos pantallas cuando necesitamos mostrar menús desplegados, cortando con posterioridad el trozo de ventana que necesitamos. Una vez capturada la ventana o pantalla



48

aparece la ventana de trabajo de Gimp desde esta podemos salvar nuestra imagen con botón derecho del ratón opción “Fichero-Guardar como”. Es preciso “Determinar tipo de fichero”, recomendando JPEG. En Gimp podemos recortar una imagen con la herramienta de recorte. Una vez recortada la imagen se copia con las teclas Ctrl-C, se crea una imagen nueva con las teclas Ctrl-N, se pega el corte en la imagen nueva con Ctrl-V y por último se salva la imagen con botón derecho del ratón opción “Fichero-Guardar como” Ejemplo de captura del escritorio de OpenOffice Texto con el menú de herramientas marcado en opciones>configuración de idiomas:

4.3.2. Recortar objetos y ajustar su tamaño Vamos ha aprender dos cosas fundamentalmente, la primera de ellas será recortar de una imagen un objeto en concreto y la segunda será guardar ese objeto con el tamaño y extensión que deseemos, y todo esto, usando Gimp. Iniciamos Gimp y cerramos todo a excepción de la ventana principal (la ventana principal es aquella en cuyo título podemos leer "EL GIMP". En esta nos dirigimos a Archivo>>Diálogos, y seleccionamos tanto Rutas como Opciones de Herramienta (Mayús+Control+T). Serán estas tres ventanas sobre las que trabajaremos la mayor parte del tiempo, por lo que no estaría de más que dediquemos algunos minutos a observar sus funciones.



49

Una vez que tenemos preparado nuestro espacio de trabajo, pues es imprescindible sentirse cómo a la hora de aprender para que no se nos haga pesado, procedemos a abrir la imagen de la que extraeremos el objeto. Para ello simplemente nos dirigimos a Archivo>>Abrir o pulsamos Control+O.

Podemos observar el diálogo Abrir imagen desde el que seleccionaremos el fichero en sí. Es probable que tengamos que movernos entre unas carpetas y otras, para ello disponemos de la primera zona llamada Carpeta. Cuando estemos en la deseada nos dirigimos a la zona segunda que recibe el nombre de Archivos, ahí seleccionamos el archivo y comprobamos en Vista previa que es el que deseamos. Tras esto hacemos clic en Aceptar.

Nuestra imagen ya está abierta, colocamos las ventana lo más cómodo posible y comenzamos a trabajar. Como el objeto que queremos recortar no ocupa toda la imagen, y para desenvolvernos mejor, aumentamos lo más que podamos el objeto en sí. Para ello seleccionamos la herramienta de lupa y hacemos un rectángulo que encuadre el objeto. Podemos valernos también de las teclas + y - (no nos valen las del teclado numérico, fijaos que hay dos teclas + y dos - en el teclado) para acercar y alejar respectivamente, pero el método indicado dará unos resultados más precisos.



50

Cuando hayamos agrandado el trozo de imagen en cuestión tendremos que seleccionar, mediante una máscara, la parte a recortar. Elegimos para ello la herramienta trazadora de rutas (B) y vemos que se modifica la ventana de opciones de herramienta. El motivo, por si no hemos caído, es bien sencillo, opciones de herramienta ofrece unos parámetros relacionados con las herramientas de que disponemos en la ventana principal, por lo que cada vez que elijamos una herramienta distinta las opciones que se nos ofrezcan serán unas u otras.

Es muy importante configurarlas bien para facilitar el trabajo. Lo primero de todo, para comenzar una nueva ruta, el modo de edición tendrá que estar en Diseño. También es aconsejable, aunque no obligatorio, marcar la casilla Poligonal. Esto lo hacemos ya que al dibujar la ruta tendremos que ir señalando cada punto (nodo) y si dicha casilla no está marcada y mantenemos pulsado el ratón al crear el punto se nos ofrecerá la posibilidad de hacer la línea curva, algo que por el momento no queremos. Por lo tanto, estando en Diseño y Poligonal, procedemos a marcar las esquinas importantes de nuestro elemento a recortar, para ello sólo vamos haciendo clic con el botón izquierdo del ratón donde sea necesario, esta es la forma de añadir un nuevo nodo estando en modo diseño. El problema viene cuando queremos cerrar la selección. Tenemos dos opciones, pues no es automático. La primera y más sencilla es pulsar la tecla Control. En este caso el puntero cambiará de tener un símbolo + a tener una U invertida. Ahora podremos situar el puntero sobre el punto inicial y hacer clic. Se habrá cerrado la ruta, algo que es imprescindible para poder recortar. La segunda forma, y que realmente es el método largo de la primera, consiste en seleccionar el modo de edición Editar. Una vez hecho esto podremos hacer clic en el punto inicial para cerrar la ruta. Tenemos que ir fijándonos en los detalles, y el primero de ellos es el que acaba de ocurrir, es lo mismo cambiar el modo editar y cerrar que pulsar la tecla control y cerrar. Esto se debe a que la tecla control es un método abreviado para el modo editar. Aunque muchas combinaciones de teclas pueden resultarnos en un principio mucho que aprender, es bueno ir conociéndolas pues su función no es otra que agilizar el trabajo.



51

En el paso previo solamente hicimos un esbozo de la ruta, algo que aunque para imágenes pequeñas puede ser suficiente, si buscamos calidad no lo será. En conclusión, pasaremos de una ruta construida a base de líneas rectas a otra hecha por curvas que será mucho más similar al contorno del objeto. Por lo tanto vamos a ajustarla. Dos formas también. Hay que acordarse de desmarcar ahora la casilla poligonal. La primera de ellas consiste en, estando en el modo diseño, hacer clic con el botón izquierdo del ratón sobre uno de los segmentos y arrastrar. De esta forma se modificarán los vectores que determinaban la curvatura de dichos segmento. Tiene ventajas y desventajas. Las ventajas es que mantendremos el nivel de simplicidad de nuestra ruta sin añadir nuevos nodos. La desventaja es que si queremos hacerlo rápidamente, sin tener que manejar posteriormente cada extremo del vector, no será muy preciso.

El segundo método es muy similar, también haremos clic en el segmento y arrastraremos, pero en este caso estará seleccionado el modo editar. El ajuste será mucho mejor pero se habrá añadido un nuevo nodo en el lugar que hayamos hecho clic. Podemos ver la diferencia de resultados entre un método y otro y elegir en cada momento el que mejor se adapte.



52

Hacerlo de una u otra forma depende exclusivamente de nosotros. Si queremos eliminar un nodo, ya sea porque no nos convence el segundo método, o por cualquier otro motivo, sólo tendremos que hacer clic sobre él estando en el modo Editar y con la tecla Shift pulsada.

Podemos acercarnos a cualquier zona para ajustar lo máximo posible la ruta, el nivel de perfección depende también de nosotros y de la resolución final de la imagen.

Ya tenemos nuestra ruta que sigue el contorno del objeto a recortar. Ahora tenemos que recortarlo.

Esto es muy sencillo. Nos dirigimos a la ventana de rutas y haciendo clic con el botón derecho sobre ésta en cuestión seleccionamos la opción Ruta a selección. En este manual únicamente vamos a trabajar con esta opción, pero si somos un poco curiosos, y para aprender hay que serlo, sería interesante que practicásemos con Añadir a selección, para recortar más de un objeto por ejemplo, Sustraer de selección e Intersectar con selección.



53

Veremos como desaparecen los nodos y la ruta pasa a ser una línea continua punteada. Ya hemos seleccionado el objeto, vamos a recortarlo. En el menú Editar seleccionamos Cortar. Si estamos habituados a usar el teclado podremos simplemente pulsar Control+X. También puede que lo que queramos sea copiar en lugar de cortar, en ese caso pulsaremos Control+C. En nuestro caso, para ser más gráficos hemos elegido la primera opción, vemos como al cortarlo desaparece.

Por fin tenemos el recorte de lo que queríamos. Ahora tenemos que guardarlo en un archivo. Cerramos la imagen que hasta ahora usábamos, guardamos o descartamos los casos según queramos, y abrimos una nueva. La forma es tan fácil como dirigirse a Archivo y seleccionar Nuevo. De nuevo Control+N nos agilizará los pasos.

En la ventana para crear un nuevo lienzo hay muchas opciones, todas ellas bastante interesantes, al menos saber que existen por si las necesitamos. Vamos ver las principales, o por lo menos, las que nos importan. Nosotros queremos que tenga 375 píxeles tanto de alto como de ancho. No es complicado ajustarlo pues en tamaño de imagen podemos escribir los números y seleccionar las unidades. También queremos que el fondo sea blanco, para ello en Tipo de relleno seleccionamos Fondo.



54

Todo bien, se nos ha creado el lienzo en banco y vamos a pegar nuestro objeto que antes cortamos. Para ello podemos de nuevo ir a Editar y seleccionar Pegar o usar la combinación Control + V.

Pero nos encontramos con un problema bastante fácil de identificar. El objeto es demasiado grande para el lienzo y no nos interesa modificar éste, por lo que tenemos que cambiar las dimensiones del objeto.

Seleccionamos entonces la herramienta de escalar selección (Mayús+T). Pero antes de usarla, volvemos a las opciones de herramienta. Queremos que se mantenga la calidad y las proporciones, para ello la interpolación la cambiamos a cúbica y marcamos las dos restricciones; Mantener altura <Control> y Mantener anchura <Alt>.

Una vez hecho esto hacemos clic con el botón izquierdo sobre una arista de la selección y arrastramos hasta donde deseemos. Podemos hacerlo a ojo o basándonos en la ventana de redimensionar. En ella se nos mostrará la altura y anchura tras la redimensión por lo que si solo tenemos que buscar un número menor que el ancho, que en el caso de nuestro objeto es el parámetro mayor.



55

Cuando lo hemos elegido soltamos el botón y hacemos clic en Escala. Se llevará a cabo la redimensión y podremos continuar.

De nuevo otro problema, aunque cabe dentro del lienzo, se encuentra fuera. Para introducirlo tenemos que seleccionar la herramienta de mover capas (M) y situarla dentro.

Podemos, si queremos, acercar un poco el lienzo para ver mejor lo que hacemos. Pero esto no es lo importante, sino que nos sobra, tanto por encima como por debajo, lienzo en blanco y queremos que la imagen sea justa. Solo nos queda redimensionar el lienzo.

Para ello vamos a Imagen y seleccionamos Tamaño del lienzo. Nos llevará a la imagen 16 donde podremos tomar dos caminos.



56

El primero de ellos, y más rápido, consiste en, primero, deshabilitar la proporción. Para ello hacemos clic en el símbolo que parecen dos eslabones unidos. Si no hubiésemos hecho esto, cuando cambiemos el valor de la altura a 65 px también se cambiaría a 65 el ancho, con lo que no habríamos conseguido nada.

La diferencia entre el primer camino y el segundo viene ahora y consiste en elegir un centrado no o no. En el primer caso no lo hemos hecho y como podemos ver el lienzo se ha redimensionado y ha dejado fuera de sí el objeto por lo que tendremos que volver a moverlo como ya sabemos.

En el segundo caso hacemos clic en el botón Centro y, si hemos sido previsores y hemos situado el objeto en el propio centro del lienzo, obtendremos directamente algo bastante centrado y que puede servirnos.



57

Ya estamos acabando, tenemos nuestra imagen tal y como queríamos y sólo nos resta guardarla. Parta ello hacemos clic en Archivo, Guardar como o con el teclado, Shift+Control+S.

En el diálogo de guardar daremos nombre al archivo final, seleccionaremos el lugar de destino y optaremos por una de las extensiones de que disponemos.

Como hemos seleccionado Jpeg, al hacer clic en guardar nos advierte que tendremos que exportarlo antes de poder guardarlo, hacemos clic en exportar y nos dirigirá al menú donde determinar la calidad del jpg.

En nuestro caso hemos elegido el submuestreo 4:2:2 que nos ofrecerá calidad al tiempo que un tamaño relativamente reducido. Introducimos el comentario que mejor nos parezca y hacemos clic en Aceptar.



58

Una vez hecho esto tendremos nuestra imagen perfectamente recortada y guardada, con lo que descubrimos que el proceso no es algo de lo que asustarse y que puede hacerse en escasos 5 minutos.

El resultado final es el que se encuentra bajo estas líneas, reducido y recortado:

Aplicaciones gráficas · I.E.S. “Itaba” de Teba Año académico 2004 - 2005 43 Aplicaciones...

Documents

Transcript of Aplicaciones gráficas · I.E.S. “Itaba” de Teba Año académico 2004 - 2005 43 Aplicaciones...