LC1

      LENGUAJE
      COMPUTACIONAL
      DAMARIS SEPULVEDA T.
LC1                   CLASES
INDICE                 TAREAS
LENGUAJE
                       INVESTIGACION
COMPUTACIONAL



...
Modos de
        Bitmap
28-35
        Escala de Grises             Color II
        Indexado
        Lab
        Duotono
 ...
INTRODUCCIÓN




D
DEL
DISEÑO
GRAFICO
Y     LA
TIPOGRAFÍA
DEL
                                                                    de Johannes
                                      ...
Johannes Gutenberg hizo los
libros más baratos de producir,
aumentando su difusión. Los
primeros libros impresos (in-
cuna...
La emblemáti-          nuevas exigencias y a las nue-
                                              ca tipografía         ...
Holland     post-
                              er by Dick Elfers.
a la innovación tipográfica y poster del festival
forma...
13.07
Desde los 60 hasta el auge de
los 80, la informática permitió
CLASE 3
progresivamente que la cre-
ación, la organiza...
APUNTES




P
CLASE   1
PORTADAS
        DE
PERIÓDICOS
29.06                                               primero un tipo era de Gutember y despues
                            ...
Quad City Times Iowa,
                                                                EEUU. diario elegido para
          ...
APUNTES




C
CLASE 2
COLOR
    E
IMPRESIÓN
05.07                                 Modelo
                                      RGB
CLASE 2
LENGUAJE
COMPUTACIONAL

col...
Modelo
CMYK




                               geométrica hexagonal),llamado ángulo de trama, donde
Tramas de semitono
   ...
TAREAS




M
MODELOS
     DE
COLOR
CMYK-RGB
M
MODELOS
     DE
COLOR
CMYK
cian
magenta
    amarillo
negro(ki)
 Modo de color CMYK
El modelo CMYK se basa
en la cualidad...
En el modo CMYK de
Photoshop, a cada píxel se
le asigna un valor de por-
centaje para las tintas de
cuatricromía. Los colo...
MODELO         La descripción RGB (del inglés Red, Green, Blue; “rojo,

RGB
               verde, azul”) de un color hace ...
El color es la sensación pro-
ducida por los rayos lumino-
sos al impresionar los órganos
visuales (ojos) en función de
la...
A
APUNTES
CLASE 3
PROCESOS
        DE
EDITORIAL
13.07
CLASE 3
LENGUAJE
COMPUTACIONAL



procesos en
editorial                        una carpeta para las imagenes, y tamb...
13.07
CLASE 3
LENGUAJE
COMPUTACIONAL




imagen vectorial



                                  nizada la informacion que s...
INVESTIGACION




ID
DE      LOS
FORMATOS
IMAGENES
DIGITALES
IMAGEN
VECTORIAL
(Gráficos de vector, gráficos
orientado a objetos (object-
oriented graphics), SVG)

Se refiere al uso de...
Los gráficos vectoriales
almacenan la información en
fórmulas matemáticas.
mas gráficos sofisticados
                     ...
B I T MIA P
       GRÁF CO
       RASTERIZADO
       El gráfico Rasterizado es
       también llamado mapa de
       bits ...
Los gráficos rasterizados
son útiles para imágenes
fotográficas, las cuales no
pueden ser representadas
por vectores.
La c...
Prochain SlideShare
Chargement dans…5
×

Bitacora Damaris1º parte

3 783 vues

Publié le

1º parte bitacora digital
Lc1,Hay colores en transparencia que no se ven en slideshare
que al bajar el pdf, si se ven

