conceptos basicos - talleres de lucille · existen dos tipos de imágenes digitales: vectores mapa...

CONCEPTOS BASICOS

IMAGEN DIGITAL

Por Lic. Sandra M. Perez

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

TALLER DE DISEÑO PARA CANDY BAR- POR SANDRA M. PEREZ

Es la representación

de una imagen

utilizando BITS

(unos y ceros) .

¿QUÉ ES UNA IMAGEN DIGITAL?

Existen dos tipos de imágenes digitales:

MAPA DE BITS VECTORES

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


Colores básicos

R G B

Red Green Blue

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.

PÍXEL

1 BIT= UN 1 ó UN 0

1 Megapíxel equivale

a 1 millón de píxeles

6


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

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


La resolución de las

impresoras se mide en

DPI (puntos por

pulgadas)

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 RGB, imágenes en

color

32 16,7 millones + negro o

alfa CMYK para impresión

PROFUNDIDAD DEL COLOR

8


Observen que a mayor cantidad

de bits, mayor cantidad de tonos.

PERO TAMBIEN MAS PESADA SE

VUELVE LA IMAGEN

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

MAPA DE BITS

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í:

11


Cuadrillé gris y blanco

INDICA TRANSPARENCIA

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

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

Formatos recomendados

13


* DOT PER INCH – punto por pulgada

Relación entre la resolución en pantalla y

la dimensión de la imagen en papel

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:

Número de píxeles

Resolución

La pulgada mide 2,54 cm.

14


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.

Tamaño de impresión

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

15


Así aparece el menú de

impresión en Photoshop

16


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.

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


18


Y luego de todo esto….

A ponernos las pilas para aprender a manejar las

herramientas que nos darán libertad para crear!!!!

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


conceptos basicos - talleres de lucille · existen dos tipos de imágenes digitales: vectores mapa...

Documents