Una imagen digital o gráfico digital es una representación bidimensional de una imagen a partir de una matriz numérica, frecuentemente en binario (unos y ceros). Dependiendo de si la resolución de la imagen es estática o dinámica, puede tratarse de una imagen matricial (o mapa de bits) o de un gráfico vectorial. El mapa de bits es el formato más utilizado en informática.
BMP (Bitmap = Mapa de bits)
- Ha sido muy utilizado porque fue desarrollado para aplicaciones Windows.
- La imagen se forma mediante una parrilla de píxeles.
- El formato BMP no sufre pérdidas de calidad y por tanto resulta adecuado para guardar imágenes que se desean manipular posteriormente.
- Ventaja: Guarda gran cantidad de información de la imagen.
- Inconveniente: El archivo tiene un tamaño muy grande.
GIF (Graphics Interchange Format = Formato de Intercambio Gráfico)
- Ha sido diseñado específicamente para comprimir imágenes digitales.
- Reduce la paleta 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.
- Ventaja: Es un formato idóneo para publicar dibujos en la web.
- Inconveniente: No es recomendable para fotografías de cierta calidad ni originales ya que el color real o verdadero utiliza una paleta de más de 256 colores.
JPG-JPEG (Joint Photographic Experts Group = Grupo de Expertos Fotográficos Unidos)
- A diferencia del formato GIF, admite una paleta de hasta 16 millones de colores.
- Es el formato más común junto con el GIF para publicar imágenes en la web.
- La compresión JPEG puede suponer cierta pérdida de calidad en la imagen. En la mayoría de los casos esta pérdida se puede asumir porque permite reducir el tamaño del archivo y su visualización es aceptable. Es recomendable utilizar una calidad del 60-90 % del original.
- Cada vez que se modifica y guarda un archivo JPEG, se puede perder algo de su calidad si se define cierto factor de compresión.
- Las cámaras digitales suelen almacenar directamente las imágenes en formato JPEG con máxima calidad y sin compresión.
- Ventaja: Es ideal para publicar fotografías en la web siempre y cuando se configuren adecuadamente dimensiones y compresión.
- Inconveniente: Si se define un factor de compresión se pierde calidad. Por este motivo no es recomendable para archivar originales.
- 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.
- Ventaja: Es ideal para archivar archivos originales.
- Inconveniente: Produce archivos muy grandes.
PNG (Portable Network Graphic = Gráfico portable para la red)
- Es un formato de reciente difusión alternativo al GIF.
- Tiene una tasa de compresión superior al formato GIF (+10%)
- Admite la posibilidad de emplear un número de colores superior a los 256 que impone el GIF.
- Debido a su reciente aparición sólo es soportado en navegadores modernos como IE 4 o superior.
Tipos de imagenes: mapa de bits y vectorial
Mapa de bits
Es una estructura o fichero de datos que representa una rejilla rectangular de píxeles o puntos de color, denominada matriz, que se puede visualizar en un monitor, papel u otro dispositivo de representación.
en una imagen de mapa de bits no se pueden cambiar sus dimensiones sin que la diferencia de calidad no sea notoria.
Imagen vectorial.
Una imagen vectorial es una imagen digital formada por objetos geométricos independientes (segmentos, polígonos, arcos, etc.), cada uno de ellos definido por distintos atributos matemáticos de forma, de posición, de color, etc.
El interés principal de los gráficos vectoriales es poder ampliar el tamaño de una imagen a voluntad sin sufrir la pérdida de calidad que sufren los mapas de bits. De la misma forma, permiten mover, estirar y retorcer imágenes de manera relativamente sencilla. Su uso también está muy extendido en la generación de imágenes en tres dimensiones tanto dinámicas como estáticas.
Adquisición de imágenes.
Cámara digital.
Las cámaras digitales no funcionan sobre la base de una película fílmica como las cámaras de fotografía tradicionales, sino sobre la base de un sensor electrónico interno que hace las veces de la película fílmica donde se graba o imprime la imagen captada para luego ser almacenada en una memoria interna para que el usuario pueda disponer de ellas cuando y cómo quiera.
Desde Definicion ABC: http://www.definicionabc.com/tecnologia/camara-digital.php#ixzz3PFw4U6Ft
Escaner.
Es un periférico que se utiliza para convertir, mediante el uso de la luz, imágenes impresas o documentos a formato digital.
Al obtenerse una imagen digital se puede corregir defectos, recortar un área específica de la imagen o también digitalizar texto mediante técnicas de OCR. Estas funciones las puede llevar a cabo el mismo dispositivo o aplicaciones especiales.
Capturas
Una captura de pantalla es una imagen tomada por una computadora para capturar los elementos vistos en el monitor u otro dispositivo de salida visual. Es una imagen digital tomada por el sistema operativo siendo ejecutadas en la computadora, peropuede ser también una captura hecha por un dispositivo externocomo una cámara o algún otro dispositivo interceptando la salida de video de la computadora.
Edición de imágenes de mapas de bits con Gimp
Entorno de trabajo
Herramientas de selección de capas
Herramienta de Texto
La herramienta de texto pone texto dentro de una imagen. Con GIMP-2.8, puede escribir texto directamente dentro del texto. Ya no es necesario un editor de texto (aunque puede usarse marcando la opción de Usar editor en el diálogo de opciones de herramientas. Se ha añadido una barra de herramientas de texto, lo que permite editar el texto de diferentes maneras pero aún puede usar el diálogo de opciones de texto, para cambiar la fuente, color o tamaño de tu texto, o justificarlo, interactivamente. Pulsar con el botón derecho en el marco abre el menú de contexto que te permite copiar, cortar, pegar, subir un texto...
concepto de imagen vectorial
Una imagen vectorial es una imagen digital formada por objetos geométricos independientes (segmentos, polígonos, arcos, etc.), cada uno de ellos definido por distintos atributos matemáticos de forma, de posición, de color, etc. Por ejemplo un círculo de color rojo quedaría definido por la posición de su centro, su radio, el grosor de línea y su color.
Editores vectoriales
-Draw
-Scribus
-SK1
-Skencil
-Inkscape
Mapa de bits
Es una estructura o fichero de datos que representa una rejilla rectangular de píxeles o puntos de color, denominada matriz, que se puede visualizar en un monitor, papel u otro dispositivo de representación.
en una imagen de mapa de bits no se pueden cambiar sus dimensiones sin que la diferencia de calidad no sea notoria.
Imagen vectorial.
Una imagen vectorial es una imagen digital formada por objetos geométricos independientes (segmentos, polígonos, arcos, etc.), cada uno de ellos definido por distintos atributos matemáticos de forma, de posición, de color, etc.
El interés principal de los gráficos vectoriales es poder ampliar el tamaño de una imagen a voluntad sin sufrir la pérdida de calidad que sufren los mapas de bits. De la misma forma, permiten mover, estirar y retorcer imágenes de manera relativamente sencilla. Su uso también está muy extendido en la generación de imágenes en tres dimensiones tanto dinámicas como estáticas.
Cámara digital.
Las cámaras digitales no funcionan sobre la base de una película fílmica como las cámaras de fotografía tradicionales, sino sobre la base de un sensor electrónico interno que hace las veces de la película fílmica donde se graba o imprime la imagen captada para luego ser almacenada en una memoria interna para que el usuario pueda disponer de ellas cuando y cómo quiera.
Desde Definicion ABC: http://www.definicionabc.com/tecnologia/camara-digital.php#ixzz3PFw4U6Ft
Escaner.
Es un periférico que se utiliza para convertir, mediante el uso de la luz, imágenes impresas o documentos a formato digital.
Al obtenerse una imagen digital se puede corregir defectos, recortar un área específica de la imagen o también digitalizar texto mediante técnicas de OCR. Estas funciones las puede llevar a cabo el mismo dispositivo o aplicaciones especiales.
Capturas
Una captura de pantalla es una imagen tomada por una computadora para capturar los elementos vistos en el monitor u otro dispositivo de salida visual. Es una imagen digital tomada por el sistema operativo siendo ejecutadas en la computadora, peropuede ser también una captura hecha por un dispositivo externocomo una cámara o algún otro dispositivo interceptando la salida de video de la computadora.
(toque de humor)
Entorno de trabajo
Al abrir la aplicación, se abren 3 ventanas:
-La ventana de inicio o principal del programa, que contiene la barra de menú general, donde se reunen todas las posibles configuraciones que puedes realizar en Gimp.
-Una ventana de Caja de herramientas: que contiene los elementos más básicos para modificar una imagen.
-Una tercera ventana con utilidades del tipo capa, canales, rutas, deshacer, pinceles, patrones y degradados: que muestran mas características programables propias de cada utilidad y más específicas y especializadas que en la segunda ventana.
Herramientas: selecciones y capas. Texto.
Composiciones.
Herramientas de selección
Su finalidad es seleccionar zonas de la capa activa para que así pueda trabajar en ellas sin afectar a las áreas no seleccionadas. Cada herramienta tiene sus propiedades particulares, pero a pesar de ello comparten un número de configuraciones y características comunes. Éstas características comunes se describen aquí; las variaciones se explican en las próximas secciones para cada herramienta en particular.
Selección elíptica
Selección libre (el lazo)
Selección de regiones contiguas (la varita mágica)
Selección por color
Selección de formas de la imagen (tijeras inteligentes)
Selección de frente
Su finalidad es seleccionar zonas de la capa activa para que así pueda trabajar en ellas sin afectar a las áreas no seleccionadas. Cada herramienta tiene sus propiedades particulares, pero a pesar de ello comparten un número de configuraciones y características comunes. Éstas características comunes se describen aquí; las variaciones se explican en las próximas secciones para cada herramienta en particular.
existen diferentes herramientas de selección:
Selección rectangular
Selección elíptica
Selección libre (el lazo)
Selección de regiones contiguas (la varita mágica)
Selección por color
Selección de formas de la imagen (tijeras inteligentes)
Selección de frente
Herramientas de selección de capas
Capas, Canales, Rutas, Deshacer. Un diálogo empotrable con cuatro solapas( solo podrá estar activa una solapa) : La capa, canal o rutaactiva se muestra resaltada en azul; y será visible si se ve un icono de un ojo , pinchando sobre este icono desaparece, y la capa, canal o ruta no será visible, y viceversa. Desde los tres primeros diálogos puedes manipular diversos aspectos, como son editar, modificar y manejar:
Capas: la capa o capas que componen la imagen.
Canales: los canales de color de la imagen y las máscaras de selección.
Rutas: las rutas que hayas creado. Puedes convertirlas en selecciones y viceversa.
El diálogo Deshacer te permite volver a un estado anterior o posterior de la manipulación que haces sobre una imagen.
Capas: la capa o capas que componen la imagen.
Canales: los canales de color de la imagen y las máscaras de selección.
Rutas: las rutas que hayas creado. Puedes convertirlas en selecciones y viceversa.
El diálogo Deshacer te permite volver a un estado anterior o posterior de la manipulación que haces sobre una imagen.
Herramienta de Texto
La herramienta de texto pone texto dentro de una imagen. Con GIMP-2.8, puede escribir texto directamente dentro del texto. Ya no es necesario un editor de texto (aunque puede usarse marcando la opción de Usar editor en el diálogo de opciones de herramientas. Se ha añadido una barra de herramientas de texto, lo que permite editar el texto de diferentes maneras pero aún puede usar el diálogo de opciones de texto, para cambiar la fuente, color o tamaño de tu texto, o justificarlo, interactivamente. Pulsar con el botón derecho en el marco abre el menú de contexto que te permite copiar, cortar, pegar, subir un texto...
Composiciones:
La composición es la disposición equilibrada de los elementos de la imagen que se ordenan para expresar sensaciones favorables en un espacio determinado. La distribución de estos elementos debe realizarse en función de una estructura interna que tenga una significación clara o una intención coincidente con el mensaje que se quiera transmitir.
Al plantearse una estructura compositiva, o al analizar una composición, conviene tener presente los siguientes conceptos: el encuadre, el formato, los centros focales, la angulación, los colores, la luminosidad, el contexto y la propia estructura derivada del conjunto de todos los anteriores elementos. Cuando se trate de un diseño publicitario, además de las imágenes que lo componen, la disposición de los bloques de texto y la intencionalidad expresiva del color.
Más en: http://www.aloj.us.es/galba/DIGITAL/CUATRIMESTRE_II/IMAGEN-PAGINA/2elementos5.htm
La composición es la disposición equilibrada de los elementos de la imagen que se ordenan para expresar sensaciones favorables en un espacio determinado. La distribución de estos elementos debe realizarse en función de una estructura interna que tenga una significación clara o una intención coincidente con el mensaje que se quiera transmitir.
Al plantearse una estructura compositiva, o al analizar una composición, conviene tener presente los siguientes conceptos: el encuadre, el formato, los centros focales, la angulación, los colores, la luminosidad, el contexto y la propia estructura derivada del conjunto de todos los anteriores elementos. Cuando se trate de un diseño publicitario, además de las imágenes que lo componen, la disposición de los bloques de texto y la intencionalidad expresiva del color.
Más en: http://www.aloj.us.es/galba/DIGITAL/CUATRIMESTRE_II/IMAGEN-PAGINA/2elementos5.htm
Tratamiento del color
Las cualidades del color (tono, brillo y saturación), son los tres parámetros que en programas de pintura y dibujo, como el Paint, nos permiten personalizar el color.
Los dígitos que se corresponden con estos parámetros van del 240 al 0.
En este caso las mezclas de color se hacen con el sistema RGB. Los valores de los colores van del 255 al 0. Como estamos con un sistema que responde según lo que conocemos del color luz........¿Sabes qué color sale si mezclamos Rojo y Azul en partes iguales?, ¿Y si decidimos mezclar el Verde con el Rojo en partes iguales?, ¿Qué color obtenemos al mezclar Verde y Azul?,....
Pero si estais interesados en este tema y conoceis más programas de dibujo y/o pintura, podreis observar cómo en otros (como el conocido Photoshop), tendremos la opción de trabajar con el sistema CMYK ( Siglas en inglés de los colores primarios del color-materia, al que suman el negro, identificado con la K para no confundirnos con la B del sistema anterior), etc.
Y para repasarlo todo y profundizar en algunos aspectos podemos sumergirnos en la amplia y estupenda presentación de "espiral cromática" sobre el tema de "el color"
Filtros
En la terminología de GIMP, un filtro es un complemento que modifica la apariencia de una imagen, en la mayoría de los casos la capa activa de la imagen. No todas las entradas en este menú cumplen con esta definición; sin embargo, la palabra “filtro” a menudo se usa mal para referirse a un complemento, sin tener en cuenta lo que hace. En efecto, algunas de las entradas de este menú no modifican las imágenes.
Con la excepción de los tres elementos superiores del menú , todas las entradas se proporcionan a través de complementos. Cada complemento decide por si mismo donde le gustaría situar su entrada de menú. Por lo tanto, la apariencia de este menú puede ser completamente diferente para cada usuario. En la practica, sin embargo, la apariencia no varia mucho, porque la mayoría de los complementos vienen con GIMP cuando se instala, y desde luego siempre están en los mismos lugares en el menú.
Los complementos no están restringidos al menú : un complemento puede situar entradas en cualquier menú. En realidad, un número de las funciones básicas de GIMP (por ejemplo en el menú ) se implementan a través de complementos. Pero el menú es el lugar predeterminado para que un complemento sitúe sus entradas de menú.
Para obtener información general y cómo se usan, consulte la sección sobre los complementos. Puede encontrar información sobre los filtros que se proporcionan con GIMP en el capítulofiltros. Para los filtros que instale, consulte la información que viene con ellos.
creación de gif animado
imágenes vectoriales
Una imagen vectorial es una imagen digital formada por objetos geométricos independientes (segmentos, polígonos, arcos, etc.), cada uno de ellos definido por distintos atributos matemáticos de forma, de posición, de color, etc. Por ejemplo un círculo de color rojo quedaría definido por la posición de su centro, su radio, el grosor de línea y su color.
Entorno de trabajo (ejemplo)
Entramos en draw en figuras cogemos una flecha o una figura cualquiera. Ponemos el ratón encima, clic izquierdo conviertir, convertir a 3D.
Entramos en draw en figuras cogemos una flecha o una figura cualquiera. Ponemos el ratón encima, clic izquierdo conviertir, convertir a 3D.
transformar de imagen vectorial a mapa de bits y viceversa
En principio, al abrir Draw, colocamos una imagen con formato .jpg-- colocamos el ratón encima ---- click derecho ----- convertir ----- convertir a polígonos.
Editores vectoriales
-Draw
-Scribus
-SK1
-Skencil
-Inkscape
