2. LA IMAGEN DIGITAL
Las imágenes que nos rodean se diferencian principalmente por el  soporte  en el que las vemos:  En papel u otro  objeto físico : fotografías tradicionales, imágenes impresas en papel de revistas y folletos...  En la pantalla del ordenador:  imágenes digitales .
Una  imagen digital  está formada por cierto tipo de datos (por  código binario ) que permiten que se represente en  dispositivos  como un monitor, pantalla LCD, teléfono móvil, etc. Incluso puede llevarse al papel por medio de una impresora . Dispositivos de entrada y dispositivos de salida de una  imagen digital
El Píxel   Píxel es la abreviatura de la expresión inglesa  Picture Element  (Elemento de Imagen), y es  la unidad más pequeña que encontraremos en las imágenes compuestas por mapa de bits  .  Un píxel tiene tres  características  distinguibles:  Forma cuadrada  Posición relativa  al resto de píxeles de un mapa de bits.  Profundidad de color  (capacidad para almacenar color), que se expresa en bits. Esta propiedad la veremos más detenidamente en la siguiente lección.
TIPO DE IMÁGENES DIGITALES:  VECTORES O PÍXELES   Las imágenes digitales se dividen en dos grandes grupos:  los mapas de Píxeles  (más conocidas como  mapas de bits ) y  las imágenes vectoriales
IMAGEN DE MAPA DE BITS:  El contenido de estas imágenes se representa mediante  pequeños puntos rectangulares o cuadrados denominados píxeles .  Cuando trabajamos con imágenes de mapa de bits debemos recordar que estamos editando una cuadrícula.  Problema con los píxeles: La  “imagen pixelada” El  mayor tamaño  de sus ficheros, tanto mayor cuanto mayor sea el número de puntos que la formen.
Los  mapas de bits  resultan apropiados para imágenes con  gran variedad de tonos  como las fotografías ya que detalla al máximo la información de cada punto de la imagen.
LAS IMÁGENES VECTORIALES  Están  formadas por líneas y polígonos que contienen colores uniformes o degradados . Esto significa que si yo tengo una imagen de un triángulo formada por vectores no importa cuánto amplíe la imagen, nunca perderá definición,  siempre se verá  nítida , se puede redimensionar sin pérdida de calidad.  Los  ficheros  generados son muy  pequeños .
Las  imágenes vectoriales  son apropiadas para ilustraciones, animaciones, texto e imágenes dirigidas al diseño gráfico, como logotipos.
PROPIEDADES DE LA IMAGEN Las imágenes digitales tienen un número de propiedades que varían según sea su origen y según vaya a ser su destino: Las propiedades de las imágenes digitales son: DIMENSIONES RESOLUCIÓN  MODO DE COLOR  PROFUNDIDAD DE BITS
DIMENSIONES DE LA IMAGEN Tamaño de imagen, tamaño de impresión y tamaño de documento.  Para conocer las medidas exactas de una imagen abierta basta con acceder al cuadro de Tamaño de imagen. Éste ofrece 2 datos de dimensiones de ancho y alto: en píxeles y en centímetros: En píxeles : Nos informa del tamaño de la imagen  en pantalla  al 100% En centímetros : Nos informa del tamaño real que ocuparía la imagen al imprimirla,  en el papel   El tamaño de archivo o documento es cuánto ocupa la imagen en el disco duro ( kb,  Mb.)
Tamaño de imagen y Tamaño de lienzo   desde   Tamaño de imagen :  ajusta el contenido a las nuevas dimensiones. Es decir, lo distorsiona.  desde  Tamaño de lienzo : No toca contenido, le es indiferente. Si la dimensión es mayor, añade píxeles vírgenes. Si es menor, recorta.
LA RESOLUCIÓN   El tamaño y la resolución de una imagen digital están relacionados. Lo primero que nos tiene que quedar claro es que  un píxel no tiene una dimensión propia, fija .  Un píxel no es una medida física, del mundo real .  ¡¡Nunca oirás decir que la estantería mide 60 píxeles de alto!! Es decir, una imagen de 3x3 píxeles podría medir 1 centímetro ó 10 metros. Debe haber una relación entre los píxeles (digital) y una medida del mundo real: esa relación es LA RESOLUCIÓN.
La RESOLUCIÓN, es la relación entre el píxel de una imagen y una medida real, que generalmente es la  pulgada . De esta forma la resolución de una imagen digital se mide en  p íxeles  p or  p ulgada ( ppp ) ... es decir el número de píxeles que hay por pulgada de imagen.  La Resolución de una imagen determina su densidad de píxeles .
Cuanta más resolución tiene una imagen, más píxeles tiene y éstos son más pequeños y numerosos... luego tiene mayor calidad.
(1 pulgada =2.3 cm)   900(300x3) X 900 (300x3) =  810.000 píxeles 3  pulgadas cuadradas 300  píxel/pulgada 532(266x2) x 798(266x3) =  424.536 píxeles 2  pulgadas alto X  3  pulgadas ancho  266  píxel/pulgada 216(72x3) X 216(72x3) =  46.656 píxeles 3  pulgadas cuadradas 72  píxel/pulgada 72(72x1) x 72(72x1) =  5184 píxeles 1  pulgada cuadrada 72  píxel/pulgada 16(16x1) x 16(16x1) = 256 píxeles 1  pulgada cuadrada 16  píxel/pulgada 8 (8x1) x 8(8x1) = 64 píxeles 1  pulgada cuadrada 8  píxel/pulgada PÍXELES DE LA IMAGEN  SUPERFICIE IMAGEN TOTAL RESOLUCIÓN
Reglas básicas de la Resolución 72 ppp  300 ppp 150 / 200 ppp 600 ppp Dibujo lineal en blanco y negro Requieren una buena resolución si deseamos obtener una reproducción de alta calidad:  las ilustraciones lineales en blanco y negro . (Casos en los que, a pesar de las posibilidades de Photoshop, son mejor trabajar desde cualquier otro programa vectorial, como Adobe Illustrator o Macromedia FreeHand) Impresión profesional de calidad óptima  Impresión en general Trabajaremos esta resolución para  boletines, imágenes impresas en impresoras personales u otros trabajos en los que la calidad de imagen no es vital. Monitor. páginas web, multimedia, presentaciones PowerPoint  Destino resolución
Cambio de Resolución y Tamaño de una imagen El  Cuadro de Tamaño de imagen  en Photoshop,  nos permite: manipular directamente los casilleros de tamaño  (en píxeles o cm.)  y el de  resolución de la imagen .  No debemos olvidar que al manipular el tamaño y, sobre todo la resolución, estamos jugando con la cantidad y densidad de los píxeles de la imagen. Es decir, estamos tocando lo más importante... su calidad  Al manipular el  tamaño  y  resolución  de una imagen, tenemos la opción de REDIMENSIONARLA o REMUESTREARLA, cada una de ellas actúa de forma diferente sobre la cuadrícula de píxeles que ya tiene la imagen, es decir, sobre la información.
EL REMUESTREO : Para  modificar el nº de píxeles de una imagen  debemos activa la opción de  remuestrear imagen. Abrimos el cuadro de  Tamaño de imagen  en Photoshop vemos en la parte inferior del mismo que Remuestrear la imagen es una opción predeterminada. Con la casilla  Remuestrear activada  photoshop  sustrae o añade píxeles  recurriendo a la técnica de la  interpolación  que consiste en calcular los nuevos puntos basándose en el valor de los píxeles adyacentes, es decir se los inventa. En resumen,  al remuestrear, Photoshop manipula el número de píxeles de la imagen, su información... luego la calidad de la imagen. Para evitar  una pérdida de nitidez:  Al aumentar el nº de píxeles  Bicúbica más suavizada ,  Al reducir el nº de píxeles y la  Bicúbica más enfocada . Consejos al  Remuestrear : No remuestrearemos una imagen más de una vez .  Conservaremos una imagen con la calidad original y remuestrearemos copias, por si cambiamos de parecer. No aumentaremos la resolución a un valor el doble de la actual.
REDIMENSIONADO   Al  desactivar la opción de remuestrear  imagen...  estamos  bloqueando   el número de píxeles  de la imagen .  Cualquier variación que introduzcamos en el recuadro de  Resolución   afectará únicamente al  tamaño de impresión de la imagen , y viceversa, pero no habrá pérdida de calidad. Si el  nº de píxeles permanece constante , lo único que cambia es el  tamaño  de éstos , veamos un ejemplo básico: Una imagen de 6x6 píxeles a una resolución de 6ppp ocupa 1 pulgada. Le hemos aumentado la resolución a 10ppp sin Remuestrear. Es decir, sin interpolar nuevos píxeles ni eliminar... sigue teniendo el mismo nº de píxeles (6x6), la información no ha sido dañada. ¿Qué ha ocurrido? Que a una resolución de 10 píxeles por pulgada 6 píxeles (que es lo que tiene la imagen) no llegan a abarcar 1 pulgada... como dice la resolución, son necesarios 10. Al aumentar la resolución los píxeles se hacen más pequeños... luego ocupan menos espacio físico.
 
 
Busca información en internet sobre  Ivan Istochnicov  y responde a las siguientes preguntas: ¿Quién era Ivan Istochnicov? Explica brevemente su historia. Si te fijas hay más de 7000 páginas en Internet que tratan su figura. ¿Por qué  crees que despierta tanto interés?

