PIXEL -  VECTOR
EXISTEN DOS TIPOS DE IMAGENES <ul><li>Raster o Bitmaps , </li></ul><ul><li>compuesta de pixeles. </li></ul><ul><li>Vectore...
BITMAP <ul><ul><li>Es una imagen que utiliza un arreglo de pixeles que pueden ser de diferentes colores o tonos. </li></ul...
 
VECTORES <ul><ul><li>Una imagen de vector usa relaciones matematicas entre puntos y los paths que los unen para formar la ...
 
 
 
 
 
 
 
 
 
FORMATOS DE ARCHIVO
 
Existen dos tipos de archivos: <ul><li>NATIVOS </li></ul><ul><li>Propios de un programa específico </li></ul><ul><li>Ilust...
Las diferencias entre un formato y otro residen en algunas de las siguientes características : <ul><li>Si el archivo guard...
Los diseños terminados se utilizan para alguna de 2 categorigas : <ul><li>TIFF.  </li></ul><ul><li>Tagged-Image Film Forma...
Los diseños terminados se utilizan para alguna de 2 categorigas: <ul><li>GIF.  </li></ul><ul><li>Graphics Interchange Form...
 
 
<ul><li>SWF ShockWave File </li></ul><ul><li>Small Web File </li></ul><ul><li>Es nativo del programa Flash de Adobe, antes...
 
 
 
 
 
 
 
 
 
