sábado, 14 de junio de 2008

jueves, 12 de junio de 2008

VENTAJAS Y DESVENTAJAS DE GRAFICOS VECTORIALES


VENTAJAS

  • Dependiendo de cada caso particular, las imágenes vectoriales pueden requerir menor espacio en disco que un bitmap. Las imágenes formadas por colores planos o degradados sencillos son más factibles de ser vectorizadas. A menor información para crear la imagen, menor será el tamaño del archivo. Dos imágenes con dimensiones de presentación distintas pero con la misma información vectorial, ocuparán el mismo espacio en disco.
  • No pierden calidad al ser escaladas. En principio, se puede escalar una imagen vectorial de forma ilimitada. En el caso de las imágenes rasterizadas, se alcanza un punto en el que es evidente que la imagen está compuesta por píxeles.
  • Los objetos definidos por vectores pueden ser guardados y modificados en el futuro.
  • Algunos formatos permiten animación. Esta se realiza de forma sencilla mediante operaciones básicas como traslación o rotación y no requiere un gran acopio de datos, ya que lo que se hace es reubicar las coordenadas de los vectores en nuevos puntos dentro de los ejes x, y y z en el caso de las imágenes 3D.

    DESVENTAJAS
  • Los gráficos vectoriales en general no son aptos para codificar fotografías o vídeos tomados en el "mundo real" (fotografías de la Naturaleza, por ejemplo), aunque algunos formatos admiten una composición mixta (vector + imagen bitmap). Prácticamente todas las cámaras digitales almacenan las imágenes en formato rasterizado.
  • Los datos que describen el gráfico vectorial deben ser procesados, es decir, el computador debe ser suficientemente potente para realizar los cálculos necesarios para formar la imagen final. Si el volumen de datos es elevado se puede ralentizar la representación de la imagen en pantalla, incluso trabajando con imágenes pequeñas.
  • Por más que se construya una imagen con gráficos vectoriales su visualización tanto en pantalla, como en la mayoría de sistemas de impresión, en última instancia tiene que ser traducida a píxeles.
    (www.wikipedia.com)

lunes, 9 de junio de 2008

EDITOR DE GRÁFICOS VECTORIALES
(
www.desarrolloweb.com)




Los gráficos vectoriales, también conocidos como gráficos orientados a objetos, son el segundo gran grupo de imágenes digitales. Son más simples que los gráficos de mapas de bits, ya que en ellos las imágenes se almacenan y representan por medio de trazos geométricos controlados por cálculos y fórmulas matemáticas, tomando algunos puntos de la imagen como referencia para construir el resto.




Por lo tanto, las imágenes en los gráficos vectoriales no se construyen píxel a píxel, sino que se forman a partir de vectores, objetos formados por una serie de puntos y líneas rectas o curvas definidas matemáticamente.

Por ejemplo, una línea se define en un gráfico de mapa de bits mediante las propiedades de cada uno de los píxeles que la forman, mientras que en un gráfico vectorial se hace por la posición de sus puntos inicial y final y por una función que describe el camino entre ellos. Análogamente, un círculo se define vectorialmente por la posición de su punto central (coordenadas x,y) y por su radio (r).



Cada vector en un gráfico vectorial tiene una línea de contorno, con un color y un grosor determinados, y está relleno de un color a elegir. Las características de contorno (o filete) y relleno se pueden cambiar en cualquier momento.

Las imágenes vectoriales se almacenan como una lista que describe cada uno de sus vectores componentes, su posición y sus propiedades.

En cuanto a la resolución, los gráficos vectoriales son independientes de la resolución, ya que no dependen de una retícula de píxeles dada. Por lo tanto, tienen la máxima resolución que permite el formato en que se almacena.




Curvas de Bézier

Los principales elementos constituyentes de un vector son las denominadas curvas de Bézier, desarrolladas por Pierre Bézier por encargo de la empresa Renault, que buscaba una familia de curvas representables matemáticamente (son curvas de tercer grado) que permitieran representar las curvaturas suaves que deseaban dar a sus automóviles.






Una curva Bézier queda totalmente definida por cuatro puntos característicos, los puntos inicial y final de la curva (nodos o puntos de anclaje) y dos puntos de control (puntos de control, manejadores o manecillas), invisibles en el gráfico final, que definen su forma. Para modificar su forma, basta cambiar de posición uno de sus nodos o uno de sus puntos de control.

Son curvas de manejo poco complejo y muy elegantes, con un desarrollo muy suave, capaces de adaptarse a casi cualquier forma imaginable, por lo que son muy usadas para diseñar logotipos e iconos y para copiar cualquier figura.

También son enormemente versátiles, pudiendo adoptar desde curvaturas muy suaves (casi líneas rectas) a curvaturas muy fuerte (curvas complejas), pasando por todos los valores intermedios. Pueden, incluso, cambiar de cóncavas a convexas alrededor de un punto.

sábado, 7 de junio de 2008

TIPOS DE FORMATOS

DIFERENCIAS DE LOS FORMATOS DE IMÁGENES


Los formatos de archivo gráfico (formato de imagen) GIF y JPEG son muy comunes en Web, debido a que pueden comprimirse mucho. El formato PNG no lo es tanto, ya que no todos los navegadores Web lo admiten.
La comprensión reduce el tiempo de transferencia a través de Internet. Sin embargo, la integridad visual de un grafico puede variar de un formato a otro en función del método de comprensión empleado por cada unos de ellos. Por ello tanto, deberá basar su elección en el diseño y uso previstos para el gráfico.



