uso elemental de imÁgenes con gimpgeogebrasolucionescchazcapo.weebly.com/uploads/1/7/0/8/... ·...

12
1 USO ELEMENTAL DE IMÁGENES CON GIMP SESIÓN 1. Conceptos básicos de imágenes & formatos gráficos. Conocimiento de la herramienta GIMP para edición de imágenes. Imágenes digitales. Los gráficos digitales se crean de dos maneras diferentes: con diminutos puntos coloreados llamados píxeles, o mediante funciones matemáticas o ecuaciones que definen los contornos y los rellenos de los dibujos. El primer tipo de estos gráficos se conocen como imágenes de mapa de bits, y el segundo como dibujos vectoriales. Píxel. Es un término compuesto de las palabras en inglés Picture Element o Elemento de imagen, y representa la unidad de información con la que se forma una imagen digital. La mejor forma de describir un píxel es como un cuadrado diminuto en una retícula de cuadrados en la pantalla. Cada uno está iluminado por diferentes intensidades de luz roja, verde o azul (RGB) para formar toda la gama de colores. Los píxeles pueden modificarse de manera individual o en grupo. Si son suficientemente pequeños, se funden para formar una imagen nítida, también llamada imagen rasterizada. Imágenes de mapa de bits (Bitmaps). Las imágenes de mapa de bits, o bitmaps, son figuras formadas por una gran cantidad de puntos cuadrados, llamados píxeles, determinados cada uno por un valor binario que les atribuye color e iluminancia propios. Se reconocen por su extensión .bmp. Imagen ampliada en GIMP 1000%:

Upload: others

Post on 05-Aug-2021

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: USO ELEMENTAL DE IMÁGENES CON GIMPgeogebrasolucionescchazcapo.weebly.com/uploads/1/7/0/8/... · 2019. 9. 6. · 1 USO ELEMENTAL DE IMÁGENES CON GIMP SESIÓN 1. Conceptos básicos

1

USO ELEMENTAL DE IMÁGENES CON GIMP

SESIÓN 1. Conceptos básicos de imágenes & formatos gráficos. Conocimiento de la herramienta GIMP para edición de imágenes.

Imágenes digitales.

Los gráficos digitales se crean de dos maneras diferentes: con diminutos puntos coloreados llamados píxeles, o mediante funciones matemáticas o ecuaciones que definen los contornos y los rellenos de los dibujos. El primer tipo de estos gráficos se conocen como imágenes de mapa de bits, y el segundo como dibujos vectoriales.

Píxel.

Es un término compuesto de las palabras en inglés Picture Element o Elemento de imagen, y representa la unidad de información con la que se forma una imagen digital. La mejor forma de describir un píxel es como un cuadrado diminuto en una retícula de cuadrados en la pantalla. Cada uno está iluminado por diferentes intensidades de luz roja, verde o azul (RGB) para formar toda la gama de colores. Los píxeles pueden modificarse de manera individual o en grupo. Si son suficientemente pequeños, se funden para formar una imagen nítida, también llamada imagen rasterizada.

Imágenes de mapa de bits (Bitmaps).

Las imágenes de mapa de bits, o bitmaps, son figuras formadas por una gran cantidad de puntos cuadrados, llamados píxeles, determinados cada uno por un valor binario que les atribuye color e iluminancia propios. Se reconocen por su extensión .bmp.

Imagen ampliada en GIMP 1000%:

Page 2: USO ELEMENTAL DE IMÁGENES CON GIMPgeogebrasolucionescchazcapo.weebly.com/uploads/1/7/0/8/... · 2019. 9. 6. · 1 USO ELEMENTAL DE IMÁGENES CON GIMP SESIÓN 1. Conceptos básicos

2

Los editores gráficos más populares, que te permiten crear y retocar imágenes de mapa de bits, son: Corel PhotoPaint, Adobe Photoshop, Microsoft Paint, Microsoft Photo Editor, Corel Painter, Picture Publisher, entre otros. Los bitmaps son ideales para imágenes fotográficas con gran cantidad de colores y tonalidades.

Imágenes vectoriales.

Los dibujos o gráficos generados con base en vectores se conocen también como orientados a objetos, y están compuestos por líneas, figuras geométricas y otros objetos gráficos que tienen contornos, algunos de ellos con colores de relleno.