RESOLUCION 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: <ul><li>Resolución </li></ul><ul><li>(el número de pixeles por ...
 
 
Existen dos formas de mostar una imagen IMPRESA Y EN PANTALLA <ul><li>Mostrar una imagen en pantalla requiere menos resolu...
IMAGENES PARA PANTALLA <ul><li>Se debe tomar en consideración el tamaño que se busque de la imagen en pantalla. </li></ul>...
MEDIOS IMPRESOS <ul><li>Al imprimir, se necesita resoluciones mas grandes para garantizar calidad. </li></ul><ul><li>El re...
 
EJERCICIO / TAREA
Subir a sus blogs: <ul><li>Imagen hecha a base de pixeles </li></ul><ul><li>Imagen hecha a base de vectores </li></ul><ul>...
Upcoming SlideShare
Loading in...5
×

Clase01

538

Published on

Published in: Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
538
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Clase01

  1. 1. PIXEL - VECTOR
  2. 2. EXISTEN DOS TIPOS DE IMAGENES <ul><li>Raster o Bitmaps , </li></ul><ul><li>compuesta de pixeles. </li></ul><ul><li>Vectores </li></ul><ul><ul><li> compuesta de paths. </li></ul></ul>
  3. 3. BITMAP <ul><ul><li>Es una imagen que utiliza un arreglo de pixeles que pueden ser de diferentes colores o tonos. </li></ul></ul><ul><ul><li>PIXEL son la unidad mínima de las imágenes de mapas de bits. </li></ul></ul><ul><ul><li>Photoshop, paint, fireworks, photopaint, etc. </li></ul></ul><ul><ul><li>Jpg, png, gif, etc. </li></ul></ul>
  4. 5. VECTORES <ul><ul><li>Una imagen de vector usa relaciones matematicas entre puntos y los paths que los unen para formar la imagen. </li></ul></ul><ul><ul><li>Ilustrator, Corel, Freehand, etc. </li></ul></ul><ul><ul><li>Eps, ai, crd, etc. </li></ul></ul>
  5. 15. FORMATOS DE ARCHIVO
  6. 17. Existen dos tipos de archivos: <ul><li>NATIVOS </li></ul><ul><li>Propios de un programa específico </li></ul><ul><li>Ilustrador .ai </li></ul><ul><li>Freehand .fh10 </li></ul><ul><li>CorelDraw .cdr </li></ul><ul><li>Photoshop .psd </li></ul><ul><li>ESTANDARES </li></ul><ul><li>Aceptados y utilizados por todas las aplicaciones relacionadas con este tipo de archivos. </li></ul><ul><li>.eps </li></ul><ul><li>.tiff </li></ul><ul><li>.jpg </li></ul><ul><li>.gif </li></ul>
  7. 18. Las diferencias entre un formato y otro residen en algunas de las siguientes características : <ul><li>Si el archivo guarda vectores, pixeles o ambos. </li></ul><ul><li>Ej. ilustrador .ai , el .jpg y el .eps </li></ul><ul><li>Guardar efectos especiales del programa donde se genero. </li></ul><ul><li>Ej. .ai, .fh10, .psd </li></ul><ul><li>Tipo y capacidades de compresion del archivo. </li></ul><ul><li>Ej. gif, jpg, png, tiff </li></ul><ul><li>Las cantidades de colores que el formato soporta. </li></ul><ul><li>Ej. Jpg, gif </li></ul>
  8. 19. Los diseños terminados se utilizan para alguna de 2 categorigas : <ul><li>TIFF. </li></ul><ul><li>Tagged-Image Film Format. </li></ul><ul><li>Utilizado para bitmaps solamente El formato TIFF es soportado por todas las aplicaciones de desarrollo gráfico. </li></ul><ul><li>Este formato no utiliza compresión. </li></ul><ul><li>EPS. </li></ul><ul><li>Encapsulated PostScript. </li></ul><ul><li>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. </li></ul><ul><li>Estos archivos son unicos debido a que se pueden utilizar tanto para graficos de vectores como de bitmaps , tipografias e incluso paginas completas. </li></ul><ul><li>DOCUMENTOS DE IMPRESION: </li></ul><ul><li>folletos, catalogos, carteles… Cualquier trabajo que se imprima. </li></ul>
  9. 20. Los diseños terminados se utilizan para alguna de 2 categorigas: <ul><li>GIF. </li></ul><ul><li>Graphics Interchange Format </li></ul><ul><li>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. </li></ul><ul><li>JPEG. </li></ul><ul><li>Joint Photographic Experts Group. </li></ul><ul><li>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’. </li></ul>2. DOCUMENTOS ELECTRONICOS: Paginas de internet, multimedia, e-flayers, etc.
  10. 23. <ul><li>SWF ShockWave File </li></ul><ul><li>Small Web File </li></ul><ul><li>Es nativo del programa Flash de Adobe, antes Macromedia, aunque los principales programas de ilustración ya poseen capacidad para exportarlo. </li></ul><ul><li>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. </li></ul><ul><li>PDF </li></ul><ul><li>Portable Documente Format </li></ul><ul><li>Desarrollado por Adobe, es utilizado para la publicación de documentos electronicos que seran distribuidos por Internet y otros servicios en línea. </li></ul><ul><li>Ventajas: </li></ul><ul><li>-Son tamaño compacto. </li></ul><ul><li>-Son independiente de cualquier </li></ul><ul><li> plataforma (Mac o PC). </li></ul><ul><li>-El programa para leerlos e imprimirlos </li></ul><ul><li> es gratuito. </li></ul><ul><li>-Se desplegan en pantalla e imprimen </li></ul><ul><li> usando PostScript. </li></ul><ul><li>-Se pueden realizar busquedas en ellos. </li></ul><ul><li>-Pueden tener ligas que llevan a otras </li></ul><ul><li> partes del documento o a páginas web. </li></ul>
  11. 33. RESOLUCION Determina la cantidad de detalle y la suavidad de transicion entre colores de una imagen.
  12. 34. Hay 2 factores que determinan la resolución de una imagen: <ul><li>Resolución </li></ul><ul><li>(el número de pixeles por pulgada) </li></ul><ul><li>Su tamaño Ancho por Alto </li></ul><ul><ul><li>(Pulgadas, centimetros, etc) </li></ul></ul>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
  13. 37. Existen dos formas de mostar una imagen IMPRESA Y EN PANTALLA <ul><li>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. </li></ul><ul><li>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. </li></ul>
  14. 38. IMAGENES PARA PANTALLA <ul><li>Se debe tomar en consideración el tamaño que se busque de la imagen en pantalla. </li></ul>72 ppi y listo!
  15. 39. MEDIOS IMPRESOS <ul><li>Al imprimir, se necesita resoluciones mas grandes para garantizar calidad. </li></ul><ul><li>El reducir de tamaño una imagen, manteniendo el mismo número de pixeles sobre una superficie mas pequeña produce mejor calidad. </li></ul><ul><li>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. </li></ul><ul><li>Por otro lado, el usar una resolución más alta que la capacidad del sistema de impresión, NO ayudará en nada. </li></ul>
  16. 41. EJERCICIO / TAREA
  17. 42. Subir a sus blogs: <ul><li>Imagen hecha a base de pixeles </li></ul><ul><li>Imagen hecha a base de vectores </li></ul><ul><li>Archivo .gif animado </li></ul><ul><li>Link a página .pdf </li></ul><ul><li>Link a página hecha a base de flash </li></ul><ul><li>Describir diferencias entre (1 y 2) (1 y 3) (4 y 5) </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×