Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
IMAGEN Y
SONIDO
EN PROCESOS DE CREACIÓN DE MATERIALES EDUCATIVOS
ACTIVIDAD DE FORMACIÓN
CEIP Gerardo Diego (Los Corrales de Buelna)
Curso 2010-11
http://gerardodiegoimagenysonido.blogspot.com/
Julio Payno
ÍNDICE
IMAGEN 2
El conocimiento de los procedimientos Para empezar FORMATOS
esenciales implicados en el tratamiento de la PROGRAMAS 3
imagen y el sonido, así como el manejo de Mapas de bits ORIGEN
las herramientas necesarias para ello, XnView-Exportación-Bancos de imágenes-Cazapantallas-Web 4
resultan fundamentales para desarrollar Edición de mapas de bits GIMP 2
materiales educativos. Procedimientos esenciales-Zoom-Luz y color-Filtros 5
Capas y herramientas de selección CAPAS EN GIMP 2
Fichas de trabajo, carteles anunciadores, Crear capas-Mover-Ordenar-Transformar-Herramientas de selección 6
Transformación y manipulación de mapas de bits HERRAMIENTAS
boletines informativos o etiquetas, son Recoge color-Recorte-Texto-Relleno y mezcla-
algunos de los recursos gráficos que Menú de opciones de la herramienta-Dibujo
frecuentemente confeccionamos. En todos GUARDAR 7
ellos la imagen es un componente Enmaquetación INKSCAPE
Preparar página-Herramientas de selección-Texto-Importar texto-Texto avanzado 8
primordial. El sonido, quizá por lo engorroso
que puede parecernos su manejo, quizá por Trazo y color-Importar imagen-Capas-Copia en mapa de bits-Filtros-Extensiones 9
Dibujo vectorial TRAYECTOS
prejuicios residuales derivados de la secular
Formas y líneas-Nodos-Relacionar objetos-Vectorizar imágenes-
hegemonía de la enseñanza libresca, no Editar dibujos vectoriales-banco de imágenes 10
dispone todavía del espacio que merece en Guardar y publicar Formatos
nuestras colecciones de recursos de Publicaciones-Pdf split and merge 11
elaboración propia; sin embargo no podemos
renunciar a la multitud de posibilidades
SONIDO 12
Para empezar UTILIDAD
educativas que nos ofrece. Mención aparte FORMATO 13
necesitan los contenidos multimedia, en los SONIDO EN WINDOWS
que los componentes audiovisuales dejan de Obtener, convertir, organizar GESTIÓN
ser importantes para ser imprescindibles. Origen-Pagando-XnView-Free CD to Mp3 Converter-Goear-Bancos de sonidos 14
Audacity-Otros programas útiles 15
En esta actividad de formación utilizaremos Edición SINESTESIA
programas libres, aun conociendo los Recortar-Crear un loop-cadena de loops 16
inconvenientes y las limitaciones que suelen Efectos 17
presentar este tipo de aplicaciones, y Grabación 1,2,3...PROBANDO
tomaremos Windows XP como sistema Ajustes generales-Fuente=micrófono-Otras fuentes externas-
Fuentes internas-Funciones de grabación 18
operativo de referencia, al ser el que está Pistas JUNTOS PERO NO REVUELTOS
más presente en los equipos del centro. Generar-Editar-Ordenar-Controlar-Envolventes-Guardar y exportar 19
Olvidemos por un momento aquello de que OFF-TOPIC 20
Almacenar y compartir ADEMÁS DEL TUBO
los ordenadores nos sirven para trabajar 21
Imagen-Sonido-Documentos-Vídeo-Globales-Otros servicios
menos, e imaginemos que para lo que en
HTML EL CÓDIGO
realidad nos sirven es para trabajar mejor. Modificar tamaños-Target-Texto con formato-Inserción de Flash-Localizar un Flash 22
PROPUESTAS 23
IMAGEN 1
CEIP Gerardo Diego (Los Corrales de Buelna) SONIDO
IMAGEN
IMAGEN 2
CEIP Gerardo Diego (Los Corrales de Buelna) SONIDO
IMAGEN
Para empezar
Formatos Programas
Podemos hablar de dos tipos de imágenes digitales: las de mapa de bits y las Las posibilidades de manipulación de imágenes digitales
vectoriales. son muchas. Dependiendo de la tarea que queramos
Los formatos basados en mapas de bits, parten de una superficie formada por realizar y del tipo de archivo que estemos manejando
puntos (píxels). Para construir la imagen a cada punto se le asigna un color. La tendremos que utilizar diferentes herramientas. Hemos de
imagen vectorial, por su parte, se forma a partir de líneas y trayectos. tener en cuenta que en muchas ocasiones deberemos
Cada uno de los sistemas tiene su función y ambos pueden resultarnos útiles a la recurrir a varios programas para elaborar un material, por lo
hora de crear materiales. que hemos de familiarizarnos con las opciones de
Extensiones como .JPEG, .BMP, .PNG o .GIF corresponden a mapas de bits. Es el exportación e importación que nos brindan las aplicaciones,
sistema utilizado para captar la imagen con escáneres o cámaras digitales. La así como con las características de los diferentes formatos.
imagen vectorial es utilizada en el diseño. Los cliparts en formato .WMF, .EMF o En ocasiones puede también resultarnos muy útil la
.SVG son de este tipo. utilización del portapapeles para mover imágenes entre los
En líneas generales, los formatos basados en mapas de bits se utilizan para distintos programas. Estas son las principales herramientas
realizar capturas de imagen de la realidad, presentan importantes limitaciones en de las que nos serviremos y los principales usos que
su manipulación y generan ficheros de gran tamaño. Las imágenes vectoriales se haremos de ellas:
elaboran mediante herramientas virtuales de dibujo, son altamente modificables
y ocupan muy poco espacio en las unidades de almacenamiento. GIMP2. Edición y manipulación de imágenes de mapa
El tamaño de un mapa de bits está condicionado por sus dimensiones, por la de bits.
cantidad de colores disponibles para su codificación y por su resolución. La INKSCAPE. Edición de gráficos vectoriales y
resolución es el número de puntos que forman un área determinada. Su valor enmaquetación.
debe estar en función del uso que vayamos a hacer de la imagen; así, los gráficos HARDCOPY. Captura de imágenes
creados para páginas Web suelen tener 72 ppp (píxeles por pulgada), los XNVIEW. Visualización de archivos de imagen.
insertados en publicaciones impresas nunca bajan de 100 ppp, mientras que PDF CREATOR. Convertidor de formatos
imágenes destinadas a ser ampliadas pueden superar los 300 ppp. PDF SPLIT AND MERGE. Manipulador de archivos PDF
Todos estos programas son gratuitos y pueden descargarse
libremente desde las webs de sus autores. También están
disponibles en muchas de las páginas dedicadas a la
distribución de software. Estas son algunas de las más
populares:
SOFTONIC http://www.softonic.com/
UP TO DOWN http://www.uptodown.com/
PORTAL PROGRAMAS http://www.portalprogramas.com/
GRATIS TODO http://www.gratistodo.com/
PROGRAMA http://programa.com/
Iconos de
algunos de los
De cualquier manera también podemos instalarlos desde la
programas que carpeta PROGRAMAS de nuestro disco de trabajo.
Un mapa de bits está formado por puntos. Cada punto tiene asignado un color. Los dibujos vectoriales utilizaremos.
están constituidos por líneas y trayectos.
IMAGEN 3
CEIP Gerardo Diego (Los Corrales de Buelna) SONIDO
IMAGEN
Mapas de bits
Origen Xnview
Para organizar, gestionar y visualizar archivos de imagen podemos utilizar Xnview. Este
Podemos conseguir imágenes digitales en formato de mapa de programa soporta también los ficheros de audio y vídeo más populares. Funciona como un
bits de diferentes maneras. Las más frecuentes son: explorador, pero puede además realizar tareas muy útiles a la hora de trabajar con
imágenes, como escanear, imprimir directamente, capturar pantallas, rotar o visualizar a
Capturas de la realidad. Mediante un dispositivo periférico,
pantalla completa. Dispone, en el menú herramientas, de la función conversión por lotes, que
como un escaner o una camara digítal, captamos una imagen y
nos permite aplicar simultáneamente el mismo tratamiento a un grupo de imágenes. Si
el propio dispositivo, o algún software instalado en el ordenador,
hacemos doble cilck sobre un fichero, se abrirá un sencillo aunque eficiente editor de imagen,
codifica la información para convertirla en un mapa de bits.
con el que podremos recortar, redimensionar, modificar las propiedades de luz y color o
Archivos de imagen. Podemos copiar un archivo de imagen
aplicar interesantes efectos a la imagen.
desde una unidad de almacenamiento y pegarla en un directorio
de nuestro ordenador.
Bancos de imágenes. Existen colecciones de archivos de Bancos de imágenes
mapas de bits ordenados por categorías. Son los denominados Dos interesantes bancos gratuitos son:
bancos de imágenes. Podemos disponer de ellos en formato de
CD o DVD o consultar sus bases de datos a través de internet. La ciudad de las fotos: http://www.laciudaddelasfotos.com/
Banco de imágenes y sonidos del ITE: http://recursostic.educacion.es/bancoimagenes/
Muchas de las páginas que ofrecen este servicio nos venden los
archivos, otras, sin embargo, nos proporcionan las imágenes
gratuitamente. Cazapantallas Web
Páginas web. Las páginas web están llenas de imágenes que
podemos descargar en nuestro ordenador y utilizar en la Una captura de pantalla es un procedimiento mediante el que El procedimiento
confección de materiales. transformamos en mapa de bits todo o parte de lo que aparece en más sencillo para
Capturas de pantalla. En ocasiones necesitamos utilizar como nuestro monitor. Lo más fácil es pulsar la tecla “Impr Pant” y el descargar una
imágen algún elemento que aparece en nuestro monitor y que sistema almacenará en el portapapeles una imagen de lo que en ese imagen de una
no es un mapa de bits. Podemos realizar capturas de pantalla momento hay en la pantalla. Después podremos pegar la imagen en página web
con las herramientas que nos brinda el sistema operativo o una aplicación que admita esta opción. consiste en colocar
recurrir a aplicaciones que nos ofrecen esta función. Hay programas que nos ofrecen opciones adicionales como el cursor sobre ella,
Exportaciones de documentos. Algunos programas disponen seleccionar el área que queremos capturar, editar la imagen después pulsar el botón
de opciones de exportación a formato de mapa de bits. Existen de su captura o guardarla en distintos formatos. HardCopy es uno de derecho del ratón y
además aplicaciones que pueden convertir en imagen cualquier estos programas. La instalación creará un icono en la barra de tareas. elegir “guardar
elemento imprimible. Al colocar el cursor sobre este icono y pulsar el botón derecho del imagen como”. Otra
ratón veremos las diferentes opciones de captura de que disponemos . posibilidad es
Tras realizar la captura se abrirá la imagen en un editor desde el que copiar la imagen
Exportación podremos modificarla, guardarla o desecharla. (botón
Si queremos evitar que el programa se abra al iniciar el ordenador, no derecho>”copiar”)
PDFCreator es una utilidad que instala una impresora virtual en y pegarla en una
nuestro sistema. Cuando desde algún programa pulsemos imprimir, nos queda más remedio que ir a “ejecutar”, desde el menú inicio de
Windows, escribir el comando “msconfig”, aceptar, abrir la pestaña carpeta, que
entre los nombres de impresora de destino aparecerá PDFCreator. Si habremos abierto
seleccionamos esta opción y aceptamos se abrirá una ventana “inicio”y eliminar la marca de la casilla “Hardcopy” en la columna
“Elemento de inicio”. Tras pulsar en aceptar elegimos “salir sin previamente, o en
desde la que podremos acceder a las opciones del programa (muy la aplicación en la
útil para establecer la calidad de exportación)o exportar, mediante reiniciar”. Cuando volvamos a arrancar Windows, para utilizar la
aplicación tendremos que abrirla previamente desde el menú de que queramos
el botón “guardar”. Una de las ventajas de este programa es que, insertarla.
además de a .PDF, permite exportar a varios formatos de imagen. programas.
Herramientas de selección
Estas herramientas nos permiten seleccionar una zona para copiarla y después pegarla como nueva capa,
pero también para aplicar un efecto o una modificación de color exclusivamente a un área. Disponemos de
diferentes opciones. Así, las herramientas de selección rectangular y elíptica nos permiten acotar zonas
con estas formas. El lazo facilita la delimitación de áreas a mano alzada, si mantenemos pulsado el botón
izquierdo del ratón, y el trazado de polígonos, picando solamente en los vértices. La herramienta de
selección difusa captura áreas contiguas de color similar. Lo mismo nos permite la selección por color,
aunque aplicándolo a todo el mapa de bits. Por último, las tijeras nos ayudan a delimitar formas complejas
ajustándose a los bordes. Al seleccionar cada una de estas funciones, en la parte inferior de la caja de
herramientas se despliega un menú que puede resultanos útil, por ejemplo, para variar el umbral de color
en las selecciones difusa o por color ,o para difuminar el borde de la captura si queremos fundir varias
capas.
Puede resultarnos interesante combinar las posibilidades que nos ofrecen las herramientas de selección
con las opciones presentes en el menú “seleccionar”. Desde aquí podemos, por ejemplo, aplicar una
selección a toda la imagen, eliminar la selección activa, invertir el área delimitada, aumentar o disminuir
gradualmente los límites de la zona acotada, o aplicar un difuminado.
Hemos de saber que si en el teclado mantenemos pulsado “Ctrl” al realizar una selección, ésta se sumará
Un ejemplo de imagen manipulada utilizando algunos de los
a la que ya teníamos hecha. Para eliminar partes de una selección bastará con dejar presionada la tecla
procedimientos comentados en este apartado. “mayúsculas” mientras delimitamos el área que queremos suprimir.
ALTO
SVG. Es el formato de trabajo del programa. riesgo que generan para
mayores y pequeños
hay que tener en cuenta
las molestias que
IMAGEN 12
CEIP Gerardo Diego (Los Corrales de Buelna) SONIDO
SONIDO
Para empezar
Utilidad Sonido en Windows
Quizá el sonido no esté tan presente como la imagen en los Para trabajar con sonido en nuestro ordenador es fundamental conocer la principal herramienta de
materiales que elaboramos. Sin embargo el conocimiento configuración de que disponemos: el control de volumen. Podemos encontrarlo en “inicio>todos los
de algunos procedimientos básicos puede permitirnos programas>accesorios>entretenimiento”. Es posible que tengamos un acceso en la barra de tareas, y
realizar tareas bastante útiles. si no es así podemos colocarlo accediendo a “inicio>panel de control>dispositivos de sonido y audio” y
El sonido puede formar parte de presentaciones, vídeos, activando la casilla “colocar un icono de volumen en la barra de tareas”.
aplicaciones multimedia, blogs o páginas web; es factible Hemos de saber que el volumen general tiene dos vistas: reproducción y grabación. Para cambiar de
realizar grabaciones con carácter evaluativo o diagnóstico, una a otra hemos de ir a “opciones>propiedades” y activar la casilla correspondiente. En la ventana
elaborar montajes de audio para representaciones teatrales “mostrar los controles de volumen siguientes”, que aparece en la parte inferior, podemos seleccionar
o danzas, confeccionar programas de radio o registrar qué deslizadores aparecerán en nuestro mezclador. En la vista reproducción cada canal tiene un
narraciones; pero para todo esto necesitamos disponer de control de volumen, uno de balance, para desplazar el sonido de derecha a izquierda, y una casilla
unas nociones básicas de manejo de las aplicaciones que “silencio”, que al estar activa enmudece el canal. En la vista grabación la casilla “silencio” se sustituye
nos permitirán gestionar, editar o crear archivos de sonido. por “seleccionar” que nos permite elegir el origen de la grabación. Una configuración básica de trabajo
sería:
Control de volumen
Formatos Volumen general. Actúa como master, controlando el nivel general del sistema.
Onda. Regula el nivel de reproducción de los diferentes archivos de audio: mp3, wave, etc.
Sintetizador. Controla el volumen de los archivos y de los instrumentos MIDI.
Todos hemos oido hablar de mp3, un formato de
Línea de entrada. Si conectamos a la entrada de línea de nuestro ordenador un dispositivo externo
compresión del sonido basado en la reducción de frecuencia
(mesa de mezclas, equipo de música, instrumento musical, etc.) con este control podemos modificar
de muestreo en los sonidos que bordean o se alejan del
su volumen.
umbral perceptivo humano. Si el umbral de percepción está
CD de audio. Modifica el volumen de nuestra unidad de CD cuando funciona como reproductor de
entre los 20 Hz y los 20Khz, una calidad óptima de mp3
audio.
mantendría una frecuencia de muestreo alta en este ámbito
Volumen de micrófono. Aquí podemos establecer el volumen al que sonará lo que captemos con el
e iría disminuyendo a medida que bajara de los 20hz o
micrófono. Un buen consejo es mantener activada la casilla silencio de este control para evitar acoples.
subiera de los 20 kHz. Esto, sin embargo, haría que el
tamaño del archivo fuera similar al de un fichero wave, que
Control de grabación
es el principal formato utilizado para realizar grabaciones de
Mezcla estéreo. Nos sirve para indicar el nivel con el que queremos grabar todo lo que esté sonando
óptima calidad. Para reducir el tamaño del mp3 lo que hace
en nuestro ordenador.
el programa de compresión es eliminar las zonas
Volumen de línea. Controla el nivel de grabación de la fuente conectada a la línea de entrada.
inicialmente inaudibles, muestrear a una frecuencia alta los
Volumen de micrófono. Ajusta el volumen de entrada del micrófono.
ámbitos que mejor percibe el oído humano y a frecuencias
menores los ámbitos menos audibles.
Ejemplo de configuración
Podemos hablar de formatos en los que la calidad prima del control del volumen de
sobre el tamaño, como wave (.WAV) , en los que el Windows, para realizar
muestreo es lineal y escapa incluso de las frecuencias grabaciones con el
audibles.En otros formatos, como .mp3, el tamaño prima micrófono.
Vemos que en la vista de
sobre la calidad,lo que facilita su distribución, transporte y grabación el micrófono está
almacenamiento ( web, usb, ipod, etc). Existen formatos seleccionado, y que en vista
similares a wave y a mp3, pero hoy por hoy estos dos son de reproducción permanece
los que marcan el estándar. silenciado.
Sinestesia
Cuando editamos imágenes estamos trabajando en un
plano sensorial único: modificamos lo que vemos para
verlo de otra manera. Sin embargo, la edición de
sonido mediante el ordenador es un procedimiento
sinestésico. Para poder manejar el sonido necesitamos
verlo, convertir el tiempo en espacio.
Audacity, el programa que utilizaremos tanto para
editar, como para grabar y mezclar, genera diferentes
visualizaciones del sonido que contiene el archivo con
el que estamos trabajando. Por defecto muestra la que
más útil ha de resultarnos , la forma de la onda, pero
A la izquierda vemos desplegado el menú en el que se encuentran las opciones de visualización del sonido que nos ofrece
pulsando sobre el nombre del archivo, a la izquierda Audacity. A la derecha tenemos un ejemplo de cada posibilidad.
del área de trabajo, podemos seleccionar otras
opciones.
VIENDO EL SONIDO
IMAGEN 20
CEIP Gerardo Diego (Los Corrales de Buelna) SONIDO
OFF-TOPIC
Almacenar y compartir
Además del tubo Documentos Vídeo
Youtube (http://www.youtube.com/)
Issuu (http://issuu.com/) Vimeo (http://vimeo.com/)
Todos conocemos y utilizamos diferentes herramientas
que nos permiten almacenar archivos en servidores Excelente servicio para compartir archivos Veoh (http://www.veoh.com/)
remotos y generar aplicaciones insertables en nuestras en .PDF, aunque presenta algunos Dailymotion (http://www.dailymotion.com/es)
páginas web. Quizá la más popular de todas estas problemas de compatibilidad con
herramientas es Youtube. Cierto es que este portal se navegadores diferentes a Internet Explorer.
centra en los archivos de vídeo; pero con la misma
Globales
Scribd (http://www.scribd.com/) Trabajan con diferentes tipos de archivos.
filosofía y similares características existen multitud de
servicios destinados a acoger ficheros de los más Además de .PDF, admite archivos de Internet Archive (http://www.archive.org/)
diversos formatos. Microsoft Office. Puede venirnos bien para Boxnet (http://www.box.net/)
El funcionamiento de todos ellos es muy similar: subir y compartir ficheros de Word, Power
Point, Excel o Access. Divshare (http://www.divshare.com/)
creamos una cuenta, accedemos a ella, subimos
nuestros archivos y la aplicación nos devuelve un 4Shared (http://www.4shared.com/)
código html incrustable en una web.
Otos servicios
Imagen Existen también otras herramientas que nos permiten almacenar nuestros archivos en servidores
Todos estos servicios nos permiten crear presentaciones remotos. En resumen: subimos un fichero y éste queda almacenado en algún lugar de la red al que,
con las imágenes que hemos subido y, algunos de ellos, conociendo su ubicación, podremos acceder cuando necesitemos descargar el archivo. Esto nos puede
añadir diversos efectos, generalmente ostentosos y resultar de mucha utilidad para compartir material con otras personas, realizar copias de seguridad, etc.
encaminados a resaltar la presentación, y por tanto la Cada servicio tiene sus peculiaridades:
página de origen, sobre lo verdaderamente importante: Filetiefh (http://www.filethief.com/)
las imágenes. Permite subir archivos de hasta 800 megas sin necesidad de registro. Nos facilita la dirección de
Slide (http://www.slide.com/) descarga y un enlace para cuando queramos eliminar el fichero.
Picturetrail (http://www.picturetrail.com/) Sendspace (http://www.sendspace.com/)
Picasa (http://picasaweb.google.com/) Similares características pero con un límite de 300 MB.
Además de estar perfectamente implementado en
Blogger, Picasa dispone de una útil herramienta de Dropbox (https://www.dropbox.com/)
edición y gestión de archivos de imagen. Impresionante disco duro virtual. Podemos subir hasta 2 gb, organizar nuestros ficheros por
carpetas, descargar directamente, vincular el archivo, etc. El servicio dispone además de la
posibilidad de descargar un programa muy recomendable que crea una carpeta en nuestro disco
duro físico sincronizada con el disco duro virtual. Esto nos permite, entre otras cosas, gestionar
Dropbox como si se tratara de un directorio más de nuestro ordenador.
Sonido
Goear (http://www.goear.com/) Fiabee (http://www.fiabee.com/es/)
Listengo (http://www.listengo.com/) Servicio similar a dropbox. Tiene el inconveniente de que no nos facilita el acceso directo al
archivo, sino que lo hace a través de un enlace de descarga, por lo que no podemos vincular el
Groovesharks (http://listen.grooveshark.com/) fichero.
IMAGEN 23
CEIP Gerardo Diego (Los Corrales de Buelna) SONIDO
PROPUESTAS
La tarea 04-Edición 06-II-Herramientas II
Buscamos una imagen que nos guste. Guardamos una imagen con el nombre “original” en “06-
Para llevar a cabo estas actividades os recomiendo Guardamos una copia de la misma en “04- Herramientas de pintura”. Creamos una copia en la que
que, antes de nada, copiéis la carpeta Edición de imagen”, con el nombre “original”. utilizando la herramienta de clonación introduciremos diez
“propuestas”, que tenéis en el disco de trabajo, a A) Recortamos una parte y guardamos como sutiles diferencias. Guardamos como “modificada”.
vuestro disco duro o a una unidad de “motivo”.
almacenamiento extraible. B) Creamos otro mapa de bits en el que
En el interior de “propuestas” encontrareis una aparezca el motivo de A) girado unos 45
07-Collage
carpeta dedicada a cada una de las actividades. grados. Guardamos como “giro”. Creamos un collage en Inkscape con imágenes tomadas de
La dirección del blog “Imagen y Sonido” es C) Aumentamos considerablemente el diferentes páginas web. Para ello copiamos las imágenes en
http://gerardodiegoimagenysonido.blogspot.com/ contraste y guardamos como “contraste”. el navegador, las pegamos en Gimp 2 (”archivo> crear>
Y mi dirección de correo, para cualquier consulta o D)Convertimos la imagen a escala de grises y desde el portapapeles”), seleccionamos las áreas que nos
daros de alta en el blog juliopayno@gmail.com. guardamos como “BN”. interesan, copiamos y pegamos en Inkscape. Podemos utilizar
E) Experimentamos con la herramienta también elementos de texto y formas vectoriales.
01-Biblioteca “colorear” hasta conseguir un resultado que Guardamos una copia en formato .svg y otra en .png, ambas
Ordenamos las imágenes que están en “01- nos satisfaga y guardamos como “tintada”. con la denominación “collage, en “07-Collage”. Abrimos con
biblioteca de imágenes”, colocándolas en sus F) Experimentamos con diferentes Gimp 2 el archivo .png y guardamos con el mismo nombre
carpetas correspondientes, utilizando XnView. posibilidades de los menús “colores” y una copia en .jpeg.
Comprobamos que cada carpeta disponga al “filtros”, buscando una transformación
artística de la imagen original. Guardamos
menos de cuatro archivos y, si no es así, las
completamos con ficheros que descargaremos de como ”artística”. 08-Cabecera
los bancos de imágenes recomendados o de Vamos a construir una cabecera para nuestro blog en
cualquier otra página de internet.
05-Capas Inkscape. Ha de mantener el formato característico de este
Creamos un montaje fotográfico utilizando tipo de elementos: rectangular, con una relación aproximada
entre altura y anchura de 1 a 4 ó 1 a 5. La anchura será de 828
02-Exportación elementos de al menos cuatro de las
imágenes de la carpeta “05- píxeles. Deberá incluir los elementos de texto “Imagen y
Exportamos una página de un documento de Word Capas>Imágenes de trabajo”. Podemos Sonido” y “CEIP Gerardo Diego (Los Corrales de Buelna)”, y al
o Power Point, a formato jpeg, usando PDF Creator. descargar en esta misma ubicación todos los menos una imagen de mapa de bits y un gráfico vectorial.
Lo guardamos en “ 02-Exportación de archivos de mapa de bits que deseemos y Guardamos en .svg y en .png, con el nombre “cabecera”, en la
documentos”. utilizarlos para completar la obra. carpeta “08-cabecera”.
Guardamos una copia del archivo de trabajo Es recomendable trabajar en Inkscape a un tamaño superior al
03-Capturas en formato .xcf y otra de la imagen definitivo y posteriormente abrir el fichero .png en Gimp 2,
redimensionarlo y guardar una copia en .jpeg.
Utilizando Hardcopy, capturamos un fotograma de resultante en .jpeg, ambas con el nombre
“montaje”, en la carpeta “05-Capas”. Si accedemos en Blogger a la página de diseño, editamos la
un vídeo de Youtube y alguna imagen del cabecera y eliminamos la imagen, veremos que bajo la casilla
apartado “arte” de Fotos.org (”http://www.fotos.org”). “reducir hasta ajustar” aparece la información “La imagen se
Si no se ve, por su tamaño, la imagen completa, 06-I-Herramientas I reducirá hasta los 828 píxeles de ancho” (es ahí dónde hemos
podemos cambiar el nivel de zoom del navegador Realizamos una pintada virtual sobre el muro consultado la anchura que ha de tener la cabecera). Para subir
en la esquina inferior derecha de la ventana del de la imagen “pared”, ubicada en “06- la imagen, examinamos, seleccionamos “en lugar del título y la
programa. También puede ayudarnos activar la Herramientas de pintura”. Guardamos el descripción” , desactivamos “reducir hasta ajustar” y
visualización a pantalla completa pulsando F11. resultado como “pintada” en esta misma “guardamos”.Si deseamos restaurar la cabecera original del
Guardamos en “ 03-Capturas”. carpeta. blog disponemos de una copia de la misma .
CEIP Gerardo Diego (Los Corrales de Buelna) IMAGEN 24
SONIDO
PROPUESTAS
09-Dibujo vectorial PAG01. Portada de diseño original que 11-Fonoteca
incluya elementos vectoriales, de Ordenamos los archivos de “11-Fonoteca” colocándolos en las
A) Modificamos en Inkscape un gráfico de la
imagen de mapa de bits y de texto. carpetas correspondientes.
carpeta “09-Dibujo vectorial> imágenes de
Debe figurar el nombre del autor y el Creamos una carpeta para una nueva categoría y descargamos en
trabajo” y lo guardamos como .emf, en “09-Dibujo
título de la actividad: “Imagen y Sonido”. ella ficheros apropiados desde diferentes bancos de sonido.
vectorial”, con el nombre “modificado”.
PAG02. Imágenes de la carpeta “02-
B) Creamos una nueva imagen combinando
Exportación de documentos”.
elementos de los gráficos de la carpeta “09-
Dibujo vectorial> imágenes de trabajo” y de otros
PAG03. Imágenes de la carpeta “03- 12-Extracción de CD
Capturas”.
que descargaremos a esa misma ubicación desde Extraemos tres pistas de diferentes discos. Guardamos en formato
PAG04. Imágenes “original”, “motivo” y
(http://office.microsoft.com/es-es/images/). mp3, nombrando cada archivo con el título de la pista, en la
“giro” de la carpeta “04-Edición de
Guardamos en “09-Dibujo vectorial”, con carpeta “12-Extracciones y descargas”.
imagen”.
extensión .emf y con el nombre “combinado”.
PAG05. Imágenes “contraste”, “BN”,
c) Importamos a Inkscape una imagen de mapa
de bits, la vectorizamos y guardamos el gráfico
“tintada” y “artística” de la carpeta “04- 13-Descarga
Edición de imagen”.
vectorial como “vectrorizado” en formato .emf. Buscamos en Goear los siguientes temas:
PAG06. Imagen en formato .jpeg de la
D) Creamos un logotipo en Inkscape utilizando
carpeta “05-Capas”. -“Mixed Bizness”- Beck.
herramientas de dibujo vectorial. Guardamos en
PAG07. Imagen “pintada” de la carpeta -“The Pretender”- Foo Figthers.
“09-Dibujo vectorial”, en .emf, con el nombre
“06-Herramientas de pintura”. -“Angel” - Massive Atack.
“logo”.
PAG08. Imágenes “original” y - “Time After Time” - Cassandra Wilson.
“modificada” de la carpeta “06- -“Dolkaren” - Hedningarna.
10-Portafolio Herramientas de pintura” -“Consagracion de la Primavera” - Stravinsky.
PAG09. Imagen “collage” en formato -“Goldberg Variations - Variation 3” - J.S. Bach.
Elaboramos un portafolio con los diferentes .jpeg de la carpeta “07-Collage”. -“Yamore” - Cesarea Evora & Salif Keita.
trabajos gráficos que hemos desarrollado. PAG10. Imagen “cabecera” en formato
Tenemos que hacerlo página a página, .jpeg de la carpeta “09-Cabecera”. Los descargamos a “12-Extracciones y descargas”, utilizando su
guardando cada una de ellas en la carpeta “10- PAG11. Gráfico vectorial “modificado” título como nombre del archivo.
Portafolio> Páginas” en los formatos .svg y .pdf de la carpeta “09-Dibujo vectorial” y el
y nombrándolas como “PAG” más el lugar que gráfico del que hemos partido para
ocuparán en la publicación final (PAG01, PAG02, realizarlo. 14-Edición de metadatos
etc.). PAG12. Gráfico vectorial “combinado” Modificamos los metadatos de todos los ficheros de la carpeta “12-
Una vez creadas todas las páginas, las uniremos de la carpeta “09-Dibujo vectorial” Extracciones y descargas”.
con el programa PDF Split and Merge, para PAG13. Gráfico vectorial “vectorizado” Rellenamos los campos “artista” y “título” con los datos
construir el documento final, que guardaremos de la carpeta “09-Dibujo vectorial” correspondientes.
con el nombre “Portafolio” en “10-Portafolio”. PAG14. Gráfico vectorial “logotipo” de En la casilla “álbum” hemos de reflejar en todos ellos “Imagen y
Posteriormente subiremos el documento a un la carpeta “09-Dibujo vectorial”. Sonido”.
servidor que soporte el formato y genere una Cada una de las imágenes deberá ir Insertamos en “comentarios”, también en todos los archivos, el
aplicación de visualización. Insertamos esta acompañada de un texto descriptivo. siguiente texto: “Tratamiento de imagen y sonido en procesos de
aplicación en el blog. Si queremos añadir algún trabajo más creación de materiales educativos-CEIP Gerardo Diego-2011”.
El contenido mínimo del portafolio ha de ser el podemos hacerlo a partir de la última
siguiente: página.