Las curvas de Bézier son rutas o vectores determinados matemáticamente que se crean entre dos puntos (nodos) y que pueden manipularse con punteros en cualquiera de sus extremos.

Page 3: USO ELEMENTAL DE IMÁGENES CON GIMPgeogebrasolucionescchazcapo.weebly.com/uploads/1/7/0/8/... · 2019. 9. 6. · 1 USO ELEMENTAL DE IMÁGENES CON GIMP SESIÓN 1. Conceptos básicos

3

Los objetos vectoriales son escalables, es decir, pueden ser ampliados o reducidos sin afectar su calidad; re recalculan matemáticamente a grandes velocidades para “redibujar” en la pantalla el conjunto de objetos o capas. La calidad de impresión sólo depende de la calidad del dispositivo de salida (impresora, plotter, etc).

Las imágenes vectoriales tienen ciertas ventajas sobre las de mapa de bits, algunas de estas ventajas son:

• Sus archivos son muy compactos y ocupan menos espacio en la memoria y en el disco. • Al imprimirlas facilitan el trabajo de las impresoras. • Simplifican el manejo del color. • Permiten modificar con gran sencillez cada elemento de la imagen por separado. • Posibilitan la redistribución de los elementos para formar nuevas imágenes.

Entre los editores gráficos más populares que permiten crear dibujos vectoriales, están CorelDRAW, Adobe Illustrator, Macromedia FreeHand, Macromedia FireWorks, entre otros. Los gráficos vectoriales son ideales para crear logotipos, carteles publicitarios, iconos y dibujos técnicos. Los programas de diseño industrial y arquitectónico, como Corel DESIGNER, Auto CAD, Design CAD 3D, GraphicsCAD o IntellCAD, también producen dibujos vectoriales.

Page 4: USO ELEMENTAL DE IMÁGENES CON GIMPgeogebrasolucionescchazcapo.weebly.com/uploads/1/7/0/8/... · 2019. 9. 6. · 1 USO ELEMENTAL DE IMÁGENES CON GIMP SESIÓN 1. Conceptos básicos

4

Resolución.

Grado de calidad con la que se reproducen los textos o imágenes en una hoja impresa o en el monitor de las computadora. La unidad de medida de la resolución son los puntos por pulgada (dots per inch), que se abrevia ppp o dpi.

Ppi: Píxeles por pulgada.

Ppp: Puntos por pulgada.

Una imagen a 25 ppp está muy pixeleada; a 72 ppp (empleada para imágenes basadas en la web) es más clara, pero no tiene la suficiente calidad para imprimir. La resolución estándar para fotografías de calidad e imágenes para impresión es de 300, o de 600 ppp para carteles grandes. Asegúrese de que su imagen esté a escala de 100% y con los puntos por pulgada correctos. Si amplia una imagen pequeña de 300 ppp un 200% se convierte en una de 150 ppp, y no se imprimirá con buena calidad.

Formatos de imagen.

Así como existen formatos específicos para archivos de texto (como los de Word, .doc), también los archivos de imagen se guardan con su propio formato gráfico, independientemente de su origen (mapa de bits o vectorial). El tipo de formato gráfico depende de la empresa o grupo desarrollador que haya programado el editor gráfico y las especificaciones mismas del formato.

Muchos de los formatos gráficos están diseñados para comprimir las imágenes, para ocupar menos espacio en el disco duro. Los formatos de archivos gráficos más importantes se muestran en la tabla siguiente:

Formato Características

BMP Formato de mapa de bits (Bit Map Picture) predefinido de Windows para sus aplicaciones gráficas como Paint.

WMF Windows Meta File es un formato que utilizan algunas aplicaciones de Windows.

JPEG

Este formato, cuyo nombre viene de Joint Photographic Experts Group (nombre del comité que escribió el estándar) es un formato de compresión de imagen con pérdidas diseñado para utilizar con imágenes de fotografías que pueden tener miles, o incluso millones, de colores o de tonalidades grises. Los archivos de PC .jpg son reconocidos por las computadoras Macintosh como .jpeg.

GIF CompuServe Graphics Interchange Format soportan color de 8 bits (256 colores), utilizan el esquema de compresión sin perdida LZW ( Lempel Ziv Welch) , soporta también la transparencia y la animación , tienen una extensión .gif.

TIFF Tagged Image File Format es la mejor opción para trabajar con monótonos, escalas de grises o marcas de agua para colores, y es el formato de imagen de mayor calidad también para fotografías a todo color.

