Portada para la revista “A pie de noticia”

27 07 2012

Hola. ¿Qué tal están siendo las vacaciones? Espero que las estéis disfrutando. Yo he retomado hoy la corrección de la edición en papel de nuestra revista A pie de noticia y como adelanto, me gustaría mostraros la portada. Un ejemplo más del trabajo colaborativo y cooperativo que realizamos este curso ¿verdad chic@s?. La idea era combinar el logo con la imagen de los editores y la temática de los contenidos y creo que se ha conseguido :).

Una pequeña galería con los pasos del proceso:

Esta película necesita Flash Player 9

Ah! Este mes de Julio hemos sido Blog recomendado en Educastur Blog  ¡¡muchas gracias!!

captura-de-pantalla-2012-08-01-a-las-095200.png



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



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: 



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:



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:



Creamos animaciones a partir de obras de arte

8 05 2008

La última actividad realizada por el alumnado de Imagen y Expresión ha sido realizar una animación a partir de una obra de arte que les gustara especialmente. La actividad está inspirada en el proyecto Transcripcions: Animation del que ya os he hablado en un artículo anterior.

Esta película necesita Flash Player 9

Como muestra, la animación realizada por Aroa y Beatriz de 4º eso a partir del cuadro La Joven de la Perla de Johannes Vermeer. (cuando terminéis todos los trabajos iré subiendo el resto)

lajovendelaperla.jpg

La actividad ha sido realizada a partir de la posibilidad que ofrece Gimp para crear Gifs animados y les ha resultado bastante complicada (aunque creo que la mayoría os habéis desesperado y no habéis trabajado lo suficiente).

Es una pena que no hubiera conocido antes la aplicación Pencil, un programa libre y gratuito (que he conocido en el interesante Blog ártic), que nos permite realizar animaciones Flash de una forma bastante sencilla y del que hay por suerte, además de versión para Windows, versión para Mac y Ubuntu.

Para saber más sobre Johannes Vermeer, visita el material Vermeer de Deft y la pintura holandesa de interiores.

Artículos relacionados: