jueves, 15 de diciembre de 2011

GIMP: ¿Por qué GIMP?


GIMP es un programa que, pese a la oposición de algunos detractores seguidores del modelo de pago de Photoshop, nos permite hacer cosas increíbles con tan sólo conocer algunos conceptos básicos sobre edición de imágenes en formato digital.
Para el tratamiento de imágenes fotográficas en nuestros ordenadores, habitualmente hemos venido utilizando pequeños programas que vienen con el sistema operativo o con las cámaras digitales y escáneres. Estos programas suelen ser fáciles de manejar porque la mayor parte de las operaciones que podemos realizar vienen "empaquetadas", es decir, preparadas para aplicarse directamente. Esto no nos permite el conocimiento necesario del programa cuando debemos enfrentarnos a realizar un trabajo con unas determinadas características y nos muestran rápidamente las carencias en cuanto queremos hacer "algo más". Entonces nos dirigimos a programas profesionales tipo Photoshop o Paint Shop Pro.
Para aquellos que no os haya quedado demasiado claro GIMP es un programa de edición de imágenes muy completo que, además, es gratuito y se distribuye bajo licencia GPL (software libre) en los dos principales sistemas operativos GNU/Linux y Windows.

Para conocer mejor este potente programa de edición de imágenes se recomiendan los siguientes tutoriales:
  1. Tutorial oficial de GIMP: si quieres aprender a manipular y crear imágenes con GIMP, el mejor programa de software libre, este es el lugar adecuado.
  2. Curso "GIMP: Aplicaciones didácticas": excelente curso del Ministerio de Educación y Ciencia (CNICE) diseñado para la generación de recursos didácticos del profesorado.
  3. Tutoriales de diseño gráfico con GIMP: en este fabuloso recurso encontraremos aplicaciones realizadas con GIMP a diferentes niveles enfocadas al diseño gráfico.
  4. Manual de introducción a GIMP: documento pdf muy completo y didáctico que explica de forma práctica las principales posibilidades que ofrece GIMP.
  5. TodoGIMP: página enfocada a la recopilación de ejemplos prácticos de edición de imágenes usando GIMP.
Aparte de estos tutoriales que nos permitirán conocer y manejar mejor los fundamentos de la imagen digital y de su tratamiento mediante GIMP, se recomienda visionar los siguientes enlaces que contienen algunos fundamentos básicos de la fotografía digital ya que por muy bien que se edite una fotografía de mala calidad (usando GIMP o cualquier otro programa) seguirá siendo de mala calidad
Como nuestro objetivo, además de actuar como artesanos en el retoque fotográfico usando GIMP, es crear una fotografía que exprese un sentimiento, un estado de ánimo, un sueño, un anhelo, un recuerdo, una vivencia cotidiana real o inventada....., os recomiendo el visionado de las siguientes páginas con excelentes fotografías de diferentes autores que, espero, hagan brotar en vosotros la semilla de la inspiración:


Una vez presentado el material, el primer paso es empezar a utilizarlo. Para ello, descargaremos la última versión de GIMP desde la página oficial (descarga).
Ahora sólo nos queda empezar a trabajar, crear, diseñar, imaginar, soñar.... y tratar de plasmarlo en una imagen..... A por ello!!
Leer más...

miércoles, 14 de diciembre de 2011

EJERCICIO RESUELTO 1: El sistema solar mediante filtros de luz

Para empezar probando la enorme capacidad que presenta un programa de edición de imágenes como GIMP, vamos a realizar un ejemplo (de nivel avanzado para muchos) que os permitirá conocer las posibilidades que ofrece esta aplicación de software libre.
En este caso lo que se buscará es crear una imagen como la que se muestra partiendo de una página en blanco y usando los efectos que permite GIMP.
La imagen resultado del ejercicio es:


¿Te ha gustado el resultado?
Pues no es muy difícil. Sigue los siguientes pasos:
1) Ejecuta el programa GIMP instalado en tu equipo.
2) Crea una nueva imagen de tamaño 300 x 300 pixels, modo RGB.
3) Con la herramienta de Relleno añade el color de fondo negro a la imagen.
4) Aplica Filtros -> Ruido -> Ruido RGB (desactivar ruido RGB). Situar valor 0,67 para todos los colores.
5)
Aplicar Filtros-> Desenfoque -> Desenfoque enlosable: radio=1
6) Aplicar Colores -> Umbral -> Fijar los valores mínimo como 80 y máximo como 90

7)
Aplicar Filtros -> Desenfoque -> Desenfoque de movimiento: angulo 0º, distancia=2, lineal

