CONCEPTOS BASICOS IMAGEN DIGITAL Por Lic. Sandra M. Perez
QUÉ ES UNA IMAGEN DIGITAL? Es la representación de una imagen utilizando BITS (unos y ceros). Se obtiene por medios electrónicos (cámaras, escáneres, etc.) o a partir de programas de diseño. Puede ser editada en una computadora por medio de programas de diseño.(coreldraw, Photoshop, Illustrator) Puede ser impresa en un soporte material ( impresoras láser, de chorro de tinta, etc) 2
Existen dos tipos de imágenes digitales: VECTORES MAPA DE BITS 3
IMÁGENES VECTORIALES Las imágenes vectoriales son gráficos formados a base de curvas, líneas y elementos geométricos definidos como vectores. Este tipo de archivos es utilizado por programas de dibujo y de diseño tales como: Adobe Illustrator, Freehand, CorelDraw, entre otros. La ventaja de las imágenes vectoriales es que no sufren pérdida de resolución al agrandarse. A LA PROPIEDAD DE AGRANDAR LAS IMÁGENES SIN PERDER CALIDAD SE LA DENOMINA 4
MAPA DE BITS Es una imagen digital compuesta por PÍXELES Un píxel es la menor unidad homogénea en color que forma parte de una imagen digital. Para editar imágenes de píxeles se utilizan programas como Adobe Photoshop, Corel PhotoPaint, Painter, etc. 5
PÍXEL Abreviatura de "picture cell" o "picture element es el punto más pequeño que puede ser representado y la unidad de información de una imagen conformada por los tres colores básicos. Colores básicos 1 BIT= UN 1 ó UN 0 R G B Red Green Blue 6 1 Megapíxel equivale a 1 millón de píxeles
MAPA DE BITS Qué es la resolución de una imagen? La resolución de una imagen digital se expresa por el resultado de multiplicar su anchura por la altura en pantalla. Las imágenes con una resolución más alta reproducen más detalle que las imágenes con resolución más baja. Los PÍXELES van a determinar la profundidad del color (cantidad de tonos) y la resolución de la imagen, o sea, la calidad de la imagen PIXELADO o PIXELACION La resolución de las impresoras se mide en DPI (puntos por pulgadas) El principal inconveniente que presentan las imágenes de mapa de bits, es el de la ampliación. Cuando un archivo se amplia mucho, se distorsiona la imagen, mostrándose el mosaico - los píxeles - y una degradación en los colores. 7
PROFUNDIDAD DEL COLOR Bits por píxel Tonos Uso recomendado 1 blanco y negro dibujo 8 256 grises o colores foto gris o icono 24 16,7 millones de colores 32 16,7 millones + negro o alfa RGB, imágenes en color CMYK para impresión Observen que a mayor cantidad de bits, mayor cantidad de tonos. PERO TAMBIEN MAS PESADA SE VUELVE LA IMAGEN 8
MAPA DE BITS Con 8 bits se muestra una imagen de 256 tonos de grises diferentes y comparable con una imagen de las fotografías tradicionales en blanco y negro. Esta es la cantidad estándar de colores que admiten los formatos GIF y PNG 9
TIPOS DE ARCHIVOS DE IMÁGENES Formatos sin pérdida de resolución ni calidad TIFF BMP EPS (admite transparencia) PSD PDF Formatos con pérdida de calidad JPEG GIF(admite transparencia) PNG (admite transparencia) A MAYOR CALIDAD DE IMAGEN Y RESOLUCION, MAYOR PESO DEL ARCHIVO A MAYOR COMPRESION DEL ARCHIVO, MAYOR PERDIDA DE CALIDAD DE LA IMAGEN 10
IMÁGENES QUE ADMITEN TRANSPARENCIAS Cuando googleamos imágenes, se darán cuenta si fus fondos son transparentes, porque al pasar el mouse por encima de ellas, se verán así: Cuadrillé gris y blanco INDICA TRANSPARENCIA 11
MODOS DE COLOR Existen numerosos modos de color, nos abocaremos a dos en particular R G B C M Y K 3 CANALES 1 ROJO 1 VERDE (GREEN) 1 AZUL (BLUE) 4 CANALES 1 CIAN 1 MAGENTA 1 AMARILLO (YELLOW) 1 NEGRO (BLACK) Resolución 72 píxeles Resolución 150 píxeles o superior 12
TIPOS DE ARCHIVOS DE IMÁGENES Formatos recomendados Tipo de dispositivo de salida Formatos de archivo Resolución en DPI* 1 Monitor BMP, JPG 72 2 Multimedia, Internet JPG, PNG, GIF 72 3 Impresora de chorro de tinta TIFF, BMP, PSD, JPG, PDF 150 4 Papel fotográfico o impresora láser TIFF, BMP, PSD, JPG, PDF 300 o más * DOT PER INCH punto por pulgada 13
Relación entre la resolución en pantalla y la dimensión de la imagen en papel Tamaño de impresión Para calcular del tamaño en píxeles de pantalla al tamaño en centímetros en la impresión, podemos aplicar la siguiente fórmula: La pulgada mide 2,54 cm. Número de píxeles Resolución Esta información sobre la imagen, podemos extraerla con Photoshop, programa ideal para trabajar con mapa de bits. Por ello, para el trabajo específico de creación de etiquetas para golosinas, sugiero la utilización de Coreldraw que nos muestra EN PANTALLA la dimensión real de la imagen en la salida de IMPRESIÓN. 14
VEAMOS UN EJEMPLO Cuando descargamos una imagen de internet o imprimimos alguno de esos kit imprimibles que se venden en Mercado Libre, nos pasa que la impresión es mucho más pequeña que lo visualizado en pantalla. Esto sucede técnicamente por lo explicado en la página anterior. Usando Photoshop, puede solucionarse, aunque recomiendo utilizar Coreldraw con herramientas que sitúan la imagen en la medida correcta Así aparece el menú de impresión en Photoshop 15
Resumen Tenemos dos tipos de imágenes: vectores y mapa de bits El píxel es la menor unidad de imagen que puede ser representada A mayor cantidad de bits por píxel, mayor detalle en la imagen y mayor peso del archivo Las imágenes que se usan para nuestros envoltorios son en su mayoría PNG y JPG. Las primeras admiten transparencias, las segundas no. La resolución en pantallas es diferente a la resolución impresa La resolución de nuestra impresora se mide en DPI La resolución de una imagen se mide en Píxeles o Puntos Las imágenes vectoriales no pierden resolución cuando se las agranda, porque son escalables. Las imágenes de mapa de bits, pierden resolución cuando se las agranda y pueden llegar a verse con un defecto llamado pixelado. Coreldraw trabaja con Vectores Photoshop con mapa de bits y vectores Los modos de color más usados son RGB para pantalla y CMYK para impresión. 16
Glosario BIT. Del inglés Binary digit. El bit es la unidad de información del sistema binario cuyos valores son 0 y 1 (No/Si). BYTE. Conjunto de 8 Bits. También se traduce por OCTETO. KILOBYTE. Un kilobyte son 1.024 bytes, un poco mas de mil. Abreviatura KB. MEGABYTE. Un megabyte son 1.048.576 bytes, un poco mas de un millón de bytes. Abreviatura MB. GIGABYTE. Un gigabyte son 1024 megabytes, comúnmente se utiliza la equivalencia de 1 GB = 1000 MB. Abreviatura GB. TERABYTE. Un terabyte son 1024 gigabytes, comúnmente se utiliza la equivalencia de 1 TB = 1000 GB. Abreviatura TB. DPI = píxeles o puntos por pulgada (ppi) (1 pulgada = 25,4 mm.) Un archivo informático tiene: NOMBRE que designamos para poder ubicarlo EXTENSION de tres letras o números que determina su función o programa con el que fue creado Por ejemplo: Cartel.CDR es un archivo de Coreldraw Mifoto.PSD es un archivo de Photoshop Apuntes. DOC es un archivo de Word Curso.HTML es un archivo de Web Cuentas.XLS es un archivo de Excel 17
Y luego de todo esto. A ponernos las pilas para aprender a manejar las herramientas que nos darán libertad para crear!!!! 18
TIPS PARA GOOGLEAR IMAGENES En la solapa Imágenes de Google Polka dots HD para fondos con puntos Patterns para fondos Agregar siempre la opción HD para una mejor resolución Flowers patterns o floral patterns hd Wallpapers Personaje + PNG ej. Violetta png Guarda damasco : damask pattern HD Free vector patterns 19