Diseña tu tarjeta de Navidad con GIMP… ¡en 5 pasos!

Se acerca la Navidad y en varias asignaturas de informática en la ESO andamos metidos de lleno en el mundo de la imagen digital. Se notará en la temática de las últimas entradas de este blog.

Si eres de los que envía felicitaciones navideñas, sea a través del correo postal (no dejes de hacerlo) o bien con una eCard en formato digital (como las ya populares de JibJab), a estas alturas estarás buscando nuevas ideas, sobre todo para no repertirte un año más. No te voy a dar la clave sobre el diseño ni el mensaje, pero si quiero animarte a diseñar tu propia felicitación para estas Navidades.

Propongo a mis alumnos en estas fechas realizar un diseño de una postal electrónica. Para ello he preparado este «manual de urgencia» con el que, en apenas 5 pasos, podemos crear nuestra propia tarjeta navideña para enviar a familiares y amigos.

No hace falta decir cuál será mi tarjeta para estas Navidades…

La actividad

Resumo aquí los pasos, pero podéis ver algunos detalles más en el documento PDF con la actividad.

0. Imagen original

El primer paso para diseñar de una tarjeta navideña es realizar una buena elección de la imagen principal. Hay en Internet una buena cantidad de fotografías con motivos navideños. Sin embargo, recuerda que utilizar la búsqueda avanzada de los servicios de fotos para descargar solamente imágenes cuyo autor permita su uso y modificación, que es exactamente lo que vamos a hacer en esta tarea. Puedes también sacar tu propia fotografía.

1. Recorte

Es muy posible que no queramos utilizar toda la imagen en nuestra tarjeta de Navidad. Convendrá entonces utilizar la herramienta de recorte para quedarnos sólo con la parte de la fotografía que nos interesa.

2. Efecto artístico

La imagen utilizada es una fotografía real. En ocasiones, especialmente en tarjetas de felicitación, puede ser interesante aplicar algún tipo de efecto a la fotografía para que parezca que la tarjeta está pintada a mano, o conseguir la sensación de fotografía antigua. Estas opciones y muchas más están accesibles a través del menú “Filtros” del GIMP, donde aparece un buen número de efectos artísticos y decorativos.

3. Añadir marco

Toda tarjeta o postal navideña suele llevar un marco alrededor de la imagen. Este efecto lo podemos conseguir con uno de los “filtros decorativos” disponibles: “Añadir borde”.

4. Añadir mensaje

En este punto añadimos la parte más importante de nuestra tarjeta navideña: el mensaje. Para ello utilizamos la herramienta de “Añadir texto”

5. Cambiar tamaño de la tarjeta

Tanto si imprimes la postal navideña, la envías a través de Internet o la publicas en tu blog, necesitarás un tamaño concreto de imagen. Para ello utilizamos finalmente la herramienta de “escalar la imagen”.

Resultado final

Actividad | Diseña tu tarjeta navideña con GIMP (PDF)
En Tiching | Diseña tu tarjeta navideña con GIMP

«El intruso», un juego de retoque fotográfico

Os propongo un juego, “El intruso”. El objetivo es sencillo: situar un objeto de una imagen en otra diferente, en un nuevo escenario: un paisaje, una habitación, un grupo de personas, etc. La actividad es similar a «¡Cambio de escenario!», publicada también en este blog. Sin embargo, en este proyecto será necesario aplicar algunas técnicas extra de edición de imágenes para lograr que el objeto «intruso» pase verdaderamente desapercibido.

Para ello será necesario realizar un recorte del objeto lo más preciso posible y aplicar las técnicas de edición y retoque fotográfico estudiados en clase, para lograr “esconderlo” en el nuevo escenario. Una vez situado, el objeto intruso debe se difícil de localizar. Para ello conviene que la nueva imagen de fondo contenga ya varios objetos, para que la confusión sea mucho mayor y que encontrar al intruso sea mucho más difícil.

Las imágenes se pueden obtener de Flickr.com, pero también puedes utilizar fotografías que tú mismo hayas hecho, por ejemplo, del Reto Fotográfico “30 días, 30 fotos”. Si obtienes las fotos de Flickr.com, recuerda utilizar la opción de búsqueda avanzada. Asegúrate de que las imágenes tienen una licencia Creative Commons, y que su autor permite la modificación y adaptación de las mismas.

Documentos | Actividad de «El intruso» (PDF)
En Tiching | «El intruso»
Fotografía | Where’s Wally World Record (where you there?), de William Murphy

Los colores en Informática: los modelos RGB y HSV

Nos regalan estas Navidades una cámara de fotos y nos dicen que tiene 10 megapíxels (Mpx). Los nuevos smartphones cuentan con 8 megapixeles en sus cámaras integradas, así que entendemos que no debe estar mal. Pero, ¿qué son exactamente los megapíxeles? Bien, esta medida define la resolución de imagen de la cámara. Es decir, que si tu cámara es capaz de sacar fotos con una resolución de 3872 x 2592 (píxeles, dimensiones de ancho por alto), multiplica y tendrás el número de píxeles: 3872 x 2592 = 10036224, algo más de 10 millones de píxeles. Es decir: 10 megapíxeles.

Resuelto el misterio, hay otros conceptos que también conviene conocer. Cuando analizamos un archivo de imagen digital aparecen propiedades como “dimensiones” de la imagen (que ya hemos desvelado), “tamaño y extensión del archivo” o “espacio de color”. En general, los primeros dos bastan si nos limitamos a sacar fotos, copiarlas y publicarlas en algún servicio en Internet como Flickr. Sin embargo, aquellos que estáis descubriendo el mundo de la edición digital o el diseño web, necesitaréis dar un paso más y conocer los modelos de color RGB y HSV.

