2. 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.
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. 1. 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. 2. 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
6. 1. 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.
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. 2. 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ágenes
vectoriales son
apropiadas para
ilustraciones,
animaciones, texto e
imágenes dirigidas al
diseño gráfico, como
logotipos.
10. 3. 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
11. 1. 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.)
12. – 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.
13. 2. 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, 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 por
pulgada (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ón tiene una imagen, más píxeles tiene y éstos
son más pequeños y numerosos... luego tiene mayor calidad.
16. RESOLUCIÓN SUPERFICIE IMAGEN TOTAL PÍXELES DE LA IMAGEN
8 píxel/pulgada 1 pulgada cuadrada 8 (8x1) x 8(8x1) =64 píxeles
16 píxel/pulgada 1 pulgada cuadrada 16(16x1) x 16(16x1) =256 píxeles
72 píxel/pulgada 1 pulgada cuadrada 72(72x1) x 72(72x1) = 5184 píxeles
72 píxel/pulgada 3 pulgadas cuadradas 216(72x3) X 216(72x3) = 46.656 píxeles
266 píxel/pulgada 2 pulgadas alto X 3 pulgadas ancho 532(266x2) x 798(266x3) = 424.536 píxeles
300 píxel/pulgada 3 pulgadas cuadradas 900(300x3) X 900 (300x3) = 810.000 píxeles
(1 pulgada =2.3 cm)
17. Reglas básicas de la Resolución
resolución
Destino
Monitor.
páginas web, multimedia, presentaciones PowerPoint
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.
Impresión profesional de calidad óptima
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)
72 ppp
300 ppp
150 / 200 ppp
600 ppp
18. 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.
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 en internet sobre Ivan Istochnicov y responde a
las siguientes preguntas:
1. ¿Quién era Ivan Istochnicov? Explica brevemente su historia.
2. Si te fijas hay más de 7000 páginas en Internet que tratan su
figura. ¿Por qué crees que despierta tanto interés?