Page 5: USO ELEMENTAL DE IMÁGENES CON GIMPgeogebrasolucionescchazcapo.weebly.com/uploads/1/7/0/8/... · 2019. 9. 6. · 1 USO ELEMENTAL DE IMÁGENES CON GIMP SESIÓN 1. Conceptos básicos

5

PNG Portable Network Graphics entre las funciones más notables, se incluye mayor soporte de la profundidad de color, corrección de color y gamma y transparencia de 8 bits.

EPS Encapsulated PostScript puede contener información vectorial o de mapa de bits, y es mejor usarlo cuando se trabaja con logos e ilustraciones, así como para impresiones en vinilos y trabajos en uno y dos colores.

PSD y AI Son los formatos de archivo de Adobe Photoshop y Adobe Illustrator empleados para la creación de imágenes.

Compresión.

La compresión de archivos gráficos se hace mediante algoritmos, si en un archivo hay cadenas de caracteres repetidos, éstas se agrupan en una cadena más chica, representando numerosos píxeles mediante unos pocos caracteres.

Hay en general dos formas de comprimir las imágenes: sin pérdida y con pérdida. La compresión sin pérdida es aquella en la que la imagen comprimida es idéntica a la imagen sin comprimir. Con la compresión con pérdida, la calidad de la imagen es el resultado de un compromiso para conseguir un menor número de bytes. Debido a que el ojo humano apenas puede notar esa pérdida de calidad, este compromiso puede ser aceptable.

GIMP.

Es un acrónimo de GNU Image Manipulation Program. Es un programa multiplataforma (Linux, OS X, Windows) de distribución gratuita para tareas como retoque fotográfico, composición de imágenes y creación de imagen.

Tipo de extensión: xcf

Sitio Web: www.gimp.org

Fuente de imágenes: http://apod.nasa.gov/apod/lib/aptree.html

Page 6: USO ELEMENTAL DE IMÁGENES CON GIMPgeogebrasolucionescchazcapo.weebly.com/uploads/1/7/0/8/... · 2019. 9. 6. · 1 USO ELEMENTAL DE IMÁGENES CON GIMP SESIÓN 1. Conceptos básicos

6

EJERCICIOS SESIÓN 1.

Introducción a la interfaz

Al abrir GIMP podrás observar que cuenta con tres paneles principales, los cuales es posible mantenerlos en Modo de ventana única:

Ventana → Modo de ventana única

En el panel izquierdo se encuentran las herramientas básicas con sus propiedades según cual este activa. La parte central es una ventana de imagen. El panel de la derecha controla las capas, canales, entre otros patrones.

Posiciones de ventanas con valores predeterminados.

Editar → Preferencias → Gestión de la ventana → Restaurar las posiciones de ventana guardadas a los valores predeterminados.

Cambio del tamaño (dimensiones) de una imagen (Escala)

Cuando se abre por primera vez su imagen en GIMP, lo más probable es que la imagen se enfoca de modo que toda la imagen se ajusta en su lienzo. Lo que hay que darse cuenta es que por defecto la información de la ventana en la parte inferior del GIMP le mostrará algo de información acerca de la imagen.

Para cambiar el tamaño de la imagen a las nuevas dimensiones, sólo necesitamos invocar el cuadro de diálogo Escalar la imagen:

Imagen → Escalar la imagen

Esto luego abrir el cuadro de diálogo Escalar la imagen:

Page 7: USO ELEMENTAL DE IMÁGENES CON GIMPgeogebrasolucionescchazcapo.weebly.com/uploads/1/7/0/8/... · 2019. 9. 6. · 1 USO ELEMENTAL DE IMÁGENES CON GIMP SESIÓN 1. Conceptos básicos

7

Una pequeña cadena justo a la derecha de los cuadros Ancho y Altura de la entrada muestra que los valores de anchura y altura, se fijan con respecto a la otra, lo que significa que el cambio de un valor hará que la otra para cambiar el fin de mantener la misma relación de aspecto.

Virtud de Calidad → interpolación

El valor por defecto es cúbica, para conservar la mejor calidad sería mejor utilizar Sinc (Lanczos3).

Un nuevo tamaño como un porcentaje se podría cambiar a "percent", a continuación, introduzca 50 en cualquiera de los campos para escalar la imagen a la mitad.

Archivo → Exportar

