Ilustracion digital

Vector vs. Bitmap

ILUSTRACIÓN DIGITAL Conceptos básicos

Vector

Vector vs. Bitmap
(Pixel: abreviatura de Picture Element)

Ecuaciones matemáticas sobre un plano cartesiano (curvas Bezier) Escalable sin perder resolución (independiente de la resolución) Colores planos principalmente* Elementos transparentes (sin fondo) Convertir a bitmap = rasterizar

(raster) Pixeles en una retículaBitmap

Al escalarlo se altera su contenido al eliminar o crear pixeles (dependiente de la resolución) Medios tonos (tono continuo) Fondo de color (generalmente blanco)** Convertir a vector = vectorizar

Manejador

Segmento (Curva)
Nodo

Nodo

Manejador

* Por lo general. Existen efectos vectoriales que generan medios tonos ** Exceptuando Photoshop, GIF y PNG

ILUSTRACIÓNDIGITAL Conceptos básicos

Vector-Anatomía Términos básicos

Vector vs. Bitmap

Objeto con relleno, sin contorno

Objeto con relleno, con contorno

Objeto con contorno detrás del relleno

Objeto sin relleno, sólo contorno

Vista de líneas

Vista normal

Curva cerrada

Curva abierta

Línea sólo contorno

Línea convertida en objeto

Línea valorizada (obj)

ILUSTRACIÓN DIGITALConceptos básicos

Vector-Anatomía Términos básicos

Vector vs. Bitmap

Agrupar

Combinar/ Trazado compuesto
Una sola curva compuesta por varios subtrazados y que genera espacios transparentes en los sitios en donde se superponen y/o se intersectan

Dos o más objetos que se aglutinan en una unidad para moverse o transformarse al mismo tiempo pero que no interactúan entre síILUSTRACIÓN DIGITAL Conceptos básicos

Bitmap-Anatomía Términos básicos
Fotografía original: 2048x3072 px a 180 PPI

Vector vs. Bitmap
Pixeles en una retícula Cada pixel contiene UNA y SÓLO UNA información de color
Zoom al 1600%

Formatos

ILUSTRACIÓN DIGITAL Conceptos básicos

Formatos y software
.ai: Adobe Illustrator .cdr: Corel DRAW .fh*: (Macromedia) Adobe Freehand (QEPD) .fla o.swf: Adobe Flash .svg: Scalable Vector Graphics (web en XML) .indd: Adobe InDesign

Vector-

Formatos
Formato nativo de Photoshop Pesado (más información, capas, canales, efectos, etc.) Hasta TrueColor (16M colores) Maneja transparencia

PSD (Photoshop Drawing)

BMP (Bitmap)

Primer formato bitmap de Microsoft Pesado (sin compresión) Hasta True Color (16M colores)

JPEG (Joint PhotographExpert Group)

BitmapSoftware
Microsoft Paint Adobe Photoshop Corel Photo-Paint Corel Painter The GIMP

Formato nativo de Internet Ligero (alta compresión de archivo) Hasta True Color (16M colores)

GIF (Graphics Interchange Format)
Formato nativo de Internet Ligero (indexación de color) Hasta color indexado (256 colores máx.) Animaciones sencillas y transparencias Reemplazo del .gif -Internet Ligero (mejor compresión) Hasta TrueColor (16M colores) Animaciones y mejor transparencia

PNG (Portable Network Graphics)

Bitmap-

Formatos usuales

Impresión offset - medios editoriales Pesado (mayor cantidad de información) Hasta TrueColor (16M colores) Permite capas

TIFF (Tagged Image File Format), .tif

ILUSTRACIÓN DIGITAL Conceptos básicos

Otros formatos
(bitmap ymixtos)

Formatos
Medios editoriales Posicionamiento e impresión offset de imágenes “Traduce” imágenes a lenguaje PostScript Compuesto (interpreta vector y bitmap) Hasta TrueColor (16M colores) Medios audiovisuales Secuencia de imágenes de una animación Hasta TrueColor (16M colores)

EPS (Encapsulated PostScript)

TGA (Truevision TARGA)

PDF (Portable Document Format)

Medios editorialesy web Compilador y almacenador de texto e imágenes Multiplataforma Compuesto (vector, bitmap, y texto; audio y video) Hasta TrueColor (16M colores) Formato de cámaras digitales Pesado, sin compresión, tal como el sensor de la cámara (CCD o CMOS) capta la imagen Alta calidad contra falta de estandarización Hasta True Color (16M colores)

RAW (”crudo”)

RIFF (Corel Painter)

Formato nativo...