CARACTERÍSTICAS DEL FORMATO JPEG

Sin duda uno de los formatos más populares para guardar nuestras imágenes digitales.

Que significa JPEG: Su nombre proviene de las siglas de Joint Phorographic Experts Group, y cuya traducción al castellano es Grupo de expertos en Fotografía.

Algunas características de este formato son:

Formato de gráfico mapa de bits.
Soporte de color verdadero, también conocido por su homónimo inglés TRUE color (24bits).
Algoritmo de comprensión (con perdidas) que soporta altas tasas de empaquetado (1/20 y más).

El soporte de color verdadero (24 bits) de JPEG nos ofrece la posibilidad de ofrecer imágenes con una profundidad de 16.777.216 colores.

Esta claro que un mapa de bits con una esta profundidad de color alcanza tamaños de memoria descomunales, pero esto se suple con el algoritmo de compresión que ofrece el formato. Este algoritmo de compresión, aunque muy potente (reduce el tamaño del mapa de bits hasta un 5% del original o menos).


CARACTERÍSTICAS DEL FORMATO PNG

Que significa PNG: Debe a las siglas a los vocablos ingleses Portable Network Graphics cble para cualquier usuario.
ramas que usaran este formato deberian de pagarciodos los navegadores Webuya traducción directa al castellano es Gráficos de Red Portátiles.

Este formato gráfico surgió a partir de la controversia que se suscito cuando Compuserve, propietaria del formato, y Unisys, propietaria del algoritmo de compresión LZW usado por los ficheros GIF, decidieron que los programas que usaran este formato deberían de pagar.

Esto generó el desarrollo de un nuevo formato gráfico, PNG, que fue adaptado por el W3C en 1996.
El uso del formato PNG es gratuito, y su código completo esta disponible para cualquier usuario.

Algunas características de este formato son:

Formato d EMAPA de bits
Alta tasa de compresión sin perdidas.
Soporte de colores: color indexado, color verdadero de 48 bits escala de grises de 16 bits.
Sistema de entrelazado Adam 7.
Corrección gamma
Cromaticidad

El formato PNG dispone de un potente algoritmo de compresión, sin pérdidas (la información no se altera), y con una tasa muy alta de compresión.
El mecanismo de la compresión, básicamente, se basa en optimizar la imagen línea a línea y aplicar después un algoritmo de compresión derivado del método LZ77, utilizado en programas de compresión general tan famosos como ZIP.


La gama de soporte de colores puede alcanzar hasta color verdadero de 48 bits, lo cual supone disponer de una paleta de más de 281.474.976.000.000 colores diferentes.

El sistema de entrelazado Adam7, utilizado por PNG, es más potente que el utilizado por GIF, ya que el sistema Adam7 muestra la imagen en 7 etapas y el resultado final es una imagen que es vislumbrada mucho antes que con el sistema en 4 etapas de GIF.

CARACTERÍSTICAS DEL FORMATO GIF

Que significa PNG: Su nombre proviene de las siglas de Graphics Interchange Format, que cuya traducción al castellano es Formato de Intercambio de Archivos.

Este fue creado por AOL para intercambiar imágenes en la red. Por cierto que ellos insisten en que es un formato con copyright, pero hasta el día de hoy han perdido todos los juicios.

Así como JPEG es uno de los formatos gráficos más utilizados en la Web Ya que ofrece una buena comprensión, pero si la imagen contiene más de 256 colores es posible que su calidad se reduzca de manera consecutiva.

Tiene la ventaja, de que no deforma la imagen (solo los colores si tiene muchos), y ocupa menos que bmp o tif..Alternativamente, puede utilizar el formato PCX, pero que no publicable en una pagina Web.









miércoles, 4 de junio de 2008

FIREWORKS

FIREWORKS

En esta materia aprenderemos a manejar el software de Fireworks.

Fireworks es un programa diseñado por Macromedia Systems para la creación y edición de imágenes y gráficos. Esta aplicación es apta para los diseñadores gráficos para desarrolladores de paginas Web; ya que en este software podremos realizar gráfico vectoriales y de mapa de bits mediante una gamma de herramientas que nos proporciona Fireworks esto en conjunto con Dreamweaver, Flash, Contribute y FlashPaper del paquete de Studio 8 de Macromedia.

Algunas características de Fireworks son:

Creación de elementos gráficos: Aquí se pueden dibujar dos tipos de gráficos que son los gráficos vectoriales y los mapas de bits.

Creación de objetos Web: Son los objetos fundamentales en que se basa fireworks para la creación de las paginas Web interactivas o divisiones.

Edición de gráficos: Aquí fireworks nos permite nos permite cambiar todas las características de alguna imagen tales como ampliar, reducir, resolución y hasta girarlo.

Optimización: Pueden optimizarse los archivos de imágenes o gráficos Web para reducir al máximo su tamaño y permitir en consecuencia que los sitios Web descarguen con más rapidez, también nos permite vivir una imagen en partes y aplicar a cada una de las partes el formato que mas nos convenga.

Exportación de documentos: una vez finalizado el trabajo debe guardarse en un archivo apropiado para el propósito que se creo y se puede utilizar en un navegador web o para desplegarlo en alguna aplicación.

En Fireworks siempre nos arroja en archivo nativo en formato PNG pero también usa los formatos JPEG, GIF.

Para la creación de alguna imagen implica tener:
Ø Tener sensibilidad
Ø Siempre usar los colores apropiados.
Ø Seguir siempre un orden Centro, Derecha, Izquierda y Abajo