Foto de despedida

Buenos días!

Hoy cerraremos el acceso al curso. Pero esperamos que el curso no quede aquí. A lo largo del curso hemos abierto este blog, varios tableros de Pinterest y usado nuestros correos para comunicarnos y compartir recursos.

Nuestro propósito es mantener vivo el blog en lo posible, añadir nuevos recursos, nuevas herramientas y mostrar alguna buena práctica. Podéis enviarnos todas vuestras sugerencias, de forma que el próximo curso, nos ajustemos mejor a las necesidades reales de vuestras aulas. Estamos ya valorando vuestras sugerencias para próximos años (vamos a intentar certificar más horas y añadir vídeos de trucos y de uso de herramienta). Gracias por vuestras aportaciones.

Os traemos hoy una herramienta sencilla online que sirve para hacer fotos al estilo Fotomatón. Se trata de un proyecto amparado bajo el paraguas de Google Chrome Experiments y al que podéis acceder desde aquí. Lo mejor de todo es que se puede usar desde el propio teléfono móvil con navegador Chrome o con un ordenador con cámara Web.

Puede servir en nuestras aulas como forma simpática de mostrar a los participantes de un proyecto.

Ésto no acaba aquí

Esperamos que el curso haya sido de vuestro agrado. Lejos queda el comienzo del curso, las tareas compartidas, los consejos, las idas y venidas de ficheros.

Seguro que para muchos ha sido un curso exigente, no sólo debíamos aprender a usar una serie de herramientas nuevas sino que además hemos tenido que documentarnos sobre un proyecto real, que pudiera servir para ser aplicado en el aula.

Poco a poco terminaremos de colgar los trabajos finales en el tablero de Pinterest: Trabajos finales.

El blog se quedará abierto, no tendrá entradas diarias, pero alguna más iremos añadiendo hasta la próxima edición del curso.

P.D La tarea para el fin de semana.(.. o más)
Canva, además de ser una herramienta sencilla y poderosa, se distingue por la calidad de los tutoriales y artículos que publican en su red. En éste artículo nos habla de 50 diseñadores que debiéramos conocer. Rompe el tema del curso, puesto que muchos se dedican a otros ámbitos del diseño, pero aporta un elemento al que no le hemos prestado tanta atención en el curso. El diseño, la parte artística de una infografía.

50 diseñadores

Una página con infografías educativas

Este curso además de ayudaros a preparar presentaciones más visuales o infografías, nos gusta pensar que os hemos mostrado recursos en la red que ofrecen contenido de calidad bien sean imágenes, sonidos, ilustraciones... Hoy nos hemos encontrado esta página Educational Technology Infographics Archives que dispone de infografías de cariz educativo organizadas desde diversas categorías. Esperamos que os gusten.

Consejos de última hora

Ahora que estamos ultimando los proyectos finales queremos recordaos unos elementos clave que ayudarán a que vuestras infografías estén perfectas:
1.- Poned un título descriptivo del tema, mejor si va acompañado de subtítulo y de una pequeña entradilla. No déis nada por supuesto.
2.- Organizar la información de forma ordenada.
3.- No abusar de excesivas tipografías, recordad máximo tres. Si usáis una fuente de fantasía o con muchísima personalidad, emplearla en títulos y/o destacados.
4.- Crear una paleta de color limitada y bien combinada entre sí. ColourLovers y AdobeColor son perfectas para esto.
5.- La legibilidad, lo primero. Bloques de texto muy largos, muy anchos, excesivamente estrechos, con un interlineado muy pequeño o justo al contrario dificultan la lectura y desmotivan a nuestros usuarios.
6.- Intentad traducir aspectos textuales a visuales, es un ejercicio que requiere práctica, puede servíos de ayuda revisar las distintas tipologías.
7.- Los bocetos son una guía, no obsesionarse con obtener resultados idénticos.
8.- Crear un lenguaje o código con le usuario. Esto exige unidad y coherencia en todos los elementos presentes en nuestra página.
9.-Principio de uniformidad y repetición. Por ejemplo, si se pone una lista de imágenes con igual importancia y jerarquía, deberían tener cortes similares y tamaños iguales. Este principio contribuye al orden y claridad, pero se usa con moderación para evitar gráficos muy repetitivos y monótonos.
10.- No olvidar firmar vuestro trabajo y añadir las fuentes, es una buena forma de responsabilizarnos de nuestra infografía y de permitir el acceso a la información original.
¡Ánimo que esto se acaba!

