miércoles, 29 de enero de 2014

MULTIMEDIA

LAS IMÁGENES EN FORMATO DIGITAL

Una imagen digital es una representación bidimensional de una imagen a partir de una matiz numérica, normalmente en binario (ceros y unos).

Dependiendo de si la resolución de la imagen es estática o dinámica, puede tratarse de un mapa de bits o un gráfico vectorial. El mapa de bits es el formato más utilizado en informática.


Características

Las características de la imagen digital son:

  • Profundidad: es la cantidad de bits dedicados a almacenar información sobre el color de un píxel de la imagen. Si tenemos una profundidad de color de 8 bits (1Byte) por cada color primario tendríamos 256 rojos, 256 verdes y 256 azules, ya que cada píxel de color está compuesto por 3 píxeles, uno para el rojo, otro para el verde y otro para el azul.
  • Resolución : relaciona la cantidad de píxeles con las dimensiones del visionado. Es el número de píxeles por unidad de longitud. La medida que mas se utiliza es la inglesa, píxeles por pulgada, siendo la pulgada 2,54 cm.
  • Tamaño: es el producto de la cantidad de píxeles de ancho, por la cantidad de píxeles de largo.

Formatos

Los distintos formatos de las imágenes digitales son:
  • BMP (Mapa de bits): a sido muy utilizado, porque fue desarrollado para aplicaciones Windows. La imagen se forma mediante una parrilla de píxeles. El formato BMP no sufre perdida de calidad y por tanto resulta adecuado para guardar imágenes que se desea manipularlas posteriormente. Este formato permite guardar gran cantidad de información de la imagen, pero los archivos con este formato tienen un tamaño muy grande.
  • El formato RAW: solo está disponible en cámaras profesionales, ya que ofrecen la imagen de la misma manera como es captada por el fotosensor, sin ningún tipo de compresión.
  • El formato GIF: ha sido diseñado específicamente para comprimir imágenes digitales. Reduce la papeleta de colores a 256 colores como máximo (Profundidad de color de 8 bits). Admite gamas de menor número de colores y esto permite optimizar el tamaño del archivo que contiene la imagen. Es un formato idóneo para publicar imágenes en la web. No es recomendable para fotografías de cierta calidad ni originales, ya que el color real o verdadero utiliza una papeleta de más de 156 colores.
  • El formato JPEG: admite una papeleta de hasta 16 millones de colores. Es el formato más frecuente junto al GIF para publicar imágenes en la web. La comprensión JPEG puede suponer cierta pérdida de calidad en la imagen. Las cámaras digitales suelen almacenar directamente las imágenes en formato JPEG con máxima calidad y sin comprensión. Es ideal para publicar imágenes en la web siempre y cuando se configuren adecuadamente dimensiones y comprensión. No es recomendable para archivar originales, porque si se define un factor de comprensión se pierde calidad.
  • El formato TIFF: almacena imágenes de una calidad excelente. Utiliza cualquier profundidad de color de 1 a 32 bits. Es el formato ideal para editar o imprimir una imagen. Es ideal para archivar archivos originales, pero produce archivos muy grandes.
  • Formato PNG: Es un formato de reciente difusión alternativo al GIF. Tiene una tasa de comprensión superior al GIF (+10%). Admite la posibilidad de emplear un número de colores superior a los 256 que impone GIF. Debido a su reciente aparición solo es soportados por navegadores modernos como IE 4 o superior.


TIPOS DE IMÁGENES

Mapa de bits 

Una imagen en mapa de bits es una estructura o fichero de datos que representa una rejilla rectangular de píxeles o puntos de color, denominado matiz, que se puede visualizar en un monitor.

A las imágenes en mapa de bits se las suele definir por su altura y anchura (en píxeles) y por su profundidad de color (en bits por píxel), que determina el número de colores distintos que se pueden almacenar en cada punto individual, y por lo tanto, en gran medida, la calidad del color de la imagen.


Vectorial

las imágenes vectoriales son representaciones de entidades geométricas tales como círculos, rectángulos o segmentos. Están representadas por fórmulas matemáticas (un rectángulo está definido por dos puntos; un círculo, por un centro y un radio; una curva, por varios puntos y una ecuación). El procesador "traducirá" estas formas en información que la tarjeta gráfica pueda interpretar.



ADQUISICIÓN DE IMÁGENES


Cámara digital

Una cámara digital es  una cámara fotográfica que, en vez de captar y almacenar fotografías en películas químicas como las cámaras fotográficas de películas fotográficas, aprovecha el proceso de la fotografía digital para generar y almacenar imágenes.

Las cámaras digitales compactas modernas generalmente son multifuncionales y contienen algunos dispositivos capaces de grabar sonido y/o vídeo además de fotografías.

Las cámaras digitales utilizan un formato que mantiene el archivo de la imagen en su estado virgen, en el cual no realizan ninguna clase de comprensión y el archivo se mantiene en su máxima calidad, igual que en el momento que se captó la imagen. Podemos citar el formato RAW y el TIFF.



Escáner