2. la imagen digital

  • 1.
    2. LA IMAGENDIGITAL
  • 2.
    Las imágenes quenos rodean se diferencian principalmente por el soporte en el que las vemos: En papel u otro objeto físico : fotografías tradicionales, imágenes impresas en papel de revistas y folletos... En la pantalla del ordenador: imágenes digitales .
  • 3.
    Una imagendigital está formada por cierto tipo de datos (por código binario ) que permiten que se represente en dispositivos como un monitor, pantalla LCD, teléfono móvil, etc. Incluso puede llevarse al papel por medio de una impresora . Dispositivos de entrada y dispositivos de salida de una imagen digital
  • 4.
    El Píxel Píxel es la abreviatura de la expresión inglesa Picture Element (Elemento de Imagen), y es la unidad más pequeña que encontraremos en las imágenes compuestas por mapa de bits . Un píxel tiene tres características distinguibles: Forma cuadrada Posición relativa al resto de píxeles de un mapa de bits. Profundidad de color (capacidad para almacenar color), que se expresa en bits. Esta propiedad la veremos más detenidamente en la siguiente lección.
  • 5.
    TIPO DE IMÁGENESDIGITALES: VECTORES O PÍXELES Las imágenes digitales se dividen en dos grandes grupos: los mapas de Píxeles (más conocidas como mapas de bits ) y las imágenes vectoriales
  • 6.
    IMAGEN DE MAPADE BITS: El contenido de estas imágenes se representa mediante pequeños puntos rectangulares o cuadrados denominados píxeles . Cuando trabajamos con imágenes de mapa de bits debemos recordar que estamos editando una cuadrícula. Problema con los píxeles: La “imagen pixelada” El mayor tamaño de sus ficheros, tanto mayor cuanto mayor sea el número de puntos que la formen.
  • 7.
    Los mapasde bits resultan apropiados para imágenes con gran variedad de tonos como las fotografías ya que detalla al máximo la información de cada punto de la imagen.
  • 8.
    LAS IMÁGENES VECTORIALES Están formadas por líneas y polígonos que contienen colores uniformes o degradados . Esto significa que si yo tengo una imagen de un triángulo formada por vectores no importa cuánto amplíe la imagen, nunca perderá definición, siempre se verá nítida , se puede redimensionar sin pérdida de calidad. Los ficheros generados son muy pequeños .
  • 9.
    Las imágenesvectoriales son apropiadas para ilustraciones, animaciones, texto e imágenes dirigidas al diseño gráfico, como logotipos.
  • 10.
    PROPIEDADES DE LAIMAGEN Las imágenes digitales tienen un número de propiedades que varían según sea su origen y según vaya a ser su destino: Las propiedades de las imágenes digitales son: DIMENSIONES RESOLUCIÓN MODO DE COLOR PROFUNDIDAD DE BITS
  • 11.
    DIMENSIONES DE LAIMAGEN Tamaño de imagen, tamaño de impresión y tamaño de documento. Para conocer las medidas exactas de una imagen abierta basta con acceder al cuadro de Tamaño de imagen. Éste ofrece 2 datos de dimensiones de ancho y alto: en píxeles y en centímetros: En píxeles : Nos informa del tamaño de la imagen en pantalla al 100% En centímetros : Nos informa del tamaño real que ocuparía la imagen al imprimirla, en el papel El tamaño de archivo o documento es cuánto ocupa la imagen en el disco duro ( kb, Mb.)
  • 12.
    Tamaño de imageny Tamaño de lienzo desde Tamaño de imagen : ajusta el contenido a las nuevas dimensiones. Es decir, lo distorsiona. desde Tamaño de lienzo : No toca contenido, le es indiferente. Si la dimensión es mayor, añade píxeles vírgenes. Si es menor, recorta.
  • 13.
    LA RESOLUCIÓN El tamaño y la resolución de una imagen digital están relacionados. Lo primero que nos tiene que quedar claro es que un píxel no tiene una dimensión propia, fija . Un píxel no es una medida física, del mundo real . ¡¡Nunca oirás decir que la estantería mide 60 píxeles de alto!! Es decir, una imagen de 3x3 píxeles podría medir 1 centímetro ó 10 metros. Debe haber una relación entre los píxeles (digital) y una medida del mundo real: esa relación es LA RESOLUCIÓN.
  • 14.
    La RESOLUCIÓN, esla relación entre el píxel de una imagen y una medida real, que generalmente es la pulgada . De esta forma la resolución de una imagen digital se mide en p íxeles p or p ulgada ( ppp ) ... es decir el número de píxeles que hay por pulgada de imagen. La Resolución de una imagen determina su densidad de píxeles .
  • 15.
    Cuanta más resolucióntiene una imagen, más píxeles tiene y éstos son más pequeños y numerosos... luego tiene mayor calidad.
  • 16.
    (1 pulgada =2.3cm) 900(300x3) X 900 (300x3) = 810.000 píxeles 3 pulgadas cuadradas 300 píxel/pulgada 532(266x2) x 798(266x3) = 424.536 píxeles 2 pulgadas alto X 3 pulgadas ancho 266 píxel/pulgada 216(72x3) X 216(72x3) = 46.656 píxeles 3 pulgadas cuadradas 72 píxel/pulgada 72(72x1) x 72(72x1) = 5184 píxeles 1 pulgada cuadrada 72 píxel/pulgada 16(16x1) x 16(16x1) = 256 píxeles 1 pulgada cuadrada 16 píxel/pulgada 8 (8x1) x 8(8x1) = 64 píxeles 1 pulgada cuadrada 8 píxel/pulgada PÍXELES DE LA IMAGEN SUPERFICIE IMAGEN TOTAL RESOLUCIÓN
  • 17.
    Reglas básicas dela Resolución 72 ppp 300 ppp 150 / 200 ppp 600 ppp Dibujo lineal en blanco y negro Requieren una buena resolución si deseamos obtener una reproducción de alta calidad: las ilustraciones lineales en blanco y negro . (Casos en los que, a pesar de las posibilidades de Photoshop, son mejor trabajar desde cualquier otro programa vectorial, como Adobe Illustrator o Macromedia FreeHand) Impresión profesional de calidad óptima Impresión en general Trabajaremos esta resolución para boletines, imágenes impresas en impresoras personales u otros trabajos en los que la calidad de imagen no es vital. Monitor. páginas web, multimedia, presentaciones PowerPoint Destino resolución
  • 18.
    Cambio de Resolucióny Tamaño de una imagen El Cuadro de Tamaño de imagen en Photoshop, nos permite: manipular directamente los casilleros de tamaño (en píxeles o cm.) y el de resolución de la imagen . No debemos olvidar que al manipular el tamaño y, sobre todo la resolución, estamos jugando con la cantidad y densidad de los píxeles de la imagen. Es decir, estamos tocando lo más importante... su calidad Al manipular el tamaño y resolución de una imagen, tenemos la opción de REDIMENSIONARLA o REMUESTREARLA, cada una de ellas actúa de forma diferente sobre la cuadrícula de píxeles que ya tiene la imagen, es decir, sobre la información.
  • 19.
    EL REMUESTREO :Para modificar el nº de píxeles de una imagen debemos activa la opción de remuestrear imagen. Abrimos el cuadro de Tamaño de imagen en Photoshop vemos en la parte inferior del mismo que Remuestrear la imagen es una opción predeterminada. Con la casilla Remuestrear activada photoshop sustrae o añade píxeles recurriendo a la técnica de la interpolación que consiste en calcular los nuevos puntos basándose en el valor de los píxeles adyacentes, es decir se los inventa. En resumen, al remuestrear, Photoshop manipula el número de píxeles de la imagen, su información... luego la calidad de la imagen. Para evitar una pérdida de nitidez: Al aumentar el nº de píxeles Bicúbica más suavizada , Al reducir el nº de píxeles y la Bicúbica más enfocada . Consejos al Remuestrear : No remuestrearemos una imagen más de una vez . Conservaremos una imagen con la calidad original y remuestrearemos copias, por si cambiamos de parecer. No aumentaremos la resolución a un valor el doble de la actual.
  • 20.
    REDIMENSIONADO Al desactivar la opción de remuestrear imagen... estamos bloqueando el número de píxeles de la imagen . Cualquier variación que introduzcamos en el recuadro de Resolución afectará únicamente al tamaño de impresión de la imagen , y viceversa, pero no habrá pérdida de calidad. Si el nº de píxeles permanece constante , lo único que cambia es el tamaño de éstos , veamos un ejemplo básico: Una imagen de 6x6 píxeles a una resolución de 6ppp ocupa 1 pulgada. Le hemos aumentado la resolución a 10ppp sin Remuestrear. Es decir, sin interpolar nuevos píxeles ni eliminar... sigue teniendo el mismo nº de píxeles (6x6), la información no ha sido dañada. ¿Qué ha ocurrido? Que a una resolución de 10 píxeles por pulgada 6 píxeles (que es lo que tiene la imagen) no llegan a abarcar 1 pulgada... como dice la resolución, son necesarios 10. Al aumentar la resolución los píxeles se hacen más pequeños... luego ocupan menos espacio físico.
  • 21.
  • 22.
  • 23.
    Busca información eninternet sobre Ivan Istochnicov y responde a las siguientes preguntas: ¿Quién era Ivan Istochnicov? Explica brevemente su historia. Si te fijas hay más de 7000 páginas en Internet que tratan su figura. ¿Por qué crees que despierta tanto interés?