PIXEL - VECTORPIXEL - VECTOR

EXISTEN DOS TIPOS DE IMAGENESEXISTEN DOS TIPOS DE IMAGENES

• Raster o Bitmaps,compuesta de pixeles.

• Vectores compuesta de paths.

BITMAPBITMAP

• Es una imagen que utiliza un arreglo de pixeles que pueden ser de diferentes colores o tonos.

• PIXEL son la unidad mínima de las imágenes de mapas de bits.

• Photoshop, paint, fireworks, photopaint, etc.

• Jpg, png, gif, etc.

VECTORESVECTORES

• Una imagen de vector usa relaciones matematicas entre puntos y los paths que los unen para formar la imagen.

• Ilustrator, Corel, Freehand, etc.

• Eps, ai, crd, etc.

FORMATOS DE ARCHIVO

FORMATOS DE ARCHIVO

Existen dos tipos de archivos:Existen dos tipos de archivos:

NATIVOS

Propios de un programa específico

• Ilustrador .ai• Freehand .fh10• CorelDraw .cdr• Photoshop .psd

ESTANDARES

Aceptados y utilizados por todas las aplicaciones relacionadas con este

tipo de archivos.

• .eps• .tiff• .jpg• .gif

Las diferencias entre un formato y otro residen en algunas de las siguientes características:

Las diferencias entre un formato y otro residen en algunas de las siguientes características:

• Si el archivo guarda vectores, pixeles o ambos.Ej. ilustrador .ai , el .jpg y el .eps

• Guardar efectos especiales del programa donde se genero.Ej. .ai, .fh10, .psd

• Tipo y capacidades de compresion del archivo.Ej. gif, jpg, png, tiff

• Las cantidades de colores que el formato soporta.Ej. Jpg, gif

Los diseños terminados se utilizan para alguna de 2 categorigas:

Los diseños terminados se utilizan para alguna de 2 categorigas:

TIFF. Tagged-Image Film Format.

Utilizado para bitmaps solamente El formato TIFF es soportado por todas las aplicaciones de desarrollo gráfico.Este formato no utiliza compresión.

EPS. Encapsulated PostScript.

Un formato de archivo utilizado tanto para vectores como para bitmaps. Los archivos EPS contienen una descripción de PostScript sobre la información que contienen.Estos archivos son unicos debido a que se pueden utilizar tanto para graficos de vectores como de bitmaps , tipografias e incluso paginas completas.

1. DOCUMENTOS DE IMPRESION:folletos, catalogos, carteles… Cualquier trabajo que se imprima.

Los diseños terminados se utilizan para alguna de 2 categorigas:

Los diseños terminados se utilizan para alguna de 2 categorigas:

GIF. Graphics Interchange Format

Imagenes que utilizan una paleta de color específica (limitada a tan solo 256 colores, no el espectro completo de los monitores). Usa compresión para producir archivos mas pequeños que se puedan descargar mas rapido. Este formato tiene capacidad de transparencia y es recomendado para imagenes con areas de color solido (sin tonos) tales como ilustraciones y logos.

JPEG. Joint Photographic Experts Group.

Utilizado para imagenes fotograficas (tonos continuos). Puede utilizar todo el espectro de colores disponibles en su monitor. Utiliza compresion para producir archivos mas pequeños y disminuir el tiempo de descarga de internet. Sin embargo, a diferencia del metodo que utilizan los GIF, la compresion de JPG es ‘lossy’.

2. DOCUMENTOS ELECTRONICOS:Paginas de internet, multimedia, e-flayers, etc.

SWFShockWave FileSmall Web File

Es nativo del programa Flash de Adobe, antes Macromedia, aunque los principales programas de ilustración ya poseen capacidad para exportarlo.

Es un formato especial diseñado para reproducir archivos pequeños y escalables. Para lograr esto el formato trabaja con compresión y pricipalmente con vectores aunque es capaz de contener bitmaps.

PDFPortable Documente Format

Desarrollado por Adobe, es utilizado para la publicación de documentos electronicos que seran distribuidos por Internet y otros servicios en línea.

Ventajas:-Son tamaño compacto.-Son independiente de cualquier plataforma (Mac o PC).-El programa para leerlos e imprimirlos es gratuito.-Se desplegan en pantalla e imprimen usando PostScript.-Se pueden realizar busquedas en ellos.-Pueden tener ligas que llevan a otras partes del documento o a páginas web.

RESOLUCIONRESOLUCION

Determina la cantidad de detalle y la suavidad de transicion entre colores de una imagen.

Hay 2 factores que determinan la resolución de una imagen:

Hay 2 factores que determinan la resolución de una imagen:

• Resolución(el número de pixeles por pulgada)

• Su tamaño Ancho por Alto(Pulgadas, centimetros, etc)

Ejemplo: Una imagen de 2 pulgadas x 3 pulgadas con una resolucion de 300 PPI tendra una resolucion de:(2x300) X (3x300) = 540,000 pixeles

Existen dos formas de mostar una imagen

IMPRESA Y EN PANTALLAExisten dos formas de mostar una imagen

IMPRESA Y EN PANTALLA

Mostrar una imagen en pantalla requiere menos resolución, al imprimir una imagen sacada de internet nos podemos dar cuenta que no sale lo mismo si se imprime.

Mostrar una imagen impresa enfrenta los retos de hacer la imagen realidad en medio fisico: Tinta y Papel, por lo tanto requiere resoluciones mas altas.

IMAGENES PARA PANTALLAIMAGENES PARA PANTALLA

Se debe tomar en consideración el tamaño que se busque de la imagen en pantalla.

72 ppi y listo!

MEDIOS IMPRESOSMEDIOS IMPRESOS

Al imprimir, se necesita resoluciones mas grandes para garantizar calidad.

El reducir de tamaño una imagen, manteniendo el mismo número de pixeles sobre una superficie mas pequeña produce mejor calidad.

Por otro lado, incrementar la resolución de una imagen pequeña solo redistribuye los mismos pixeles sobre un area mayor y NO mejora la calidad.

Por otro lado, el usar una resolución más alta que la capacidad del sistema de impresión, NO ayudará en nada.

EJERCICIO / TAREAEJERCICIO / TAREA

Subir a sus blogs:Subir a sus blogs:

1. Imagen hecha a base de pixeles2. Imagen hecha a base de vectores3. Archivo .gif animado4. Link a página .pdf5. Link a página hecha a base de flash6. Describir diferencias entre (1 y 2) (1 y 3) (4 y

5)