Publié dans : Voyages, Business
  • esto lo escribi en la wiki, no habia kchado q taba posteando aca:

    'me gusta el titulo de cada clase y de cada tópico, como una caja con bajada de texto, tal vez hay datos de sobra en esa caja, pero esa es sólo mi opinion. Destaco también la información de la bitácora, que, aunque sigue el ritmo de cada clase, no se queda ahi y sigue investigando'
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • esto lo escribi en la wiki, no habia kchado q taba posteando aca:

    'me gusta el titulo de cada clase y de cada tópico, como una caja con bajada de texto, tal vez hay datos de sobra en esa caja, pero esa es sólo mi opinion. Destaco también la información de la bitácora, que, aunque sigue el ritmo de cada clase, no se queda ahi y sigue investigando'
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • La direccion de la segunda parte
    http://www.slideshare.net/shizada/bitacora-damaris2parte/1
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici

Bitacora Damaris1º parte

  1. 1. LC1 LENGUAJE COMPUTACIONAL DAMARIS SEPULVEDA T.
  2. 2. LC1 CLASES INDICE TAREAS LENGUAJE INVESTIGACION COMPUTACIONAL Indice 1-2 Introducción Del diseño Gráfico y La Tipografía 3-8 Diagramacion de un medio de 9-11 portadas de periodicos comunicacion color e impresion 12-14 visual Modos de modelo RGB 15-17 modelo CMYK Color I 18-19 La edición procesos en editorial 20-22 Formatos imagenes bitmap, mapa rasterizado 23-25 imagen Vectorial 26-27 digitales
  3. 3. Modos de Bitmap 28-35 Escala de Grises Color II Indexado Lab Duotono Multicanal Registro Bitácora 36-38 Digital Imagen Glosario 39-41 Tipos de formato Digital de imagen Desarrollo investigación y desarrollo 42-44 Tipo true type & postcript 45-50 Digital Diseño 51-53 Diseño Digital Wired 54-56 Revista Wired AI Arquitectura de la 57-60 Información El Contenido Diagramación 61-62 Información La Aldea McLuhan 63-65 Global Aldea Global
  4. 4. INTRODUCCIÓN D DEL DISEÑO GRAFICO Y LA TIPOGRAFÍA
  5. 5. DEL de Johannes Gutenberg, la evo- D lución de la industria del li- DISEÑO bro, los afiches parisinos, el Movimiento de Artes y Ofi- GRAFICO cios (Arts and Crafts), Wil- Bau- liam Morris, la Y LA haus, TIPOGRAFÍA etc. LAHISTORIA DE LA INFLUENCIA La introducción de los tipos móviles por C.)es para algunos un muy Al revisar la historia de la hermoso y temprano ejemplo humanidad se puede reparar de diseño gráfico. Para otros, que el diseño, como grafía, se se trata de una manifestación encuentra en la esencia del gráfica, de alto valor artístico. hombre desde que el hombre La historia de la tipografía (y toma conciencia de si mismo, por carácter transitivo, tam- como ejemplo de esto son las bién la historia del libro) está pinturas rupestres,que nacen muy vinculada a la del dis- por la necesidad de eño gráfico, probablemente comunicacion visual porque prácticamente no ex- del hombre, y de plasmarla isten diseños gráficos que no en el tiempo. Esto más tarde incluyan este tipo de elemen- luego de muchos evoluciones tos gráficos. deriva en el desarrollo del alfabeto actual. De ahí que cuando se habla de El libro de Kells (una Bi- la historia del diseño gráfico, fragmento del libro de Kells blia manuscrita profusamente también se cita la tipografía de ilustrada, realizada por monjes la columna trajana, las minia- irlandeses del siglo IX d. de turas medievales, la imprenta .4
  6. 6. Johannes Gutenberg hizo los libros más baratos de producir, aumentando su difusión. Los primeros libros impresos (in- cunables) marcaron el modelo a seguir hasta el siglo XX. El diseño gráfico de esta época se conoce como Estilo Antiguo (especialmente la tipografía que estos primeros tipógrafos Humanista, usaron) o como la escuela filosófica pre- dominante de la época. TOULOUSE LAUTREC En el siglo XIX en las calles se presentaron los carteles como expresión de la vida social, económica y cultural. Aqui es Toulouse donde se presenta la influencia de Toulouse-Lautrec Lautrec Divan (1864-1901), influyó notable- Japonais mente en la elaboración del 1893 cartel moderno (poster). En- carteles relación del tendía que los ma de impresión (Hollerbaum eran un medio de comuni- und Schmidt) rompió una diseño con cación con otras personas, que nueva barrera: sus carteles re- la era se dirigía a cierta audiencia. stringieron la imagen al obje- Descubrió la importancia de to que se estaba anunciando, industrial trasladar su trabajo a la im- y las pa-labras a la marca del prenta, y a provechó la lito- fabricante. Este estilo se con- grafía a gran escala. oce como cartel - objeto En Berlín, un grupo de dise- Pero mi interes en este caso (Sachplakat). ñadores asociado con una fir- es detenerme en el desarrollo .5
  7. 7. La emblemáti- nuevas exigencias y a las nue- ca tipografía vas oportunidades que el siglo diseñada en los XIX trajo consigo. La violen- propios talleres cia con la que la tipografía de la Bauhaus. moderna irrumpe en escena a 1923 comienzos del siglo XX refleja la agresividad con la que los nuevos conceptos sobre arte y diseño, en cada campo, bar- rieron convenciones agotadas y atacaron actitudes que no tenían relevancia en una so- ciedad altamente industrial- izada.” BAUHAUS SCHULE La Bauhaus, la famosa escuela de artes y artesanías, entraría en juego el diseño. Se del diseño gráfico tal como lo establecida en Weimar (Ale- trataría de crear formas con- conocemos hoy, el diseño que mania), en 1919. La Bauhaus jugando estética y funciona- se desarrolló gracias a todos estuvo justamente en el plano lismo, y seleccionar entre ellas los cambios sucedidos por la de la comunicación la más adecuada al fin pro- revolucion industrial. puesto.” (1) gráfica, en la conformación José Ignacio Armentia apunta Herbert Spencer en su li- de su especialidad como un esta relación entre el diseño bro Pioneros de la Tipografá área moderna de incumben- y la era industrial: “La idea moderna,(1995) “El nuevo cia, no equiparable a las an- de un producto concretada vocabulario de la tipografía y tiguas artes gráficas. Allí in- teóricamente después de estu- del diseño gráfico se fraguó en tervinieron, aportes técnicos y dios previos de necesidades de menos de veinte años (...) Por conceptuales de la psicología, la mercado y de sistemas y costes supuesto, la tipografía moder- publicidad y la propaganda de de producción, a fin de val- na no fue fruto de la repentina masas, generando un espacio orar la funcionalidad y rent- nuevo de articulación y invención de un hombre, ni si- abilidad, exige una proyección quiera de un grupo. de expresión, donde la proyec- gráfica que posibilite su mate- Nació como una respuesta a las tación se abría no solamente rialización. Sería aquí donde 6.
  8. 8. Holland post- er by Dick Elfers. a la innovación tipográfica y poster del festival formal sino a la inclusión de la Holland por Dick fotografía y otras composicio- Elfers. nes plásticas. La utopía del or- den y el ideal de la ilustración de lograr la democratización del acceso al conocimiento y a la distinción de los sa- beres, se plasmaban aquí en un primer paso fundamental: legibilidad. la EVOLUCIÓN DE LA COMUNICACIÓN IMPRESA En los años 60, La revolución electrónica ofreció la posi- bilidad de utilizar imágenes almacenadas desde períodos anteriores y de transformar al diseñador el control sobre a solucionar problemas de sus contenidos en algo los medios gráficos de produc- comunicación y acabó siendo contemporáneo, reconocido por los consumi- ción y reproducción. Pero los dores como sinónimo de moda a través de la manipulación cambios de estilo estuvieron provocados, más allá de los y buen gusto. La teoría “el digital. La evolución de la comu- avances de la tecnología y de medio es el mensaje” nicación impresa se debió los medios de comunicación, El desarrollo de la tecnología entonces, principalmente, por las mudanzas en el com- gráfica propició el control casi a los avances de las nuevas portamiento de la sociedad. absoluto del diseñador sobre la técnicas y de la tecnología producción informática, que entregaron El diseño gráfico fue llamado .7
  9. 9. 13.07 Desde los 60 hasta el auge de los 80, la informática permitió CLASE 3 progresivamente que la cre- ación, la organización y el al- LENGUAJE macenamiento de los elemen- COMPUTACIONAL tos gráficos se concentrasen en el ámbito controlado por el diseñador. WORLD WIDE Mapa 3D de la WEB World Wide Web Durante el siglo veinte, los me- con enlaces de hipertexto o tos de presentación visual. En dios de comunicación adop- hipermedia que posibilitan la verdad, la WWW es un nue- taron nuevas formas y cada navegación virtual por las in- vo y complejo campo para el nueva técnica desarrollada formaciones disponibles en diseño gráfico. Su particular aportó al diseñador un control Internet. arquitectura y las múltiples proceso mayor sobre el posibilidades de añadir imá- gráfico. Es innegable, pues, genes móviles en animación o H T M L que en los años 90 las nuevas en vídeo, fotos, gráficos y tex- tos en un ambiente inter- formas de comunicación de Hasta 1993, la tarea de crear la era digital, como es el caso activo, exigen un estudio una página Web estuvo reser- del sistema de distribución de de diseño gráfico mucho más vada a los técnicos en infor- información World Wide Web profundo, porque al revés que mática que sabían manejar las de Internet, están presentando el grafismo impreso, aún no etiquetas y códigos HTML nuevos desafíos al diseñador y ha habido tiempo para establ- (Hypertext Markup Language por ende al futuro del di-seño ecer patrones estables para la / Lenguaje de Marcas de Hip- gráfico. reciente interfaz gráfica de la ertexto), necesarios para la Las páginas web son en reali- Red. composición de los elemen- dad documentos electrónicos 8.
  10. 10. APUNTES P CLASE 1 PORTADAS DE PERIÓDICOS
  11. 11. 29.06 primero un tipo era de Gutember y despues caja de madera donde se calsaban la letras. CLASE 1 LENGUAJE COMPUTACIONAL portadas de periodicos “La libertad de un diseña- dor comienza cuando te- nemos claros los límites” J.B. y el diseño que el diario tendra. Para entender el proceso productivo de la priori imprenta permite enteder el diseño ¿ Cómo hacemos para lle- actual, gutember por ejemplo las letras actuales tienen var las noticias a un medio directa relacion con la madera. En la priori imprenta las le- impreso? tras eran puestas en un encuadre de madera, algo asi como En este caso es conocer a una caja. Al ver la diagramacion de una pagina se puede ver que publico esta dirigido la geometria que ya habia sido pensada con la invención de el diario, eso definirá que imprenta. temas queremos abordar la tarea la geometria 1 Reconocer de un diario, cual es su diagramación , es un analisis gráfico. En este ejemplo se muestra el analisis de grafias, en busca de una escala de grises. 10 .
  12. 12. Quad City Times Iowa, EEUU. diario elegido para el estudio gráfico. “Los procesos productivos van condicionando al diseño”J.B. logotipo: portada Entra en La viene a una geometria, hay que entender juego el logo del diario, que que el diseño de la portada de un diario no es mas impor- tante que el contenido. Enseñar a la gente a usar la tipo- identifica el caracter del dia- rio, puede apoyarse en imá- grafia. Es uno como diseñor el que propone el juego genes tambien. al lector, al tener una estructura constante del diseño de nuestro diario, se crea una imagen indentitiva del diario. El lector sabe que ese diseño representa a ese diario y no a otro. legibilidad en el diseño La consideración clave al elegir un tipo de texto en la diagramación de un diario es su legibilidad. Por legibilidad entendemos la facilidad con la que las palabras pueden leerse cómodamente, a una velocidad normal de lectura. Ejemplos de comparaciones de tipo de letras y texto en funcion de la legibilidad: .con serif- sin serif . caja alta - caja baja .tamaño del tipo Christofer Perfect, Tipografía . 11
  13. 13. APUNTES C CLASE 2 COLOR E IMPRESIÓN
  14. 14. 05.07 Modelo RGB CLASE 2 LENGUAJE COMPUTACIONAL color e impresión “El diseño es ductil a la infor- macion” cuatricromia es una este modelo de color es el Modelo aditivo RGB que se usa para todo lo que es impresión. Tratar de calibrar Rojo,verde, azul el color de la pantalla al perfil de color de la impresora es tiende hacia la luz plena, es algo muy complicado ya que estos dos trabajan con dos el color usado para las pan- modelos de colores diferentes. tallas como dice su nombre, Tono continuo imagen digitalizada, un original de tono los colores se dan por la su- continuo está formado por un número de variable de tonos ma de estos tres colores. intermedios entre blanco y negro ya sean imágenes mono- Modelo sustractivo CMYK cromáticas opolicromáticas. cian, magenta, amarillo más ki( seria el negro) tarea 2 Luego de la primera tarea, donde se hizo un analisis gráfico de la portada de un diario, con ese mismo analisis se hace una reproducción de la por- tada. 13.
  15. 15. Modelo CMYK geométrica hexagonal),llamado ángulo de trama, donde Tramas de semitono cada color básico de selección (CMYK), posee un ángulo Tinta negra escala de grises particular,que permite,al entrecruzarse todas las retículas, 1 a 100. Postcrpit adobe la formación de la roseta. Su función es, por ilusión óptica pérmite hacer traducciones fundir tales puntos en la retina del ojo para que se pueda de imagenes y tipografias. tramas: apreciar “tonos” y no “puntos”. como se cier- Tinta plana Tp ran y abren los cuatro tonos Es una tinta sin puntos la tinta es traslucida y acuosa, la dispuestos en puntos, esto sumatoria de colores, por eso muchas ocurre un efecto lla- se llama punto de roseta mado trapping que es cuando dos tintas se juntan ima- ya que la disposición de genes que se imprimen. relaciondas con su soporte, ppi. puntos describe una figura efecto moiré o más patrones de dibujos repetitivos La superposición de dos (las tramas de semitono lo son) suelen producir la aparición de un nuevo patrón repetitivo no deseado. A este molesto y muy evidente patrón se le llama con el galicismo aceptado de muaré (en francés moirè). En impresión, el muaré se evita ante todo con la variación de ángulos de trama y con la superposición acertada de esas tra- mas para que formen un pequeño motivo llamado roseta y me- diante el uso de tramas estocásticas. .14
  16. 16. TAREAS M MODELOS DE COLOR CMYK-RGB
  17. 17. M MODELOS DE COLOR CMYK cian magenta amarillo negro(ki) Modo de color CMYK El modelo CMYK se basa en la cualidad de absorber y rechazar luz de los objetos. Si un objeto es rojo esto sig- nifica que el mismo absorbe todas las componentes de la luz exceptuando la compo- nente roja. Los colores sustracti- vos ( CMY) y los aditivos ( RGB) son colores com- plementarios. Cada par de colores sustractivos crea un color aditivo y viceversa. 16 .
  18. 18. En el modo CMYK de Photoshop, a cada píxel se le asigna un valor de por- centaje para las tintas de cuatricromía. Los colo- res más claros ( iluminados) tienen un porcentaje peque- ño de tinta, mientras que los más oscuros ( sombras) tienen porcentajes mayores. Por ejemplo, un rojo brillan- te podría tener 2% de cyan, 93% de magenta, 90% de amarillo y 0% de negro. En las imágenes CMYK, el blanco puro se genera si los cuatro componentes tienen valores del 0%. Se utiliza el modo CMYK en la preparación de imá- genes que se van a imprimir en cualquier sistema de im- presión de tintas. Aunque CMYK es un modelo de color estándar, puede variar el rango exacto de los colo- res representados, depen- diendo de la imprenta y las condiciones de impresión. . 17
  19. 19. MODELO La descripción RGB (del inglés Red, Green, Blue; “rojo, RGB verde, azul”) de un color hace referencia a la composición del color en términos de la intensidad de los colores primarios rojo, verde azul. con que se forma: el el y el rojoverde Este espacio es el adecuado para representar imágenes que azul serán mostradas en monitores de computadora o que serán impresas en impre-soras de papel fotográfico. 18 .
  20. 20. El color es la sensación pro- ducida por los rayos lumino- sos al impresionar los órganos visuales (ojos) en función de la longitud de onda. Las imágenes RGB utili- zan tres colores para repro- ducir en pantalla hasta 16,7 millones de colores. RGB es el modo por defecto para las imágenes de Photoshop. RGB MONITOR R monitores de or- GB Los denador muestran siem- pre los colores con el modelo RGB. Esto significa que al trabajar con modos de color diferentes, como CMYK, Photoshop convierte tem- poralmente los datos a RGB El modo RGB asigna un valor de intensidad a cada píxel para su visualización. que oscile entre 0 ( negro) y 255 ( blanco) para cada uno Para indicar con qué pro- de los componentes RGB de una imagen en color. Por porción mezclamos cada ejemplo, un color rojo brillante podría tener un valor R color, se asigna un valor de 246, un valor G de 20 y un valor B de 50. El rojo más a cada uno de los colores brillante que se puede conseguir es el R: 255, G: 0, B: 0. primarios, de manera, por Cuando los valores de los tres componentes son idénticos, ejemplo, el valor 0 signifi- se obtiene un matiz de gris. Si el valor de todos los com- ca que no interviene en la ponentes es de 255, el resultado será blanco puro y será mezcla, y a medida que ese negro puro si todos los componentes tienen un valor 0. valor aumenta, se entiende Este espacio de color tiene su representación en el selector que aporta más intensidad a de color de Photoshop. la mezcla. . 19
  21. 21. A APUNTES CLASE 3 PROCESOS DE EDITORIAL
  22. 22. 13.07 CLASE 3 LENGUAJE COMPUTACIONAL procesos en editorial una carpeta para las imagenes, y también para las fuentes. El problema típico del diseñador es usar tipografías y no Indesign respaldo, tener un tener el archivo de la fuente guar- Para tener una imagen en dado en un carpeta y al llevar el archivo a la imprenta se un documento .idd hay que vínculo encuentra con que la tipografia no es reconocida por el crear un entre sistema. Esto mismo suele ocurrir con las imagenes si uno esta imagen y el archivo de la no tiene una carpeta, estas al ser abiertas en otro computa- imagen, no es llegar y copiar. dor se pueden perder. Tener la costumbre de hacer Todo este procedimiento servirá para poder realizar la una carpeta nueva para la continua, próxima tarea. Esta es una tarea un tra tarea, y dentro de ella crear tarea 3 Realización de una bita- cora,, algo asi como un registro cuaderno de digital de todas las clases. Esta bitacora se basa en un geometría de pagina ba- sada en 1/3 de la pagina. 21 .
  23. 23. 13.07 CLASE 3 LENGUAJE COMPUTACIONAL imagen vectorial nizada la informacion que se Ctrl + X cortar bajo alimentado periodi- Crtl + V pegar tiene. camente en el tiempo. Es tips and bitácora V herramienta de selec- una digital ción tricks se indentifican las clases ab- A Herramienta de selección stract. se trata de tal cosa directa. dibujos textos, etc. ubicar en Ctrl + D place T texto algun lugar las cosas que se Ctrl + T ventana de caracter N herramienta linea descubren. En un PDF y un Ctrl + N nuevo documento F herramienta marco .idd a la mano se trae orga- Ctrl + C copiar rectangular imagen vectorial Para evitar los defectos y pérdidas de imagen que se producen en la imágenes tipo bitmap, las imágenes compuestas por líneas, figuras planas y textos se pueden guardar como imágenes vectoriales donde los elementos gráficos se forman utilizando vectores. La principal ventaja de las imágenes vectoriales es su capacidad de almacenar los dibujos en un archivo muy compacto, ya que sólo se requiere la información necesaria para generar cada uno de los vectores. Los vectores pueden definir algunas propiedades de los objetos como el grosor de la línea o in- cluso el color de relleno de los objetos. . 22
  24. 24. INVESTIGACION ID DE LOS FORMATOS IMAGENES DIGITALES
  25. 25. IMAGEN VECTORIAL (Gráficos de vector, gráficos orientado a objetos (object- oriented graphics), SVG) Se refiere al uso de fórmu- las geométricas para repre- sentar imágenes por software y hardware. Esto significa que los gráficos vectoriales son creados con primiti- vas geométricas como puntos, líneas, curvas o polígonos. Las imágenes vectoriales son más flexibles que las de mapa de bits porque pu- eden ser redimensionadas y extendidas sin perder cali- dad. Incluso la animación por gráficos vectoriales suele ser más sencilla y ocupar menos espacio que las de gráficos de mapa de bits. Otra ventaja de los gráficos vectoriales es que su representación suele requerir menos memoria y menos es- pacio de almacenamiento. La mayoría de los siste- 24 .
  26. 26. Los gráficos vectoriales almacenan la información en fórmulas matemáticas. mas gráficos sofisticados gráficos (CADD y software de ani- En tanto, aquellas imágenes mación) utilizan gráficos que contienen texto (por vectoriales. por vector. Las fuentes son ejemplo un texto escaneado), representadas como vectores pueden convertirse a gráfi- llamadas fuentes orientadas cos vectoriales y así hacer el fuentes Ha de destacarse que las texto editable. Estos siste- a objetos o de fotografías no pueden al- mas son llamados OCR. vectores. macenarse vectorialmente, La mayoría de los dis- El flash, las fuentes, los gráf- pero sí existen programas positivos de salida (im- icos en 3D, etc. utilizan grá- trazadores de imágenes que ficos vectoriales. presoras, monitores, demás) intentan llevar las imágenes Algunos de los formatos están basados en imágenes de mapa de bits hacia grá- gráficos que aceptan vec- por puntos, esto ficos vectoriales. El re- tores son AI (de Illustra- significa que todos los grá- tor), CDR (de Corel Draw), ficos vectoriales deben ser sultado es una imagen tipo DXF (formato de intercam- convertidos a un mapa de dibujo animado. bio de AutoCad) bits antes de su salida. . 25
  27. 27. B I T MIA P GRÁF CO RASTERIZADO El gráfico Rasterizado es también llamado mapa de bits o bitmap. Un gráfico o imagen rasterizada es un fichero de datos que repre- senta una matriz de píxeles (puntos de colores) denomi- nada raster. En esta matriz el color de cada píxel es definido individualmente. Los gráficos rasterizados al ser ampliados comienzan a pixelarse, o sea, se agran- dan los elementos constitu- yentes del gráfico, y pierden calidad. En cambio los grá- ficos vectoriales pueden am- pliarse sin límites. 26 .
  28. 28. Los gráficos rasterizados son útiles para imágenes fotográficas, las cuales no pueden ser representadas por vectores. La calidad de las imágenes rasterizadas es determinada por el total de píxeles que poseen (resolución) y la cantidad de información en cada píxel (generalmente llamada profundidad de col- or). Los gráficos rasterizados (mapa bit) necesitan ser comprimidos porque suelen necesitar muchos datos para poder almacenar imágenes de alta calidad. Algunas técnicas de com- presión, para lograr un tamaño menor, sacrifican información de la imagen para lograr su objetivo. Esto hace que la imagen pierda calidad y que esta no pueda ser recuperada. Un método para representar imágenes gráficas es a través de mapa de bits o gráfico ras- terizado, en donde la ima- gen está compuesta por una error en mapa bit matriz de puntos (píxeles). . 27

×