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



Transformar nuestro centro a través de la mirada de varias artistas: proyecto de imagen digital

27 04 2012

La imagen digital y su tratamiento forma parte indispensable del currículo de la asignatura Publicación Gráfica y Multimedia, optativa que imparto en 4º de la eso. Con la excusa de trabajar la imagen digital con Gimp en la asignatura quisimos rendir un pequeño homenaje a las mujeres artistas, muchas veces olvidadas, con el proyecto Mujeres artistas en el IES valle de Aller. En un principio se pensó exponer el proyecto el 8 de Marzo pero diferentes eventos lo fueron retrasando.

Como punto de partida del proyecto está la webquest 13 mujeres artistas, realizada por Pilar Toro Prieto para conmemorar el centenario del Premio Nobel de Química que recibió Marie Curie, en 1911. Pilar Toro es autora del imprescindible Blog Espiral Cromática.

De las 13 artistas, cada alumn@ eligió su preferida, resultando seleccionadas las pintoras Georgia O’Kefee, Sonia Delaunay, Remedios varó y georigia O’keeffe y la escultora Louise Bourgeois. A continuación bucearon en la red para conocer más sobre estas artistas y su obra. De todas las obras vistas se seleccionaron las que mejor encajaran para “estamparse” virtualmente sobre el muro del instituto simulando un gran grafitti.

Los resultados han sido espectaculares y se han visto reflejados en un vídeo y una web colaborativos. Esperemos que os guste.

Site Mujeres artistas en el IES Valle de Aller

Referencias:

Artículos relacionados



PrácTICa: Diseño de carteles en CAM

22 02 2012

Como cada curso, una de las prácticas relacionadas con el diseño gráfico y la imagen fija en CAM es el diseño de propuestas de cartel para las Jornadas Culturales del centro que se celebran el 24 y 25 de Mayo de 2012. Este año el tema es: Cultura y Comunicación: los mil y un lenguajes.

La primera parte de la prácTICa la dedicamos a repasar la historia del cartel y los fundamentos de su diseño y composición:

Esta película necesita Flash Player 9

Para desarollar la segunda parte de la prácTICa tuvimos en cuenta la información presente en la UD “El cartel: un grito en la pared” del Área de Educación Plástica y Visual de la Junta de Andalucía. Y así seguimos los siguientes pasos:

  1. Elección del tipo de cartel.
  2. A quién va dirigido.
  3. Elegir una sola idea. Que sea sencilla para que la atención de los espectadores no se disperse.
  4. Tener en cuenta los elementos que conforman el cartel.
    1. Forma: Las formas utilizadas deben ser sencillas, aunque expresivas. Las formas geométricas son las más llamativas, por tanto es conveniente utilizarlas o utilizar imágenes cuyo esquema formal sea muy simple o con tendencia a la forma geométrica.
    2. Color: El color ha de tener incidencia en el conjunto, teniendo en cuenta las leyes de contraste y basándose en las siguientes características:
      • Que tenga mucha luz
      • Deben predominar los tonos claros y superiores en el círculo cromático: amarillo, naranja…
      • Deben utilizarse tintas planas.
      • Utilizar pocos colores, vivos y lo más puros posible.
      • Aprovechar los conrastes para resaltar el producto.
    3. Composición: La composición es muy importante, pues depende de la distribución de los elementos, que estos consigan una mayor unidad expresiva.
      • Elegir el encuadre y ángulo apropiado.
      • Tener en cuenta las líneas de fuerza y el orden de lectura (de arriba a abajo y de izquierda a derecha).
    4. El texto

Como inspiración, el trabajo de Niklaus Troxler  que como visteis cumple la mayoría de los requisitos anteriores y es uno de mis favoritos.

Y estos son los resultados:

Esta película necesita Flash Player 9

Ha sido una actividad que se os hizo un poco cuesta arriba al principio por la dificultad del tema pero creo que los resultados han sido bastante buenos y variados.Por cierto, ya tenemos seleccionado: el primero que aparece en el documento superior, el cartel de Iván Velasco.

Ejemplos realizados por el alumnado de cursos anteriores:

Más ejemplos de carteles:



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



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: