En Educ@contic: Un buen proyecto para empezar el año: 30 días, 30 fotos

6 01 2012

Empieza el año con nuevas ideas y nuevos proyectos ¡y qué mejor comienzo que adaptar un buen proyecto de aprendizaje a nuestras aulas!! Esta es la idea de mi artículo de este mes en Educ@contic: partir de la fantástica idea del reto fotográfico: 30 días, 30 fotos del blog esfera_tic e imaginar otros retos para nuestro alumnado :).

¿Te apuntas al reto 30 días, 30 fotos?  Únete en Twitter con el hashtag #30días30fotos. Y si se te ocurren nuevos retos, proponlosbajo el hastag #Reto30educacontic.



Primeros pasos con Gimp en CAM

17 12 2011

En Comunicación Audiovisual y Multimedia, una vez realizada la investigación sobre Internet y vistos los conceptos básicos sobre Comunicación Audiovisual hemos estado trabajado la edición básica de imágenes con Gimp,  editor de imágenes de Software Libre.

Para ir conociendo las herramientas y operaciones  básicas del programa y de la gestión y utilización de imágenes, realizamos varias prácticas sencillas. Una vez acabadas, ya podiais:

  • Utilizar el disco duro virtul Dropbox.
  • Buscar y utilizar imágenes libres con licencia Creative Commons.
  • Guardar y organizar imágenes en vuestro ordenador y en Dropbox.
  • Escalar el tamaño de una imagen.
  • Retocar brillo/contraste a una imagen.
  • Crear, copiar y pegar selecciones de y en una imagen.
  • Crear, copiar, renombrar y organizar capas en una imagen.
  • Girar, voltear y mover capas.
  • Añadir y modificar texto en una imagen.
  • Aplicar filtros.
  • Manejar archivos de extensiones XCF y JPG y conocer sus características.
  • Convertir una imagen a indexada.

Y como se trata de que no sólo conozcáis y utiliceis las herramientas de forma mecánica sino que sepáis utilizarlas en vuestras propias creaciones, os propuse que siguiendo los impresionantes ejemplos de fotomontajes vistos en el blog Creativos Online, crearais una imagen surrealista. Y aunque no tuvisteis mucho tiempo, los resultados están bastante bien:

Además tuviestéis que escribir una pequeña memoria-tutorial en vuestro blog en el que describierais todo el proceso seguido para crear vuestra imagen surrealista. En algunos casos, ésta fue la parte más floja. No estais acostumbrados a redactar y eso se nota. Aunque si me gustaría destacar el artículo de Alberto y Celia porque explica bastante bien el proceso que han realizado partiendo de una imagen de fondo encontrada en Internet pero juagando con sus propias imágenes.

Artículos relacionados: 

Referencias:

¿Qué os han parecido las prácticas? ¿Cómo trabajais la imagen digital en el aula?

Share



Enred@rte: Reproducciones de fotografías famosas… con Legos

13 12 2011

Me siguen encantado estas reproducciones de fotografías que forman parte ya de la historia del siglo XX, con las piezas de Lego.

.

La fotografía original es Power house mechanic working on steam pump (1920) del fotógrafo Lewis Hine. Podéis ver más reproducciones en el espacio Flickr de su autor, Bakalov, un programador de videojuegos aficionado a la fotografía.

Visto en: Gran Angular

Share



En educ@contic: Técnicas artísticas en la Red: la fotografía I

6 11 2011

Este mes, mi artículo en Educ@acontic está dedicado a los recursos en línea que nos pueden ayudar a acercar al alumnado de las distintas asignturas del ámbito artístico y las relacionadas con la comunicación audiovisual los Recursos técnicos para el registro y revelado fotoquímico de imágenes.

Espero que os resulten interesantes y útiles



Dintorno, contorno y silueta e imágenes vectoriales

24 10 2011

Os incluyo la animación que os hice para repasar el dintorno, el contorno y la silueta a partir de la obra “El beso” del pintor austriaco Gustav Klimt.

También enlaces al recurso Plas-TIC en el que vimos los tipos de imágenes digitales y las diferencias entre las imágenes de mapa de bits y las imágenes vectoriales. Recordad que las imágenes vectoriales tienen la peculiaridad de que al agrandarlas ,” el ordenador  las procesa de manera que aumenten sin perder las características de origen de líneas, curvas y polígonos”.

Esta película necesita Flash Player 9

Ah! El programa que os enseñé para dibujar y crear imágenes vectoriales recordad que se llama Inkscape, que es Software Libre y que podéis descargarlo desde aquí.

 Artículos relacionados:




Publicación gráfica y multimedia: diseño de avatares y preguntas

5 10 2011

Con este artículo quiero dar la bienvenida a mis alumn@s de Publicación Gráfica y Multimedia: Pablo, Claudia, Paula, Alicia y Tatiana. Este año sois un grupo pequeño ¡así que espero que podamos poner en practica un montón de ideas!. Ya hace unos cuantos días que estáis visitando el blog , trabajando a partir de los contenidos del Wiki la imagen digital y conociendo las posibilidades que nos ofrecen las aplicaciones 2.0 para crear contenido. Para iros familiarizando con las herramientas básicas del editor de imágenes Gimp, acabáis de realizar vuestra imagen de perfil o avatar con la genial aplicación Superveloz.net siguiendo los pasos expuestos en este artículo:

  1. Partir de una fotografía personal.
  2. Familiarizarse con la aplicación Superveloz.net.
  3. Crear la imagen de perfil o avatar.
  4. Realizar las últimas modificaciones de diseño con Gimp (ver ejemplo).
  5. Adaptar la imagen a un formato cuadrado (si no se ha hecho ya) y escalarla a un tamaño adecuado.
  6. Darse de alta en Gravatar (ver ejemplo) y asociar la imagen a la cuenta de Gmail creada.
  7. Enviarme la imagen por Gmail y hacer comentario en este artículo responidendo a las pregutas que os incluyo a continuación para ver que la imagen está correctamente asociada.

Yo creo que os han quedado muy chulos con el poco tiempo que tuvisteis (espero la tuya Tatiana)

assspeq.jpg


Y para empezar a conocer un poco más el formato que vamos a utilizar para crear nuestra revista digital, os inserto el  Dossier Tenemos un BLog, documento publicado por Educastur Blog.
Esta película necesita Flash Player 9
Lee con atención el dossier y responde a través de un comentario a las primeras preguntas del curso:

  1. ¿Qué te parece que es un Blog?¿participas en alguno?
  2. ¿Qué tipo de archivos o documentos se pueden incluir en un Blog?
  3. ¿Qué temas te parecen interesantes para incluir en una revista digital escolar?
  4. ¿Qué te ha llamado la atención de esta asignatura?
  5. Tu propuesta de nombre para la revista

Para ampliar la información sobre las características de los blogs, visitad la presentación Blogs y educación del artículo Comunicación audiovisual y multimedia: ¡empezamos!

Para acabar os inserto la interesante presentación Maneras de leer de Lourdes Domenech en la que explica el proceso de creación de la revista digital La Puça que comentaremos en el aula esta semana.

Esta película necesita Flash Player 9




L@s alumn@s de Publicación nos cuentan su transformación virtual del IES

20 11 2010

Como el curso pasado, las primeras semanas del curso en la optativa de Publicación Gráfica y Multimedia las hemos dedicado a trabajar con la imagen digital e ir conociendo algunas de las aplicaciones Web 2.0. que utilizaremos a lo largo del curso.

La última prácTICa realizada de imagen digital fue una transformación virtual del aspecto exterior de nuestro centro. Para completar la actividad, tuvieron que escribir un artículo en el nuevo Blog de la asignatura (todavía en pañales) para ir conociendo los entresijos de la escritura, edición y publicación de contenidos en unos de los formatos estrella de la Red Social.

Y para ver lo bien que han hecho una cosa y otra, os inserto los textos y las imágenes elaboradas. Espero que os gusten tanto como a mi.

