Edición de imágenes digitalesProducción con sello propioEstamos llegando al final de nuestro recorrido en el que hemostrab...
Especialización docente de nivel superior en educación y TIC – Ministerio de Educación de la NaciónDebemos cuidar qué tipo...
Edición de imágenes digitales. Producción con sello propioTambién es sumamente importante, incluso cuando tengamos fondosl...
Especialización docente de nivel superior en educación y TIC – Ministerio de Educación de la NaciónSi en nuestra producció...
Edición de imágenes digitales. Producción con sello propioDebe incluir...... verVeamos un ejemploEn este caso, armamos un ...
Especialización docente de nivel superior en educación y TIC – Ministerio de Educación de la Nación5. Agreguen en la porta...
Upcoming SlideShare
Loading in...5
×

Edicion imagenes clase03[1]

111

Published on

Como editar imágenes en Gimp 3

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
111
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Edicion imagenes clase03[1]

  1. 1. Edición de imágenes digitalesProducción con sello propioEstamos llegando al final de nuestro recorrido en el que hemostrabajado diferentes formas de intervención de imágenes yaexistentes. Es hora del desafío final: la construcción de una imagennueva.Antes de comenzar a diseñar, debemos tener en cuenta variosfactores:1. Como siempre, y en primer lugar: los destinatarios. No es untema menor si la imagen será usada en el aula para alumnos deescuela secundaria o si es para docentes que realizan un posgradode especialización.2. Recordemos que es necesario tener en cuenta los conocimientosprevios del destinatario.3. Como ya hemos señalado, más allá de nuestros gustospersonales, los colores de base deberán ser acordes con el diseñoo con los del entorno en el que incrustaremos esa imagen. Sihacemos una presentación en PowerPoint con fondos verdes,nuestro gráfico deberá ser armónico con ese fondo.¿Ya tenemos en claro nuestra finalidad? ¿Surgió alguna idea?Entonces podemos continuar y analizar los siguientes parámetros.Parámetros que intervienen en una imagen• selección de tipografía,• legibilidad,• tamaño,• imágenes previas.
  2. 2. Especialización docente de nivel superior en educación y TIC – Ministerio de Educación de la NaciónDebemos cuidar qué tipografía seleccionamos pues, al serconstrucciones culturales, también comunican. Miremos este ejemploy veremos qué podemos crear o qué efectos pueden resultar nulos eincluso contrarios al buscado:Observen, por favor, cómo pierdefuerza el mensaje según la tipografíautilizada.En este caso, el mensaje resulta contradictorio pues lastipografías muy decoradas o infantiles no son apropiadas(culturalmente) para este cartel.Todas estas tipografías son “lindas”, pero en algunos casos son inadecuadas a los efectoscomunicativos.Estos casos son una exageración, pero muchas veces generamos comunicacionesvisualmente contradictorias.En la legibilidad del texto hay varios factores que hay que tener encuenta:• el tamaño de la tipografía,• el uso de mayúsculas y minúsculas,• el espacio entre los párrafos.Debemos utilizar con cuidado las mayúsculas. Entextos largos, se dificulta la lectura. No esrecomendable utilizar tipografías muy decoradas.Al trabajar con fondos, es indispensable que podamosseparar visualmente el fondo del texto; recordemosque son solo fondos y que no deben competir con lainformación central.
  3. 3. Edición de imágenes digitales. Producción con sello propioTambién es sumamente importante, incluso cuando tengamos fondoslisos, ser cuidadosos con los colores y asegurarnos de que tengan unbuen contraste entre ellos.En este gráfico se ve claramente reflejado el tema de la legibilidad y lavisibilidad.Con respecto al uso de los colores, lo ideal para comenzar es trabajarcon gamas tonales ya probadas. Encontramos un sitio que desarrolla eltema del color y del contraste. Les pedimos que por favor lo lean.Para definir el tamaño, una vez más pensaremos en el destino denuestra imagen. Observemos algunos ejemplos:Imagen de fondo de laportada de una presentacióncon diapositivas dePowerPoint. Debe guardar larelación de ancho y alturaque utiliza este programa.Dimensiones: en las netbooks generalmente es 960x 720 px. En otra computadora puede ser, porejemplo, 1440 x 1080 px. Dependerá de laresolución de la pantalla; pero observen que encualquier caso se mantiene la misma proporción.Portada de un aula virtual.Si bien no hay un tamañoexacto que cumplir, loimportante en este caso esque el ancho no excedalos 600 px, que es el máximo del área en la que se laincluye.Imagen para la portada de unmanual que se distribuirá enformato pdf.En este caso, se debe tener encuenta el tamaño de página quese utilizará. Hoy en día, el másfrecuente es A4 (210 x 297 mm).La imagen no podrá exceder esetamaño (que es algo así como el recipiente que lacontendrá); pero su dimensión variará en función delárea de la página que se quiera utilizar.Este es un banner.Actualmente se usanmuchísimo parapromocionarproductos, eventos,etcétera.Dimensiones: 1,60 x1,90 m.En este caso, es muy necesario trabajar conimágenes de alta calidad para evitar que alimprimirlo se vean pixeladas.Un temaimportanteNo teman a lastipografías pesadas(gordas), no estamosdiseñando una carta,sino una portada y eltexto se debe leer.
  4. 4. Especialización docente de nivel superior en educación y TIC – Ministerio de Educación de la NaciónSi en nuestra producción incluiremos imágenes realizadaspreviamente, es importante tener en cuenta los siguientes puntos:• tenerlas seleccionadas ayudará a optimizar el tiempo;• si las buscamos en la Web, debemos elegir aquellas que tienenlicencia libre para reutilización;• el tamaño debe ser coherente con el de nuestro trabajo.Para este último punto, si la imagen que queremos utilizar esdemasiado grande, recuerden que hemos visto cómo disminuir susdimensiones a través del menú Imagen > Escalar la imagen deGimp. Es importante hacerlo antes de incorporarla a la producciónpara facilitar su manipulación y, en muchos programas, para nosumar peso innecesario.Trabajo finalAhora, manos a la obraVamos a realizar una portada utilizando algunos de los recursos quevimos en las clases. Desde luego, es solo un ejemplo.Como en el caso del retoque, insistimos: tengan paciencia, algunasopciones de uso de Gimp tienen sus vueltas y el trabajo con capaspuede resultar complicado.¿Qué es una capa? Imaginemos una pila de hojas transparentes. Encada hoja hay algún elemento que se puede mover o configurarindividualmente. En el momento de terminar, se arma una imagencompleta. Recordemos las actividades de Geografía en las quedebíamos calcar un mapa muchas veces. En una hoja colocar losríos, en otra hoja el relieve y en otra la división política. Si apilábamostodas las hojas, veíamos una imagen final con toda la información.Algo similar son las capas.Trabajo finalLa propuesta de trabajo para la producción final consiste en diseñarla portada y diapositiva interior de una presentación de PowerPoint.¿Cómo? En principio decidan el tema de la presentación y a quiénestará dirigida.Creen dos imágenes que se usarán como fondo: una para la portaday otra que se insertará en las diapositivas siguientes (tengan encuenta la proporción para PowerPoint).Una vez listas, insértenlas y en la portada escriban el título y elnombre del autor (usando herramientas de texto).Agreguen una imagen retocada que sea coherente con el tema de lapresentación.
  5. 5. Edición de imágenes digitales. Producción con sello propioDebe incluir...... verVeamos un ejemploEn este caso, armamos un fondo con una textura muy suave que sehace con el filtro ruido, opción monocromático.Luego colocamos a la izquierda una parte de una hoja al 100% deopacidad y arriba otra foto con 50% de opacidad y bordessuavizados.Este es otro ejemplo con una idea similar:¿Les resultó interesante? Esperamos que les sirva y que de ahora enmás puedan dejar su marca personal en cada oportunidad que usenimágenes.¡Fue un placer acompañarlos en este curso!Recapitulemos los pasos de la actividad que lesanticipamos1. Decidan el tema y el público al que estará dirigida la presentación.2. Diseñen la imagen de fondo para la portada.3. Diseñen la imagen de fondo para la diapositiva interior.4. Creen una presentación con dos diapositivas. Inserten en laprimera la imagen de la portada y, en la segunda, la otra.
  6. 6. Especialización docente de nivel superior en educación y TIC – Ministerio de Educación de la Nación5. Agreguen en la portada el título y el autor de la presentación (conherramientas de texto de PowerPoint).6. Envíen un mail en el que expliquen para qué se usará y a quiénesestá dirigido. Adjunten el archivo de PowerPoint y las imágenesoriginales que utilizaron (si es el caso).Para profundizar• AUSUBEL, David P. y otros (1997), Psicología educativa. Un punto devista cognitivo, México, Trillas.• COLORADO CASTELLARY, Arturo (1997), Hipercultura visual, Buenos Aires,Eudeba.• COSTA, Juan (1992), “Especificidad de la imaginería didáctica”, en Laimagen didáctica, Barcelona, Ediciones CEAC.• UNESCO (2004), “Las tecnologías de la información y la comunicación enla formación docente. Guía de planificación”, documento pdf.• http://www.glosariografico.com• http://home.arcor.de/bochenn/type/Fundamentos%20Del%20Dise%F1o%2004%20Tipograf%EDa.pdfAutor: Equipo TIC del Instituto Nacional de Formación DocenteCómo citar este texto:Equipo TIC del Instituto Nacional de Formación Docente (2012), “Clase 4: Producción con sello propio”, Módulotemático: Edición de imágenes digitales, Especialización docente de nivel superior en educación y TIC, BuenosAires, Ministerio de Educación de la Nación.

×