0
2. LA IMAGEN DIGITAL
<ul><li>Las imágenes que nos rodean se diferencian principalmente por el  soporte  en el que las vemos:  </li></ul><ul><li...
Una  imagen digital  está formada por cierto tipo de datos (por  código binario ) que permiten que se represente en  dispo...
<ul><li>El Píxel   </li></ul><ul><ul><li>Píxel es la abreviatura de la expresión inglesa  Picture Element  (Elemento de Im...
<ul><li>TIPO DE IMÁGENES DIGITALES:  VECTORES O PÍXELES   </li></ul><ul><li>Las imágenes digitales se dividen en dos grand...
<ul><li>IMAGEN DE MAPA DE BITS:  </li></ul><ul><li>El contenido de estas imágenes se representa mediante  pequeños puntos ...
Los  mapas de bits  resultan apropiados para imágenes con  gran variedad de tonos  como las fotografías ya que detalla al ...
<ul><ul><li>LAS IMÁGENES VECTORIALES  </li></ul></ul><ul><li>Están  formadas por líneas y polígonos que contienen colores ...
<ul><li>Las  imágenes vectoriales  son apropiadas para ilustraciones, animaciones, texto e imágenes dirigidas al diseño gr...
<ul><li>PROPIEDADES DE LA IMAGEN </li></ul><ul><li>Las imágenes digitales tienen un número de propiedades que varían según...
<ul><li>DIMENSIONES DE LA IMAGEN </li></ul><ul><ul><li>Tamaño de imagen, tamaño de impresión y tamaño de documento.  </li>...
<ul><ul><ul><ul><li>Tamaño de imagen y Tamaño de lienzo   </li></ul></ul></ul></ul>desde   Tamaño de imagen :  ajusta el c...
<ul><li>LA RESOLUCIÓN   </li></ul><ul><li>El tamaño y la resolución de una imagen digital están relacionados. </li></ul><u...
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 fo...
<ul><li>Cuanta más resolución tiene una imagen, más píxeles tiene y éstos son más pequeños y numerosos... luego tiene mayo...
(1 pulgada =2.3 cm)   900(300x3) X 900 (300x3) =  810.000 píxeles 3  pulgadas cuadradas 300  píxel/pulgada 532(266x2) x 79...
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 ...
Cambio de Resolución y Tamaño de una imagen <ul><li>El  Cuadro de Tamaño de imagen  en Photoshop,  nos permite: </li></ul>...
EL REMUESTREO : <ul><li>Para  modificar el nº de píxeles de una imagen  debemos activa la opción de  remuestrear imagen. <...
REDIMENSIONADO   <ul><li>Al  desactivar la opción de remuestrear  imagen...  estamos  bloqueando   el número de píxeles  d...
 
 
<ul><li>Busca información en internet sobre  Ivan Istochnicov  y responde a las siguientes preguntas: </li></ul><ul><li>¿Q...
Upcoming SlideShare
Loading in...5
×

2. la imagen digital

8,087

Published on

Published in: Design
1 Comment
2 Likes
Statistics
Notes
  • Óptimo resumen bien didáctico sobre el tema.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
8,087
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
150
Comments
1
Likes
2
Embeds 0
No embeds

No notes for slide

Transcript of "2. la imagen digital"

  1. 1. 2. LA IMAGEN DIGITAL
  2. 2. <ul><li>Las imágenes que nos rodean se diferencian principalmente por el soporte en el que las vemos: </li></ul><ul><li>En papel u otro objeto físico : fotografías tradicionales, imágenes impresas en papel de revistas y folletos... </li></ul><ul><li>En la pantalla del ordenador: imágenes digitales . </li></ul>
  3. 3. 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
  4. 4. <ul><li>El Píxel </li></ul><ul><ul><li>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 . </li></ul></ul><ul><ul><li>Un píxel tiene tres características distinguibles: </li></ul></ul><ul><ul><li>Forma cuadrada </li></ul></ul><ul><ul><li>Posición relativa al resto de píxeles de un mapa de bits. </li></ul></ul><ul><ul><li>Profundidad de color (capacidad para almacenar color), que se expresa en bits. Esta propiedad la veremos más detenidamente en la siguiente lección. </li></ul></ul>
  5. 5. <ul><li>TIPO DE IMÁGENES DIGITALES: VECTORES O PÍXELES </li></ul><ul><li>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 </li></ul>
  6. 6. <ul><li>IMAGEN DE MAPA DE BITS: </li></ul><ul><li>El contenido de estas imágenes se representa mediante pequeños puntos rectangulares o cuadrados denominados píxeles . </li></ul><ul><li>Cuando trabajamos con imágenes de mapa de bits debemos recordar que estamos editando una cuadrícula. </li></ul><ul><li>Problema con los píxeles: </li></ul><ul><li>La “imagen pixelada” </li></ul><ul><li>El mayor tamaño de sus ficheros, tanto mayor cuanto mayor sea el número de puntos que la formen. </li></ul>
  7. 7. 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.
  8. 8. <ul><ul><li>LAS IMÁGENES VECTORIALES </li></ul></ul><ul><li>Están formadas por líneas y polígonos que contienen colores uniformes o degradados . </li></ul><ul><li>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. </li></ul><ul><li>Los ficheros generados son muy pequeños . </li></ul>
  9. 9. <ul><li>Las imágenes vectoriales son apropiadas para ilustraciones, animaciones, texto e imágenes dirigidas al diseño gráfico, como logotipos. </li></ul>
  10. 10. <ul><li>PROPIEDADES DE LA IMAGEN </li></ul><ul><li>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: </li></ul><ul><li>Las propiedades de las imágenes digitales son: </li></ul><ul><ul><li>DIMENSIONES </li></ul></ul><ul><ul><li>RESOLUCIÓN </li></ul></ul><ul><ul><li>MODO DE COLOR </li></ul></ul><ul><ul><li>PROFUNDIDAD DE BITS </li></ul></ul>
  11. 11. <ul><li>DIMENSIONES DE LA IMAGEN </li></ul><ul><ul><li>Tamaño de imagen, tamaño de impresión y tamaño de documento. </li></ul></ul><ul><ul><ul><li>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: </li></ul></ul></ul>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. 12. <ul><ul><ul><ul><li>Tamaño de imagen y Tamaño de lienzo </li></ul></ul></ul></ul>desde Tamaño de imagen : ajusta el contenido a las nuevas dimensiones. Es decir, lo distorsiona. <ul><ul><li>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. </li></ul></ul>
  13. 13. <ul><li>LA RESOLUCIÓN </li></ul><ul><li>El tamaño y la resolución de una imagen digital están relacionados. </li></ul><ul><li>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!! </li></ul><ul><li>Es decir, una imagen de 3x3 píxeles podría medir 1 centímetro ó 10 metros. </li></ul><ul><li>Debe haber una relación entre los píxeles (digital) y una medida del mundo real: esa relación es LA RESOLUCIÓN. </li></ul>
  14. 14. 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 .
  15. 15. <ul><li>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. </li></ul>
  16. 16. (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
  17. 17. 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
  18. 18. Cambio de Resolución y Tamaño de una imagen <ul><li>El Cuadro de Tamaño de imagen en Photoshop, nos permite: </li></ul><ul><ul><li>manipular directamente los casilleros de tamaño (en píxeles o cm.) </li></ul></ul><ul><ul><li>y el de resolución de la imagen . </li></ul></ul><ul><li>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. </li></ul><ul><li>Es decir, estamos tocando lo más importante... su calidad </li></ul><ul><li>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. </li></ul>
  19. 19. EL REMUESTREO : <ul><li>Para modificar el nº de píxeles de una imagen debemos activa la opción de remuestrear imagen. </li></ul><ul><ul><li>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. </li></ul></ul><ul><li>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. </li></ul><ul><li>En resumen, al remuestrear, Photoshop manipula el número de píxeles de la imagen, su información... luego la calidad de la imagen. </li></ul><ul><li>Para evitar una pérdida de nitidez: </li></ul><ul><ul><li>Al aumentar el nº de píxeles Bicúbica más suavizada , </li></ul></ul><ul><ul><li>Al reducir el nº de píxeles y la Bicúbica más enfocada . </li></ul></ul><ul><li>Consejos al Remuestrear : </li></ul><ul><ul><li>No remuestrearemos una imagen más de una vez . </li></ul></ul><ul><ul><li>Conservaremos una imagen con la calidad original y remuestrearemos copias, por si cambiamos de parecer. </li></ul></ul><ul><ul><li>No aumentaremos la resolución a un valor el doble de la actual. </li></ul></ul>
  20. 20. REDIMENSIONADO <ul><li>Al desactivar la opción de remuestrear imagen... estamos bloqueando el número de píxeles de la imagen . </li></ul><ul><li>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. </li></ul><ul><li>Si el nº de píxeles permanece constante , lo único que cambia es el tamaño de éstos , veamos un ejemplo básico: </li></ul><ul><li>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. </li></ul><ul><li>¿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. </li></ul>
  21. 23. <ul><li>Busca información en internet sobre Ivan Istochnicov y responde a las siguientes preguntas: </li></ul><ul><li>¿Quién era Ivan Istochnicov? Explica brevemente su historia. </li></ul><ul><li>Si te fijas hay más de 7000 páginas en Internet que tratan su figura. ¿Por qué crees que despierta tanto interés? </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×