En general, para hablar sobre un color, simplemente hacemos referencia a su tono principal: verde, rojo, negro, azul, etc. Y quizá matizamos incluso sobre su brillo o saturación, diciendo “verde oscuro” o “rojo intenso”. Los ordenadores, sin embargo, procesan la información de forma numérica. Y los colores no son una excepción. Cuando nos adentramos en el mundo de la imagen digital, bien a través de la fotografía o de la edición de imágenes, vamos descubriendo una serie de códigos diseñados para representar espacios de colores.

Por ejemplo, cuando editamos imágenes con GIMP, y accedemos a las opciones de color, aparece una ventana en la que podemos modificar aspectos del color. Podemos observar las letras H,S,V,R,G,B y un número para cada una de ellas. Pero, ¿qué significan?

He recopilado para ello algunos apuntes sobre el tema en un documento de 6 páginas que puede resultar práctico para asignaturas de Informática en la ESO.

Documentos | Los colores en Informática (PDF)
En Tiching | Los colores en Informática: RGB y HSV
Fotografía | Primary Colours de Jim Flewker en Flickr

¡Cambio de escenario!

El curso pasado, sobre estas fechas, compartía los primeros recursos sobre edición de imágenes digitales, concretamente con el editor GIMP. Anteriormente, en «Imagen digital con GIMP: 4 cosas que hay que saber», comentaba el tratamiento digital de imágenes como competencia básica. Este curso he preparado una (breve) Guía sobre Composición de Imágenes con GIMP y la comparto esta semana junto a una actividad para los alumnos.

La guía explica las operaciones sobre una imagen con las herramientas de «tijeras de selección» y «máscara rápida», que permiten realizar un recorte en detalle, por ejemplo para sacar un objeto de un escenario y situarlo en otro distinto, que es precisamente la actividad que propongo en ¡Cambio de escenario!.

En la actividad para los alumnos propongo realizar dos cambios de escenario mediante la composición de imágenes digitales, para la que son necesarias 4 imágenes, 2 de fondo y 2 de objeto.

  • La primera composición debe mostrar un escenario realista, en la que el objeto “intruso” que insertamos en el nuevo fondo debe pasar desapercibido. Por ejemplo: “situar un perro en un jardín”.
  • La segunda composición debe mostrar un escenario surrealista, en la que el objeto “intruso” que insertamos en el nuevo fondo llama la atención porque su presencia resulta extraña. Por ejemplo: “situar un oso polar en un desierto” (que ya puse de ejemplo el curso pasado).

Guía | Composición de Imágenes con GIMP
Actividad | ¡Cambio de escenario!
En Tiching | Guía & Actividad

Reto fotográfico: 30 días, 30 fotos

En septiembre escribí «Sobre viajes en el tiempo y retos fotográficos», y compartía un par de propuestas para trabajar con los alumnos en cualquiera de las asignaturas. En noviembre empezamos el proyecto de 30 fotos en 30 días, dentro de la asignatura de Informática para trabajar principalmente aspectos técnicos y edición de fotografía digital, además de desarrollar las competencias digital, social y cívica, y  de conciencia y expresión cultural.

El reto

El reto, basado en la idea Anyone Up For A Challenge? del blog Oh So Lovely, consiste en una maratón fotográfica durante un mes. Cada día se tomará una foto sobre un tema concreto tomado de una lista. La actividad y la colección de fotografías servirá de referencia para:

  • Aprender varios aspectos informáticos de fotografía digital (formatos de archivo, calidad, tamaños, compresión, etc.)
  • Conocer y utilizar algunos servicios de Internet para almacenamiento y organización de fotografías, como Flickr o Picasa.
  • Utilizar las fotografías como material de base para realizar tareas de composición y retoque de imágenes digitales.
  • Aprender los conceptos básicos sobre derechos de autor. Copyright y Copyleft. Conocer las licencias Creative Commons.

La actividad

La actividad es individual. Después de los 30 días, cada alumno debe contar con sus propias 30 fotos. Sin embargo, para hacer la actividad más amena y divertida alguno de los días, puede ser buena idea formar grupos de 3 o 4 personas para ir “en busca de la foto”. De esta forma, si alguien no dispone de cámara de fotos, puede tomarla prestada de alguno de sus compañeros.

En la lista aparecen los 30 temas. Y basta con cumplir un par de normas:

  1. Cada día se dedicará a sacar una sola fotografía de un tema. Se podrán sacar varias fotos de distintos temas en el mismo día, pero habrá que elegir una de ellas, la que mejor haya salido o la que más nos guste.
  2. Siempre que sea necesario, se pueden intercambiar dos días, si existe dificultad un día concreto con alguno de los temas (“Rayo de sol” en un día de lluvia, por ejemplo).
  3. Para sacar las fotos de puede utilizar cualquier tipo de cámara digital. No se aconseja el uso de teléfonos móviles, salvo que la calidad de las fotografías sea lo suficientemente buena.

Únete al reto: #30días30fotos

Si decides unirte al reto y publicas en Internet tus fotos o tu experiencia con el proyecto, puedes utilizar en Twitter y otras redes sociales la etiqueta #30días30fotos (sin olvidar el acento en la ‘i’) para poder encontrar fácilmente los avances con el reto. Puedes utilizar este calendario para planificar tus fotos.

Documentos | 30 días, 30 fotos | Calendario | publicado en Issuu | publicado en Tiching
Enlaces | Flickr | Picasa Web Albums
Otros artículos | Sobre viajes en el tiempo y retos fotográficos
Idea original | Anyone Up For A Challenge? de Oh So Lovely