gráficos vectoriales - facultad de cs. de la...

Grá�cos Vectoriales

Facultad de Cs. de la Computación

Juan Carlos Conde Ramírez

Computer Animation

La Imagen Digital Características Aplicaciones Herramientas y Formatos

Contenido

1 La Imagen Digital

2 Características

3 Aplicaciones

4 Herramientas y Formatos

1 / 22


Contenido

1 La Imagen Digital

2 Características

3 Aplicaciones


2 / 22


Clasi�cación

Hay dos grandes grupos al construir grá�cos digitalmente:

1. Imagen de mapa de bits o bitmap. que son imágenes que están formadaspor una retícula de cuadrados denominados pixeles (picture element) dondecada pixel tiene valores determinados de color.

2. Grá�cos vectoriales. En los que las imágenes se almacenan por mediode trazos geométricos controlados por cálculos y fórmulas matemáticas,tomando algunos puntos de la imagen como referencia para construir elresto.

3 / 22


Construcción

Los grá�cos vectoriales se construyen a partir de puntos, se almacena la refer-encia de la posición cartesiana de estos puntos (coordenadas x , y) y la funciónque describe el camino entre ellos (por ejemplo f (x) siendo una parábola).

De forma similar un círculo podría de�nirse vectorialmente por la posición de sucentro (coordenadas x , y) y por su radio r .

4 / 22


Formas

Las formas vectoriales pueden ser abiertas o cerradas.

I Las abiertas están compuestas por un contorno que tiene características degrosor y color determinadas.

I Las cerradas además de contorno poseen relleno, ya sea de color o de rellenosmás complejos como gradientes o texturas.

5 / 22


Formas

Clases de formas vectoriales:

I Puntos.

I Líneas.

I Elipses y Círculos.

I Rectángulos y cuadrados.

I Polígonos regulares, estrellas

I Curvas Bézier.

6 / 22


Curvas Bézier

Son las que más opciones presentan a la hora de realizar formas vectoriales.

Desarrolladas por Pierre Bézier por un encargo de la empresa Renault, que bus-caba una familia de curvas matemáticas que permitieran representar las curvat-uras suaves que deseaban dar a sus automóviles.

7 / 22


Curvas Bézier

Quedan de�nidas por puntos llamados nodos o puntos de ancla y dos puntos decontrol, manejadores o manecillas por cada punto, con esto se consigue controlarla curva que realiza la transición entre puntos.

Son curvas muy versátiles, capaces de adaptarse a cualquier forma por lo que seson las más utilizadas en el dibujo vectorial.

8 / 22


Contenido

1 La Imagen Digital

2 Características

3 Aplicaciones


9 / 22


En la práctica

1. Almacenan la información en archivos muy pequeños puesto que podemosde�nir las imágenes con fórmulas matemáticas. Cuantos más trazos posea unarchivo más será su tamaño de archivo.

2. Son independientes de la resolución, es decir, al estar de�nidas por puntoso nodos son escalables sin pérdida de calidad. La resolución de nuestro trabajodependerá del dispositivo de salida (impresora, proyector, monitor,...).

3. Son fácilmente editables en cualquier momento, podemos cambiar el color derelleno, contorno, escala, etc.

10 / 22


En la práctica

4. Permiten trabajar independientemente con ellos, podemos ordenarlos enprimer plano, en el fondo, etc. También permiten agruparlos para formar gruposde objetos y trabajar más cómodamente.

5. Permiten realizar operaciones de sumas, restas, intersecciones para realizarformas complejas a partir de formas geométricas simples.

6. Permiten un manejo de texto muy avanzado. Los sistemas operativos se basanen archivos vectoriales para trabajar con texto. Por lo tanto es muy compatiblecon los programas de grá�cos vectoriales, nos permiten convertirlos en contornosy trabajar como si de una forma vectorial se tratase.

11 / 22


En la práctica

7. En las aplicaciones de dibujo vectorial se pueden incluir imágenes bitmap

en combinación con los grá�cos vectoriales, técnica muy utilizada para realizardiseños.

8. Podemos realizar imágenes bitmap a partir de grá�cos vectoriales (rasteri-zar), exportándolos con formato de mapa de bits. También podemos realizar locontrario: obtener vectores a partir de una imagen bitmap, a esto se le llamavectorizar.

12 / 22


Contenido

1 La Imagen Digital

2 Características

3 Aplicaciones


13 / 22


Aplicaciones comunes

Las imágenes vectoriales se utilizan para realizar trabajos cuyo resultado sonformas geométricas con masas de color. Los grá�cos vectoriales tienen un granprotagonismo en el ámbito del diseño.

I Diseño de marcas y logos.

I Diseño de carteles y promocionales.

I Ilustración

I Packaging y productos troquelados.

I Rotulación y herramientas de corte

I Serigrafía y estampación

I Tipografía

I CAD y CAM. Producto, arquitectura, geotécnia...

14 / 22


Otras aplicaciones

15 / 22


Contenido

1 La Imagen Digital

2 Características

3 Aplicaciones


16 / 22


Programas

Estas aplicaciones nos permiten realizar tareas de una forma grá�ca e intuitiva.Hay multitud de aplicaciones que nos permiten trabajar con grá�cos vectoriales.Las más importantes son:

1. Adobe Illustrator: actualmente es la aplicación más extendida para construirimágenes vectoriales. Es muy versátil y completa. Se puede encontrar en elpaquete Design Premium de Adobe.

2. MacromediaFreehand: similar a la anterior, anteriormente muy extendidaen Europa hasta que Macromedia fue absorbida por Adobe. Actualmenteya no se desarrolla ni tiene soporte.

17 / 22


Programas

4. Corel Draw: tradicionalmente utilizada por usuarios de Windows no haalcanzado el nivel de las anteriores.

5. Autocad (de Autodesk): muy utilizado por los diseñadores de producto,interioristas y arquitectos. Sirve para realizar digitalmente tareas de dibujotécnico representación espacial, además tiene un módulo de 3D.

6. Adobe Flash (Animate CC): es una aplicación que permite incluir grá�cosvectoriales para crear animaciones y aplicaciones multimedia e interactivaspara web. Como hemos dicho los grá�cos vectoriales tienen un tamañode archivo reducido por lo que son muy versátiles a la hora de trasladarsepor la red. Con la aparición de Flash se pudieron realizar animaciones ypresentaciones espectaculares con poco tamaño de archivo.

18 / 22


Programas

19 / 22


Formatos

I ai: nativo de adobe ilustrator.

I fh: nativo de freehand.

I eps: (Encapsulated Poscript) archivo vectorial basado en Poscript(lenguaje de descripción de impresoras). Es el más universal y compatible.El PDF. está basado en este formato.

I cdr: formato de Corel Draw

I svg: formato vectorial para la web.

I swf: formato de reproducción de �ash.

I dxf, dwg: formatos propios de CAD.

20 / 22


FormatosInfografía realizada a partir de grá�cos vectoriales

21 / 22


"La creatividad es el resultado de un duro ysistemático trabajo"

Juan Carlos Conde Ramí[email protected]

22 / 22

gráficos vectoriales - facultad de cs. de la...

Documents