Un escáner es un periférico de captura utilizado para escanear documentos; es decir, convertir un documento de papel en una imagen digital.


Capturas

Una captura de pantalla (también llamada pishulazo kawaii y screenshot del inglés) es una imagen tomada por una computadora o un teléfono inteligente para capturar los elementos vistos en el monitor u otro dispositivo de salida visual. Generalmente es una imagen digital tomada por el sistema operativo o aplicaciones siendo ejecutadas en la computadora o teléfono, pero puede ser también una una captura hecha por un dispositivo externo como una cámara o algún otro dispositivo interceptando la salida de vídeo de la computadora.



EDICIÓN DE IMÁGENES POR MAPA DE BITS CON GIMP


Entorno de trabajo

Cuando accedes al programa se abren tres ventanas a la vez:

  • La ventana propia del programa, que contiene la barra de menús general, donde se recogen todas las tareas que puedes realizar en Gimp. 
  • Una ventana de caja de herramientas: que contiene los elementos más básicos de retoque.
  • Otra ventana con utilidades del tipo capa, canales, rutas, deshacer, pinceles, patrones y degradados: que contempla herramientas de retoque quizá un poco más específicas y especializadas. 


Herramientas


Herramientas de selección:

IconoNombreAtajoDescripción
GIMP-Toolbox-SelectionRectangle-Icon.pngRectánguloRSeleccionar regiones cuadradas o rectangulares
GIMP-Toolbox-SelectionEllipse-Icon.pngElipseESeleccionar zonas elípticas
GIMP-Toolbox-SelectionLasso-Icon.pngLibreFSeleccionar regiones de forma libre
GIMP-Toolbox-SelectionWand-Icon.pngDifusaUSeleccionar regiones de color continuo
GIMP-Toolbox-SelectionByColor-Icon.pngSelección por colorShift + OSeleccionar todas las instancias de un color en una imagen
GIMP-Toolbox-SelectionScissors-Icon.pngTijerasICrea caminos para seleccionar formas
GIMP-Toolbox-SelectionForeground-Icon.pngSelección de primer plano(ninguno)Selecciona una región que contiene objetos de primer plano


Herramientas de pincel:


IconoNombreAtajoDescripción
GIMP-Toolbox-BrushBucketFill-Icon.pngHerramienta de rellenoShift + BRellena un área con un color o patrón.
GIMP-Toolbox-BrushBlend-Icon.pngMezcla (Gradiente)LRellena un área con un gradiente.
GIMP-Toolbox-BrushPencil-Icon.pngLápizNDibuja líneas de borde duro; esto es, los pixels no están suavizados.
GIMP-Toolbox-BrushPaintbrush-Icon.pngPincelPPinta trazos de bordes suaves; esto es, los pixels están difuminados.
GIMP-Toolbox-BrushEraser-Icon.pngBorradorShift + EBorra pixels de una capa.
GIMP-Toolbox-BrushAirbrush-Icon.pngAerógrafoAPinta con presión variable con un pincel.
GIMP-Toolbox-BrushInk-Icon.pngTintaKEscritura tipo caligrafía.
GIMP-Toolbox-BrushClone-Icon.pngClonadoCCopia pixels de una parte de una imagen a otra.
GIMP-Toolbox-BrushHeal-Icon.pngSaneadoHSanea irregularidades de la imagen.
GIMP-Toolbox-BrushPerspectiveClone-Icon.pngClonación de perspectiva(ninguna)Clona de una imagen origen tras aplicar una transformación de perspectiva.
GIMP-Toolbox-BrushConvolve-Icon.pngEnfoque y desenfoqueShift + UEnfoca o desenfoca una imagen.
GIMP-Toolbox-BrushSmudge-Icon.pngEmborronadoSEmborrona selectivamente usando un pincel.
GIMP-Toolbox-BrushDodgeBurn-Icon.pngMarcar a fuego / QuemarShift + DIlumina u oscurece selectivamente usando un pincel las sombras, semitonos o brillos.


Herramientas de transformación:

IconoNombreAtajoDescripción
GIMP-Toolbox-TransformMove-Icon.pngMoverMMover capas, selecciones y otros objetos.
GIMP-Toolbox-TransformAlign-Icon.pngAlineaciónQAlinea o distribuye capas y otros objetos.
GIMP-Toolbox-TransformCrop-Icon.pngRecorteShift + CElimina zonas del borde de la imagen.
GIMP-Toolbox-TransformRotate-Icon.pngRotaciónShift + RRota la capa activa, selección o ruta.
GIMP-Toolbox-TransformScale-Icon.pngEscaladoShift + TEscala la capa activa, selección o ruta.
GIMP-Toolbox-TransformShear-Icon.pngInclinaciónShift + SInclina la capa activa, selección o ruta.
GIMP-Toolbox-TransformPerspective-Icon.pngPerspectivaShift + PCambia la perspectiva de la capa activa, selección o ruta.
GIMP-Toolbox-TransformFlip-Icon.pngVolteoShift + FVoltea la capa activa, selección o ruta en horizontal o vertical.


Herramientas de texto:

IconoNombreAtajoDescripción
GIMP-Toolbox-PathTool-Icon.pngRutasBPermite crear y editar rutas.
GIMP-Toolbox-ColourPickerTool-Icon.pngRecoge colorOEstablece el color a partir de los pixels de una imagen.
GIMP-Toolbox-MagnifyTool-Icon.pngAmpliaciónZAjusta el nivel de ampliación de la imagen.
GIMP-Toolbox-MeasureTool-Icon.pngMedidaShift + MMide distancias y ángulos.
GIMP-Toolbox-TextTool-Icon.pngTextoMCrea o edita capas de texto.


Herramientas de color:

IconoNombreAtajoDescripción
GIMP-Toolbox-ColourColourBalance-Icon.pngBalance de color(ninguno)Ajusta la distribución del color.
GIMP-Toolbox-ColourHueSaturation-Icon.pngTono y saturación(ninguno)Ajusta el tono, la saturación y el brillo.
GIMP-Toolbox-ColourColourize-Icon.pngColorear(ninguno)Colorea la selección actual o la capa en una única escala de color.
GIMP-Toolbox-ColourBrightnessContrast-Icon.pngBrillo y contraste(ninguno)Ajusta el brillo y el contraste.
GIMP-Toolbox-ColourThreshold-Icon.pngUmbral(ninguno)Reduce la capa actual o selección a sólo blanco y negro.
GIMP-Toolbox-ColourLevels-Icon.pngNiveles(ninguno)Cambia los rangos de intensidad de la capa activa o selección en cada canal.
GIMP-Toolbox-ColourCurves-Icon.pngCurvas(ninguno)Cambia el color, brillo, contraste o transparencia de la capa activa o ruta.
GIMP-Toolbox-ColourPosterize-Icon.pngPosterizar(ninguno)Reduce el número de colores a un conjunto limitado.
GIMP-Toolbox-ColourDesaturate-Icon.pngDesaturar(ninguno)Convierte todos los colores a su correspondiente sombra de gris.


Tratamientos del color

Dependiendo del tipo de imagen que tengo y de dónde voy a querer utilizarla, debo saber cuál es el formato a utilizar más óptimo.


Filtros

Un filtro es una clase especial de herramienta diseñada para tomar como entrada una capa o imagen, aplicarle un algoritmo matemático, y devolverla en un formato modificado. El GIMP usa los filtros para conseguir una variedad de efectos.

Los filtros se dividen en varias categorías: filtros de desenfoque, filtros de realzar, filtros de distorsiones, filtros de luces y sombras, filtros de ruido, filtros de detectar bordes, filtros genéricos, filtros de combinar, filtros artísticos, filtros de decoración, filtros de mapa, filtros de renderizado, filtros de animación, filtros alfa a logotipo.


Creación de gif animado

Lo primero que debemos hacer para hacer un gif animado es abrir nuestro programa y arrastrar todas las imágenes en orden (la primera una solo, luego puedes arrastrar todas las demás en grupo) dentro, para que queden colocadas por capas:



Vamos arrastrando todas nuestras imágenes, en orden dentro de esta ventana.


Una vez que hallamos metido todas las imágenes vamos al botón Filtros -> Animación -> Optimizar (para GIF). Y en la nueva ventana  veremos esto:


Ahora podemos ver que ademas del nombre de las imágenes podemos cambiar el tiempo en milisegundos y ponerle atributos combine (para ir combinando imágenes) y replace (para remplazar una imagen por otra.

En este punto podemos ver nuestra animación en el botón Filtros -> Animación -> Reproducción



Por último guardamos la imagen exportándola como gif.





IMÁGENES VECTORIALES CON OPEN OFFICE DRAW



Concepto de imagen vectorial

El concepto de imagen vectorial está vinculado a la imagen digital que se compone de objetos geométricos independientes. Las características de estos objetos, que pueden ser segmentos o polígonos, están definidas por atributos matemáticos que indican su color, posición, etc.


Entorno de trabajo



Cuando accedemos al programa OpenOffice Draw se nos abre una ventana que contiene en la parte superior de la ventana una barra de menús general, donde se recogen todas las tareas que puedes realizar en Draw. En el lateral izquierdo nos aparecen las distintas páginas que estamos usando. En el centro esta el área de trabajo, que dispone de distintas capas que se indican en la parte inferior. Cada capa esta dividida en una especie de cuadrícula que puede modificarse ampliando o disminuyendo la distancia entre los puntos. En la parte inferior aparecen varias herramientas como figuras geométricas, líneas, etc.



Transformar imágenes vectoriales en mapa de bits y viceversa

Se puede transformar imágenes mapas de bit en vectoriales con Draw. Para ello seguimos los siguientes pasos:

Primero elegimos la imagen en mapa de bit que queremos trasformar y la abrimos con Draw.




En OpenOffice Draw seleccionamos Modificar -> Convertir -> En polígono.
 







Otros editores vectoriales

 Varios ejemplos de editores vectoriales son: Inkscape, Dia, sK1, Xara Xtreme.
7.