Palabras azules

Las infografías o la creación de las mismas se pueden trabajar desde muchas materias o ámbitos de conocimiento. Hoy os presentamos una entrada del blog colaborativo Palabras Azules que busca como finalidad la mejora de la expresión escrita.

En esta entrada reciente creada por José Blas García nos ofrecen un tablero de symbaloo en el que recoge no sólo una buena colección de herramientas para generar infografías sino al lado de cada una de ellas videotutoriales acerca de su uso.

InfoEDUgrafías

El pasado jueves de febrero se lanzó a la red un nuevo proyecto colaborativo llamado InfoEDUgrafías. Se trata de un blog colaborativo en el que se recogen las experiencias relacionadas con la infografía en el ámbito educativo. No tanto en las infografías creadas para los alumnos, sino las creadas por ellos.

El blog contiene también este site en el que se muestra una forma de usar las infografías dentro del aula, una secuencia didáctica clara e incluso contiene rúbricas de evaluación según etapa educativa.

Contiene el site un apartado dedicado a los recursos didácticos muy interesante en el que se puede ver entre otros temas, la autoría y derechos de autor.

Esto se acaba. <> Gettyimages

View image | gettyimages.com

Buenos días a todos!

Estamos a menos de una semana del final del curso, y entre el aluvión de trabajos que están llegando para corregir hemos podido sacar tiempo para presentaros una herramienta de búsqueda de imágenes que nos ha sorprendido por su calidad, por su cantidad (50.000.000 de fotografías) y por el sistema de licencia que proponen. Se llama Gettyimages

En este caso permiten que uses sus fotografías de forma gratuita en el ámbito educativo siempre y cuando las referencias de la forma adecuada.

Aquí tienes un vídeo fantástico que explica el proceso y las características del proceso.

Un blog de diseño que merece una visita

Recientemente hemos descubierto a la diseñadora  Tiffany Farrant-Gonzalez, nos han gustado la elegancia de sus gráficos, en los que los datos son el principal recurso visual, huyendo de grandes ilustraciones. En todos sus trabajos se encuentran paletas de colores armoniosas, mesuradas y tipografías originales, sin recurrir a estridencias.
Os dejamos aquí alguna de ellas.

Otra infografía interactiva

La infografía interactiva es quizá la experiencia a nivel de usuario más completa. A modo de juego, vamos descubriendo qué vemos, cuándo y en qué orden. Adoptamos un papel activo y dejamos de ser lectores, para convertirnos en usuarios.
Hoy os traemos un interactivo, cuyo contenido en internet, sirve de complemento a la información sobre la exposición sobre el inventor Nikola Tesla.

Interactivo sobre los inventos de Tesla

Últimos 12 días

Tan sólo nos quedan doce, doce, doce, doce días para terminar el curso. Parece que fue ayer cuando lo comenzamos, algunos hace ya tiempo que realizaron todas las actividades, pero otros....

Os estamos esperando!

Merece la pena dar un último empujón.

Las peores infografías de la red

No cabe duda de que la infografía está viviendo una época dorada tanto en los medios de comunicación tradicional como en las redes sociales. Las infografías ilustran páginas, generan interés y tráfico, se comparten... A lo largo del curso os hemos mostrado los mejores ejemplos y los mejores artistas, pero hoy queremos compartir una sonrisa con vosotros al traeros lo peorcito que se puede encontrar por la red. Aviso a navegantes, seguro que más de alguno de nosotros hemos perpetrado alguna vez algún gráfico de este tipo :)

Aunque a priori, podría parecer un error que estuviera este gráfico aquí, si observáis detenidamente, veréis cómo tras aplicarse botox, la modelo se echa 20 años encima. Un claro ejemplo de que no se ha revisado el trabajo, antes de publicarlo.

Al menos tres tipografías que no armonizan, textos alineados con distintos márgenes, que escapan de las cajas que los contienen. Colores chillones y poco armoniosos, fotografías deformadas... Un claro ejemplo de lo que no hay que hacer. 

Un gráfico en el que aborda con un tono demasiado coloquial y con gráficas que rozan el mal gusto.