AQUÍ EMPIEZA LO BUENO!!!!!
8) Aplicar Filtros->Luces y sombras ->

a) Destello con degradado (Default)
b) Destello con degradado (Brigth_Star)

c) Destello con degradado (DistantSun) y con valores radio=60, rotación=100, Rot. de tono=-14,3 y demás valores por defecto). Otra opción sería utilizando la opción Filtros -> Luces y sombras -> Supernova.
Guardar las respectivas imágenes creadas en la carpeta del curso con los nombres "nebulosa1.jpg", "nebulosa2.jpg", etc....

Leer más...

EJERCICIO RESUELTO 2: Creando atractivos efectos de texto

Entre las infinitas posibilidades que presenta GIMP está la creación de efectos sobre textos muy atractivos y que pueden ser usados para innumerables fines que van desde su colocación en páginas Web o blogs pasando por portadas de trabajos realizados a ordenador.
Nuestro objetivo en esta práctica es crear una serie de ideas que os permitan generar un atractivo efecto de texto que será, posteriormente, colgado como título del blog de la asignatura.
Para que nadie se pierda durante el proceso se recomienda tener a mano los siguientes enlaces que nos pueden ayudar a crear atractivos efectos:
Empecemos con el desarrollo:
  1. Creamos una imagen del tamaño deseado (dependiente del que se desee para el título del blog). En nuestro caso, hemos creado una imagen con fondo de color blanco y de tamaño 600x100 pixeles.
  2. Escribimos el texto que se desee (en nuestro caso) "Tecnopatafisica" usando el formato de fuente, tamaño y color deseado (usando la herramienta de Texto: )
  3.    
  4. A continuación usaremos una serie de efectos que nos permiten crear logotipos a partir de textos predefinidos. Son numerosos los efectos de este tipo que pueden englobarse dentro de la etiqueta Filtro + Alfa a Logotipo así como son muchos los parámetros que pueden modificarse para cada uno de ellos por lo que, en este ejercicios mostraremos algunos de los ejemplos que consideremos más interesantes (para una mayor información sobre este particular se recomienda revisar el CURSO DEL CNICE de GIMP en el apartado de Textos + Logotipos)
    1. Efecto Desmenuzar: nos permite crear un llamativo efecto rellenando nuestro texto con un patrón que puede ser elegido. Modificando alguno de los principales parámetros (imponiendo la opción de que mantenga el fondo o no lo mantenga) se pueden obtener imágenes como las siguientes:
    2. Efecto Bisel Degradado: nos permite crear un llamativo efecto generando un bisel configurable para nuestra imagen.
    3. Efecto Bruñido: es uno de los más completos y permite obtener numerosos efectos sobre el texto entre los que destacan los degradados del texto y la sombra y los diferentes parámetros que se pueden modificar sobre ambas características. Para muestra, un botón obtenido cambiando los patrones del texto y las sombras:
    4. Efecto Contorno 3D: como su nombre indica permita transformar nuestro texto en una imagen 3D. Veamos un par de ejemplos:
    5. Efecto Calor resplandeciente: el nombre es bastante indicativo del efecto.
    6. Efecto Comic: curioso efecto para transformar el texto en un dibujo tipo comic.
    7. Efecto Cromado: magníficas letras en relieve cubiertas por este brillante metal.
    8. Efecto escarchado: crea una sombra de nieve sobre el texto
    9. Efecto metal frío: interesante efecto que crea un efecto de metal con una interesante sombre
    10. Efecto neón y neón alienígena: curiosos efectos con sorprendentes luces de neón.

Leer más...

EJERCICIO 1: Comparando los formatos de las imágenes

El objetivo de este ejercicio es analizar las propiedades de una imagen y comprobar los cambios que se producen en la misma al cambiar el formato en el que se muestra.
La imagen de partida de nuestro ejercicio es la siguiente:
Sigue los siguientes pasos:
1) Abre la imagen anterior en tamaño máximo y guárdala en la carpeta del curso con el nombre "art.jpg".
2) Abre la imagen con el programa GIMP.
3) Analiza las propiedades de la imagen y anota los valores de su resolución, tamaño en pixeles y tamaño en memoria del disco duro.
4) Guarda ahora la imagen con el formato nativo de GIMP (XCF) con el nombre de "art.xcf". Examina si alguno de los parámetros anteriores ha cambiado y si se percibe un cambio en algún aspecto de la imagen.
5) Guarda la imagen en el formato PNG con el nombre "art.png". Examina si alguno de los parámetros anteriores ha cambiado y si se percibe un cambio en algún aspecto de la imagen.
6) Reproduce los pasos anteriores con el formato GIF 

Leer más...

EJERCICIO 2: Realizando transformaciones de color

El objetivo de este ejercicio es realizar transformaciones de color en los diferentes formatos de imágenes para, con posterioridad, comparar los resultados obtenidos.
La imagen punto de partida (que debe ser ampliada y guardada en la carpeta del curso) es:

Sigue los siguientes pasos:
1) Abre la imagen anterior en tamaño máximo y guárdala en la carpeta del curso con el nombre "ganesha.jpg".
2) Abre la imagen con el programa GIMP.
3) Visualiza la imagen en tamaño real.
4) Realiza la transformación a color a:

  • MAPA DE BITS: Menú Imagen + Modo + Indexado + Usar paleta en blanco/negro. Y en las opciones de difuminado elige "Sin difuminar el color". Guarda el resultado como "ganesha2.jpg".
  • Escala de grises. Menú Imagen + Modo + Escala de grises. Guarda el resultado como "ganeshagris.jpg".
  • Color indexado. Menú Herramientas + Herramientas de color + Colorear. No modificamos ningún valor y hacemos clic en "Aceptar". Después accedemos a Menú Imagen + Modo + Indexado y seleccionamos "Generar paleta óptima" y en las opciones de difuminado seleccionamos "Sin difuminar el color". Guarda el resultado como "ganeshaindexado.jpg".
  • Color indexado con menos colores . Menú Imagen + Modo + Indexado + generar paleta óptima y nº máximo de colores 10. Guarda el resultado como "ganeshaindexado10.jpg".
  • Color RGB. Sin realizar ninguna modificación a la imagen. Guarda el resultado como "ganeshaRGB.jpg"
Compara los resultados de la calidad de la imagen y su tamaño en disco.

Leer más...

EJERCICIO 3: Resolución de la imagen

El objetivo de este ejercicio manejar, de forma práctica, los conceptos de resolución y tamaño de la imagen.
Antes de comenzar el ejercicio es de vital importancia tener claros los siguientes conceptos que nos permitan distinguir entre los conceptos de tamaño de la imagen, resolución de la imagen y tamaño del archivo de la imagen.

La calidad de una imagen está directamente relacionada con la resolución que tiene: a mayor resolución mayor calidad de imagen. Si una imagen tiene una resolución de 200 ppp, en cada pulgada cuadrada nos encontramos la cantidad de 200 x 200 píxeles, lo que nos da un resultado de 40.000 píxeles que contienen la información digital de esa imagen. Si esa misma imagen tiene una resolución de 72 ppp, la información digital está contenida en 5.184 píxeles, con lo que la calidad de la imagen será menor: menor resolución, menor información y menor detalle.
Para poder comprender mejor este aspecto es necesario diferenciar los conceptos que estamos tratando: tamaño de la imagen, resolución de la imagen y tamaño del archivo.
  1. El tamaño de la imagen depende de sus dimensiones (anchura y altura) medidas en píxeles u otras unidades: puntos, picas, milímetros...
  2. La resolución de la imagen la expresamos en píxeles por pulgada. A mayor resolución más píxeles caben en una pulgada y menor será el tamaño de los píxeles.
  3. El tamaño del archivo de la imagen, como unidad de información digitalizada se expresa en bits. A mayor tamaño de imagen (más píxeles contiene la imagen), mayor tamaño del archivo.


La imagen punto de partida del ejercicio es:
Sigue los siguientes pasos:

1) Abre la imagen anterior en tamaño máximo y guárdala en la carpeta del curso con el nombre "mono.jpg".
2) Abre la imagen con el programa GIMP.
3) Analiza el tamaño que tiene la imagen.
4) Cambia el tamaño de la imagen de modo que sea doble de la actual. Guardar con el nombre "mododoble.jpg".

5) Cierra esa imagen y vuelve a abrir la original. Guarda la imagen con tamaño mitad de la anterior con el nombre "monomitad.jpg".
6) Cambia la resolución de la imagen de modo que sea el doble de la actual. Guardar con el nombre "mododobleresolucion.jpg".
7) Cambia la resolución de la imagen de modo que sea la mitad de la actual. Guardar con el nombre "modomitadresolucion.jpg".
8) Compara el resultado de las cuatro imágenes. ¿Qué conclusiones puedes sacar?
Leer más...

EJERCICIO 4: Usando las propiedades de las capas....

Imprime este post
El objetivo de este ejercicio es comenzar a trabajar con el concepto más importante que presenta GIMP que es el concepto de capas.

Se buscará como objetivo, usando las propiedades de las capas, crear imágenes (tamaño 300 x 300 pixeles) como las siguientes:




Leer más...