Page 8: USO ELEMENTAL DE IMÁGENES CON GIMPgeogebrasolucionescchazcapo.weebly.com/uploads/1/7/0/8/... · 2019. 9. 6. · 1 USO ELEMENTAL DE IMÁGENES CON GIMP SESIÓN 1. Conceptos básicos

8

Cambio del tamaño (Tamaño) de un archivo JPEG

Utilizando la misma imagen, cambia el tamaño a 200 píxeles de ancho y expórtalos en diferentes niveles de compresión JPEG:

Ahora que tiene sus imágenes listas:

Archivo → Nuevo

Este archivo es nuestro contenedor, por lo que el tamaño de la imagen será de acuerdo a las medidas de nuestras imágenes comprimidas en JPEG.

Incorpora cada una de las imágenes:

Archivo → Abrir como capa

Alinea la imagen utilizando la Herramienta de alineación, ubicada en el panel izquierdo:

Page 9: USO ELEMENTAL DE IMÁGENES CON GIMPgeogebrasolucionescchazcapo.weebly.com/uploads/1/7/0/8/... · 2019. 9. 6. · 1 USO ELEMENTAL DE IMÁGENES CON GIMP SESIÓN 1. Conceptos básicos

9

Inserta un texto utilizando la Herramienta de texto con una distribución centrada en relación a la imagen que le corresponde. Utiliza la propiedad Capa activa de la Herramienta de alineación.

Archivo → Guardar

Archivo → Exportar → Calidad 100

Nombra los archivos como Cambio de Tamaño.

Recortar una imagen

El procedimiento para recortar una imagen es sencillo. O se puede llegar a la herramienta de recorte a través de la paleta de herramientas o bien se puede acceder a la herramienta de recorte a través de los menús:

Herramientas → Herramientas de transformación → Recortar

Notará que el cursor del ratón sobre el lienzo cambiará para indicar que se está utilizando la herramienta de recorte.

Ahora se puede clic izquierdo en cualquier lugar del lienzo de la imagen, y arrastrar el ratón a una nueva ubicación para resaltar una selección inicial para recortar.

Page 10: USO ELEMENTAL DE IMÁGENES CON GIMPgeogebrasolucionescchazcapo.weebly.com/uploads/1/7/0/8/... · 2019. 9. 6. · 1 USO ELEMENTAL DE IMÁGENES CON GIMP SESIÓN 1. Conceptos básicos

10

Una vez que esté satisfecho con la región, sólo puede pulsar la tecla "Enter" en su teclado. Si en cualquier momento desea volver a empezar o decidir no recortar en todo, puede pulsar la tecla "Esc" en su teclado para retirarse de la operación.

Otro método

Otra forma de recortar una imagen es para hacer una selección en primer lugar, el uso de la herramienta de selección rectangular.

Herramientas → Herramientas de selección → selección rectangular

A continuación, puede resaltar una selección del mismo modo que la herramienta de recorte y ajuste la selección también. Una vez que tenga una selección lo desea, puede recortar la imagen para adaptarse a esa selección a través de:

Imagen → Recortar a la selección

Exporta tu imagen con el nombre Recorte.

Page 11: USO ELEMENTAL DE IMÁGENES CON GIMPgeogebrasolucionescchazcapo.weebly.com/uploads/1/7/0/8/... · 2019. 9. 6. · 1 USO ELEMENTAL DE IMÁGENES CON GIMP SESIÓN 1. Conceptos básicos

11

Rotar o voltear una imagen

Si desea voltear la imagen, el menú Transformar ofrece dos opciones, Voltear horizontalmente o Voltear verticalmente.

Imagen → Transformar

Capa → Transformar

Archivo → Guardar

Archivo → Exportar → Calidad 100

Nombra los archivos como Rotar Imagen.

Page 12: USO ELEMENTAL DE IMÁGENES CON GIMPgeogebrasolucionescchazcapo.weebly.com/uploads/1/7/0/8/... · 2019. 9. 6. · 1 USO ELEMENTAL DE IMÁGENES CON GIMP SESIÓN 1. Conceptos básicos

12

Girar una imagen

Rotación de la imagen desde el menú Transformar ofrece opciones ya sea a 90 ° en sentido horario / antihorario, o 180 °.

Imagen → Transformar

Capa → Transformar

Archivo → Guardar

Archivo → Exportar → Calidad 100

Nombra los archivos como Girar Imagen.