Las TIC en Plástica

El verano es un buen momento para ponerse al día en aquellos programas y aplicaciones que vamos a utilizar durante el curso. Aunque yo ya llevo varios años utilizando Gimp  para trabajar diferentes aspectos de la imagen digital, siempre me parece interesante tener a mano nuevos tutoriales y conocer nuevas prácticas interesantes para realizar durante el curso. Por eso este verano estoy disfrutando de los tutoriales de Gimp que está publicando el equipo de Software libre de EducaRed. Muy recomendables.

Practicando con el tutorial sobre cómo hacer un cómic con Gimp que César Poyatos iba a presentar en el V Encuentro Edublogs (¡qué pena que al final se canceló!) he vuelto a utilizar una de las fotografías que usamos para componer la portada del primer número de La Viga Travesá y he pensado que sería interesante explicar los pasos que se siguieron para componerla.

• Primer paso: Elaborar bocetos con posibles diseños de portadas.

Fue necesario reflexionar sobre que contenidos aparecían en la revista y la composición. En este punto, todos estábamos de acuerdo en que al igual que en las portadas de la fantástica revista La Puça, las editoras y los editores debían aparecer en la portada. ¿cómo?

• Segundo paso: Elegir la idea.

Se eligió la idea desarrollada por Ana en la que aparecían las editoras de la sección de Deportes jugando sobre una T gigante que simbolizaba la revista. ¡Perfecto! La idea principal ya estaba.

• Tercer paso: una sesión de brainstorming

para decidir el diseño definitivo. Nos decidimos porque apareciera cada grupo de redacción con un elemento identificativo de su sección alrededor de una gran T.

• Cuarto paso: Hacernos con los objetos y ¡a posar!
• Quinto paso: Elección de imágenes que aparecerían en la portada y composición.
• Sexto paso:  Trabajo de edición de las imágenes que podéis ver en el siguiente tutorial: Diseño de portada de revista con Gimp.

Os lo podéis descargar desde el enlace.

Como el trabajo de composición es imprescindible. algunos puntos básicos a tener en cuenta:

Y si la experiencia de crear una Revista Digital os parece interesante, os recomiendo el artículo Una revista digital como proyecto del ámbito artístico que escribí para Educ@contic en el que relato la puesta en marcha y el desarrollo de la optativa del ámbito artístico Publicación Gráfica y Multimedia. Espero que os guste.

Artículos relacionados:

• Diseño gráfico digital con Software Libre
• ¿Os animáis a usar Gimp?
• PracTICa con colores planos
• Pequeñas animaciones con Gimp
• Imagen digital: creamos nuestro avatar

Antes de empezar a trabajar en cualquier proyecto en el que vayamos a utilizar imágenes digitales es necesario tener algunos conocimientos básicos acerca de su edición. Dos de las operaciones que más a menudo vais a realizar son las de seleccionar una parte de una imagen o cambiarla de tamaño para adaptarla al medio en el que se vaya a insertar o utilizar.

Pues bien ya que tod@s vais a ser coautores y coautoras del Blog del Proyecto, es interesante que vuestros comentarios aparezcan identificados con un avatar y así de paso, utilizamos uno de los últimos pluggins añadidos a Educastur Blog.

• ¿Qué es un avatar?

Un avatar es una imagen identificativa. Los avatares pueden ser fotografías o dibujos artísticos e incluso representaciones tridimensionales. Vosotr@s vais a realizar un avatar cuadrado con un tamaño de 50 x 50 píxeles con el programa de edición Gimp que ya much@s conocéis.

• Empezamos…

Para empezar, debéis partir de una fotografía con la que os gustaría crear vuestra imagen de perfil. Puede ser un retrato, una imagen tomada por vosotr@s o bien una imagen tomada de Internet. Para encontrar sitios con imágenes libres, consultad el artículo Dónde encontrar imágenes libres en la Red.

• Paso 1: Selección cuadrada

En la caja de herramientas de Gimp, hacemos clic sobre la herramienta selección rectangular. Esto cambiará la forma del cursor y le permitirá pulsar y arrastrar una forma rectangular. Para forzar a que haga una selección cuadrada, nos vamos a las características de la herramienta selección rectangular y marcamos proporción fija 1:1. Una vez seleccionada el área, la copiamos y la pegamos como una imagen nueva.

• Paso 2: Escalar la imagen

Accedemos a la opción escalar la imagen del menú imagen y le damos las medidas mencionadas: 50 x 50 píxeles. Ya tenéis la imagen recortada. Si os apetece podéis darle un toque más artístico y colorearla, posterizarla o convertirla en una imagen indexada, por ejemplo.

• Paso 3: Registrarse en gravatar.com y subir nuestra imagen
  

Una vez que ya tenéis una imagen identificativa que os guste, es necesario subirla a http://en.gravatar.com/, una aplicación web 2.0. que nos permite relacionar nuestro email con nuestra imagen. Los pasos para hacerlo son los mismos que en la mayoría de este tipo de aplicaciones. Accedemos al sign up e introducimos nuestra dirección de correo educastur. A continuación, desde nuestra cuenta de correo, activamos nuestra cuenta desde el email enviado por la aplicación. Ya podemos crear nuestro usuario y contraseña y subir la imagen de perfil creada.

En el siguiente vídeo tenéis una explicación de los pasos:

Para ver que todo está correcto, contestad a las preguntas propuestas en el artículo Nuevo proyecto: publicación gráfica y multimedia.

Actualización:

Muy bien! Creados los avatares y puestos en práctica:

Más información:

Recordad, que esta información ampliada la podéis encontrar en el WikiPLástica y en el Taller de Gimp

Artículos interesantes:

• Cómo crear un avatar en Internet en Consumer Eroski
  
• 20 sitios para crear avatares por el Prrofesor Potâchov
  
• Programas de Internet para diseñar caricaturas y avatares  en WWWhats new

Artículos relacionados:

• Espacio y volumen: diseña tu avatar 3D
• Idée Labs: encontrar la imagen que buscamos 
• Dónde encontrar imágenes libres en la Red

Una de las noticias de estos últimos días ha sido la intención del Gobierno de dotar a los alumnos de 5º de Primaria con un ordenador portátil dentro de lo que se ha llamado el Plan para digitalizar la enseñanza. Comparto las numerosas dudas y recelos que provocan un plan que puede quedarse ante todo en una inyección de dinero para sectores como las editoriales, los fabricantes de ordenadores y de software o las operadoras de Internet.

Y espero, como muchos compañeros, que en esa inyección económica no se malgaste el dinero incluyendo el pago de licencias a sistemas propietarios, cuando hay alternativas libres de igual o mayor calidad. Valga el ejemplo de Ubuntu, mi sistema operativo preferido, libre y gratuito, fácilmente descargable desde la Red, de fácil uso y con un entorno muy amigable al que cualquier persona acostumbrada a trabajar con Windows se puede adaptar en unas pocas horas y en el que se trabaja con programas que ya muchos habréis usado: Open Office, Gimp, Inkscape, etc.

Es cierto que hace un tiempo era muy difícil encontrar programas de diseño gráfico para trabajar en las distribuciones de Linux pero hoy ese problema está casi solucionado y como veréis en la siguiente presentación, hay alternativas libres para trabajar con casi todo tipo de diseños 2D y 3D. Todos estos programas tienen versión para Windows y Mac:

Ver la presentación en su lugar original (para poder ampliarla o descargarla)

Ah! y el uso de Software libre no incita a la piratería. Porque…¿cuántos centros tienen un Photoshop no pirateado?

Algunos de los Programas que aparecen en la presentación:

• Gimp (editor de imágenes)
• Inkscape (gráficos vectoriales)
• SynfigStudio (animación 2D)
• Blender (modelado 3D)
• CinePaint (retoque digital, se ha usado en películas como Harry Potter o El Señor de los anillos)
• FontForge (editor de fuentes)
• Scribus (maquetación y publicación)
• Kompozer (edición web)

Si te animas con Ubuntu, no te pierdas:

• Portal hispano de Ubuntu
• Ubuntu cumple cinco años en pleno éxito de su sistema operativo
• Guía documentada para Ubuntu
• Ubuntu fácil
  

Si te interesa el Software libre, visita:

• Con el ordenador a cuestas el genial Blog de Edita Sueiras
• Alternativas libres
• Portable Apps (aplicaciones portables)
• Proyecto Software libre (su objetivo es fomentar el uso de software libre, entre los usuarios de Microsoft Windows)

Artículos relacionados:

• Ubuntu, Linux para tod@s
• Software libre para tod@s
• ¿Os animáis a usar Gimp?
• Licencias y contenidos libres en la Red

Seguro que muchas veces has querido modificar una imagen y te has encontrado con que el ordenador en el que estabas trabajando no poseía un programa adecuado para hacerlo o bien has querido que tus alumn@s retocaran una imagen para una pequeña actividad a través de un programa no tan complicado como el Gimp o el Photoshop.

En estos casos, para realizar sencillas operaciones como escalar, recortar o cambiar el color de una imagen y otras no tan sencillas, la mejor alternativa es utilizar alguna de las aplicaciones web 2.0 que os muestro a continuación (hay más, pero a mi estas son las que más me gustan). Algunas son auténticas herramientas de edición de imágenes y otras sirven para realizar de un modo rápido y sencillo  las operaciones más habituales.

Los más completos:

• Photoshop express: El hermano pequeño del famoso programa de retoque fotográfico es un auténtico editor con variadas y grandes posibilidades de edición. Como en otras aplicaciones, hay que registrarse y crear una cuenta para poder utilizarlo.

Al seleccionar cada una de las herramientas, aparecen en la pantalla todas las opciones.

Sus aplicación  Decorate  (en fase beta), permite añadir a nuestras fotos dibujos, bocadillos, textos, etc que nos puede servir como una sencilla herramienta para realizar fotonovelas.

Leer más »

L@s que visitáis a menudo el Blog os habréis dado cuenta de que el ritmo de publicación se ha ralentizado y los artículos apenas muestran ejemplos de las actividades desarrolladas por l@s alumn@s. Este ritmo seguirá los próximos meses pues voy a estar de permiso por maternidad. Aún así, intentaré seguir posteando todos los meses materiales y contenidos que me parezcan de interés o simplemente, me llamen la atención, como las imágenes que podéis ver en la siguiente presentación:

Hace unas semanas descubrí a Mathew Carden y quedé impresionada por su obra Small world. A partir de ahí, me puse a investigar sobre fotografías que tuvieran como protagonistas a los alimentos y así descubrí, por ejemplo, que en Japón es ya casi una tradición crear dibujos utilizando la comida.

• Os propongo un pequeño juego, ¿seríais capaces de identificar todos los alimentos utilizados por Carl Wagner en sus increibles fotografías?. 

Ver las soluciones en esta presentación

• ¿E identificar al artista italiano que en el siglo XVI realizaba estas creativas pinturas, que también tienen como base a los alimentos?

Artículos relacionados:

• Descubrimientos: Mathew Carden
• Crear con papel

Actualización:

Manuel me ha recomendado la genial obra de la artista china Ju Duoqi a la que dedicó un post en su Ínsula Ducalmara. Esta artista reproduce obras maestras con vegetales. Geniales ¿verdad?. En la imagen inferior tenéis su original visión de La libertad guiando al pueblo de Eugène Delacroix. Podéis ver más imágenes en el Blog de Manuel.

¿Conocéis algún/a artista más?

Me imagino que tod@s habréis visto ya las imágenes en super alta resolución que el Museo del Prado ha colgado en Google Earth. Un proyecto innovador que acerca un poco más al siglo XXI al gran museo español. Y es que rectificar es de sabios y las que hace un año se mostraban en la Web del Museo a gran resolución pero invadidas por el logo del Museo ¿?, se muestran ahora a mayor resolución y sin impedimentos.

La Red nos permite no sólo admirar en su máximo detalle estas obras maestras sino ir un poco más allá y explorar sus secretos de foma amena e interactiva. Este es lo que busca el proyecto que ha puesto en marcha el Museo del Louvre: A closer Look at Artworks, esta compuesto de varios multimedia interactivos que permiten ver los detalles de diferentes obras a través de una lupa, mientras que a través de comentarios y animaciones conocemos su datos histórico-artísticos.

Para verlo completo

Las obras seleccionadas (de diferentes campos artísticos y épocas) son:

• La Gioconda, de Leonardo Da Vinci
  
• LaVirgen y el niño con el Canciller Rolin, de Van Eyck
• Retrato de la Marquesa de Pompadour, de Maurice-Quentin Delatour
• La consagración de napoleón, de Jaques-Louis David
• El escriba sentado, arte egipcio
• El código de Hammurabi, arte mesopotámico
  
• Estatuilla de terracota, arte griego
  
• La Victoria de Samotracia, arte griego
• Virgen Románica
• Cabinet, mobiliario barroco

Este proyecto se suma a otros que buscan dar a conocer en la Red las obras del gran museo francés, como el proyecto de multimedias una civilización, un periodo, un estilo, o las visitas virtuales a la exposición.

Artículos relacionados:

• Prado Play, un pasito TIC adelante
• ¿No puedes viajar?, Haz una visita virtual
• La última cena en alta definición
• Los caminos del arte en Europa

Por cierto, ¿sabrías decir a qué obra maestra del Museo del Prado pertenece el detalle de la imagen superior?

Ver solución

El alumnado de 4º de Educación Plástica y visual ha diseñado y realizado los siguientes rayogramas para denunciar la Violencia de Género para el Proyecto de Salud del centro:

Artículos relacionados (sobre la técnica):

• Crea tus rayogramas online
• Rayogramas: practicamos la fotografía sin cámara

Artículos relacionados (para pensar):

• Contra la violencia hacia la mujer: educación 
• Día contra la violencia hacia las mujeres
• Ante los malos tratos, no les des una segunda oportunidad

Esta actividad ha sido elegida como protagonista del primer post del año del gran Blog IGUALES EN LAS TRES MIL . Desde aquí, ¡MUCHAS GRACIAS!

Aunque Gimp no es el programa más adecuado para realizar animaciones, utilizarlo para hacer animaciones sencillas, es una buena manera para que l@s alumn@s utilicen algunas de sus herramientas básicas y conozcan mejor cómo se gestionan las capas, uno de los recursos fundamentales de este tipo de programas. También les sirve para aprender de forma práctica, cómo se crean las imágenes en movimiento a partir de fotogramas fijos.

En 4º de la eso, hemos aprovechado una de las primeras actividades del curso, el trazado geométrico con paralelas, perpendiculares y compás, para  realizar a partir de una lámina tradicional, una sencilla animación con Gimp.

Todas las animaciones en el siguiente enlace

Explicación de la actividad: (para verla a mayor tamaño)

También podéis ver la actividad en el Wiki de la asignatura

Artículos relacionados:

• Creamos animaciones a partir de obras de arte

Los colores planos  se utilizan a menudo en el diseño gráfico, en vez de los degradados, para dar más énfasis a las formas ya que crean un fuerte impacto visual y ayudan a centrar la atención en las partes fundamentales de las imágenes. También estilos artísticos como el arte pop se caracterizaron por el empleo de colores planos y homogéneos.

La simplificación de una imagen en tintas planas nos ha servido en 4º de la eso como excusa para trabajar con gamas y valores tonales y diferentes técnicas como los lápices de colores y la imagen digital. En la siguiente galería, tenéis el resultado de las diferentes partes que ha tenido la actividad.

En la primera parte, que se desarrolló en el aula de Plástica, l@s alumn@s tuvieron que encontrar una imagen publicitaria que les gustase, copiarla y transformarla en una imagen monocromática con una gama de color determinada. Debían estudiar bien la imagen para determinar cuáles eran las zonas de luces y cuáles las de sombras y dividirla en cuatro claves tonales.

En la segunda parte de la actividad, desarrollada en el Aula de Informática, una vez escaneada la imagen anterior, se trabajó con el programa de edición de imágenes Gimp para seleccionar y rellenar las formas anteriores de los colores planos correspondientes.

Una vez realizado este paso, se separó la figura del fondo y se seleccionó una imagen en FlickrCC para sustituir al fondo blanco. En algunos casos esta imagen, con una combinación de texturas adecuada, se coloreó.

Para terminar con la práctica, se transformó la imagen en modo indexado.

¿Qué os parece el resultado?

• Ver explicación de la actividad en el Wiki_PLástica 

Artículos relacionados:

• ¿Os animáis a usar Gimp? 
• Dónde encontrar imágenes libres en la Red
• Propuesta de actividad: transformamos nuestro IES
  

Me he quedado impresionada con las imágenes ganadoras del VI Concurso de Visualización de la Ciencia y la Ingeniería que cada año convoca la revista Science en colaboración con la Fundación Norteamericana de Ciencia.

Como muestra, las de la Galería inferior que corresponden a las ganadoras y algunas menciones de honor en las categorías de Fotografía, Infografía e Ilustración.

¿No son increibles? Mi preferida es la primera, una infografía que versiona la escena de la fiesta del té del sombrero loco de Alicia en el País de las Maravillas, creada por la ilustradora Colleen Champ, en la que los personajes del sombrerero, la liebre y el lirón se convierten en tres escarabajos fotografiados bajo el microscopio por Denis kunkel, que toman el té sobre una mesa realizada con alas de mariposa, en un campo de Vitamina C cristalizada y esporas de moho. El montaje y la coloración de las fotografías se ha realizado con Photoshop. Una manera muy atractiva de acercar la Ciencia a los niños.

Artículos relacionados:

•  Artesanía científica
• Arte de laboratorio
• Tabla periódica +técnicas de grabado
• Exploratium: museo de arte y ciencia

Visto en: Público- Ciencias