Infinidad de colores, tipografías, además de difícil lectura. Todo para producir una infografía poco informativo y carente de interés visual.

Un diseño, útil e inspirador

En el curso de Infografía: Aprender con la imagen, nos gusta mostraos diseños influyentes,  como el del mapa del Metro de Londres. Este esquema, hoy habitual en los diagramas de medios de transporte; revolucionó la concepción de los planos. Su autor, el ingeniero Henry Charles Beck, lo ideo en 1931 y aunque al principio el cambio de concepto de mapa de transporte público no convencía a los responsables, su facilidad de uso lo hizo muy popular. Su virtud principal fue la de primar la claridad y simplicidad con colores diferenciados, líneas rectas o en ángulo y número limitado de símbolos; frente a la realidad y complejidad de los planos topográficos con distancias y localizaciones geográficas reales. Hoy es una de las soluciones visuales más imitadas.

Fotografía superior Henry Charles Beck

Fotografía inferior: Mapa del Metro de Londres de Beck (1933)

(Wikipedia)

No tengo programas -> No puedo

La queja es, o era común . No puedo hacer tal tarea porque no tengo programas. Sin embargo, el panorama ha cambiado de forma radical, no sólo tenemos acceso a programas cada vez más potentes sino que además son programas online o lo que se denomina computación en la nube, por lo que además están siempre actualizados y disponibles desde cualquier ordenador conectado a intenet.

Os presentamos una infografía animada realizada con Google Slides exclusivamente.

Infografía sobre Ana Frank: Jesús Luque

Os traemos hoy al blog el proyecto final de un compañero del curso. Es una muy buena infografía acerca de Ana Frank y además está realizada con el fin de usarla dentro de su aula.
Le solicitamos que nos realizase un pequeño artículo sobre cómo realizó la infografía, y aquí lo tenemos.

El reto de hacer una infografía sobre Ana Frank nació de la idea de trabajar los diarios en clase de lengua con los alumnos. Así que pensé en realizar una infografía que me permitiese trabajar con mis alumnos la iniciativa de Ana Frank: La elección de un diario como mejor amiga. Las ideas secundarias serían: Los inicios de su vida, el contexto de odio a los judíos, la guerra y la invasión alemana, el escondite y su detención y muerte. Decidí usar Photoshop para trabajar la infografía aunque, a veces, también usé su homologo gratuito: GIMP.

Decidí dividir la infografía en cuatro partes:

1. Texto y citas: Al añadir de fondo un retrato de Ana en acuarela, los textos no quedaban nítidos. Por ello, cree “capas” con forma rectangular y color blanco a las que baje la transparencia al 65%.
   
2. Escondite y refugiados: Para el escondite use los mismos cuadros de texto sobre el fondo del diario original de Ana Frank. Uno de los trucos que más use para encontrar imágenes adecuadas fue poner en el buscador la extensión *.png junto con la descripción de la foto. De esta forma las imágenes vienen con fondo transparente o muy definido y fácil de quitar.
   
3.  Línea de Tiempo y Diario: La línea de tiempo no quería hacerla muy detallada. Quería una línea muy simple con grandes hitos por ello, solo destaco 5 fechas. De ella forman parte, además de fotos, pequeños cuadros de texto y dos elementos que hacen de gancho: La explosión y el diario de Ana. La explosión y el soldado, son un elemento disruptivo y por ello se salta la gama de colores que en un principio elegí.
   
4. Por otro lado, el diario, centrado en la fecha de su creación, es el gancho de la infografía. Lo vacié de contenido con la herramienta tampón de clonar y puse en su lugar uno de los textos que trabajo con mis alumnos. 
   

Crear tus fotos antiguas. Parte II

El otro día veíamos una forma rápida de envejecer una fotografía. Hoy vamos a añadir textura y modos de fusión de capa para conseguir un aspecto más desgastado y descuidado.

VIDEOTUTORIAL

PASO A PASO
1.- Abrimos la textura de Freeimages 
2.- Copiamos la textura: Editar / Edit < Copiar / Copy
3.- Pegamos la textura en la imagen del niño: Editar / Edit < Pegar / Paste
4.- En Colores / Colors elegimos Colorear /Colorize y ajustamos valores, según nuestras necesidades.
5.- En Capas / Layers se elige el modo de fusión Extraer Granulado / Grain Merge