Pequeñas animaciones con Gimp

9 11 2008

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)

Esta película necesita Flash Player 9

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

Artículos relacionados:



PrácTICa con colores planos

20 10 2008

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.

Esta película necesita Flash Player 9

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?

Artículos relacionados:



Crea tu composición abstracta online

12 10 2008

Vamos a ir introduciéndonos en el tema La expresión y los medios en el proceso de creación artística, que nos servirá para tener una visión general de los diferentes métodos de creación de artistas, diseñadores y arquitect@s y de las variadas técnicas que utilizan, algunas ya vistas, otras nuevas, como el grabado.

Muchas las practicaremos en el aula de Plástica (por fin, se han rescatado los tórculos), otras las veremos y practicaremos también online, a través de aplicaciones como Brushter, una pizarra interactiva creada por el Departamento de Educación del NGA (National Gallery of Washington) en la que podéis probar a crear con diferentes herramientas y colores, composiciones abstractas como las que presentan en su Galería de ejemplos (muy bonitas ¿verdad?).

brusher.jpg

Y además, como complemento a la aplicación se incluye un interesante dossier Art since 1950 (descargable en pdf) que trata el arte a partir de los años 50 a través de las obras de varios artistas y  se proponen actividades para trabajar en el aula.

Podéis echarle una ojeada desde aquí:

Esta película necesita Flash Player 9

Y para trabajar la pintura abstracta en base a manchas de color en Primaria, os recomiendo que veáis la exposición virtual Arte abstracto en Pixelandia.

Artículos relacionados:



Animación colaborativa + rotoscopia

14 03 2008

En Imagen y expresión estáis realizando una actividad de animación por parejas. Un buen ejemplo de trabajo colaborativo es la animación Girl Talk - rotoscoped! realizada por los 64 alumn@s de la asignatura COMS274 Intermedia I COMS274 Intermedia I, Departament of Communication Studies, Concordia University en el Otoño de 2007. Cada alumn@ realizó entre 1 y 3 segundos de esta película que forma parte del proyecto Open Source Cinema.

La animación está realizada con la técnica de animación llamada rotoscopia que consiste en grabar imágenes reales, importar el archivo de vídeo al programa de animación Flash y dibujar sobre ella. Podéis ver un interesante tutorial de esta técnica en el Blog cristalab.

La música es un tema del músico Girl Talk , que mezcla samples (muestreos) de temas de otros artistas como el “Canon Ball” de The Breeders (una de mis canciones favoritas) y el tema “jump” de Pointer Siste. Girl Talk defiende la desaparición del Copyright y la necesidad de establecer licencias tipo Creative Commons.

Esta película necesita Flash Player 9

Y volviendo a la publicidad, un anuncio genial de una famosa marca de Cava realizado con la misma técnica y música “Yachts” de Coco Steel & Lovebomb.

Esta película necesita Flash Player 9

¿Qué os parece?



Convertimos una imagen en una viñeta de cómic

11 03 2008

Por fin me habéis entregado todo el alumnado de Imagen y Expresión la última actividad de manipulación de fotografía digital con Gimp en la que teníais que transformar por parejas una imagen hasta que pareciera una viñeta de cómic. Los resultados los podéis ver en la siguiente presentación:

Esta película necesita Flash Player 9

La actividad está inspirada en el siguiente tutorial del interesante Blog hachemuda.com



Propuesta de actividad de animación

1 03 2008

Después de varios actividades en las que los alumnos de Imagen y Expresión habéis utilizado y manipulado la imagen fija, vamos a empezar a trabajar con la imagen en movimiento. Para que comprendáis en qué consiste, realizareis una sencilla animación a partir de una obra de arte, por ejemplo, El Grito de Munch o El Guernica de Picasso. Se trata de pasar de una serie de imágenes estáticas o fijas a una imagen en movimiento.

Para ello, utilizaremos la aplicación online ShapesShifter de la web Aniboom que os permitirá diseñar de una forma bastante sencilla vuestra animación.

aniboom.jpg

Fases de la actividad:
1º.- Deberemos elegir el cuadro en el que nos basaremos para realizar la acción y el diseño de los personajes. En el proyecto Transcripcions vs animation podéis ver ejemplos de cómo realizar animaciones a partir de la historia que narra una obra de arte o de los personajes que aparecen en el cuadro. Vuestro trabajo va a ser mucho más sencillo, evidentemente, pero os puede dar ideas. Si queréis ver un comentario sobre el proyecto acceder al post de Las TIC en Plástica Obras maestras vs animación

2º. Realizar bocetos de los personajes y del movimiento.

3º. Realización en Shapesshiffter.

Importante:
En la animación, como ya sabéis, cada acción esta formada por una larga sucesión de fotogramas o imágenes fijas. Entre esas imágenes fijas están los denominados fotogramas clave que marcan la acción. Esos son los primeros que deberéis diseñar.

Tenéis más información sobre la actividad en el Wiki-plástica

Más información:



Diseñamos carteles para las Jornadas Culturales

23 02 2008

Cada año se celebran las Jornadas Culturales en nuestro IES. Durante dos días el centro cambia las habituales clases por exposiciones, talleres y conferencias. Cada año giran en torno a un tema. Estas V Jornadas se denominan Arte y Ciencia: un viaje a la búsqueda del bienestar.

Esta película necesita Flash Player 9

Todos los años son los alumnos de Comunicación Audiovisual de Bachillerato los que elaboran varios diseños de cartel y de éstos, se elige el cartel que representa las Jornadas Culturales fuera y dentro del centro.

Este año y por primera vez, los alumnos de la optativa Imagen y expresión que imparto en 4º participan con sus carteles. En la animación superior, podéis ver sus diferentes propuestas. Espero que el cartel seleccionado sea uno de ellos porque le han puesto muchos ganas y dedicación. Además nos ha servido de excusa para repasar conceptos de diseño gráfico, como la importancia de la sencillez, conocer la historia del cartelismo y como en la actividad anterior, trabajar con varias herramientas del Gimp.

Esta película necesita Flash Player 9

Artículos relacionados:

Más información sobre el cartel en:

Los carteles han sido resaltados en el suplemento Aula del periódico La Voz de Asturias del 5 de Marzo de 2008.

hojalavozasturias.jpg



Diseñamos azulejos modernistas

9 12 2007

En la siguiente presenación aparecen algunos de los trabajos que los alumnos de 4º habéis realizado a partir de la aplicación anterior: Design your Tile (el Lunes subiré el resto que no aparecen).

La primera imagen corresponde al módulo y la segunda a la combinación:

Esta película necesita Flash Player 9



Nuevo Blog de imagen y expresión

11 11 2007

cabima.jpg

Los alumnos de 4º con la optativa Imagen y Expresión tenéis un nuevo espacio para mostrar vuestros trabajos y ampliar información sobre la asignatura. Aunque empezado hace más de un mes, por problemas con los ordenadores del centro y la Red (que en parte seguimos teniendo, pues en algunos equipos es casi imposble acceder a Educastur Blog), se ha ido ralentizando su puesta en marcha.

El nuevo Blog, del que los alumnos sois editores, quiere ser un espacio creado para que seáis vosotros los que presenteis y subais a la Red vuestros trabajos, para que escribáis sobre temas interesantes relacionados con la materia y para que yo pueda presentaros contenidos y recursos interesantes.

iesmodificado3.jpg

De momento, tenéis explicada la actividad, que junto con el reportaje, estáis elaborando: Transformamos nuestro IES. La actividad os servirá para practicar algunas de las opciones de la caja de herramientas de GIMP que ya vimos en clase: las herramientas de selección (rectangular, elíptica y a mano alzada) y la herramienta rotación, escalado y perspectiva así como familiarizaros con la búsqueda de imágenes libres en la Red.

El resultado deberá ser algo parecido a la imagen superior.



Integración creativa de las TIC

1 11 2007

Una de las experiencias más destacadas, desde mi punto de vista, de las presentadas en el Congreso EDUCARED es el Taller de Webs de César Poyatos. Desde el Colegio San Diego y San Vicente de Paúl de Madrid nos presentaron tres de de las webs realizadas en su Taller de diseño de páginas dinámicas de matemáticas que consiste en utilizar el programa Flash para realizar páginas interactivas relacionadas con las matemáticas.

magodeoz.jpg

A través de las palabras de César y la realización en directo del diseño en Flash de parte de la web por cuatro de sus alumnos pudimos ver un buen ejemplo de integración de las TIC en el aula y de motivación al alumnado.

Dos de las webs presentadas, El Mago de O2 y el Castillo de las matemágicas han sido premiadas con el 2º y 3er premio A navegar 8 en la sección Páginas web de 3º y 4º de eso.

anavegar8.jpg

En la sección Equipo de la Web El Mago de O2 se puede ver el proceso de trabajo llevado a cabo en el taller: primero los alumnos deciden el tema a través del cual van a tratar las matemáticas y luego diseñan en papel los personajes, ambientes, etc para acabar dibujando en el ordenador y montando la web.

Todo un ejemplo de creatividad e innovación.

En la imagen, Nacho trabajando en el diseño del león.