Marta Oliveros: ” Nuestra profesora Lucía de Publicación Gráfica y Multimedia, nos propuso una actividad muy divertida: Transformar nuestro IES. Se trataba de hacer un instituto más divertido y original empleando los recursos de capas que nos ofrece el Gimp. Para ello nos dió unas instrucciones y consejos en el wiki de la asignatura, como usar imágenes creative commons e incluir al menos un graffiti. Al principio, no sabía muy bien de qué hacerlo, pero luego me llegó la inspiración de golpe pensando en uno de mis grandes hobbies: Los videojuegos. Tras una larga selección de imágenes en “flickrCC”, me decanté, principalmente, por personajes de Super Mario Bros y Sonic. Ademas yo también puse varios graffitis optimistas (sé feliz, sonrie, etc…) que creé con el “Graffiti creator”. También incluí una central nuclear, una bandera pirata, y algun elemento más que me llamó la atención. Para finalizar, creamos un Slide con todas las transformaciones que podéis ver aquí.Por último, quería decir que esta actividad me gustó mucho, ya que es muy entretenida y pone a prueba tu creatividad e imaginación.”

Ángel  Fernández : “Nuestra profesora de Publicación Gráfica y Multimedia (Lucía) nos propuso hacer un trabajo muy divertido, que consistió en modificar las paredes de nuestro IES gracias a las capas con las que podemos trabajar en el Gimp.Antes de empezar el ‘fotomontaje’, buscamos unas imágenes creative commons en la página Flickrcc. Pensé que las imágenes que escogiera, debían de estar basadas en temas que están relacionados con los institutos. Por ello escogí una imágen del Che Guevara, que está relacionada con la Historia. Otra de  un fragmento de la obra de ‘La Creación‘, que está relacionada con el Arte. Otra del futbolista Cristiano Ronaldo, que simboliza el deporte, el símbolo de la paz, que representa la ética, etc…Lucía nos sugirió que podíamos hacer un ‘Graffiti virtual’ en la página Graffiti Creator. Yo hice uno que era un poco simple, en el que trae ‘IES Valle de Aller’Cuando terminamos el montaje, combinamos las capas. Luego lo guardamos en formato .jpg y finalmente lo subimos a Slide para crear una presentación con con nuestros montajes terminados. La podéis ver aquí.Creo que esta actividad ha sido muy divertida, y espero que las próximas que hagamos sean como esta o incluso mejores.

José Rodriguez :”La última actividad de imagen digital que la profesora Lucía nos propuso en Publicación consistía en retocar una imagen de nuestro instituto para que pareciese más original. Seguimos las indicaciones que la profesora publicó en su wiki.  Se me ocurrió la idea de usar imágenes por colores e incluir con graffitis IES Valle de Aller, y darle un toque ecológico, que es lo que está ahora de moda.

Para poder realizar el fotomontaje primero busqué unas imágenes en FlickrCC por colores, rojo, azul y verde. Una vez hecho eso, gracias a la página Graffiti Creator, hice los graffitis que aparecen en la composición encima de las paredes.  A continuación, usando el programa Gimp y sus herramientas, acabé la imagen después de crear una infinidad de capas. Al día siguiente, seleccioné los graffitis que “pegaban” con los fondos de las imágenes que había buscado y los inserté. La profesora me aconsejó que para perfeccionar la composición, pintara las partes que la imagen no cubría para que no se notara tanto que era un fotomontaje, además de subir el brillo y el contraste de la imagen para que diera la sensación de un día nublado y oscuro como en la fotografía original.

A mí me ha gustado esta actividad porque es muy original intentar cambiar nuestro instituto. Además, aprendemos a manejar mejor el Gimp. Al final del artículo veréis el resultado. Si queréis ver las imágenes de todos los de Publicación, las encontraréis en este Slide.

Laura García: ” La actividad consistia en transformar nuestro ies, es decir, buscar imagenes que mas te guste en la pagina del flickrcc y hacer una serie de practicas con el programa Gimp.

A mi las imagenes que mas me gustaron fue el relieve, el interior de un edificio y un grafiti creado por mi, con esas imagenes hice la transformacion del ies con el programa de Gimp. Al principio me resultaba un poco dificil, para elaborar capas, escalar imagenes, etc, pero poco a poco con la ayuda de nuestra profesora me resulto facil de hacerlo.

Para hacer esta actividad escogi las imagenes que mas me gustaron e incluso hice un graffiti creado por mi . Para crear tu propio graffiti lo puedes hacerlo mediante la pagina”Graffiti Creator”.

En mi opinion la actividad me resulto muy facil de hacerlo y es divertido porque puedes buscar imagenes que quieras  o crear tu propio graffiti.

Si quereis mas muestras entrais en la pagina de slide.

Ahi tienes un ejemplo:

Lorena Trapiella: ” En esta asignatura “Publicación gráfica y multimedia”, nuestra profesora Lucía nos propuso una actividad que parecía bastante chula,  transformar la foto del instituto en algo que te imaginaras tú, insertando fotos y graffitis en la pared. Lo hacíamos con el programa gimp y así aprovechabamos los recursos de capas que nos ofrece este programa. Las imágenes yo las saque la mayoría de esta página que nos aconsejo la profesora “FlickrCC” y los graffitis yo los hice en el que más me gusto que fue “The Graffti Creator”.

Mi foto al final quedó bastante chula, en mi opinión y aquí os la dejo para que comentéis. D

En breves, más comentarios e imágenes :)

Maximino Estrada: Nuestra profesora de publicacion grafica y multimedia (lucia) nos mando hacer una actividad muy divertida que consiste en cambiar las paredes del i.e.s valle de aller para ello tuvimos que hacer los siguientes pasos:primero copiar la imagen del instituto y abrirla en el gimp, después recortamos las ventanas para que  se viesen, luego fuimos a flickr para buscar las imagenes que tendriamos que poner en las paredes del nuevo i.e.s y por ultimo subirla a slide

Artículos relacionados: 



Creamos imagen de perfil con tipografía

7 10 2010

En Publicación Gráfica y Multimedia estamos trabajando con la imagen digital y empezando a conocer las posibilidades que nos ofrece Google y las aplicaciones 2.0. para crear y compartir contenido multimedia.Para irse familiarizando con las herramientas y operaciones más sencillas  que pueden realizar con el editor de imágenes Gimp, mis alumn@s han realizado su imagen de perfil o avatar con la genial aplicación Robotype Composser para conseguir un diseño de avatar siguiendo la idea de los caligramas y de los magníficos ejemplos vistos en este artículo de Abduzeedo. Para que fuera más complicado, sólo podían utilizar las letras que componen su nombre y apellidos.La prácTICa está explicada en este artículo del WikiPlástica pero os la resumo:

  1. Elaborar un boceto en lápiz  de su retrato esquematizado.
  2. Familiarizarse con la aplicación Robotype Composser.
  3. Crear la imagen de perfil o avatar.
  4. Realizar las últimas modificaciones de diseño con Gimp (ver ejemplo).
  5. Adaptar la imagen a un formato cuadrado (si no se ha hecho ya) y escalarla a un tamaño adecuado.
  6. Darse de alta en Gravatar (ver ejemplo) y asociar la imagen a la cuenta de Gmail creada.
  7. Enviarme la imagen por Gmail y hacer comentario en unos de los últimos artículos del blog.

 

A pesar de lo complicado de la actividad, los resultados han sido sorprendentes. Ahí van:

 

Artículos relacionados: 

Para inspirarse:

  • Los estupendos caligramas de Jose Antonio Perona que he conocido a través de un comentario al artículo Juega con la Tipografía en Educ@contic: “Desde hace un tiempo llevo trabajando con caligramas. Podéis ver algunas en esta página web.También hemos realizado todas las ilustraciones para una guía de lectura del CEPLI (Centro de Estudios de Promoción de la Lectura y Literatura Infantil). El título la guía es Memoria de la niñez. 4 poemas del Grupo del 27.Esta guía ha sido elaborada a partir de la propuesta de lectura de cuatro poemas, de los que son autores García Lorca, Rafael Alberti, Gerardo Diego y Pedro Salinas. La guía no va dirigida directamente a los lectores adolescentes, aunque, indirectamente, ellos son los destinatarios, sino a los mediadores (bibliotecarios y profesores), para que la usen como consideren más apropiado, aunque siempre con el objetivo de animar a leer poesía de los autores del 27 a chicos y chicas de Secundaria y Bachillerato. Hay imágenes de caligramas de Apollinaire, Ramón Gómez de la Serna y cadáveres exquisitos de Tzara, Hugo, Knutsen y Breton.”



Gimp: cómo creamos nuestra portada de revista

20 08 2010

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.

Esta película necesita Flash Player 9

Os lo podéis descargar desde el enlace.

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

Esta película necesita Flash Player 9

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:



Imagen digital: Creamos nuestro avatar

10 10 2009

avatares2.jpg

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:

Esta película necesita Flash Player 9

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:

avatares

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:

Artículos relacionados: