3

INTRODUCCIÓN

El objetivo de este libro es mostrar de manera accesible, práctica y visual una

breve recopilación de los formatos más utilizados en diseño gráfico.

Dado que la amplitud del tema exige una selección, confiamos en que los forma-

tos incluidos sean los más representativos en las áreas del diseño, fotografía, y

multimedia.

En la nueva era de la información la expresión gráfica contemporánea también

pasa a ser digital. Para lograr los mejores resultados posibles debemos aprender

a combinar técnicas tradicionales y digitales, lo abstracto y lo figurativo, lo estético

y lo conceptual, el arte y la ilustración. Esperamos que este manual ayude a ex-

presar mejor tus ideas creativas mediante el uso de la tecnología digital.

4

CAPÍTULO 1

6

JPGDefiniciónEs la extension del formato JPEG, uno de los formatos más populares y más usa-

dos en el mundo del diseño. Permite almacenar y transmitir las imágenes ocu-

pando muy poco espacio aunque con perdidas de calidad en la imagen. Estos

niveles de calidad son ajustables y aún con los niveles de calidad más altos el

ahorro de espacio en un jpeg es considerable frente a otros formatos, como por

ejemplo, el tiff.

JPEG fue desarrollado en 1986 por Joint Photographic Experts Group (grupo con-

junto de expertos en fotografía). Este es el nombre de la comisión que fue inte-

grada desde sus inicios por la fusión de varias agrupaciones en un intento de

compartir y desarrollar su experiencia en la digitalización de imágenes. La ISO

(internacional Organization Standardization) tres años antes ya había iniciado sus

investigaciones en el área.

Se trata de un formato abierto, cuyos derechos son libres, y que puede ser usado

o implementado en un programa (tanto para reconocerlo como para editarlo o

guardar archivos en él) libremente, sin tener que pagar derechos.

JPEG es un formato de compresión

con pérdida, esto quiere decir que, al

guardar una imagen en este formato,

parte de la información que contiene

esa imagen se reduce, pierde un poco

de calidad, aunque, generalmente,

esta pérdida de calidad es impercepti-

ble al ojo humano. Con ello se consi-

gue reducir el tamaño del archivo.

Para dicha compresión el formato

JPEG permite elegir el nivel de com-

presión que queremos asignar a un

archivo, de modo que podamos deci-

dir qué punto deseamos entre una

mayor calidad de imagen (mayor ta-

maño de archivo) y una imagen de

7

baja calidad (menor tamaño de archivo).

JPEG además de ser un algoritmo de compresión, es a menudo considerado

como un formato de archivo. JPEG/Exif Exchangeable Image File Format es el for-

mato de imagen más común utilizado por las cámaras fotográficas digitales y otros

dispositivos de captura de imagen, junto con JPEG/JFIF JPEG File Interchange,

que también es otro formato para el almacenamiento y la transmisión de imágenes

fotográficas en la World Wide Web. JPEG/JFIF es el formato más utilizado para al-

macenar y transmitir archivos de fotos en Internet. Estas variaciones de formatos

a menudo no se distinguen, y se llaman JPEG.

La empresa también desarrollo otos métodos de compresión como el JBIG (Joint

Bi-level Image Experts Group) para compresión de imágenes en múltiples capas y

JPEG2000, que es una norma de compresión de imágenes basada en transforma-

ción de ondas y su objetivo fue el de mejorar el algoritmo JPEG.

Actualmente JPEG 2000 no está demasiado admitido por los programas de visua-

lización de páginas WEB y los diseñadores no tienen intención de incluirlo debido

a su escaso uso y gran número de patentes que tiene. Es un formato que admite

compresión sin pérdida pero que no está diseñado para competir con el formato

PNG, que además soporta algunas características, como la transparencia, que no

están disponibles en JPEG 2000.

Imagen TIFF Imagen JPEG

8

Podemos distinguir las siguientes características del JPEG:

•Extensión por defecto: *.jpg

•Desarrollado por Joint Photographic Experts Group (JPEG)

•Formato muy utilizado por el almacenamiento y transmisión de imágenes debido

a su habilidad para reducir drásticamente la cantidad de datos.

•Imágenes pueden ser cargadas como imágenes de color de 24 bits o como imá-

genes de escala de grises de 8 bits.

•Imágenes pueden ser salvadas sólo como 24 bits de información de color como

la escala de grises embebida en los 24 bits

•Tiene método de compresión con pérdidas: esto significa que cuantas más veces

comprimamos y descomprimamos una señal, se pierde en la calidad de imagen.

•La gran ventaja de este formato es el enorme ratio de compresión que soporta.

•No permite trasparencia, ni canal alfa.

•Permite guardar trazados

JPEG usa diferentes extensiones. *. jpeg *. jpg *. Jpe *. Jfif *. Jfi *. Jif (los tres úl-

timos son contenedores)

9

CompresiónLa compresión es la técnica que permite reducir el tamaño de un fichero mediante

procesos matemáticos, facilitando así la transferencia de los mismos por red o su

almacenamiento en cualquier otro soporte.

Todas las técnicas de compresión reducen la cadena de código binario de una

imagen sin comprimir a una forma abreviada matemática basada en complejos al-

goritmos, apoyándose en la teoría de que en una imagen existe información repe-

tida que en realidad sólo se debe guardar una vez.

El sistema de compresión con pérdidas esta muy perfeccionado, basado en estu-

dios de la percepción visual humana, que permite codificar imágenes en color (24

bits) y en escala de grises (8 bits) mediante la eliminación de datos redundantes

que no son importantes y el suavizado de los bordes y áreas que tienen un color

similar.

Con ello se producen pérdidas que degradan levemente la calidad de la imagen,

pero a cambio proporciona altos índices de compresión, ajustables a la calidad

final de la imagen que se desea codificar.

La compresión entonces dependerá de dos cosas, el grado de compresión y el al-

goritmo usado.

Existen dos técnicas comunes de compresión con pérdida:

•Por códecs de transformación: los datos originales son transformados de tal

forma que se simplifican (sin posibilidad de regreso a los datos originales). Cre-

ando un nuevo conjunto de datos proclives a altas razones de compresión sin pér-

dida.

•Por códecs predictivos: los datos originales son analizados para predecir el

comportamiento de los mismos. Después se compara esta predicción con la reali-

dad, codificando el error y la información necesaria para la reconstrucción. Nueva-

mente, el error es proclive a altas razones de compresión sin pérdida.

En algunos casos se utilizan ambas, aplicando la transformación al resultado de la

codificación predictiva.

El JPEG, es un algoritmo de compresión con pérdida. Esto significa que al des-

comprimir la imagen no obtenemos exactamente la misma imagen que teníamos

antes de la compresión.

Una de las características que hacen muy flexible este formato es el poder ajustar

el grado de compresión. Si especificamos una compresión muy alta se perderá

una cantidad significativa de calidad, pero obtendremos archivos de pequeño ta-

10

maño. Con una tasa de compresión baja obtenemos una calidad muy parecida a la

del original, y un archivo mayor. El JPEG puede conseguir una reducción que os-

cila entre un 10:1 y 50:1.

Esta pérdida de calidad se acumula. Esto significa que si comprime una imagen y

la descomprime obtendrá una calidad de imagen, pero si vuelve a comprimirla y

descomprimirla otra vez obtendrá una pérdida mayor. Cada vez que comprima y

descomprima la imagen, ésta perderá algo de calidad. La compresión con pérdida

no es conveniente en imágenes o gráficos que tengan textos o líneas y sobre todo

para archivos que contengan grandes áreas de colores sólidos.

El algoritmo de compresión JPEG se basa en dos defectos visuales del ojo hu-

mano, uno es el hecho de que es mucho más sensible al cambio en la luminancia

que en la crominancia. El otro es que notamos con más facilidad pequeños cam-

bios de brillo en zonas homogéneas que en zonas donde la variación es grande,

por ejemplo, en los bordes de los cuerpos de los objetos.

A diferencia de la compresión LZW, la compresión JPEG es una compresión die-

léctrica, lo que le permite producir una de las mejores proporciones de compre-

sión, a pesar de la ligera pérdida de calidad (20: 1; y 25:1 sin pérdida significativa

de calidad).

Este método de compresión es mucho más efectivo para las imágenes fotográfi-

cas (conformadas por muchos píxeles de colores diferentes) que para las imáge-

nes geométricas (a diferencia de la compresión LZW) porque las diferencias de

matiz producto de la compresión son muy visibles en esta última.

JPEG poco comprimido JPEG muy comprimido

11

Este tipo de compresión con perdidas consta de diferentes pasos

•Transformación del espacio de color. Primero se pasa la imagen del formato RGB

al formato YUV, formato que representa una división entre luminancia y la informa-

ción del color. El ojo humano es mucho más sensible a la luminosidad que al color,

por lo tanto se aprovecha el color para la compresión.

•Submuestreo del croma

•El algoritmo JPEG, transforma la imagen en cuadrados de 8×8 y luego almacena

cada uno de estos como una combinación lineal o suma de los 64 recuadros que

forman esta imagen, esto permite eliminar detalles de forma selectiva, por ejem-

plo, si una casilla tiene un valor muy próximo a 0, puede ser eliminada sin que

afecte mucho a la calidad.

•Después, se realiza una transformación en la imagen mediante la transformada

discreta del coseno (TDC), que es una herramienta matemática que permite com-

primir la imagen según determinados patrones de frecuencia. Se trata de un mé-

todo de compresión con pérdida de datos.

•Codificación entrópica

•Decodificación

A continuación explicaremos detenidamente los pasos del proceso de compresión

del algoritmo de manera más técnica.

Transformación del espacio de color

En el formato RGB las imágenes a color se almacenan en 3 canales independien-

tes RGB, a 8 bits por canal por lo tanto la imagen en RGB será de 24 bits. Cada

cana tiene 256 colores, del 0 al 255 niveles de cuantificación. Por lo tanto un píxel

de 24 bits de profundidad (3 bytes) puede almacenar 16’7 millones de colores, co-

nocido como true color.

El formato YUV se basa en un componente de luminancia y dos de crominancia,

está basado en la cantidad de luz de una imagen y el color.

•La componente Y es la Luminancia (información de brillo).

•Las componentes U o Cb y V o Cr, respectivamente diferencia del azul (relativiza

la imagen entre amarillo y azul) y diferencia del rojo (relativiza la imagen entre

verde y rojo); ambas señales son conocidas como crominancia (información de

color).

El resultado es una imagen en la que la luminancia está separada de la crominan-

cia.

12

Las ecuaciones que realizan la conversión entre RGB e YUV son las siguientes:

Y = 0.257 * R + 0.504 * G + 0.098 * B + 16

Cb = U = -0.148 * R - 0.291 * G + 0.439 * B + 128

Cr = V = 0.439 * R - 0.368 * G - 0.071 * B + 128

Las ecuaciones para el cambio inverso se pueden obtener despejando de las an-

teriores y se obtienen las siguientes:

B = 1.164 * (Y - 16) + 2.018 * (U - 128)

G = 1.164 * (Y - 16) - 0.813 * (V - 128) - 0.391 * (U - 128)

R = 1.164 * (Y - 16) + 1.596 * (V - 128)

NOTA: Estas ecuaciones están en continua investigación, por lo que se pueden encontrar en

libros y en la red otras ecuaciones distintas pero con coeficientes muy parecidos.

Si se analiza el primer trío de ecuaciones veremos que las tres componentes

toman como valor mínimo el 16. El canal de luminancia (canal Y) tiene como valor

máximo el 235, mientras que los canales de crominancia el 240, todos estos valo-

res caben en un byte haciendo redondeo al entero más próximo. Durante esta

fase no hay pérdida de información.

NOTA: Esta última afirmación no es del todo cierta ya que debido a los redondeos se intro-

duce un pequeño margen de error aunque imperceptible para el ojo humano.

El ojo humano es menos sensible a los matices de color que a la cantidad de luz

percibida. Es por ello que podemos reducir la información almacenada para los

canales U y V de una imagen.

espacio de color RGB espacio de color RGB

13

Submuestreo del croma

Una opción que se puede configurar al guardar una imagen en formato JPEG es

reducir la información cromática. Si este paso no se aplicara a la hora de guardar

la imagen sigue en su espacio de color YUV (este submuestreo se entiende como

4:4:4) donde la imagen no sufre perdidas.

muestreo del croma. fuente: wikipedia

Puede reducirse la información delo color a la mitad, con un submuestreo de 4:2:2

(reducir en un factor de 2 el croma, con lo que el brillo de la imagen, es decir la lu-

minancia, sigue intacta)

Otro de los métodos es reducir el color a una cuarta parte, con un submuestreo de

4:2:0.

Si la imagen original estaba en escala de grises, puede eliminarse su información

de color, por lo tanto el submuestreo seria de 4:0:0 donde la luminancia se con-

serva y el color se pierde.

División en subimágenes

El algoritmo jpeg divide la imagen original en bloques de N x N píxeles. Las distin-

tas investigaciones han demostrado que el tamaño del bloque más conveniente es

de 8 x 8 píxeles. El tamaño del bloque irá en función de la compresión y la calidad

de la imagen. Cuanto mayor es

el bloque, mayor será la com-

presión. Esto es porque se

usan más pixeles para eliminar

las redundancias. Pero si au-

mentamos demasiado el ta-

maño del bloque obtendremos

degradaciones en la imagen o

bordes sin definir.

14

Si tenemos una imagen 8 x 8 en formato YUV, la reduciremos a un canal Y de 8 x

8 y un canal U y otro V de 4 x 4. Para calcular los valores nuevos de estos canales

podemos hallar la media aritmética de los valores de cada 4 píxeles.

En este paso se produce pérdida de la información, como podemos ver en el si-

guiente ejemplo:

Original JPG

Este es un trozo de imagen original y comprimida JPG, ampliadas para ver las di-

ferencias. Como vemos, los colores rojo y azul en la imagen original se han visto

alterados en la imagen JPG.

Transformada discreta del coseno

Después cada pequeño bloque se convierte al dominio de la frecuencia a través

de la transformación discreta de coseno bidimensional, abreviadamente llamada

DCT.

Un ejemplo de uno de esos pequeños bloques de 8×8 inicial es este:

15

El siguiente proceso es restarles 128 para que queden números entorno al 0,

entre -128 y 127.

Se procede a la transformación por DCT de la matriz, y el redondeo de cada ele-

mento al número entero más cercano.

Nótese que el elemento más grande de toda la matriz aparece en la esquina supe-

rior izquierda, este es el coeficiente DC.

Como ya hemos comentado, el ojo humano es muy bueno detectando pequeños

cambios de brillo en áreas relativamente grandes, pero no cuando el brillo cambia

rápidamente en pequeñas áreas (variación de alta frecuencia), esto permite elimi-

nar las altas frecuencias, sin perder excesiva calidad visual. Esto se realiza divi-

diendo cada componente en el dominio de la frecuencia por una constante para

ese componente, y redondeándolo a su número entero más cercano. Este es el

proceso en el que se pierde la mayor parte de la información (y calidad) cuando

una imagen es procesada por este algoritmo.

El resultado de esto es que los componentes de las altas frecuencias, tienden a

igualarse a cero, mientras que muchos de los demás, se convierten en números

positivos y negativos pequeños.

16

JPEG recomienda una matriz de cuantificación estandarizada, la matriz de Loshe-

ller, para las imágenes con 256 niveles de intensidad, que es:

Dividiendo cada coeficiente de la matriz de la imagen transformada entre cada co-

eficiente de la matriz de cuantificación, se obtiene esta matriz, ya cuantificada:

Por ejemplo, cuantificando el primer elemento, el coeficiente DC, sería así:

17

Codificación entrópica

En esta etapa no hay pérdida de datos, es una forma especial de la compresión

sin pérdida. Para ello se toman los elementos de la matriz siguiendo una forma de

zigzag, poniendo grupos con frecuencias similares juntos, e insertando ceros de

codificación, y usando la codificación Huffman para lo que queda.

También se puede usar la codificación aritmética, superior a la de Huffman, pero

que rara vez se usa, ya que está cubierta por patentes, esta compresión produce

archivos un 5% menores, pero a costa de un mayor tiempo de codificación y deco-

dificación, esta pequeña ganancia, puede emplearse también en aplicar un menor

grado de compresión a la imagen, y obtener más calidad para un tamaño pare-

cido.

En la matriz anterior, la secuencia en zigzag, es esta:

−26, −3, 0, −3, −2, −6, 2, −4, 1 −4, 1, 1, 5, 1, 2, −1, 1, −1, 2, 0, 0, 0, 0, 0, −1, −1, 0,

0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,

0, 0, 0, 0

JPEG tiene un código Huffman para cortar la cadena anterior en el punto en el

que el resto de coeficientes sean ceros, y así, ahorrar espacio:

26, −3, 0, −3, −2, −6, 2, −4, 1 −4, 1, 1, 5, 1, 2, −1, 1, −1, 2, 0, 0, 0, 0, 0, −1, −1,

EOB

Decodificación

La decodificación es el proceso por el cual se convierten símbolos en información

entendible por el receptor. La información reconstruida es solo una aproximación

de la información original.

En el caso del JPEG podemos decir que es un algoritmo de codificación simé-

trico, esto significa que decodificar lleva tanto tiempo como codificar.

Por lo tanto el proceso es similar al seguido hasta ahora, sólo que de forma in-

versa. En este caso, al haber perdido información, los valores no coincidirán.

Se coge la información de la matriz, se decodifica, y se pone cada valor en su ca-

silla correspondiente. Después se multiplica cada uno de estos valores por el valor

correspondiente de la matriz usada, como muchos valores son ceros, sólo se re-

cuperan ( y de forma aproximada) los valores de la esquina superior izquierda.

18

Y finalmente se suma 128 a cada entrada:

Para comparar las diferencias entre el bloque original y el comprimido, se halla la

diferencia entre ambas matrices, la media de sus valores absolutos, da una ligera

idea de la calidad perdida:

19

El resultado tras la compresión, puede variar, en función de la agresividad de los

divisores de la matriz de cuantización, a mayor valor de esos divisores, más coefi-

cientes se convierten en ceros, y más se comprime la imagen. Pero mayores com-

presiones producen mayor ruido en la imagen, empeorando su calidad. Una

imagen con una gran compresión, puede tener un tamaño de archivo mucho

menor, pero su calidad será bastante mala, por lo cual no nos servirá. Y una com-

presión muy baja tendrá un tamaño de archivo tan grande que quizás interese

más un formato sin pérdida como PNG.

Con todo este proceso se producen distintos problemas en la iamgen como el

ruido o el aliasing.

•Ruido: Al comprimir una imagen en formato JPG siempre aparecen en mayor o

menor grado unas imperfecciones alrededor de las zonas de más contraste forma-

das por cuadraditos del color de fondo. Esos errores son considerados como ruido

de compresión JPG. Tanto el ruido por sensibilidades altas a la hora de hacer la

fotografía tanto el ruido de la compresión JPG suelen ser más intensos en unos

canales que en otros. En compresiones de JPEG muy altas se puede observar un

pérdida general de nitidez, o zonas granulosas o cuadriculadas (sobre todo en

áreas planas como cielos).

•Aliasing o dientes de sierra: es el efecto que causa que señales continuas distin-

tas se tornen indistinguibles cuando se les muestrea digitalmente. Cuando esto

sucede, la señal original no puede ser reconstruida de forma unívoca a partir de la

señal digital.

19

20

Curiosidades de JPEG•Su extensión es habitualmente JPG debido a que sistemas operativos cómo Win-

dows únicamente aceptan tres caracteres para la extensión de los archivos.

•Como se ha comentado anteriormente El algoritmo se aprovecha de dos defectos

visuales del ojo humano para una mayor eficacia, uno es que el ojo humano asi-

mila mejor los cambios de brillo que de color, el otro defecto es que notamos con

más facilidad cambios de brillo en zonas homogéneas que en zonas no homogé-

neas.

•Permite variar el grado de calidad que queremos aplicar a una imagen.

•Es poco eficaz su uso en imágenes sencillas con pocos colores y con formas

muy delimitadas, como pueden ser por ejemplo gráficas.

•Mpeg es el estándar relacionado con JPEG para video.

•Cuando comprimimos una imagen en este formato no podemos recuperar la ver-

sión original por eso decimos que utiliza un algoritmo de compresión con perdida,

por el contrario un algoritmo de compresión sin perdida nos permitiría una recons-

trucción total o parcial de la versión original… archivos (RAR, Gzip, Bzip, zip, 7z,

ARJ), imágenes (PNG, RLE, JPEG 2000).

•Se intentó renovar este formato con la creación de JPEG 2000 (.jp2), este pro-

yecto se puede decir que fracasó porque hoy en día no es compatible con la ma-

yoría de navegadores, su objetivo fue el de mejorar el algoritmo JPEG.

•Soporta trazados

Usos del JPEGExisten multitud de formatos gráficos en el mercado. Cada uno de ellos tiene una

serie de características que lo hacen mejor o peor para un trabajo concreto.

El JPEG es formato más popular. Concretamente para WEB es el más usado.

Para esto ha desarrollado el JPEG progresivo, que hace que a la hora de mostrar

la imagen por pantalla, se pueda ver (aunque aún no se haya cargado completa-

mente) con menor calidad. Calidad que irá mejorando a medida que se cargue la

imagen hasta obtenerla completamente. Con ello conseguimos que no sea nece-

sario que usuario espere a que se baje la imagen completa, sino que la puede ir

previsualizando.

Pese a que muchos navegadores reconocen distintos formatos, solo existen tres

que estén lo suficientemente generalizados y que sean lo suficientemente eficien-

21

tes para ser usados en las páginas web. Estos tres formatos son el JPEG, el GIF y

el PNG. Tanto GIF como PNG son formatos lossless (no pierden calidad), son ide-

ales para ser usado en la WEB debido a que pueden reducir tamaño, reducir. Una

ventaja importante de PNG sobre GIF es que no está limitado a 256 colores y

puede reproducir color verdadero de 16,7 millones de colores (true color).

En el caso del GIF tiene una profundidad de color de 8 bits (256 colores) por lo

tanto para diseños con muy pocos colores, como logos nos puede ser útil. Ade-

más el formato GIF soporta animación y guarda transparencias.

El PNG se creó como respuesta a los problemas del formato GIF. Soporta una

profundidad de color máxima de 24 bits y permite guardar transparencias.

Tanto con sus ventajas como con sus desventajas el JPEG es el formato más ver-

sátil y reconocido de todos, que puede ser soportado y salvado por cualquiera de

nuestras aplicaciones. Por lo tanto podemos decir que el formato JPEG es el for-

mato más universal.

CAPÍTULO 2

24

TIFFDefinición de TIFFSu definición es Tagged Image File Format - formato de archivo de imágenes

con etiquetas). Esta definición, hace referencias a que el TIFF fue el primer for-

mato en utilizar metadatos,” etiquetas" en las que se archiva información sobre

las características de la imagen, que sirve para su tratamiento posterior.

Originalmente fue desarrollado por la compañía Aldus (en conjunto con Microsoft)

para ser usado en impresoras PostScript.

Actualmente es Adobe Systems la empresa encargada de controlar las especifica-

ciones TIFF, aunque no ha tenido mayores modificaciones desde 1992.

Es un tipo de archivo estándar para guardar imágenes de alta calidad, ya que es

compatible con los sistemas operativos Windows, Linux, Mac, etc. El TIFF se uti-

liza generalmente en diversas aplicaciones de imágenes (Paint Shop Pro, Adobe,

Quark, Corel etc.), por lo que es muy utilizado para intercambiar archivos entre di-

ferentes aplicaciones y plataformas. También se utiliza para imprimir, enviar faxes

y para digitalización.

Admite imágenes CMYK, RGB, Lab, de color indexado y en escala de grises con

canales alfa, e imágenes en modo de mapa de bits sin canales alfa. Photoshop

puede guardar capas en un archivo TIFF; sin embargo, si abre el archivo en otra

aplicación, sólo será visible la imagen acoplada. Photoshop puede guardar tam-

bién anotaciones, transparencias y datos de pirámide multirresolución en formato

TIFF.

Nota: Los documentos TIFF tienen un tamaño de archivo máximo de 4 GB. Pho-

toshop CS y posterior admite documentos grandes guardados en este formato.

Sin embargo, la mayoría de las otras aplicaciones y las versiones anteriores de

Photoshop no son compatibles con documentos de más de 2 GB.

Estos archivos de imágenes tienen una profundidad de 8, 16 o 32 bits por canal.

25

Aunque muchas aplicaciones gráficas aún no son capaces de soportarlo, admite

hasta 64 bits de profundidad de color y, prácticamente todos los espacios de color

existentes, incluso permite almacenar múltiples imágenes en un único fichero.

Fotografía de calidad en TIFF

Ventajas e inconvenientes del TIFF

Ventajas:

• No se producen pérdidas en la calidad de la imagen al guardarla como TIFF, tam-

bién permite compresión LZW (es un método de compresión con menor pérdida,

de hecho ayuda a no perder detalles en la imagen almacenada).

• Se pueden grabar con fondo transparente.

• Se pueden grabar con capas, canales y trazados.

• Su estructura es conocida por una variedad de aplicaciones que no depende de

la arquitectura del ordenador.

26

Inconvenientes

• Algunos programas (incluidos la mayoría de los exploradores web) no pueden

mostrar imágenes en formato TIFF.

• Las imágenes TIFF pueden ser muy grandes (varias veces mayores que la

misma imagen guardada como JPEG). Por ello, las imágenes TIFF consumen el

espacio del disco duro con mayor rapidez que las JPEG.

• Las imágenes TIFF son demasiado grandes como para enviarlas por correo

electrónico (salvo las más pequeñas).

¿Cómo se guarda una imagen en tiff ?Para guardar una imagen como TIFF sólo tienes que seleccionar ese formato en

la ventana que sale, también puedes elegir si lleva capas o no.

Ventana “gurdar como”.

27

Seguidamente saldrá otra ventana para que puedas elegir diferentes opciones

según te convengan y darle al Ok.

Profundidad de bits (sólo 32 bits)

Especifica la profundidad de bits (16, 24 ó 32 bits) de la imagen guardada.

Compresión de imagen

Especifica un método para comprimir los datos de la imagen compuesta. Si está

guardando un archivo TIFF de 32 bits, puede especificar si el archivo se guardará

con compresión de predictor, pero no dispone de la opción para utilizar la compre-

sión JPEG. La compresión de predictor ofrece una compresión mejorada mediante

la reorganización de valores de coma flotante y funciona con las compresiones

LZW y ZIP.

Ventana “opciones TIFF”

28

Orden de píxeles

Escribe el archivo TIFF con los datos de canales intercalados u organizados por

planos. Antes Photoshop siempre escribía archivos TIFF con el orden de canal in-

tercalado. En teoría, en el archivo de orden Planar se puede escribir más rápido,

se puede leer más rápido y ofrece una compresión un poco mejor. Los dos órde-

nes de canales son compatibles con versiones anteriores de Photoshop.

Orden de bytes

Selecciona la plataforma en la que puede leerse el archivo. Esta opción es útil

cuando no sabe con qué programa se abrirá el archivo. Photoshop y las aplicacio-

nes más recientes pueden leer archivos mediante un orden de bytes de IBM PC o

de Macintosh.

Guardar pirámide de imagen

Conserva la información de varias resoluciones. Photoshop no proporciona opcio-

nes para abrir archivos de varias resoluciones; la imagen se abre con la resolución

más alta dentro del archivo. Sin embargo, Adobe InDesign y algunos servidores de

imágenes permiten abrir formatos de varias resoluciones.

Guardar transparencia

Conserva la transparencia como un canal alfa adicional cuando el archivo se abre

en otra aplicación. La transparencia siempre se conserva cuando el archivo se

vuelve a abrir en Photoshop.

Compresión de capas

Especifica un método para comprimir datos para píxeles en capas (en contraposi-

ción a los datos compuestos). Muchas aplicaciones no pueden leer datos de capa

y los omiten al abrir un archivo TIFF. Photoshop, sin embargo, puede leer datos de

capa en los archivos TIFF. Aunque los archivos que incluyen datos de capa tienen

un tamaño mayor que los que no los incluyen, al guardar los datos de capa se eli-

mina la necesidad de guardar y gestionar un archivo PSD independiente para que

contenga los datos de capa. Seleccione Descartar capas y guardar una copia para

acoplar la imagen.

29

Nota: para hacer que Photoshop le pregunte antes de guardar una imagen con

varias capas, seleccione Preguntar antes de guardar archivos TIFF con capas en

el área Administración de archivos del cuadro de diálogo Preferencias.

Ventana “preferencias”.

CAPÍTULO 3

32

pngDefinición

potable network graphics (png) Es un formato de archivo extensi-

ble para el almacenamiento sin pérdida de datos portables bien comprimidos o

rasterizados. Proporciona un reemplazo libre de patentes de Gif y algunos usos

comunes de Tiff. Imágenes de color indexado, escala de grises y colores verdade-

ros compatibles, y un canal alfa opcional. Mostrando profundidades que van de 1

a 16 bytes.

El algoritmo de compresión PNG es uno de los mejores que se pueden encontrar.

A diferencia de las imágenes JPEG, PNG compresión sin pérdida de datos de

imagen, así que no hay manchas o imágenes borrosas. En algunos casos, el fil-

trado puede comprimir los datos de imagen aún más. Cada línea horizontal en

una imagen puede tener uno de los cinco tipos de filtro asociado a él. Si la espe-

cificación de un filtro de ayuda en un caso concreto depende del contenido de la

imagen. En la mayoría de los casos el valor predeterminado es el mejor (de adap-

tación, filtrado).

Un miembro del Grupo de Desarrollo PNG, Paul Schmidt, creó una imagen de

prueba que contiene todos los píxeles de 16,7 millones de colores posibles. Logró

un factor de compresión de 841:1. Es un excelente ejemplo de una imagen PNG

de 24 bits.

Está diseñado para la visualización de imágenes en línea como world wide web,

por lo que se extrema en una visualización progresiva.

Png puede chequear la integridad de los archivos detectando errores comunes en

la transmisión. Puede almacenar los rayos Gamma y de cromacidad mejorada en

plataformas distintas.

Esquema de compresión sin pérdidas, que incorpora la corrección de gama, un

canal alfa con la serie completa de transparencia(a diferencia de los Gif).

El programa está diseñado para ser usado con fines individuales.

33

introducción básica a las característi-

cas png

Estructura de archivos png:

Consiste en una “firma” seguida de “trozos” o ”chunks”.

Firma: Los primeros 8 bytes de un archivo png que comprenden la firma son fijos e

identifican el archivo como un Png. La información no está en la firma sino en los

trozos resultantes.

La firma comienza con los siguientes bytes 137 80 78 71 13 10 26 10, invariables

siempre.

Una imagen PNG con un canal alfa de 8 bits (arriba). La misma imagen montada

sobre un fondo a cuadros (abajo), usado típicamente por programas de editores

de imágenes para resaltar.

Objetivos para el diseño del png a nivel internacional.

1portabilidad: codificación, decodificación y transmisión deben ser como soft-

ware y hardware independientes.

2 Integridad: Debe ser posible para el uso del truecolour que debe ser indexado y

escala de grisis que en cada caso irá con su transparencia, información de espa-

cio de color así como como información adicional(Textos) .

34

3 Codificador y Decodificador en serie: Permitiendo la visualización de imáge-

nes en serie a través de los canales.

4 progreso de presentación: Debe ser posible la transmisión de flujo de datos.

Se puede mostrar desde un principio antes de que esté generada por completo y

al final cuando se va generando progresivamente.

5 Detección de errores durante la transmisión del flujo de los datos.

6 Losslessness:Filtrado y compresión debe conterner toda la información.

7 Rendimiento:La velocidad de decodificación se logrará a partir de la velocidad

de codificación.

7 Compresión:Debe estar comprimida con eficacia a fin de que se adapte a las

necesidades del diseño.

8 Simplicidad: Debe mostrar las nornmas con facilidad.

Intercambialbilidad:

9 Flexibilidad: En el caso de futuras ampliaciones.

10 Libertad de restricciones legales:No se debe hacer uso de algoritmos que no

son de libre acceso.

El png y su historia A finales de la década de 1980 CompuServe introdujo un nuevo formato de ima-

gen que se volvió popular entre los usuarios

de Internet - Graphic Interchange Format, o

GIF. Se utilizó un algoritmo de compresión de

larga data, LZW, sin darse cuenta que LZW

estaba sujeto a una patente registrada por la

empresa Sperry.

A finales de 1994 Unisys lanzó una bomba al

anunciar que la compañía comenzará a exigir

derechos de autor de todos los desarrollado-

res de software de apoyo al GIF. El anuncio

causó consternación entre la comunidad de

Internet. Un grupo de trabajo informal de In-

ternet fue creado por Thomas Boutell para elaborar un formato de imagen de lo

que sería aún mejor que GIF. En octubre de 1996, la World Wide Web Consor-

tium aprobó la nueva especificación, Portable Network Graphics, como un formato

35

de imagen recomendado.

A finales de 1997 tanto en Netscape 4 y Internet Explorer 4 habían llegado con so-

porte básico para las imágenes PNG. El apoyo a las funciones más avanzadas si-

guieron. Ahora, la transparencia y el entrelazado binario son compatibles con

todos los navegadores modernos, pero antes la versión IE7 de Internet Explorer

para Windows no soportaba directamente las características avanzadas de la ma-

yoría de PNG, la alfa-transparencia. Sin embargo, los recursos están disponibles

usando PHP o JavaScript:

Internet explorer .

La patente LZW en los Estados Unidos expiró en junio de 2003, y un año más

tarde en otros países.

Utilización típica

(usos)El formato Portable Network Graphics (PNG)

fue diseñado para sustituir a los antiguos y

más simples formatos GIF y, en cierta medida,

mucho más, el complejo formato TIFF. Aquí

nos concentraremos con dos usos principales:

la World Wide Web (WWW) y de edición de

imágenes.

Para la Web, PNG tiene ventajas princi-

pales sobre gIF:

Canales alpha (transparencia variable).

Entrelazado entre dos dimensiones (un método de visualización

progresiva).

36

CARACTERISTICAS DEL png:

pROFUnDIDAD DEL COLOR

Las imágenes en formato PNG pueden ser imágenes de paleta indexada o estar

formadas por uno o varios canales. Si existe más de un canal, todos los canales

tienen el mismo número de bits por pixel (también llamado profundidad de bits por

canal). Aunque en la especificación oficial del PNG se nombre la profundidad de

bits por canal, normalmente los programas de edición nombran sólo la cantidad

total de bits por pixel, es decir, la profundidad del color.

El número de canales depende de si la imagen es en escala de grises o en color y

si dispone de canal alfa (también llamado canal de transparencia). La combinacio-

nes permitidas por PNG son:

Escala de grises (1 canal)

Escala de grises y canal alfa (2 canales)

Canales rojo, verde y azul (RGB, 3 canales. También llamado color ver-

dadero o truecolor)

Canales rojo, verde, azul y alfa (RGB + alfa, 4 canales)

Por otra parte, las imágenes indexadas disponen de un tope de 256 colores como

máximo. Esta paleta de colores está almacenada con una profundidad de canal de

8 bits. La paleta no puede tener más colores que los marcados por la profundidad

de bits, es decir 28=256 colores, aunque sí puede tener menos (por ejemplo, una

imagen de 50 colores sólo almacenará 50 entradas, evitando almacenar datos que

no son utilizados).

37

Rango total de opciones de color soportados

profundidad de bits por canal 1 2 4 8 16

Imagen indexada (1 canal) 1 2 4 8

Escala de grises (1 canal) 1 2 4 8 16

Escala de grises con alfa (2 canales) 16 32

Color verdadero (RGB) (3 canales) 24 48

Color verdadero con alfa (RGBA) (4 canales) 32

La tabla expuesta a laderecha indican la pro-fundidad de color paracada formato de ima-gen que soporta PNG.Ésta se extrae de laprofundidad de bits porcanal y se multiplicapor el número de cana-les. Las casillas en rojorepresentan combina-ciones no soportadas.El estándar requiereque los decodificadorespuedan leer todos losformatos disponibles,pero muchos editoresde imagen sólo puedengenerar un pequeñosubconjunto de ellos.

38

a transparencia en la imagen

PNG ofrece una gran variedad de opciones de transparencia. Con color verda-

dero o escala de grises, incluso un solo píxel puede ser declarado transparente o

puede añadirse un canal alfa. Para imágenes que usan paletas se puede añadir

un canal alfa en las entradas de la paleta. El número de dichos valores almacena-

dos puede ser menor que el total de entradas en la paleta, de modo que el resto

de las entradas se considerarán completamente opacas.

Esta imagen es por An-

thony Altkielski. Tiene, a variosniveles básicos de transparencia:las partes exteriores son comple-tamente transparente, el texto escompletamente opaco, y cada re-gión limitada por los círculos tieneuno de los tres niveles de (constante) la transparencia parcial.

•

• Esta bella imagen fue creada por Diana Todd 2Dusando diversas herramientas y 3D, incluyendo PaintShop Pro, está disponible en tubos (categoría Escenas),junto con más de 3800 otros tubos de PSP en formatoPNG. El globo tiene varios niveles de transparencia, y laspatas del soporte sean suavizadas.

39

La búsqueda de pixels con transparencia binaria debe hacerse antes de cualquier

reducción de color para evitar que algunos pixels se conviertan en transparentes

accidentalmente.

PNG ofrece transparencia binaria equivalente a la transparencia del GIF. También

tiene una opción más impresionantes - transparencia variable, lo que se conoce

como la transparencia "alfa", "transparencia de canal alfa", o simplemente el canal

de "máscara". Entre todos o nada permite 254 niveles de transparencia parcial.

Casi todos los últimos navegadores son compatibles con la variable de transpa-

rencia PNG, incluyendo WebTV y Microsoft Internet Explorer para Mac. Pre-IE7

versiones de Internet Explorer son la excepción, pero los colores de fondo (trans-

parente en otros navegadores) pueden ser seleccionados y añadidos a las imáge-

nes de alfa. Sin embargo, IE6 para Windows es compatible con color de

transparencia de un solo PNG. La imagen siguiente muestra algunos ejemplos:

1.24 bits png con transparencia alfa.

2. 8 bits png con transparencia binaria.

3. primer ejemplo en la pre-IE7 versiones de Internet Explorer para Windows.

4. 8 bits gIF con transparencia binaria.

Transparencia alfa real

40

El Entrelazado

El entrelazado - o, más generalmente, la visualización progresiva - ha estado

alrededor durante mucho tiempo. GIF lo ha apoyado desde 1989, TIFF ya la

misma hora (aunque no de una manera normalizada), y JPEG desde principios de

1990 (aunque no se aplica en muchos lugares hasta 1996). El método de PNG es

conceptualmente similar al entrelazado del GIF y de similitud visual con el JPEG

progresivo (es decir, de dos dimensiones).

La primera cosa a notar es que sólo la parte superior de un octavo o así de la

imagen GIF es visible por el momento la primera imagen de pasar el PNG se ha

completado. primer paso de PNG es sólo 1/64th de los datos de imagen; GIF es

1/8o. Por primera vez pasar de GIF se lleva a cabo, cuatro pases PNG han sido

exhibidas - ya diferencia de los píxeles GIF, que se extienden por un factor de 8:1

en este punto, los píxeles PNG sólo se extendió por 2:1. (De hecho, no hay esti-

ramiento en absoluto en número de pases con número impar de PNG, y sus

pases, incluso se extendió a todos 2:1 verticalmente. Esto significa que el texto in-

crustado en una imagen suele ser legible el doble de rápido en una imagen PNG.)

También tenga en cuenta que pasan de séptimo PNG y GIF cuarto de pasar son

idénticos - ambos están compuestos de una línea de cada. Cada uno de ellos re-

presentan, pues, toda una mitad de los datos de la imagen y

la mitad del tiempo de decodificación. (El momento relativo

en la animación de arriba ha sido adaptado para destacar los

pasos anteriores sobre las posteriores.)

Entrelazado de imágenes GIF que muestran sus datos en 4 pases,cada uno de llenado con más detalle de arriba a abajo. El primer

paso comienza después de 1 / 8 de la imagen se ha descargado. PNG utiliza un esquemamás sofisticado que se inicia la representación de la imagen des-pués de sólo 1 / 64 de los datos ha llegado. . El entrelazado au-menta el tamaño del archivo. Es posible que con las imágenes deuna mejor compresión de PNG, menos se necesitará el entrelazado.

El siguiente conjunto es proporcionada por el colega Greg, Pietervan der Meulen. Todas estas imágenes se entrelazan, tienen transparencia.

41

Estas imágenes son un cuarto de escala, entrelazado, RGBA-gama de colores (8-bits) versiones del original bit RGBA-32 imágenes, cada uno está entre 35k y 70k.

42

Compresión

El método de compresión utilizado por el PNG es conocido como deflación (en in-

glés "Deflate algorithm "). También existen métodos de filtrado. En la especifica-

ción 1.2 se define un único tipo de filtro, que incluye 5 modos de predicción del

valor del pixel, que resulta muy útil para mejorar la compresión, donde se elige

para cada línea de la imagen (scalime) un método de filtrado que predice el color

de cada pixel basándose en los colores de los píxeles previos y resta al color del

píxel actual, el color pronosticado. Los cinco métodos son: None, Sub, Up, Ave-

rage y Paeth.

Estos filtros pueden reducir notablemente el tamaño final del archivo, aunque de-

pende en gran medida de la imagen de entrada. El algoritmo de compresión

puede encargarse de la adecuada elección del método que mayor reducción

ofrezca.

La compresión del PNG está entre los mejores que se pueden tener sin perder in-

formación de la imagen y sin pagar derechos de patentes, pero no todas las imple-

mentaciones de aprovechar al máximo la potencia están disponibles. Incluso los

que sí pueden ser frustrados son por decisiones imprudentes por parte del usua-

rio.

png admite tres tipos de imágenes principales: 1color ver-

dadero, 2escala de grises y 3paleta basada ("8-bit"). JPEG sólo es compatible

con los dos primeros; GIF sólo la tercera parte (aunque puede falsa escala de gri-

ses utilizando una paleta de grises). El impacto en la compresión viene de la habi-

lidad de mezclar distintos tipos de imágenes en formato PNG. En concreto,

obligando a una aplicación para ahorrar un poco paleta de la imagen-8 como bits

truecolor 24 (o "RGB") la imagen no va a resultar ser un archivo pequeño. Esto

puede ser inevitable si el original ha sido modificado para incluir más de 256 colo-

res (por ejemplo, si un fondo degradado continua se ha añadido), pero muchas

imágenes destinadas a la Web tienen 256 o menos colores.

El programador de perfil, en un error común es incluir paleta de muchas entradas

también en una imagen PNG. Este error es más notable al convertir pequeñas

imágenes GIF (balas, botones, etc) a formato PNG, estas imágenes son normal-

mente sólo 1000 bytes o menos de tamaño, y el almacenamiento de 256 bytes, y

43

tres entradas de la paleta en el que sólo se necesitan 50 daría lugar a más de 600

bytes de espacio desperdiciado.

Otro error común es programador para usar sólo un tipo de filtro de compresión, o

para variar de forma incorrecta. Los filtros de compresión se describen a continua-

ción y pueden hacer una diferencia dramática en la compresibilidad de la imagen.

En general esto no es una característica que los usuarios se vean obligados a ex-

perimentar.

Por último, el nivel de compresión del motor bajo en sí mismo puede ser ajustado

para comprimir ya sea mejor o más rápido. A menudo, la "mejor compresión" es la

configuración preferida, pero un implementador puede optar por utilizar un nivel in-

termedio de compresión con el fin de impulsar el rendimiento interactivo para el

usuario. Por lo general, la diferencia de tamaño del archivo es pequeño, pero hay

casos en que dicha elección puede hacer una gran diferencia.

Animación

APNG es un formato basado en PNG que soporta animación. APNG soporta el vi-

sionado de una sola imagen en caso de que el decodificador no entienda este for-

mato. Es aceptado por Firefox y tiene extensión .png. MNG es un formato de

imagen que soporta animación y está basado en las ideas y en algunas secciones

de PNG, pero es un sistema complejo y no permite el visionado de una sola ima-

gen cosa que si hace GIF y APNG.

CARACTERISTICAS ADICIOnALES

El formato PNG permite todo tipo de información adicional para ser almacenada

dentro de archivos de imagen. Las dos características más potencialmente útiles

para imágenes de la web son la incorporación de corrección de gamma y de texto.

La corrección gamma es la capacidad de corregir las diferencias en

cómo los sistemas informáticos interpretar los valores de color. Las imágenes de

Macintosh generadas tienden a parecer demasiado oscuras y las imágenes gene-

radas en PC-tienden a parecer más claras que en los Macs. El formato PNG per-

mite que el valor gamma del equipo que creó una imagen que se incrustan en el

archivo de imagen. Los navegadores y softwares de imagen que admiten la ca-

racterística pueden extraer el valor gamma y hacer una corrección si el equipo

host utiliza un ajuste de gama diferente.

44

Advertencia: Hay algunas aplicaciones que no lo apliquen correctamente. No

confíe en la corrección de gamma para que coincida con los colores de la imagen

a HTML / CSS colores.

La función de texto permite añadir anotaciones de texto que se deseen -

una descripción de la imagen, la fecha de la creación, la información de copyright,

etc pocos editores de imagen ofrecen esta opción, pero TWEAK PNG permite

añadir texto después de la la imagen que ha sido creada. También puede configu-

rar el color de fondo de una imagen PNG alfa. El color de fondo por defecto es

gris en la pre-IE7 versiones de Internet Explorer para Windows.

Canales alfa

También conocido como un

canal de máscara, un canal

alfa es simplemente una forma

de transparencia variable aso-

ciada con una imagen. Consi-

derando que el GIF soporta

transparencia binaria simple -

cualquier píxel dado, puede ser

totalmente transparente o totalmente opaca - PNG permite hasta 254 niveles de

transparencia parcial en el medio para "normales" las imágenes (o los niveles de

65.534 para el especial de "profundamente loco" formatos, pero aquí nos estamos

concentrando en las profundidades de la imagen que son útiles en la Web).

Como una buena demostración del poder de la alfa-gama de colores las imágenes, aquíestá una imagen JPEG compuesto del tucán en la parte superior de su gemelo, suministradopor Glenn Rander-Pehrson. Nótese cómo la sombra del tucán del frente cae sobre su com-pañero:

4545

Los tres tipos de imágenes PNG - truecolor, escala de grises y paleta - puede

tener información alfa, pero es más comúnmente usado con imágenes truecolor.

En lugar de almacenar tres

bytes para cada píxel

(rojo, verde y azul), ahora

se almacenan cuatro: rojo,

verde, azul y alfa, o

RGBA. La transparencia

variable le permite crear

"efectos especiales" que se verá bien en cualquier fondo, ya sea clara, oscura o

con patrón. Por ejemplo, una viñeta-efecto de fotografía se pueden crear para

hacer un retrato de una región central ovalada totalmente opaco (es decir, para el

rostro y los hombros), las regiones exteriores totalmente transparente, y una re-

gión de transición que varía suavemente entre los dos extremos. Cuando se ve

con un navegador Web, como Arena, el retrato se desvanecería sin problemas a

blanco cuando se ve contra un fondo blanco, o sin problemas a negro si sobre un

fondo negro. Drop-sombras son otra aplicación ideal para la transparencia alfa, en

las imágenes de abajo, la imagen se muestra el mismo tucán sobre un fondo colo-

rido y en contra de otra copia de sí mismo:

Schneider de sombras tucán Stefan muestra en contra de diferentes orígenes

Esta característica la transparencia es mucho más importante para los gráficos

Web pequeña que generalmente se utilizan en las páginas web, como de colores

(circular) viñetas y el texto de fantasía. Alpha blending permite la utilización de

anti-aliasing - creando la ilusión de curvas suaves en una rejilla rectangular de pí-

xeles por píxeles sin problemas diferentes "colores - a redondeadas curvas y las

imágenes hacen que se vean bien contra cualquier fondo, no sólo contra un

blanco de fondo (por ejemplo). Así, la misma imagen puede ser reutilizado en mu-

chos lugares sin el "efecto fantasma" efecto que se produce con GIFs.

Por supuesto, los reemplazos eficaces para los botones GIF y los iconos deben

ser comparables en tamaño y, sobre todo, y que excluye truecolor RGBA imáge-

nes. Sin embargo, PNG admite alfa información con imágenes paleta, así, es sólo

46

ligeramente más difícil de implementar de una manera inteligente. Un alfa-paleta

de la imagen PNG es justamente eso: una imagen, cuya paleta también ha alfa in-

formación asociada a él, y no una imagen de paleta con una máscara alfa com-

pleto. En otras palabras, cada píxel corresponde a una entrada en la paleta de

rojo, verde, azul y componentes alfa. Así que si usted quiere tener píxeles rojos

brillantes, con cuatro diferentes niveles de transparencia, debe utilizar cuatro en-

tradas paleta independiente para acomodarlos. (Los cuatro entradas tendrán idén-

ticas componentes RGB, pero los valores alfa diferirán.) Si usted desea que todos

los colores para tener cuatro niveles de transparencia, que ha reducido efectiva-

mente el número total de colores disponibles 256 a 64. En general, sin embargo,

sólo algunos de los colores necesita más de un nivel de transparencia, y recono-

ciendo que es donde las cosas se ponen difíciles para los programadores. (Si

usted no desea confiar en el programador local, echar un vistazo a pngquant , que

convierte de 32-bit RGBA PNGs en paleta de imágenes de bits RGBA 8. Si usted

es un programador, también tienen una mirada en ella; fuente completo el código

está incluido.)

Corrección gamma

Corrección de rayos gamma se refiere básicamente a la capacidad de corregir las

diferencias en cómo las computadoras (y especialmente los monitores de ordena-

dor) interpretar los valores de color. autores Web, en particular, son probable-

mente conscientes de que las imágenes generadas por Macintosh tienden a

parecer demasiado oscura en los ordenadores personales, y las imágenes gene-

radas por ordenador suelen mirar demasiado clara en los Macs. Una imagen que

se ve bien en una estación de trabajo SGI no se verá bien tanto en un Macintosh o

un PC, e incluso una imagen creada en PC no se verá bien en todos los PC.

Diferencias del png frente a otras extensiones

PNG también comprime mejor que GIF en casi todos los casos, pero la diferencia

es que por lo general sólo alrededor del 5% al 25%, no es un factor lo suficiente-

mente grande como para alentar a la gente para cambiar sólo sobre esa base.

Una característica es que GIF y PNG traten de reproducir imágenes múltiples de

apoyo, especialmente animaciones; PNG ha sido y está destinada a ser una ima-

gen de formato de una sola vez. (A-como extensión de formato PNG ,l Mng se fi-

nalizó a mediados de 1999 y está empezando a recibir el apoyo de diversas

aplicaciones, pero MNGs y PNGs tendrán extensiones de archivos diferentes y di-

47

ferentes propósitos.)

Para la edición de imágenes, ya sea profesional o no, PNG proporciona un for-

mato útil para el almacenamiento de las fases intermedias de la edición. Dado

que la compresión PNG es totalmente sin pérdidas - y ya que soporta hasta 48 bits

de color verdadero o escala de grises 16 bits - el ahorro, restaurar y volver a guar-

dar una imagen no se degrada su calidad, a diferencia de estándar JPEG (incluso

en su nivel más alto los valores de calidad ). Y a diferencia de TIFF, la especifica-

ción de Png no deja lugar a los implementadores de seleccionar y elegir qué fun-

ciones van a apoyar, y el resultado es que una imagen PNG guarda en una

aplicación se puede leer en cualquier otroEl apoyo a la aplicación del Png . (Tenga

en cuenta que para transmisión de imágenes finales de truecolor - especialmente

las fotográficas - JPEG es casi siempre una mejor opción. A pesar de compresión

con pérdida de JPEG puede introducir artefactos visibles, estos pueden reducirse

al mínimo, y el ahorro en el tamaño del archivo, incluso a niveles de alta calidad es

mucho mejor que es en términos generales, con un formato sin pérdida como

PNG. Y para blanco y negro imágenes, en particular de texto o dibujos, el Grupo

de compresión de fax TIFF 4 o el formato JBIG son a menudo mucho mejor que

en escala de grises poco PNG-1.)

Al igual que el GIF y TIFF, PNG es un formato de mapa de bits, es decir, repre-

senta una imagen como una matriz de dos dimensiones de puntos de color (pixe-

les). PNG no es explícitamente un formato vectorial, es decir, que puedes guardar

las formas (líneas , cajas, elipses, etc) y ser escalado arbitrariamente sin ninguna

pérdida de calidad (en general). Para que usted probablemente querrá SVG o

PostScript. (Hay algunas extensiones privado a PNG que añaden información

vectorial, además de regular los píxeles PNG - de Macromedia Fireworks hace

algo en ese sentido - pero no pueden omitir el PNG válidos los datos de píxeles.)

Comparación con gif

En la mayoría de los

casos, PNG comprime mejor que

el formato GIF, aunque algunas

implementaciones en PHOTOS-

HOP realizan una mala selección

de los métodos de filtrado y se generan ficheros de mayor tamaño.

El PNG admite, al igual que el GIF, imágenes indexadas con transparen-

cia de 1 bit o "binaria". Este tipo de transparencia no requiere de un canal adicio-

nal y únicamente admite que un color de la paleta aparezca transparente al 100%.

48

El PNG admite formatos con una profundidad de color de millones de co-

lores (color verdadero) y canal alfa, lo que proporciona unos rangos de color

mucho más ricos y precisos que el GIF y disponer de valores de transparencia in-

termedios. Lamentablemente, esto permite que se compare de forma errónea

PNGs de color verdadero con un GIF de color indexado (256 colores) y no inde-

xado 48 bits x pixe. Más compresión que el Gif(10%), compresión sin perdida. La

transparencia es variable.

• GIF soporta animación simple y PNG no.

Comparación con Jpg:

El Número de colores: 24 bits color y 08 bits en blanco y negro

.

Comparación con JpEg

Imagen compuesta comparando JPEG y PNG: nótese los artificios en la imagen

JPEG versus el fondo en color sólido para la misma imagen en PNG.

PNG y JPEG son formatos que están diseñados para funciones diferentes, por lo

que únicamente se puede realizar una comparación generalista.

JPEG tiene una relación de compresión enorme en perjuicio de la calidad

de la imagen, ideal para imágenes de gran tamaño y fotografías. No admite tras-

parencia. Como consecuencia tendremos más pérdida en la resolución final.

PNG es un formato sin pérdida de calidad con una excelente compresión,

ideal para imágenes formadas por grandes áreas de color plano o con pocas va-

riaciones de color. Admite canal alfa y algunos atributos extra como la corrección

gamma.

• No permite transparencia ni animación.

PNG en la web

Pese a que las carácteristicas técnicas y de compresión hacen del PNG un for-

49

mato ideal para sustituir al GIF, su adopción ha sido muy lenta debido en parte a

comparaciones erróneas y algunas desventajas técnicas:

No está soportado por algunos navegadores muy viejos (sin embargo

estos navegadores son muy raros hoy en día).

La administración de color fallaba en algunos navegadores (actualmente

no es muy importante y se puede evitar).

Falsas creencias

Las imágenes en PNG pesan más que los GIF. De nuevo, no es cierto.

Esta falsa creencia es debido a que se compara con PNGs mal codificados o de

32 bits con GIFs de 256 colores.

Aplicaciones con soporte del png

Los navegadores VRML con soporte png

La Web, por supuesto, fue uno de los principales objetivos de los PNG apoyo

desde la visualización progresiva era y es tan importante para los que la navega-

ción en un vínculo de baja velocidad (como Greg, a la hora). El entrelazado régi-

men GIF no es muy buena, y el modo progresivo de JPEG todavía estaba

cogiendo encendido; PNG fue diseñado para llenar ese vacío. Del mismo modo,

la alfa-canal de soporte PNG (incluyendo "paleta RGBA modo") y el apoyo para la

corrección de gamma automático son especialmente útiles en la Web - al menos

cuando completa y correcta con el apoyo de los navegadores. Esta página se enu-

meran los navegadores estándar en 2D. Son enlaces rápidos a la sección del na-

vegador en la página Estado de PNG y de la "Dos Grandes" de los navegadores

en éste:

netscape navigator Y Mozilla, Firefox y otros.

Microsoft Internet Explorer para MAC Y WInDOWS

Quick Time png

50

Quick View plus

Safari

Visores de imágenes png con Apoyo

Una de las mayores categorías de PNG-el soporte de aplicaciones es un visor de

imágenes, todos los principales sistemas operativos prácticamente está represen-

tado. Tenga en cuenta que los editores de páginas Png con frecuencia se puede

utilizar como espectadores, también, sólo que tienden a ser más lento y no puede

aparecer como muy bien en los sistemas de color 256. Y hay una considerable

superposición entre esta página y la página de conversión de imagen, ya que mu-

chos espectadores se pueden guardar en formatos diferentes.

1st guide

C/Show

Reproductor de Flash 4

Taller de gráfica profesional

Imagen navigator

Real player

Editores de imagen png con Apoyo

A los efectos de esta página, un editor de imágenes "se define como un programa

de dibujo o dibujo que apoya a nivel de píxel de edición (o su equivalente). Como

regla general, si tiene un lápiz o un pincel-herramienta, es en; si sólo proporciona

"algoritmos" (tales como la nitidez, desenfoque, detección de bordes, recortar,

etc), no lo es.

Flash

Freehand

Extreme3D

Illustrator

photoshop

Quick Time Viewer

Web Image guru

Las aplicaciones 3D con soporte png

51

aplicaciones en 3D, en tiempo real de VRML para aplicaciones de alta gama de

modelos para rayos-marcadores, se están convirtiendo cada vez más popular, y

las texturas son el medio habitual por el que las imágenes PNG son compatibles.

Maya

Juegos y aplicaciones de entretenimiento con soporte

png

Las solicitudes figuran en esta lista incluyen juegos y motores de juegos, protecto-

res de pantalla, generadores de fractales, los programas de aficionados, y así su-

cesivamente. La mayoría de ellos sólo leer o escribir sólo las imágenes PNG.

Oficina / negocios de aplicaciones con soporte png

Estos productos son normalmente denominados como "oficina" o "negocio" o ""

aplicaciones de productividad. En la mayoría de su apoyo PNG se limita a la im-

portación (por ejemplo, la in-

corporación de una imagen

PNG en un documento de

texto), pero algunos también

incluyen la presentación o la

ilustración de los componen-

tes que pueden crear o mo-

dificar las imágenes PNG.

Microsoft Office

Quark Xpress

Indesign

Científico, Trazado y gráfica de aplicaciones con soporte

png

CAPÍTULO 4

54

GIFLas caracteristicasGIF son las iniciales de Graphic Interchange Format, extensión y formato de ima-

gen creado por CompuServe en 1987. Estos dos formatos gráficos son indepen-

dientes de plataforma, lo que significa que puede utilizarlos en un PC, un Mac o

una máquina UNIX siempre que tenga un visor para ellos. Windows. En Mac,

puede usarse una utilidad de uso compartido llamada GIF Converter para ver y

modificar GIFs.

Suele utilizarse para gráficos, especialmente pequeños, que pueden ser anima-

dos, con un máximo de 256 colores. Es muy utilizado en Internet. Es un formato

que utiliza compresión sin pérdida de información.

Existen dos versiones de este formato de archivos desarrolladas en 1987 y 1989

respectivamente:

GIF 87a

que es compatible con la compresión LZW, puede entrelazar, (permitir la visuali-

zación progresiva) una paleta de 256 colores y tiene la posibilidad de crear imáge-

nes animadas (llamadas GIF animados) almacenando varias imágenes en el

mismo archivo.

GIF 89a

y especificar el tiempo de las animaciones. La versión más moderna que, además

de lo anterior, permite designar un color como trasparente (de modo que, en los

pixels que ocupe ese color, se verá el color o imagen de fondo) y, además, per-

mite crear pequeñas animaciones (básicamente, lo que hace es unir varias imáge-

nes y presentarlos en orden, a modo de fotogramas). y especificar el tiempo de las

animaciones

Compresión

Este formato usa, además, un sistema de compresión sin pérdida llamado LZW

(Lemple - Zif - Wellch, el mismo que utiliza el ZIP), que hace que se obtengan fi-

cheros muy pequeños. Este algoritmo de compresión es especialmente eficiente

cuando se trata de imágenes con colores planos, líneas definidas y pocos degra-

55

dados (exactamente al contrario que JPEG). Por

ello este formato está especialmente indicado

para dibujos lineales, iconos, etc. Aunque tam-

bién puede ser interesante si la imagen es muy

pequeña, aunque sea una foto.

GIF tiene también la posibilidad de guardarse en

modo entrelazado, lo que permite que, a la hora

de mostrar una imagen, se representen primero,

por ejemplo, las líneas impares del dibujo y

luego las pares (o una de cada tres...), lo que

permite que el navegante pueda ver una versión

de "baja calidad" de tu dibujo mientras este ter-

mina de mostrarse en pantalla.

Transparencia

Es una utilidad para definir ciertas partes del di-

bujo como transparentes. De este modo pode-

mos colocar las imágenes sobre distintos fondos

sin que se vea el cuadrado donde está inscrito el

dibujo, viendose en cambio la silueta del dibujo

en cuestión.

Para crear un gif transparente debemos utilizar

un programa de diseño gráfico, con el podemos

indicar qué colores del dibujo queremos que

sean transparentes. Generalmente, definimos la

transparencia cuando vamos a guardar el grá-

fico.

Colores

Con este formato gráfico podemos utilizar pale-

tas, conjuntos, de 256 colores o menos. Este es

un detalle muy importante, puesto que cuantos

menos colores utilicemos en la imagen, por lo

general, menos ocupará el archivo. En ocasio-

nes, aunque utilicemos menos colores en un

gráfico, este no pierde mucho en calidad, lle-

gando a ser inapreciable a la vista.

GIF de 256 colores (25 Kb)

GIF de 8 colores (7.34 Kb)

GIF de 64 colores (16.5 Kb)

56

En algunos programas podemos modificar la cantidad de colores al guardar el ar-

chivo, en otros lo hacemos mientras creamos el gráfico. A pesar de esto, GIF

posee la capacidad de aparentar más tonos de color usando una técnica de pro-

mediación de colores que consiste, básicamente, en obtener un color intermedio

que no esté en su tabla a colocando juntos varios pixels de colores que si están

en esa tabla.

GIF animado

Variante del formato gráfico GIF que permite animación en la imagen. es un

grupo de imágenes en formato GIF encadenadas mediante un programa ade-

cuado, de forma que se presenten en nuestro monitor como una secuencia

de imágenes ordenadas que dan la sensación de movimiento, lo mismo que

ocurre en los dibujos animados. Fue la primera forma de animación web para las

páginas web, y es soportada por la gran mayoría de los navegadores.

Las animaciones GIF suelen ser útiles para pequeños íconos o banners gráficos,

pues están limitadas a sólo 256 colores y carecen de una buena fluidez.

Patente

Unisys, propietario de la patente del algoritmo LZW que se utiliza en el formato

GIF reclamó durante años el pago de regalías por su uso. Compuserve, al des-

arrollar el formato, no sabía que el algoritmo LZW estaba cubierto por una patente.

Debido a esto, cualquier programa capaz de abrir o guardar archivos GIF compri-

midos con LZW debía cumplir con sus exigencias. Esto hace que su uso sea des-

57

aconsejado por el W3C[cita requerida], y perjudicial para el software libre y no libre

(lo limitaba económicamente). Es necesario recalcar que el formato GIF puede uti-

lizar otros métodos de compresión no cubiertos por patentes, como el método

Run-length encoding.

El 20 de junio de 2003 expiró en Estados Unidos la patente por el algoritmo LZW.

Muchos llamaron a este día el Día de la liberación del GIF.

Inconvenientes

El principal problema de GIF, además de su bajo rendimiento con degradados y su

poca profundidad de color, es que el algoritmo LZW está licenciado por Unisys. Y

resulta que, repentinamente, el día de año nuevo de 1995, Unisys y Compuserve

decidieron que cualqiera que desee implementar a un programa la capacidad de

mostrar o crear GIFs debe pagar derechos a Unisys y Compuserve. Es más,

Unisys y Compuserve se reservan el derecho de cobrar derechos a cualquiera que

utilice imágenes GIF, por ejemplo, en sus páginas web (de hecho, esta es una

amenaza que ha estado a punto de cumplir varias veces). Esta es una de las razo-

nes por las que el formato PNG se está volviendo cada vez más popular, en perjui-

cio del formato GIF. Pese a esto probablemente sea el más utilizado de la Web.

Usos

Es usado generalmente para la publicidad en tipo banners. Su principal difusión

hoy en día sigue siendo para mostrar imágenes animadas para páginas web, al

ser el único formato soportado por multitud de navegadores que permita dicho

efecto.

.

CAPÍTULO 5

60

PSDDefinición

El formato PSD (PhotoShop Documento) es original del programa para edición deimágenes Adobe Photoshop, este programa ha liderado durante años, la ediciónprofesional de fotografías y gráficos digitales en mapas de bits.

Tanto Photoshop como su formato original, el PSD se originaron hacia mediadosdel año 1987 cuando los hermanos Thomas y John Knoll, hijos de un fotógrafo co-menzaron a combinar las posibilidades que en ese tiempo brindaba la informáticacon las técnicas y procesos fotográficos.

Paralelamente a este proceso, se iba posicionando cada vez mas dentro del pú-blico en general, la utilización de cámaras de fotografía digitales y a su vez se ma-sificaba la necesidad de hacer edición digital de esas imágenes.

El formato PSD o PDD está ampliamente extendido. PSD soporta todos los modosexistentes de imagen (Bitmap, Grayscale, Duotone, Indexed Color, RGB, CMYK,Lab y Multichannel).

Nota:

Definición de formato

Cuando estas escribiendo un artículo, retocando una imágen, construyendo una página web,

escuchando una canción o mirando tu película favorita en tu computadora, estas manejando

archivos. Para que estos archivos sean abiertos, leídos o modificados con tus aplicaciones

favoritas, necesitan tener un formato, un formato es un modo de representación de estos

datos.

Definición de mapa de bits

Un mapa de bits es una estructura de datos que representa una rejilla rectangular de píxeles

o puntos de color

61

CaracterísticasEl único formato, que admite la mayoría de las características de Photoshop.Dadas las grandes posibilidades de integración entre los productos Adobe, otrasaplicaciones Adobe como Adobe Illustrator, Adobe InDesign, Adobe Premiere,Adobe After Effects pueden importar directamente archivos PSD y conservar mu-chas de las características de Photoshop.

Para guardar un documento el cual tiene las capas sin acoplar o cuando hemosguardado una selección, ya que este formato nos permite retomar el trabajo tal ycomo lo dejamos.

Es un formato que no tiene perdidas, ya que no realiza compresión alguna.En oca-siones, adobe photoshop no nos permite utilizar otro formato gráfico más quePSD.

Cuando nos ocurra esto, debemos comprobar si tenemos alguna selección guar-dada o está la imagen sin acopla, al guardar un archivo PSD, puede definir unapreferencia para maximizar la compatibilidad de archivos. Esto guarda una versióncompuesta de una imagen con capas en el archivo de modo que pueda ser leídopor otras aplicaciones, incluidas las versiones anteriores de Photoshop. Tambiénconserva la apariencia de capas fusionadas en el futuro.

Las imágenes de 16 bits por canal y de 32 bits pueden guardarse como archivosPSD.Este formato de archivos soporta múltiples capas de imágenes, cada una condiferentes canales y es 100% compatible con los software que lo soportan. Son ar-chivos que no se comprimen ni pierden calidad – como sucede con el formato

6262

JPEG – y son compatibles con todas las versiones del software, es decir, que esposible abrir un archivo de la versión CS3 en la versión 4 y viceversa.

El formato original PSD, no es compatible con otro software, por lo que es de usoexclusivo del photoshop. El PSD conserva todas los parámetros y carácterísticaseditables del programa. Un archivo PSD puede contener, entre otras característi-cas, máscaras de recorte, trazados, canales de color y alfa, capas, niveles detransparencia u opacidad; así mismo soporta distintos modos de color ( rgb, index,cmyk, .. ) todas estas opciones pueden ser editadas posteriormente.

Un archivo en formato PSD puede ser publicado con PDF , también puede tenercopias en formatos como jpeg, tiff, png, bmp, etc. Así mismo el programa photos-hop admite la mayoría de formatos gráficos, que al ser modificados, editados, pue-den conservar sus características de edición, guardandolos como PSD. Esimportante aclarar que un archivo PSD puede, por la cantidad de datos conteni-dos, resultar mucho mas pesado que otros formatos gráficos.

Figura 0.1. Panel de capas

6363

USOS DEL PSDEl formato PSD es el que habitualmente se usa en adobe photoshop para guardarun documento el cual tiene las capas sin acoplar o cuando hemos guardado unaselección, ya que este formato nos permite retomar el trabajo tal y como lo deja-mos. Es un formato que no tiene perdidas, ya que no realiza compresiónalguna.En ocasiones, adobe photoshop no nos permite utilizar otro formato gráficomás que PSD.Cuando nos ocurra esto, debemos comprobar si tenemos algunaselección guardada o está la imagen sin acoplar.

Trabaja con el formato .psd

En resumen, actualmente la opción más lógica es trabajar con archivos psd. El for-mato psd permite manejar capas (el tiff lo hace actualmente) y transparencias locual da mucha mas flexibilidad a la hora de trabajar con imágenes ya que porejemplo, permite hacer siluetas suavizadas cuya calidad es superior al tradicionalCon el psd puedes manejar conjuntos de capa que son leídos en Illustator e InDe-sign y que permiten tener múltiples variaciones de una imagen con un solo ar-chivo. El formato ai puede ser leído directamente por InDesign e incluso se puedeabrir con Acrobat.

Figura 0.2. Representación trabajo PSD

6464

Propiedades básicas de archivos Pho-

toshop (.psd)

Name

Nombre del archivo, por lo general, lo deja en blanco, así que realmente no afecta.

Width y Height

Establece el ancho de nuestro documento, al lado de este otro menú podremoselegir la unidad en la que estableceremos nuestros valores de medida, elige px, ocm. Elegir la unidad es útil cuando realizamos diseños de medidas en unidadesespecíficas.

Resolution

Aquí es donde se ubica el error mas grande de los nuevos diseñadores. Trataréde explicarlo lo mas claro posible: La resolución nos indica la cantidad de puntosque formarán una unidad en el sistema de medida que hayamos elegido. Es decir,si la resolución es 72 y nuestra unidad es pixel/pulgadas, eso quiere decir que unapulgada estará formada de 72 puntos.

Figura 0.3. Opciones archivo PSD

6565

Cuanto mayor sea la resolución, mejor será la calidad de la imagen. Para web, elvalor por defecto es de 72 px y para publicidad, de 300, aunque siempre hay valo-res que no estarán dentro de estos parámetros, depende del uso y ajuste que senecesiten para cada trabajo.

No es lo mismo 72 píxeles/cm que 72 píxeles/pulgada. Esto puede ser realmentepeligroso ya que la pulgada es 2.5 cm.

Color Mode

Aquí elegiremos nuestro tipo de paleta:

RGB: Es la paleta de colores brillantes para web, no imprimibles. Aunque obvia-

mente las imágenes RGB se pueden imprimir, recuerda que tu impresora usa 4cartuchos que no son RGB. Al imprimir un archivo RGB, se usan colores compues-tos. Esto quiere decir que aunque estés intentando imprimir color magenta puro,en modo RGB, al imprimirlo, se usará tinta de los 4 colores. En maquinas de im-presión especiales los RGB no sirve en absoluto, por la incompatibilidad de paletaque maneja.

CMYK: Paleta para impresión estándar, compuesta por los valores cian, ma-

genta, amarillo (yellow) y negro (black). Es la paleta apropiada para trabajos quevan a ser impresos, por ejemplo, lonas, tarjetas de presentación, flyers, posters,lapiceros, vasos o tarjetas de yugi-oh. Esta paleta en las pantallas de maquinasespeciales de publicidad funciona de maravilla, pero en maquinas convencionaleses fatal. Así como RGB no sirve cuando necesitamos trabajar con CMYK, a la in-versa, también es desastroso. Digamos que si usas CMYK para un trabajo quedebe de ser en modo RGB un azul se verá como un verde turquesa.

Lab: Es el nombre abreviado de dos espacios de color diferentes. El más cono-

cido es CIELAB (estrictamente CIE 1976 L*a*b*) y el otro es Hunter Lab (estricta-mente, Hunter L, a, b). Lab es una abreviación informal, y puede confundirse conuno u otro espacio de color. Los espacios de color están relacionados en intencióny propósito, pero son diferentes.

Ambos espacios son derivados del espacio “maestro” CIE 1931 XYZ color space.Sin embargo, CIELAB se calcula usando raíces cúbicas, y Hunter Lab se calculausando raíces cuadradas. Se recomienda utilizar CIELAB para nuevas aplicacio-nes, excepto donde los datos deban compararse con valores Hunter L,a,b existen-tes.

El propósito de ambos espacios es producir un espacio de color que sea más “per-ceptivamente lineal” que otros espacios de color. Perceptivamente lineal significaque un cambio de la misma cantidad en un valor de color debe producir un cambio

6666

Casi de la misma importancia visual. Lo anterior puede mejorar la reproducción detonos cuando se almacenan colores en valores de precisión limitada.

Ejemplos gráficos PSD

Figura 0.4. Representación gráfica

Figura 0.5. Diseño de portada gráfica PSD

679

Aplicaciones que soportan PSDLa popularidad de Photoshop significa que el formato. PSD es ampliamente utili-zado, y es apoyado en cierta medida por la mayoría del software de la competen-cia. El formato. PSD archivo se puede exportar hacia y desde Adobe Illustrator,Adobe Premiere Pro y After Effects, para hacer profesionales DVDs estándar yservicios de efectos especiales, tales como fondos, texturas, etc, para la televisiónel cine y la Web. Photoshop es un editor de imágenes basado en píxeles, a dife-rencia de Adobe Illustrator, que es un editor de imágenes basado en vectores.

Archivos PSD en Windows

•Adobe Photoshop CS4

•Adobe Photoshop Elements 7

•Corel Paint Shop Pro Photo X2 Último

•ACDSee Photo Manager 2009

•ACD Systems lienzo 11

•OpenOffice.org Draw

•Artweaver

•Adobe Media Encoder

•XnView

•Libre Convertidor PDF

•Advanced PSD Repair

•Adobe Illustrator

Archivos PSD en Mac

•Adobe Photoshop CS4 para Mac

•Adobe Photoshop Elements 7

•Apple Prevista

•Roxio Toast 10 Titanium

CAPÍTULO 6

70

cdrdEFINIcIONcdr es un formato de archivo de imagen vectorial generado por el programa dediseño gráfico CorelDRAW. Este programa pionero en la edición de gráficos vecto-riales fue creado en 1989 por la empresa Corel Corporation, fundada en 1987 porMichael Cowpland. Como curiosidad cabe decir que el nombre del software se ori-ginó a partir de las dos primeras letras del apellido del fundador, cOwpland y lasprimeras letras de las palabras en inglés: rEsearch Labs. Reseñar también, quela compañía tiene sede en Ottawa (Canadá) con oficinas principales en EstadosUnidos, Reino Unido, Alemania, China, Taiwán y Japón. Recientemente Corel halanzado al mercado su nuevo paquete de software CorelDRAW Graphics SuiteX5, conjunto de software en el que destacan los programas CorelDRAW X5 yCorel PHOTO-PAINT X5.

Entorno gráfico del programa CorelDRAW.

71

USOSCorelDRAW sigue siendo hoy en día uno de los programas más importantes en elmundo del diseño gráfico. En un CDR podrás realizar dibujos vectoriales de todaclase, desde formas básicas (rectángulos, círculos…) a realizar una fusión de co-lores con una mezcla interactiva. Además utiliza páginas en el mismo archivo conlo cual es más fácil visualizar distintos dibujos de un mismo proyecto. Actualmenteel formato CDR se emplea en muchos sectores profesionales destacando en lassiguientes actividades:

Logotipo hecho en el programa

para la realización de un Branding

para una empresa.

Patrón realizado para u diseño de

moda.

Diseño gráfico.

•Diseño industrial.

•Diseño de moda.

•Diseño de interiores.

•Ingeniería y dibujo técnico.

•Artes gráficas.

•Patronaje industrial.

•Arquitectura.

•Rotulación.

•Serigrafía.

•Marketing y publicidad.

•Diseño Web.

•Física y química (gráficas).

•Artesanía y grabado por láser.

•Bordado digital y estampación textil.

72

Importación de archivos

En un archivo CDR puede importar archivos creados en otras aplicaciones comoAdobe Illustrator o Adobe Photoshop. Puede importar ese archivo y colocarlo en laventana de aplicación activa como un objeto. Asimismo, es posible modificar el ta-maño del archivo y centrarlo al importarlo. El archivo importado se convierte enparte del archivo activo. Al importar un mapa de bits, es posible volver a muestre-arlo para reducir el tamaño del archivo o recortarlo para eliminar las áreas no utili-zadas de la foto. También puede recortar un mapa de bits para seleccionar sólo elárea y tamaño exactos de la imagen que desee importar.

Al importar un archivo de una versión anterior de CorelDRAW que contenga textoen un idioma distinto del empleado por el sistema operativo, puede utilizar la confi-guración de la página de códigos para asegurarse de que los nombres de objetos,palabras clave y notas guardados con el archivo se muestren correctamente.

Importación otros formatos al CDR.

Aquí le ofrecemos un listado con todos los formatos que se pueden importar a unarchivo cdr:

73

AI - Adobe Illustrator

BMP - Mapa de bits de Windows

BMP - Mapa de bits OS/2

CALS - Mapa de bits comprimido

CLK - Corel R.A.V.E.

CDR - CorelDRAW

CDX - CorelDRAW comprimido

CGM - Metarchivo de gráficos de PC

CMX - Intercambio de presentación de

Corel 5.0

CMX - Corel Presentation EXchange

CPT - Corel PHOTO-PAINT

CPX - CMX comprimido de Corel

DES - Corel DESIGNER

DOC, DOCX - Ms Word

DSF, DRW, DST, MGX - Corel/Micro-grafx

DWG - AutoCAD

Dibujo con formato AI importado desde Adobe Illustrator.

74

DXF - AutoCAD

EMF - Metarchivo mejorado de windows

FH - Macromedia Freehand

FMV - Metarchivo Vectorial de Frame

FPX - Imagen Kodak FlashPIX

GIF - Mapa de bits de CompuServe

GIF - Animación GiF

JP2 - Mapa de bits JPEG 2000

JPG - Mapa de bits JPEG

MAC - Mapa de bits MAC Paint

PCX - Paint Brush

PDF - Formato Adobe Portable Document

PIC - Lotus PIC

PCT - Macintosh PICT

PLT - Archivo de trazador HP GL

PNG - Portable Network Graphics

PP4 - Picture Publisher 4

PP5 - Picture Publisher 5.0

PPF - Picture Publisher

PPT - Microsoft PowerPoint

PS, EPS, PRN - PostScript

PSD - Adobe Photoshop

PSP - Corel Paint Shop Pro

PUB - Formato de documento MS Publisher

RAW - Archivos RAW

RIFF - Painter

RTF - Formato RTF

SVG - Scalable Vector Graphics

SVGZ - SVG comprimido

TGA - Mapa de bits Targa

TIF - Mapa de bits TIIFF

TXT - Texto ANSI

WB, WQ - Corel Quattro Pro

WK - Lotus 1-2-3

WMF - Metarchivo de Windows

WP4 - Corel WordPerfect 4.2

WP5 - Corel WordPerfect 5.0

WP5 - Corel WordPerfect 5.1

75

Importación de un fichero psd.

Importación deuna imagen en jpg.

WPD - Corel WordPerfect 6/7/8/9/10/11

WPG - Gráfico Corel WordPerfect

WSD - WordStar 7.0

WI - Mapa de bits Wavelet comprimido

WLS - Microsoft Excel

76

Exportación de archivos

En CorelDRAW se pueden exportar archivos a una variedad muy grande de for-matos de archivo vectoriales y de mapas de bits. Se puede exportar por ejemplo,a un formato AI (Adobe Illustrator) o GIF. También puede exportar un archivo y op-timizarlo para usarlo con aplicaciones de ofimática, tales como Microsoft Office oCorel WordPerfect Office. Cuando exporta un archivo, el archivo original se man-

tiene abierto en la ventana dedibujo en su formato existente.Puede usar el menú ArchivoGuardar como para guardar ar-chivos en varios formatos vecto-riales. Después de guardar unarchivo en un formato de ar-chivo diferente, el archivo guar-dado se muestrainmediatamente en la ventanade dibujo. Se recomienda queprimero guarde el archivo en elformato CDR porque algunosformatos de archivo no admitentodas las funciones que puedeencontrar en un archivo Corel-DRAW.

Éste es el listado de los forma-tos a los que puede exportar unarchivo CDR:Ruta para exportar un archivo en un CDR.

AI - Adobe Illustrator

BMP - Mapa de bits de Windows

BMP - Mapa de bits OS/2

CALS - Mapa de bits comprimido

CGM - Metarchivo de gráficos de PC

CMX - Intercambio de presentación deCorel 5.0

CMX - Corel Presentation EXchange

CPT - Imagen Corel PHOTO-PAINT 7/8

DOC - Ms Word para Windows 6/7

DOC - Ms Word 97 / 2000 / 2004

DWG - AutoCAD

DXF - AutoCAD

EMF - Metarchivo mejorado de win-dows

EPS - PostScript encapsulado

FMV - Metarchivo Vectorial de Frame

FPX - Imagen Kodak FlashPIX

77Exportación para Office.

GIF - Mapa de bits de CompuServe

JPG - Mapa de bits JPEG

JP2 - JPEG 2000 Standard

JP2 - JPEG 2000 CodeStream

MAC - Mapa de bits MAC Paint

PCX - Paint Brush

PCT - Macintosh PICT

PFB - Fuente Adobe Type 1

PLT - Archivo de trazador HP GL

PNG - Portable Network Graphics

PPF - Imagen Picture Publisher v10

PP5 - Picture Publisher 5.0

SVG - Scalable Vector Graphics

SVGZ - SVG comprimido

SWF - Macromedia Flash

TGA - Mapa de bits Targa

TTF - Fuente True Type

TIF - Mapa de bits TIFF

TXT - Texto ANSI

WMF - Metarchivo de Windows

WP4 - Corel WordPerfect 4.2

WP5 - Corel WordPerfect 5.0

WP5 - Corel WordPerfect 5.1

WPD - Corel WordPerfect 6/7/8/9/10/11

WPG - Gráfico Corel WordPerfect

WSD - WordStar 7.0

WI - Mapa de bits Wavelet comprimido

Exportación de archivos a aplicaciones de ofimática

CorelDRAW es muy compatible con las aplicaciones Office como Microsoft Word yWordPerfect Office. Puede importar y exportar archivos entre aplicaciones, asícomo copiar o insertar objetos de CorelDRAW a documentos Office. Tambiénpuede utilizar un espacio de trabajo que simule el aspecto de Microsoft Office.

78

Publicación en formato PdF

Es posible guardar documentos como archivos PDF. Los archivos PDF se puedenver, compartir e imprimir en cualquier aplicación, siempre que los usuarios tengan

Publicación en formato PDF.

79

instalado Adobe Acrobat, Adobe Reader o un lector de PDF compatible en su or-denador. Además, los archivos PDF se pueden enviar a redes Intranet o a Web.También se puede exportar una selección particular o todo un documento a un ar-chivo PDF. Cuando se guarda un documento como un archivo PDF, se puede ele-

80

gir entre varios estilos PDF preestablecidos, que aplican una configuración especí-fica. Por ejemplo, con el estilo preestablecido Web, la resolución de las imágenesdel archivo PDF se optimiza para Web.

Formatos de archivo soportados (se

pueden abrir en el programa) El archivo de CorelDraw es muy compatible con los programas de diseño gráfico.La siguiente lista incluye todos los formatos de archivo utilizados en esta aplica-ción.

AI - Adobe Illustrator

PFB - Adobe Type 1 Font

BMP - Mapa de bits de Windows

BMP - Mapa de bits OS/2

CGM - Metarchivo de gráficos de PC

CDR - CorelDRAW

CMX - Intercambio de presentación deCorel

CPT - Corel PHOTO-PAINT

CSL - Biblioteca de símbolos de Corel

CUR - Recurso de cursor

DOC, DOCX o RTF - Archivos de Mi-crosoft Word

PUB - Microsoft Publisher

DSF o DES - Corel DESIGNER

DXF - Formato de intercambio de dibu-jos AutoCAD

DWG - Drawing Database de AutoCAD

EPS - PostScript encapsulado

PS o PRN - PostScript

GIF

HTML

JPG, JPEG

JP2 - JPEG 2000

PCD - Imagen Kodak Photo CD

PCT - PICT

PDF - Adobe Portable Document For-mat

PLT - Archivo de trazador HPGL

PNG - Portable Network Graphics

PSD - Adobe Photoshop

RIF - Corel Painter

SVG - Scalable Vector Graphics

SWF - Macromedia Flash

TGA - Mapa de bits TARGA

TIF - Mapa de bits TIFF

PSP - Corel Paint Shop Pro

TTF - Fuente TrueType

WPD - Documento de WordPerfect

81

WPG - Gráfico de WordPerfect

Formatos de archivo RAW

WI - Mapa de bits Wavelet comprimido

WMF - Formato de Metarchivo de Windows

Web creada en un archivo CDR.

En definitiva, los archivos CDR son muy versátiles y muy utilizados aún en elmundo del Diseño gráfico a pesar de la dura lucha que mantiene con su otro com-petidor por el apartado vectorial: Adobe Illustrator.

CAPÍTULO 7

84

aiDEFiNiCiÓNAdobe Illustrator es una aplicación de la familia Adobe Creative Suite donde setrabaja sobre un tablero de dibujo, denominado mesa de trabajo. La extensión quese crea en esta aplicación es .AI y es el formato nativo de Illustrator donde sepuede editar al 100% y mantiene las transparencias guardando una previsualiza-ción al estilo PDF 1.4 y es el mejor formato para trabajarlo de forma personal.

Es un formato vectorizado, lo cual quiere decir que los diseños creados en estaaplicación no son imágenes compuestas por mapa de bits, sino gráficos compues-tos por vectores, por lo que la imagen es un conjunto de líneas y formas definidaspor puntos conectados. Estos formatos vectoriales son los que usan los diseñado-res para crear el logotipo. El diseño es realmente una composición geométricaque se puede editar o modificar en cualquier momento.

Tiene una función única y primordial que es la creación de material Gráfico-Ilustra-tivo basándose para ello en la producción de objetos matemáticos llamados vecto-res. Illustrator ha definido el lenguaje gráfico de estos tiempos mediante el dibujovectorial, que podríamos definirlo como un modelo de dibujo técnico donde los dis-tintos elementos del diseño se forman mediante líneas y curvas definidas por fór-mulas matemáticas (vectores). El diseño vectorial permite que cualquier objetodibujado se pueda ampliar o reducir de tamaño sin que pierda calidad o claridadya que no depende de la resolución. Otra ventaja de poder escalar el diseño sinproblemas es a la hora de imprimir, ya que podemos ajustar el dibujo a las medi-das del papel sin la necesidad de interpolar o la degradación y el pixelado de laimagen debido a la ampliación de ésta.

Como se ha mencionado al principio,Illustrator posee un espacio de dibujo de-nominado “Mesa de trabajo” que corres-ponde al área que contiene los dibujos ylas ilustraciones que más tarde imprimire-mos. Esta aplicación nos permite crearhasta 100 mesas de trabajo para podermanejar de forma más simple documen-tos de gran tamaño o que queramos vi-sualizar en varias páginas. Las distintas

85

mesas pueden ser de diferente tamaño e incluso con la herramienta de mesa detrabajo de Illustrator se puede modificar la posición e incluso las proporciones deuna mesa de trabajo. En la esquina superior izquierda aparecerá el número de lamesa de trabajo, el cual nos permitirá identificar a cada una cuando tengamos va-rias en la misma ilustración.

Otro concepto muy importante y relacionado con la mesa de trabajo es el “Lienzo”ya que en Illustrator se puede dibujar, colocar objetos o transformarlos en todo elespacio disponible en la ventana de ilustración, el lienzo es todo ese espacio dis-ponible que existe por fuera de la mesa de trabajo. El lienzo nos permite disponerde espacio para realizar pruebas con los diseños sin usar la mesa de trabajo niotros documentos, para colocar ahí elementos que se repitan cuando tengamosvarias páginas para usarlos cuando sean necesarios y crear objetos que sobrepa-sen los límites de la página. Se debe saber que todo aquel elemento o dibujo quese encuentre en el lienzo no será imprimible debido a que sólo se imprime todoaquello que esté situado dentro de la mesa de trabajo.

Adobe Illustrator se reconoce por su gran calidad y nivel artístico de las ilustracio-nes creadas en el programa. Además del tiempo y esfuerzo que se requiere paraentender la aplicación, ya que a Illustrator se le reconoce como una aplicación nomuy intuitiva.

También Illustrator fue uno de los primeros en usar la tecnología Display Pos-tScript, un tipo de lenguaje WYSIWYG (What You See Is What You Get), que sig-nifica “Lo que ves es lo que tienes) y se trata de una versión avanzada dellenguaje de descripción de páginas para impresora Adobe PostScript que permiteque lo que vea en la pantalla sea una previsualización del resultado tal cual unavez imprimido el diseño.

Una de las pequeñas pegas que se le puede atribuir a Illustrator es que al importaruna imagen a la aplicación, si queremos que se quede guardada en nuestro ar-chivo *.ai deberemos incrustar la imagen en nuestro espacio de trabajo ya que sino realizamos esta acción, en el momento de enviar nuestro archivos deberemosmandar las imágenes que hemos usado porque sino solo llegaría el archivo sin lasimágenes. Una vez incrustada la imagen ya será parte del archivo *.ai.

Nombrado esta pequeña desventaja, una virtud del programa es que una vez in-crustada la imagen podremos usar la opción de calco interactivo para conseguirdirectamente que la imagen traída al archivo como mapa de bits se convierta envector.

86

aDOBE BRiDGE

Adobe Illustrator dispone de una herramienta que nos permite de forma cómoda ysencilla buscar archivos (fotos, vídeos, etc.). Debido a que el comando Abrir noera suficiente, Adobe integró un buscador en sus diversas aplicaciones como Pho-toshop, InDesign o Illustrator y éste buscador se llama Adobe Bridge.

Bridge es una aplicación multiplataforma que le ayuda a encontrar, organizar yexaminar los activos que necesita para crear contenido de impresión, Web, vídeoy audio en las diversas aplicaciones antes mencionadas. Usa un formato similar alexplorador de Windows. Bridge permitía el acceso a Adobe Stock Photos, una co-lección en línea de fotografía de archivo de imágenes extraídas de conocidas

agencias de imágenes pero el servicio se canceló el 1 de abril de 2008.

Bridge posee muchas funciones, como el renombrado por lotes. El sistema de or-ganización permite organización de las imágenes con etiquetas de color o conpuntuaciones con estrellas a las imágenes. La capacidad de editar el XMP y IPTC,el Intercambio de Información modelo de meta-datos embebidos dentro de un ar-chivo de imagen, y la capacidad de trabajar con diferentes versiones de un archivoque es parte del proyecto Adobe Version Cue.

Los archivos de imágenes se pueden mostrar en miniaturas de diferentes tama-ños, pases de diapositivas o listas. Cada carpeta, que puede ser marcada, tieneun archivo de caché para acelerar el tiempo de presentación de las imágenes alvisualizar una imagen en miniatura. El caché puede estar en una ubicación centralo en carpetas individuales.

Adobe Illustrator dispone de una serie de herramientas y efectos que nos ayudanpara crear diseños novedosos.

Herramienta malla

Es un tipo especial de degradado en el que se pueden usar múltiples colores quefluyen en distintas direcciones produciendo transiciones muy suaves con los quese consigue efectos de volumen con zonas de luz y sombra.

Una malla es una matriz de filas y columnas que definen puntos de malla. Cadapunto es como un punto de ancla, con las características siguientes: cada puntopuede rellenarse con un degrado diferente, cada punto puede tener 4 controlado-res de dirección, cada punto de dirección puede moverse como un punto de anclasuavizado. Los rellenos de malla pueden ser regulares o irregulares.

87

Efecto 3D

Este efecto nos ayuda a que con una simple forma en dos dimensiones podamoscrear mediante la opción de Extrusión y biselado del efecto un resultado que nosde una sensación de tres dimensiones. En las opciones de este efecto, podremosinteractuar directamente con la figura para seleccionar la perspectiva deseada.También se podrá elegir profundidad del efecto, tipo de bisel e incluso estilo de in-terpretación dentro de las opciones de Extrusión y biselado.

Las opciones de girar y rotar se encuentran en otros cuadros de diálogo pero po-seen un estilo similar al de la Extrusión y biselado.

Efecto Convertir en forma

Para comenzar, éste efecto se aplica cuando la imagen posee dimensiones idénti-cas tanto de alto como de ancho.

Para usar el efecto primero debemos crear un mosaico de objetos con la imagenaplicándole unos valores determinados en las opciones de número de azulejos ytambién hay que eliminar el rasterizado. Una vez aplicada esta opción se usa elefecto de convertir en forma pudiendo usar tres formas, tanto rectángulos comorectángulos redondeados o elipses.

Máscaras de recorte

Esta opción sirve para introducir un elemento (contenido) dentro de otro (contene-dor), por lo que el contenido adopte la forma del contenedor.

Para acabar con el desarrollo de la extensión AI, Illustrator posee formatos quepuede editar, otros no editable y por último archivos que es capaz de leer:

Formatos editables: AI (nativo Illustrator) y PDF.

Formatos no editables: JPEG (JPG), PSD, TIFF, PNG, EPS, PDF.

Archivos que lee: FH (FreeHand), CDR (Corel Draw), CAD (AutoCad, en algunoscasos), PDF (en algunos casos).

88

HiSTORiaDespués del grandioso éxito del formato para impresoras láser, Adobe PostScript,que de hecho fue quien inauguró la apertura de Adobe en el año de 1982, AdobeSystems lanza al mercado lo que sería uno de los programas más reconocidos dela firma y una gran herramienta prodigio de la ilustración a partir de gráficos vecto-riales, Adobe Illustrator. Hecho para la creación de ilustraciones con formato Pos-tScript y la elaboración de fuentes. Fue producido para ejecutarse en los sistemasApple Macintosh. Su lanzamiento oficial fue en enero de 1987 bajo la versiónAdobe Illustrator 1.1.

Al igual que programas de aquella época como (Cad, procesador de textos, etc.)se muestra como una innovadora alternativa de diseño digital. Hoy en día Illustra-tor es capaz de imitar la técnica de la Aerografía (técnica de pintura mediante so-plete) mediante la herramienta malla.

Para el final de la década de los ochenta, Macintosh no contaba con una altacuota de mercado, la impresora LaserWriter de Apple, la cual manejaba el nuevoformato PostScript, aparte de ser en ese tiempo muy nueva y cara, era la únicacapaz de imprimir documentos creados en Adobe Illustrator, los monitores de Ma-cintosh solo eran capaces de dar colores Monocromáticos y sus ajustes de visuali-zación se limitaban a sus escasas 9 Pulgadas, la necesidad de trabajar en AdobeIllustrator ayudó a forjar la creación de monitores más amplios para Macintosh.También los usuarios de Adobe Illustrator se afrontaban al paradigma del uso delas Curvas de Bézier (figuras trigonométricas).

Illustrator ocupó un gran espacio como una exitosa e ingeniosa función entre pin-tura, manejo de colores y el diseño de estructuras gráficas asistidas por ordenadorcreadas a partir de gráficos orientados a CAD. Significó de gran utilidad parausuarios que no podían crear sus diseños en programas como Autodesk o Auto-CAD.

Últimas versiones (CS3 y CS4)

Adobe Illustrator no pierde su esencia de "Ser un programa para ilustración" y nouno de Maquetación, de ahí que las múltiples mesas de trabajo se organicen y seadapten dentro del Área de pruebas de un mismo documento y que sigan siendollamadas Mesas de trabajo y no páginas, también la posibilidad de flexibilidad ymanipulación de cada una de las mesas son muchas en comparación con las an-teriores versiones con capacidades que van desde la creación de un PDF de múl-tiples páginas con ilustraciones cada una, pasando por eliminar la necesidad de

89

tener que crear un nuevo documento para cada vez que se quiere crear unanueva ilustración basada en el mismo diseño de otro (por ejemplo para la creaciónde múltiples páginas Web), hasta la capacidad de imprimir cada mesa de trabajopor separado o la exportación de las mismas independientemente.

illustrator frente a FreeHand.

En 1991, la empresa Aldus pone a FreeHand en el mercado para que compitiesecontra los programas de dibujo vectorial.

Aún siendo un poco rudimentario respecto al Illustrator, poseía la virtud de crearmuy buenos gradientes, cosa que Illustrator no conseguía realizar y por lo cual losdiseñadores se quejaban. Por lo que los diseñadores debían tener y conocer Illus-trator, FreeHand, Pagemaker y QuarkXpress. Esto se debía a que parecían lamisma aplicación pero con alguna opción diferente por lo que se complementabanentre ellas.

En 1994 Aldus se disolvió y vendió a Adobe pagemaker y FreeHand y Adobe dioFreeHand a macromedia que no se tomo la aplicación muy en serio.

En 1996 Illustrator tomo la interfaz de Photoshop y dejó a FreeHand fuera de lacurva de aprendizaje, ya que si el diseñador manejaba Photoshop sabía usar Illus-trator.

USOS iLLUSTRaTORAdobe Illustrator está destinado a la creación artística de dibujo y pintura para ilus-tración, ya que esta aplicación sirve para crear imágenes vectoriales.

Illustrator tiene diversos usos que nos ayudan paracomunicarnos con otros programas como por ejem-plo, teniendo la aplicación Adobe Photoshop, sepuede copiar un diseño que estemos creando enIllustrator y pegarla en un archivo de Photoshop, ha-ciéndolo como un objeto inteligente, como píxel,como trazado o también como capa de formas.

Aparte Illustrator está unido a Corel Draw ya que desde Corel se pueden exportarlos diseños con la extensión .AI para llevarla a Illustrator y desde esta aplicación

90

poderla retocar o mandarla al resto de la Suite de Adobe.

Illustrator además nos permite guardar nuestros proyectos para Microsoft Office,aunque el diseño se guardará como PNG para luego ser usado por Office.

EJEMPLOS GRÁFiCOSDiferencia entre mapa de bits y vectores

Illustrator nos permite crear documentos de distintos tipos, ya que pueden serpara imprimir, para Web, para móvil y dispositivos, para vídeo y películas, paraCMYK básico y para RGB básico, aparte también desde una plantilla prediseñada.

91

aPLiCaCiONES QUE LO SOPORTaNIllustrator es capaz de exportan sus archivos a una gran cantidad de aplicacionesque soportan dichos archivos. Estas aplicaciones son:

• Archivo de intercambio de AutoCad (*.DXF)

• Dibujo de AutoCad (*.DWG)

• BMP (*.BMP)

• Flash (*.SWF)

• Formato de texto (*.TXT)

• JPEG (*.JPG)

• Metarchivo de Windows (*.WMF)

• Metarchivo mejorado (*.EMF)

• Photoshop (*.PSD)

• PICT de Macintosh (*.PCT)

• PNG (*.PNG)

• Targa (*.TGA)

• TIFF (*.TIFF)

CAPÍTULO 8

94

.MOVExtensión de Archivo .MOVMOV es basicamente un archivo de vídeo y audio. Un formato multimedia desarro-

llado por Apple Computer utilizado para guardar películas y otros archivos de

vídeo.

La aplicación utilizada para reproducir y transmitir contenidos multimedia de alta

calidad en Internet y otros dispositivos es QuickTime. El programa Apple Quick-

Time Movie es compatible con los sistemas Windows, Mac OS X, y GNU/Linux.

Los archivos asociados a QuickTime tienen la extensión mov.

El programa QuickTime está compuesto de varias bibliotecas y un reproductor

multimedia QuickTime Player, compatibles con el vídeo de alta definición MPEG-4.

La versión QuickTime Pro incluye edición de vídeo y codificación a formatos AVI,

MOV, y MP4, y permite grabar audio con un micrófono conectado al ordenador. En

los Mac con QuickTime Pro, además de audio, también es posible grabar vídeo

con cámaras como iSight.

La Codificación de Vídeo Avanzada o AVC (Advanced Video Coding), permite con-

tenidos de vídeo muy superiores a otros formatos de alta calidad como DVD, o

DivX.

95

PROGRAMAS que abren

archivos *mov

Mac OS

o Apple QuickTime Player

o Roxio Toast 10 Titanium

o Roxio Popcorn 4

o Adobe Flash CS5

Windows

o Apple QuickTime Player

o Roxio Creator 2010

o CyberLink PowerDirector 8

o CyberLink PowerDVD 10

o Adobe Flash CS5

o Bitberry Final Media Player

96

FORMATOS que soportan QuickTime

AUDIO

o Apple Lossless 1 y 2

Audio Interchange (AIFF)

o Audio CD (CDA)

o Interfaz de intrumentos musicales MIDI

o MPEG-1 Layer 3 Audio (.mp3)

o MPEG-4 AAC Audio (.m4a, .m4b, .m4p)

o QDesign Music

o Qualcomm PureVoice (QCELP)

o Sun AU Audio

o ULAW/ALAW Audio

o (WAV)

o (Advanced Audio Coding) ^AAC

97

VÍDEO

o 3GPP & 3GPP2

o Vídeo AVI (requiere codec DivX para Windows)

o DV vídeo (DV NTSC/PAL and DVC Pro NTSC/PAL codecs)

o Flash y FlashPix (animaciones web)

o GIF animados

o H.261, H.263, y H.264 codecs

o MPEG-1, MPEG-2, y MPEG-4

o Quartz Composer Composition (sólo Mac OS X )

o QuickTime Movie (.mov, .qt)

o Vídeo Mac: Apple Vídeo, Cinepak, Component Vídeo,

Graphics, y Planar RGB

IMÁGENES

o Formatos JPEG

o Formatos GIF

o Formato PNG

o Formatos BMP (mapa de bits de Windows)

o Formato PICT (imágen de Apple)

o Formato PSD (Adobe Photoshop)

o Formatos TIFF

98

Aplicación Multimedia

QuickTime en una aplicación multimedia

capaz de manejar formatos de vídeo di-gital, maquetas 3D, texto, sonido, ani-mación, música, imágenespanorámicas, e inclusive interactivi-dad. Fue creada por Apple, y se encuen-

tra disponible para los sistemas

operativos de Mac OS y Microsoft Win-

dows. La última versión es QuickTime X

(10.0) disponible para Mac OS X v10.6.

La aplicación QuickTime para Windows

se puede descargar por sí misma o com-

binada con iTunes.

La aplicación QuickTime para Mac ya viene incorporada a partir de Mac OS X, o

también puede instalarse en modelos anteriores.

QuickTime Player 7.5

QuickTime players

QuickTime se distribuye de manera gratuita y está disponible para los sistemas

operativos de Mac OS X y Windows. La versión más reciente de Mac OS X (Mac

OS X v10.6 "Snow Leopard") incluye QuickTime X. Esta versión no tiene las opcio-

nes de Cortar-Copiar-Pegar, pero exporta en 4 formatos diferentes.

99

Además de QuickTime existen otros lectores gratuitos (inspirados en las funciones

básicas de QuickTime) con características adicionales como:

• iTunes con posibilidad de exportar audio en los formatos WAV, AIFF,

MP3, AAC, y Apple Lossless.

• A partir de la versión 7.2 de QuickTime Player se puede ver a pantalla

completa con sólo la versión sencilla del programa.

QuickTime X incluye visuales, conversión y capacidad de distribución compatibles

con YouTube y MobileMe, edición de vídeo, captura de vídeo y audio, grabación

de pantalla, aceleración de GPU y volcado en directo.

100

QuickTime Pro

Alguno programas profesionales de Apple como Final Cut Studio ó Logic Studio,

incluyen una licencia gratuita de QuickTime Pro. Esta versión profesional de

QuickTime permite opciones más específicas y avanzadas.

El programa básico QuickTime Player únicamente ofrece funciones de visionado

sencillo, pero se puede ampliar a la versión Pro por US$29.95.

Algunas de las características adicionales de QuickTime Pro incluyen:

• Edición de clips a través de las funciones de Cortar, Copiar y Pegar, mez-

clar diferentes pistas de audio y vídeo, y colocar de manera libre pistas de vídeo

en un portapapeles virtual con las opciones de recorte y rotación.

• Reproducción a Pantalla Completa, con controles en pantalla para

avance o retroceso de escenas. Una experiencia cinematográfica más realista.

• Vídeo de Alta Calidad: con cualquier cámara conectada al mac mediante

FireWire (p.ej. cámara iSight), se pueden crear vídeos para compartir en la red

local o vía correo electrónico.

• Grabación de Podcasts, con un micrófono USB se puede grabar audio.

• Videoteca: se puede

generar una biblioteca de pelícu-

las en el ordenador. También ver

películas grabadas con el telé-

fono, una cámara digital, o una

cámara de vídeo. QuickTime 7

Pro es compatible con la mayo-

ría de los formatos de vídeo, in-

cluyendo H.264, MPEG-4, y

Motion JPEG.

• Guardar y exportar (en

modo codificado) a más de 12

formatos diferentes. QuickTime 7 permite exportar vídeo a iPod, Apple TV, y

iPhone.

• Guardar películas en formato QuickTime directamente de la web a un

101

disco duro. Por lo general, aunque no siempre, esta opción está escondida o blo-

queada en la versión normal del programa. Existen dos maneras de guardar pelí-

culas desde Internet:

• Guardar destino como – Esta opción guarda el vídeo en su formato origi-

nal (no solamente en formato *.mov)

• Guardar como película QuickTime – Esta opción guarda el vídeo unica-

mente en formato *.mov, independientemente del formato original)

Caraterísticas Técnicas

El archivo .mov de QuickTime funciona

como un contenedor multimedia con una

o más pistas. Cada pista almacena deter-

minada información: audio, vídeo, efec-

tos, o texto (por ejemplo subtítulos). Las

pistas vienen formateadas con Codifica-

ción Digital de Media Streaming (con un

codec específico), o con un archivo de re-

ferencia de datos al archivo media.

La capacidad de contener referencias abstractas, separar datos, y editar las listas

de las pistas, hacen que QuickTime sea idóneo para la edición, ya que es capaz

de importar y editar in situ (sin copiar datos). Otros formatos contenedores más

avanzados como Advanced Systems Format de Microsoft o de código abierto Ogg

y contenedores Matroska carecen de esta abstracción, y necesitan todos los datos

para volver a escribirlos después de la edición.

Otros formatos de archivo que soporta QuickTime de forma nativa (en diversos

grados) incluyen AIFF, WAV, DV-DIF, MP3 y MPEG. Con otros componentes

QuickTime, también puede soportar Ogg, ASF, Flash Video, Matroska, DivX Media

Format, y otros.

102

QuickTime y MPEG-4

En 1998, la ISO aprobó el archivo QuickTime como la base del formato de ar-

chivo MPEG-4. Este a su vez se utiliza como base para otros formatos de archivo

multimedia como MP4, 3GP, o Motion JPEG 2000.

En 2000, MPEG-4 se convirtió en el formato estándar de la industria con el apoyo

de QuickTime 6 en 2002. El formato de archivo MPEG-4 está diseñado para cap-

turar, editar, archivar y distribuir los medios de comunicación, superando la simpli-

cidad de sus archivos predecesores; MPEG-1 y MPEG-2.

103

CAPÍTULO 9

106

Extensión INDD

-----------------------------------------------

Definición de INDD

Es un archivo que se crea con indesign.

---------------------------------------------------------------

InDesign ® es un programa de diseño profesional de páginas, publicado por

Adobe similar a Quark Xpress. Sustituye a los similares, pero el envejecimiento (y

mucho menos potente) Adobe Page Marker.

El programa se utiliza principalmente para el diseño de documentos cortos (es

decir, no libros), carteles y otros medios impresos, pero también tiene algunos

multimedia / web / pdf características. Los documentos más extensos como los li-

bros todavía están generalmente diseñados con Framemarker.

InDesign es lenta para sustituir a

las profundamente arraigadas

Quark XPress como el programa

de diseño de páginas preferidas

por los profesionales. La mayoría

de los programas de diseño de la

universidad ahora enseñan en

lugar de InDesign Quark, pero

muchos diseñadores profesiona-

les no han cambiado. En este artí-

culo de Macworld compara los

dos programas. Tenga en cuenta

que puesto que dicho artículo se

publicó la nueva versión 3.0 de In-

Design (apodado InDesign CS) fue lanzado con muchas mejoras significativas.

Orígenes

En el año 1993 concluyó la conocida como Primera Guerra de la Autoedición Pro-

fesional. Aldus, con su aplicación pionera Pagemarker (PM) dio por perdida la ba-

talla que había venido librando con Quark desde que esta introdujera la primera

versión de su único producto, Quark XPress, seis años antes, en 1987. El dominio

de Quark llegó a ser tan abrumador que Aldus decidió iniciar el desarrollo desde

cero de una nueva aplicación de creación de páginas; era el proyecto Shuksan.

107

Mientras tanto, entre los analistas llamaba la atención el hecho de que Adobe, im-

pulsor de la tipografía digital, inventor del Postscript y líder indiscutible de las apli-

caciones de creación gráfica AdobeIllustrator® y Adobephotshop®, no pudiera

ofrecer una solución global de diseño gráfico al no contar en su catálogo con la he-

rramienta que debería aglutinar a las demás, es decir, una aplicación de composi-

ción de páginas.

Esa situación empezó a cambiar en1994: unos meses antes de absorber a Frame

Technology y su Framemarker (FM), Adobe Systems llegó a un acuerdo de fusión

con Aldus. La operación incluía, además del propio PM, el formato de archivo grá-

fico TIFF, el programa de animación AfterEffects y aplicación de edición de video

Premiere, entre otros. Pero la razón de fondo de la operación era Shuksan, que en

San José rebautizaron como K2, el germen de lo que después sería InDesign.

Evolución

Tras una intensa campaña de marketing, en 1999 Adobe presentó al mundo de las

Artes gráficas su flamante producto InDesign, «el nuevo estándar de la maqueta-

ción profesional para el próximo milenio». Y efectivamente, un primer análisis des-

cubría innovaciones espectaculares, como la arquitectura modular extensible,

transparencias, sombras paralelas o un nuevo modo de composición multilínea;

108

además disponía frente a su rival de un comando Deshacer ilimitado, una utilidad

fundamental en la fase creativa. Sin embargo, tanto la primera versión 1.0, como

su inmediata revisión, la 1.5, encontraron dificultades para captar usuarios.

Con apenas una semana de diferencia, en febrero de 2002 aparecen QXP 5.0 e

ID 2.0. Los análisis comparativos demuestran que, mientras el primero domina las

áreas de administración del color y gestiona mejor la reutilización hacia HTML y

XML, el segundo gana en los apartados de control tipográfico, manejo de imáge-

nes, herramientas de diseño, productividad, generación de tablas, exportación a

PDF y salida impresa. Además, para los usuarios de MAC, InDesign se ejecuta en

modo nativo para el nuevo sistema de Apple basado en Unix Mac OS X.

109

Consolidación

Cuando el sector esperaba la versión 3, Adobe sorprende al mercado al presen-

tarla incluida en un paquete completo de software de diseño que es bautizado

como Creative Suite (CS) y que puede adquirirse a un precio equivalente en con-

junto al de la aplicación de Quark en solitario. Y apenas año y medio después apa-

rece la CS2. La “táctica de envolvimiento” da buenos resultados a Adobe y le

permite ocupar el escritorio de multitud de diseñadores, agencias de comunicación

y revistas mensuales.

La polémica de la interfaz

Con el modelo de interfaz heredado de los procesadores de texto, al estilo de

QXP, a medida que una aplicación crece se van añadiendo opciones de menú a

varios niveles que dan acceso a cuadros de diálogo de varias pestañas, cada una

de ellas atestada de casillas, listas desplegables y botones. Para acceder rápida-

mente a esas opciones, los profesionales disponen de combinaciones de teclado

equivalentes.

El enfoque de Adobe es diferente. Con vistas a mantener un modo de trabajo con-

sistente con Photoshop e Illustrator, y minimizar así la curva de aprendizaje, se re-

curre a la metáfora visual –que al artista le resultará tan familiar– de las paletas.

Ahora bien, con la incorporación constante de nuevas funciones, éstas pueden lle-

gar a colonizar buena parte del área de trabajo (en una instalación simple de ID

CS2 se cuentan 38 paletas). Tal aproximación funciona bien para el retoque foto-

gráfico o las ilustraciones –que trabajan a nivel 'micro', de píxel, y generalmente

con una sola imagen cada vez–; sin embargo, la maquetación requiere la interac-

ción de muchos objetos en una página, en un pliego o, incluso, en una publicación

(nivel 'macro').

En cualquier caso, la flexibilidad de ID es innegable ya que no sólo se adapta, op-

cionalmente, a los hábitos de trabajo de usuarios experimentados, y específica-

mente de los familiarizados con QXP, sino que permite reconfigurar todo el mapa

del teclado para acceder más rápidamente a las funciones favoritas o más usadas.

A pesar de ello, y atendiendo a las peticiones de sus usuarios, Adobe con la Crea-

tive Suite 3 sustituye las paletas ancladas por paneles acoplables. Remodela así

significativamente el modo de interacción con de la aplicación con el usuario, si

bien no tanto la metáfora de trabajo.

CAPÍTULO 10

112

HTMLDefiniciónEl nombre de la extensión HTML proviene de las siglas de Hypertext Markup Lan-

guage (Lenguaje de Marcado de Hipertexto). Los archivos HTML son archivos de

texto (también conocidos como archivos ASCII) que pueden crearse con cualquier

editor de texto, incluidos SimpleText y TextEdit. Es lo suficientemente simple como

para ser escrito por personas sin conocimientos muy profundos de protocolos y

redes o por programas.

Los archivos HTML están diseñados para su visualización en un explorador Web.

Se pueden importar archivos HTML para editar texto y añadir objetos web, marca-

dores, e hipervínculos. También pueden publicarse archivos en Web.

Historia de HTML.Primeras especificaciones

La primera descripción de HTML disponible públicamente fue un documento lla-

mado HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim

Berners-Lee en 1991. Describe 22 elementos comprendiendo el diseño inicial y re-

lativamente simple de HTML. Trece de estos elementos todavía existen en HTML

4.

Berners-Lee consideraba a HTML una ampliación de SGML*, pero no fue formal-

mente reconocida como tal hasta la publicación de mediados de 1993, por la

IETF*, de una primera proposición para una especificación de HTML: el boceto

Hypertext Markup Language de Berners-Lee y Dan Connolly, el cual incluía una

Definición de Tipo de Documento SGML para definir la gramática. El boceto expiró

luego de seis meses, pero fue notable por su reconocimiento de la etiqueta propia

del navegador Mosaic usada para insertar imágenes sin cambio de línea, refle-

jando la filosofía del IETF de basar estándares en prototipos con éxito. Similar-

mente, el boceto competidor de Dave Raggett HTML+ (Hypertext Markup Format)

(Formato de marcaje de hipertexto), de 1993 tardío, sugería, estandarizar caracte-

rísticas ya implementadas tales como tablas.

HTML es el lenguaje de marcado predominante para la elaboración de páginas

web. Es usado para describir la estructura y el contenido en forma de texto, así

como para complementar el texto con objetos tales como imágenes. HTML se es-

cribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>). HTML tam-

113

bién puede describir, hasta un cierto punto, la apariencia de un documento, y

puede incluir un script (por ejemplo Javascript), el cual puede afectar el comporta-

miento de navegadores web y otros procesadores de HTML.

HTML también es usado para referirse al contenido del tipo de MIME text/html o

todavía más ampliamente como un término genérico para el HTML, ya sea en

forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descen-

dida directamente de SGML (como HTML 4.01 y anteriores).

Nociones básicas de HTML

El lenguaje HTML puede ser creado y editado con cualquier editor de textos bá-

sico, como puede ser Gedit en Linux, el Bloc de Notas (editor integrado en Win-

dows, también conocido como Notepad), o cualquier otro editor que admita texto

sin formato como Emacs(otro editor muy común en Unix), Microsoft Wordpad,

TextPad, Vim, Notepad++( editor de código fuente para Microsoft Windows),Kate

(un moderno editor para Unix), jEdit (editor popular multiplataforma), entre otros.

Existen además, otros editores para la realización de sitios Web con característi-

cas WYSIWYG (What You See Is What You Get, o en español: “lo que ves es lo

que obtienes”). Estos editores permiten ver el resultado de lo que se está editando

en tiempo real, a medida que se va desarrollando el documento. Ahora bien, esto

no significa una manera distinta de realizar sitios web, sino que una forma un tanto

más simple ya que estos programas, además de tener la opción de trabajar con la

vista preliminar, tiene su propia sección HTML la cual va generando todo el código

a medida que se va trabajando. Algunos ejemplos de editores WYSIWIG son Ma-

cromedia Dreamweaver, o Microsoft FrontPage.

Combinar estos dos métodos resulta muy interesante, ya que de alguna manera

se ayudan entre sí. Por ejemplo; si se edita todo en HTML y de pronto se olvida

algún código o etiqueta, simplemente me dirijo al editor visual o WYSIWYG y se

continúa ahí la edición, o viceversa, ya que hay casos en que sale más rápido y

fácil escribir directamente el código de alguna característica que queramos adhe-

rirle al sitio, que buscar la opción en el programa mismo.

Existe otro tipo de editores HTML llamados WYSIWYM que dan más importancia

al contenido y al significado que a la apariencia visual. Entre los objetivos que tie-

nen estos editores es la separación del contenido y la presentación, fundamental

en el diseño Web.

Como ya hemos hablado, HTML utiliza etiquetas o marcas, que consisten en bre-

ves instrucciones de comienzo y final, mediante las cuales se determina la forma

en la que debe aparecer en su navegador el texto, así como también las imágenes

y los demás elementos, en la pantalla del ordenador.

114

Toda etiqueta se identifica porque está encerrada entre los signos menor que y

mayor que (<>), y algunas tienen atributos que pueden tomar algún valor. En ge-

neral las etiquetas se aplicarán de dos formas especiales:

• Se abren y se cierran, como por ejemplo: <b>negrita</b> que se vería

en su navegador web como negrita.

• No pueden abrirse y cerrarse, como <hr> que se vería en su navegador

web como una línea horizontal.

• Otras que pueden abrirse y cerrarse, como por ejemplo <p>.

• Las etiquetas básicas o mínimas son:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

<html lang="es">

<head>

<title>Ejemplo</title>

</head>

<body>

<p>ejemplo</p>

</body>

</html>

Seleccionando la opción Ver código fuente en el navegador, se puede ver real-

mente la información que está recibiendo éste y cómo la está interpretando. Por

ejemplo: en Internet Explorer o en Firefox, simplemente hay que desplegar el

menú Ver y luego elegir Código fuente. De esta forma, se abrirá el editor de texto

configurado como predeterminado en el sistema con el código fuente de la página

que se esté viendo en ese momento en el explorador. Otra forma más rápida con-

siste en hacer clic con el botón derecho del ratón en cualquier punto del área

donde el navegador muestra la página web y elegir Ver código fuente. A continua-

cion se muestra una página HTML en Internet Explorer y su código fuente.

115

116

Para el navegador Firefox existe el plugin FireBug, un depurador que permite

entre otras cosas visualizar el código HTML de la página que estamos visuali-

zando de forma dinámica, y que incluso resalta el trozo de código por el que está

pasando el ratón en cada momento, por lo que es una herramienta muy útil para

aprender diversos conceptos de este lenguaje.

UsosComo ya adelantamos, este lenguaje se escribe en un documento de texto, por

eso necesitamos un editor de textos para escribir una página web. Así pues, el ar-

chivo donde está contenido el código HTML es un archivo de texto, con una pecu-

liaridad, que tiene extensión .html o .htm (es indiferente cuál utilizar). De modo

que cuando programemos en HTML lo haremos con un editor de textos, lo más

sencillo posible y guardaremos nuestros trabajos con extensión .html, por ejemplo

mipagina.html.

Todo esto es posible gracias a Internet, una Red Internacional de comunicación de

ordenadores. Aunque realmente no es una única red sino múltiples redes de co-

municación interconectadas que funcionan como una red lógica única. El beneficio

de conectar ordenadores en una red es que puedan compartir la información que

tienen almacenada entre ellos de forma prácticamente automática.

El lenguaje de hipertexto más extendido (y casi el único) es el HTML(Los móviles

tienen uno propio llamado WML). Este lenguaje permite estructurar la información

con texto imágenes, contenido multimedia, enlaces, formularios, etc…

¿Cómo consultamos estos documentos?

• Los usuarios que quieren acceder a toda esta información y ver los

documetos HTML deben utilizar un programa informático especial que se

llama Navegador(browser).

• El navegador se encarga de presentar en pantalla de una forma legible

estos ficheros HTML.

• Todos conocemos al menos alguno de ellos, los más comunes suelen

ser Internet Explorer, Mozilla Firefox y Safari.

117

Publicación y exportación en algunos

programasA continuación les mostramos cómo puede guardar en html en distintos progra-

mas de diseño y de texto:

- CorelDraw: Archivo – Publicar en Web – HTML

- Flash: Archivo – Configuración de publicación – Aceptar

- Illustrator: Archivo – Guardar para Web y dispositivos – Guardar

- Indesign: Archivo – Exportar para Dreamweaver

- Photoshop: Archivo – Guardar para Web y dispositivos – Guardar

- QuarkXPress : Archivo – Exportar – HTML

- Microsoft Word: Botón de inicio de Word – Guardar como –

Otros formatos – Guardar como tipo – Página Web

118

119

* SGML son las siglas de Standard Generalized Markup Language o "Lenguaje de Marcado

Generalizado". Consiste en un sistema para la organización y etiquetado de documentos. La

Organización Internacional de Estándares (ISO) normalizó este lenguaje en 1986.

El lenguaje SGML sirve para especificar las reglas de etiquetado de documentos y no im-

pone en sí ningún conjunto de etiquetas en especial.

El lenguaje HTML está definido en términos del SGML.

* Internet Engineering Task Force (IETF) (en español Grupo de Trabajo en Ingeniería de In-

ternet) es una organización internacional abierta de normalización, que tiene como objetivos

el contribuir a la ingeniería de Internet, actuando en diversas áreas, como transporte, enca-

minamiento, seguridad. Fue creada en EE. UU. en 1986. La IETF es mundialmente conocida

por ser la entidad que regula las propuestas y los estándares de Internet, conocidos como

RFC.

Es una institución sin fines de lucro y abierta a la participación de cualquier persona cuyo ob-

jetivo es velar porque la arquitectura de Internet y los protocolos que la conforman funcionen

correctamente. Se la considera como la organización con más autoridad para establecer mo-

dificaciones de los parámetros técnicos bajo los que funciona la red. La IETF se compone de

técnicos y profesionales en el área de redes, tales como investigadores, diseñadores de red,

administradores, vendedores, entre otros.

CAPÍTULO 11

122

SWF

Descripción

(Small Web Format). SWF es un formato y extensión de archivos de Flash. Son

usados especialmente para agregar animaciones e interactividad a las páginas

web.

Extensión de archivo SWF es más comúnmente utilizado por las películas Shock-

wave Flash. Archivos SWF se utilizan para mostrar gráficos vectoriales animacio-

nes, y se utilizan ampliamente para la entrega de contenido multimedia y la

interactividad en la web.

La especificación original del archivo SWF fue escrito por FutureWave Software,

cuyo propósito era crear un formato capaz de mostrar animaciones aunque con

pequeños tamaños de archivo. Esto permitiría que el uso generalizado de la forma

de permitir que también los que tienen conexiones a Internet más lento el acceso

al mismo contenido. FutureWave software más tarde fue adquirido por Macrome-

dia, que han sido adquiridos por Adobe en 2005.

SWF originalmente sólo de gráficos vectoriales e imágenes mostradas en discre-

tos marcos, lo que permitió animaciones simples que deben desempeñar. Sin em-

bargo, las extensiones al formato han permitido audio y vídeo para ser empotrado

dentro de archivos SWF, así como las múltiples formas de interacción con el usua-

rio. Esta mayor flexibilidad significa que los archivos SWF se utilizan para una am-

plia gama de propósitos, por ejemplo entrega de contenido multimedia,

aplicaciones basadas en web, los juegos en línea y menús de DVD. Archivos SWF

a FLA son similares en que todos los archivos de contenido incrustado se incluye

o vinculados al. Sin embargo, la compresión se utiliza para reducir al mínimo el ta-

maño de los archivos, y aunque algunos programas reclamaciones para poder ex-

traer los medios de comunicación incorporados, no hay apoyo oficial para la

alteración de archivos SWF, ya que están diseñados para ser el final de producto

terminado.

Shockwave SWF archivos se pueden abrir utilizando el Adobe Flash Player inde-

pendiente de software, así como el uso de cualquier navegador web con plug-in

de Flash. El plug-in de Flash es compatible con la cruz-plataforma, con versiones

disponibles para Windows, Mac y Linux basados en x86 distribuciones. El formato

123

SWF es parcialmente abiertos, aunque la concesión de licencias sigue siendo es-

tricta, por lo que algunos jugadores como tercero gnash existen.

Los archivos SWF son compilados y comprimidos a partir de los archivos editables

(en formato .fla) con los que el usuario trabaja en Adobe Flash, o escritos en el for-

mato ASC, basado en texto, que pueden ser escritos y editados en cualquier editor

de texto y compilados por el SWFC. Están construidos principalmente por dos ele-

mentos: objetos basados en vectores e imágenes. Las versiones más modernas

también incorporan audio y vídeo mediano (en formato Flash Video-FLV) y multitud

de formas diferentes de interacción con el usuario. Una vez creados, los ficheros

SWF pueden ser ejecutados por el reproductor Adobe Flash Player, tanto en for-

mato plugin de un navegador o como aplicación autónoma. En muchas ocasiones

es posible encapsular los ficheros SWF junto con el reproductor, creando un pro-

yector autónomo que reproduce la animación que contiene cuando se ejecuta.

El objetivo principal del formato SWF es crear archivos pequeños pero que permi-

tan la interactividad y que funcionen en cualquier plataforma, aún sobre un ancho

de banda reducido (cómo un navegador web conectado a través de un módem). El

plugin que permite reproducir ficheros SWF está disponible en Adobe Systems

124

para diferentes navegadores y diferentes sistemas operativos, incluido Microsoft

Windows, Apple Macintosh y Linux. Este plugin está instalado en un 98% de los

ordenadores de los internautas.[cita requerida]

El formato es bastante simple, si bien es cierto que está en formato binario y por lo

tanto no es de lectura accesible, como el SVG (estándar abierto basado en XML,

recomendación del W3C). SWF ha utilizado la compresión Zlib desde el 2002, y

en general el objetivo del formato es almacenar todos los datos usando el menor

número de bits, minimizando la redundancia.

Usos

Los archivos SWF suelen ser suficientemente pequeños para ser publicados en la

World Wide Web en forma de animaciones o applets con diversas funciones y gra-

dos de interactividad. También son usados frecuentemente para crear animacio-

nes y gráficos en otros medios, como menús para películas en DVD y anuncios de

televisión. Actualmente también se usan para hacer aplicaciones más complejas

con la incorporación el lenguaje de programación para Flash: ActionScript.

Historia

Para conocer la historia del formato SWF y de su software de origen , el flash, es

necesario remontarse hasta principios de los años 90s cuando el arquitecto Jona-

than Gay, dejo el mundo de los planos y las maquetas para empezar a programar

en un Apple II. Esto fue el comienzo de un largo y provechoso proceso en el des-

arrollo de los gráficos vectoriales y sus aplicaciones en la animación y el diseño

web.

Posteriormente se dedicó a desarrollar programas y juegos basados en lenguajes

de programación con Basic y Pascal. Mas adelante creó los programas Superpaint

I y II, incursionó en la programación C++ haciendo programas no sólo para Mac

sino también para el sistema Windows.

El siguiente programa para el desarrollo de gráficos fue el Intellidraw, que trataba

de competir con Adobe Illustrator y el Aldus Freehand (posteriormente adquirido

por Macromedia). La ventaja que ofrecía el Intellidraw, es que no sólo era una he-

rramienta de dibujo, sino que podía otorgar comportamiento a los gráficos.

A finales de 1994 Gay, trabajando para la compañía FutureWave Software, des-

arrolla el programa SmartSketch, un hito en la historia del software para edicion de

gráficos vectoriales. En la misma epoca , internet ya mostraba la posibilidad de in-

125

cluir animaciones 2D. En Noviembre de 1996 Macromedia compra a Future

Splash Animator y de esa unión se crea Macromedia Flash versión 1.0

En los siguientes años el programa flash, su formato nativo .fla y su formato web

.sfw se han ido perfeccionando y mejorando sustancialmente hasta convertirse en

la actualidad en un estandard para la publicación de graficos y animaciones de

dos dimensiones en internet.

Actualmente el formato SWF se puede trabajar en aplicaciones distintas al flash,

es posible exportar archivos swf desde programas como swish o illustrator, como

también es una forma muy difundida de publicar contenido multimedia en internet.

Los contenidos producidos bajo el formato SWF pueden además tener un alto

nivel de interactividad, e incluir video y música digital.

El software Flash y el formato SWF pertenecen a Adobe Systems y circula en su

versión CS4. Desde Mayo de 2008 el formato SWF como el FLV son formatos de

código abierto, lo que permite que terceros puedan desarrollar aplicaciones que

trabajen dichos formatos y que en consecuencia su aplicación sea mas difundida y

popularizada.

CAPÍTULO 12

128

.PDFPortable Document Format

El formato PDF es el más difundido para publicar documentos listos para impre-

sión o lectura en pantalla. PDF es un formato de almacenamiento de documentos,

desarrollado por Adobe Systems que permite combinar imágen vectorial, mapa de

bits y texto.

Una de las características más distintivas de un PDF es que puede reunir elemen-

tos tan variados como texto, imágenes, e inclusive formatos creados en diferentes

aplicaciones. A diferencia de otros ficheros, los archivos PDF encapsulan gráficos

y fuentes para que se vean idénticos en cualquier ordenador.

Para visualizar un archivo PDF, es necesario tener instalada la aplicación Adobe

Reader, un programa gratuito diseñado por Adobe Systems.

Adobe Reader es un software que permite abrir, visualizar, buscar, firmar electróni-

camente, verificar e imprimir archivos PDF. Disponible en la página web

www.adobe.com, cuenta con más de 500 millones de descargas gratuitas. Una

vez seleccionado el icono, se le solicitará que identifique el

idioma, sistema operativo y velocidad de conexión. Una vez

completado este sencillo proceso, el programa se descargará

e instalará automáticamente.

Durante el proceso de creación de un do-

cumento PDF, el autor puede especificar

mediante opciones de seguridad qué cam-

bios le serán permitidos al usuario que lo

reciba, tales como rellenar y firmar formu-

larios o impresos, restringir la edición, im-

presión, o extracción de contenido. Los

creadores de archivos PDF también pue-

den añadir marcas de agua (del tipo "con-

fidencial" o "borrador"), para evitar por

ejemplo cambios permanentes en un do-

cumento en proceso de revisión.

129

Historia

Los archivos PDF comenzaron a desarrollarse a partir de 1991. Con el tiempo, los

PDF fueron adquiriendo popularidad hasta convertirse en el formato estándar.

Este tipo de documento es visto como una

página digital lista para imprimir exacta-

mente como se muestra en pantalla, sin

cambio en los márgenes. En la actualidad

la última versión de Adobe es Acrobat 9.0.

Características

Los PDF son multiplataforma (Windows, Unix/Linux o Mac).

• Un PDF puede integrar texto, elementos multimedia (audio o vídeo), hi-

pertexto (vínculos y marcadores), enlaces y miniaturas de páginas.

• Es uno de los formatos más extendidos en Internet para el intercambio

de documentos. Utilizado por empresas, gobiernos e instituciones educativas.

• Es un software libre que permite crear, visualizar o modificar documentos

en PDF.

130

• Puede cifrarse para proteger el contenido y permite firma digital.

• Se puede utilizar Adobe Reader para firmar, visualizar y verificar con se-

guridad la autenticidad de los archivos PDF. Los usuarios de Acrobat Pro, Acrobat

Pro Extended y LiveCycle ES también pueden activar Reader para que los usua-

rios de Reader puedan rellenar formularios, guardar datos, actuar sobre la infor-

mación y realizar transacciones más seguras.

• Se puede crear exportando el archivo, desde aplicaciones como OpenOf-

fice.org ó Microsoft Office.

• Puede generarse desde cualquier aplicación a través de la impresora vir-

tual .

• Es el estándar ISO para ficheros de documentos electrónicos de larga

duración.

• Para la optimización de la impresión podemos configurar las opciones de

creación del fichero PDF.

Creación de archivos

PDF

¿Qué es un PDF?

El formato de documento portátil (PDF), fue creado por Adobe Systems y ha sido

perfeccionado durante 15 años. Permite obtener y visualizar información desde

cualquier aplicación y en cualquier sistema informático, así como compartirla con

prácticamente cualquier persona en cualquier sitio. Las personas, empresas y ad-

ministraciones públicas de todo el mundo confían en los PDF para compartir sus

ieas y proyectos.

Un archivo PDF puede contener imágenes, fuentes, información de color y coman-

dos de formato avanzado. El mismo archivo puede abrirse prácticamente en cual-

quier plataforma o sistema operativo, desde dispositivos de mano hasta sistemas

Mac o PC, por medio de la aplicación Adobe Reader, la cual puede descargarse

131

de manera gratuita desde la página web de Adobe.

Las principales ventajas de PDF respecto a cualquier otro formato son:

Portabilidad si el PDF está bien generado, se verá e imprimirá exactamente

igual en cualquier sistema operativo o impresora.

Integridad todos los datos (textos, vectores, imágenes, información de página)

se almacenan en un documento único.

Inclusión de Fuentes la característica de impresión de PDFs más interesante es

que que el documento incluye las tipografías utilizadas. Así, quien imprima el do-

cumento no necesitan tener instaladas las mismas tipografías que la persona que

originalmente creó el documento.

Documentos No Editables aunque es posible realizar alguna pequeña modifica-

ción, en principio un PDF no es un formato editable. Esto implica una enorme ven-

taja a la hora de imprimir, ya que es prácticamente imposible modificar un

documento por error antes de imprimirlo.

Para crear documentos PDF existen diversas herramientas. Algunos recomiendan

usar en particular PDFCreator; una aplicación GPL (General Public License, ó Li-

cencia Pública General), gratuita y de código abierto.

Siempre que prepare un documento PDF para imprimir usando cualquier utilidad,

asegúrese de emplear los siguientes ajustes:

• Inclusión de todas las fuentes

• Compresión de imágenes ZIP, CCITT o sin compresión

• Sin regeneración de imágenes o regeneración a 300 dpi

• Inclusión de todas las fuentes

• Modelo de color CMYK

Liberación de la información y flujo de

ideas

Multiplataforma: los archivos PDF se pueden ver e im-

132

primir en cualquier plataforma: Mac OS, Microsoft® Windows®, UNIX® y muchas

plataformas móviles.

Integridad de la información: los archivos PDF tienen el mismo aspecto y

muestran la misma información que los archivos originales, como,por ejemplo,

texto, dibujos, 3D, gráficos en color, fotos e incluso lógica empresarial, indepen-

dientemente de la aplicación utilizada para crearlos.

Publicación de textos

en PDF

¿Se pueden realizar cambios en un documento PDF?

el gran éxito de los documentos PDF es que se pueden leer e imprimir en toda

clase de equipos y sistemas operativos; pero en general no están pensados para

modificarse. Básicamente un PDF equivale a un documento impreso. Esto puede

considerarse un inconveniente, pero es también una gran ventaja. Salvo que el

autor lo defina al crear un PDF, este documento no permite cambios, una manera

aficaz de proteger facturas u otros documentos que no deseamos sean modifica-

dos por otro usuario.

Las versiones recientes de Acrobat permiten generar formularios en PDF, que

pueden ser contestados y devueltos al emisor. Los PDF tienen una cierta interacti-

vidad, pero esta la determina específicamente el creador del documento.

¿es posible modificar un documento PDF?

Aunque versiones más completas como Acrobat-Pro sí permiten realizar algunos

cambios a posteriori si el autor lo ha permitido, en general Acrobat se basa en un

estándar de impresión, no de creación de textos.

Cuando uno crea un documento PDF, primero se genera con el programa ade-

cuado (Word, Excel, Quark Express…) y luego se «imprime» como PDF. Este

paso de «impresión» destruye la relación con el programa original y lo convierte

en un documento «impreso», casi inmodificable.

Para extraer texto en Acrobat Reader, se puede lograr usando la opción de «Se-

133

leccionar Texto», pulsando Ctrl-A (para Seleccionar Todo), copiando el contenido

al portapapeles, y luego pegándolo en un procesador de textos como Word.

En este proceso de edición simple se mantienen algunas características del texto

(como tipografía y tamaño), pero no se pueden transferir tablas o ilustraciones.

Conversores de PDF

La mejor opción suele ser utilizar un conversor de PDF. Los hay de dos clases:

conversores «puros» de PDF a Word y los que trabajan mediante OCR (reconoci-

miento óptico de caracteres).

Impresión en Color

Conviene revisar los siguientes detalles antes de imprimir a color.

Imágenes

• Seleccionar una resolución de 300ppp

• Trabajar con imágenes TIFF o EPS, (no JPG)

• Si tenemos imágenes RGB y CYMK, asegurarse de que cada formato

esté en el mismo espacio de color. En Quark usar RGB en formato EPS, de lo

contrario puede que QuarkXpress las cambie automáticamente a CYMK. Para

CYMK, ajustar el límite total de tinta a 325% GCR a medio

• Acoplar las imágenes y evitar el uso de transparencia

Caracteres y colores

• Incluir sangrados en el documento. Si es necesario acomodar el san-

grado, que el área de recorte de 1/8" sea mas grande que el tamaño de recorte

• Ajustar la captura a ninguna

• Seleccionar las fuentes por su nombre

• Para conseguir el negro mas oscuro, seleccionar 100% negro

• A ser posible, no convertir las tintas planas Pantone a colores CYMK

134

Características Técnicas

Representación de color en PDF

El formato PDF está indicado para la impresión de documentos ya que especifica

toda la información. La representación de colores del fichero en PDF se hace me-

diante espacios de color.

Impresión Dependiente del dispositivo de impresión

Los colores varían según el dispositivo que los reproduzca.

• CMYK: (cyan, magenta, amarillo y negro) mezcla sustractiva

• RGB: (rojo, verde y azul) mezcla aditiva

• Gris del dispositivo: escala acromática de blanco a negro

Impresión Independiente del dispositivo de impresión.

En este caso los colores están calibrados, intentando que independientemente del

dispositivo que los reproduzca los colores siempre sean constantes.

Espaciales

Se utilizan métodos especiales de reproducción del color.

• Espacios de color Separación: Espacios de color monocromos en donde

se usan colorantes especiales como tintas metálicas o fluorescentes.

Compresión en PDF

Los ficheros PDF se pueden comprimir, y cada elemento es comprimido mediante

algoritmos. Los textos y órdenes PostScript se pueden comprimir usando el algo-

ritmo Lempel Ziv Welch (LZW), y las imágenes mediante JPEG, ZIP o RLE.

• JPEG (Joint Photographic Experts Group): Utilizado para imágenes en

escala de grises o cuatricromías. Si se recomprime causa pérdida acumulativa de

información.

• ZIP (Formato de compresión ZIP): Indicado para imágenes en color y es-

cala de grises.

• RLE (Run-length encoding): Sistema sin pérdidas usado para imágenes

de línea (gráfico rasterizado).

135

CAPÍTULO 13

138

FLMDefiniciónFLM significa Filmstrip (tira de película). Es un formato de archivo gráfico que se

asocia principalmente con Adobe Systems. Un Filmstrip se compone de una se-

cuencia de imágenes de tamaño equivalente de 32 bits. Más exactamente, con-

tiene varios fotogramas de una secuencia de animación. Fue introducido con

Adobe Premiere 2.0, una aplicación en forma de Estudio destinada a la edición de

vídeo en tiempo real, pero también es aceptado por otros productos de Adobe

como Photoshop y After Effects .Por tanto, el formato Filmstrip se utiliza en archi-

vos de animación o de películas RGB creados por Adobe Premiere Pro®.

Usos Si nos encontramos en Adobe Premiere Pro podemos guardar los clips de vídeo

como Filmstrip para más tarde,abrirlo en Adobe Photoshop como un solo archivo,

literalmente como una tira de todos los fotogramas del clip en una columna. Cada

uno de ellos se etiqueta con su número de fotograma, un nombre de carrete y un

código de tiempo. Si la columna creada mediante los fotogramas de Filmstrip tiene

más de 30.000 píxeles de altura, los fotogramas continuarán en una segunda co-

lumna. El número de fotogramas mostrado depende de la duración del material de

archivo o del clip, y de la velocidad de fotogramas seleccionada al procesar el

Filmstrip. Este clip se puede modificar en Photoshop, lo que hace que este for-

mato sea útil para crear efectos especiales complejos y proyectos de rotoscopia.

Una vez que hemos modificado el Filmstrip, y lo exportamos de nuevo a Premiere,

éste vuelve a ser un clip de vídeo. Es importante recordar que al importar el Films-

trip a Photoshop, puede tener canales extra (aparte de los canales RGB), y es cru-

cial no eliminar estos canales alfa, puesto que se necesitan para poder guardar el

Filmstrip de nuevo. Por tanto, si redimensiona, remuestrea, quita canales alfa o

cambia el modo de color o el formato de archivo de un archivo Filmstrip en Pho-

toshop, no podrá volver a guardarlo en formato Filmstrip.

Los archivos Filmstrip pueden ser grandes debido a que no se utiliza la compre-

sión de vídeo en la creación de estos archivos. Si su equipo no tiene suficiente

memoria para que Photoshop cargue el archivo Filmstrip, puede dividir el archivo

en varios archivos más pequeños definiendo el área de trabajo a una parte dife-

rente de la composición o secuencia antes de procesar y exportar cada parte o

139

puede exportar la composición, el clip o la secuencia como imágenes fijas numera-

das de forma que pueda editar cada fotograma como un archivo separado. En el

caso que solo quisiera exportar un fotograma, no sería necesario utilizar el formato

Filmstrip.

Tira de imágenes importada desde Premiere Pro a Adobe Photoshop.

140

La imagen en cada fotograma es una secuencia de píxeles, hay un ancho × alto

de píxeles en un marco. Cada píxel tiene cuatro bytes para el Rojo, Verde, Azul y

Alfa canales, en ese orden.

También se puede utilizar la función de capas de vídeo en Photoshop para editar

archivos de vídeo que no se encuentren en el formato Filmstrip y puede realizar la

rotoscopia con herramientas de pintura en After Effects sin utilizar el formato

Filmstrip.

Cuando edite un Filmstrip en Adobe Photoshop, le recomendamos que siga las si-

guientes directrices para obtener resultados óptimos:

• After Effects y Adobe Premiere Pro sólo muestran la parte de cada foto

grama que se encuentre dentro del borde del mismo; sin embargo, puede

pintar en las líneas grises que dividen los fotogramas del Filmstrip sin

dañar el archivo.

• Puede editar los canales rojo, verde, azul y alfa en el archivo de films

trip. Utilice sólo el canal 4 como canal alfa; los demás canales alfa no se

reconocen.

• No cambie el tamaño ni recorte la tira de diapositivas.

• Acople todas las capas que agregue en Adobe Photoshop.

Aplicaciones que lo soportanUna de las aplicaciones que más usa el FLM es Adobe Photoshop CS 4. En este

programa se puede editar fotogramas de vídeo o incluso pintar directamente en

ellos, un proceso del que ya hemos hablado anteriormente, rotoscopia.

Desde algunas aplicaciones de composición y edición de vídeo como Adobe Pre-

miere Pro CS 3 (sólo Windows) y Adobe After Effects CS 4, puede exportar parte

de una composición o su totalidad, una secuencia o un clip como un archivo

Filmstrip único. Las funciones principales de Adobe Premiere son: montar y cortar

vídeos, exportar a distintos formatos, incluir subtítulos a los vídeos, incluir cartelas,

cambiar el audio/música de los vídeos y ajustar el color/contraste de los vídeos.

En cuanto a Adobe After Effects, es una aplicación en forma de estudio destinado

para la creación o aplicación en una composición (realización de gráficos profesio-

nales en movimiento) de efectos especiales y grafismo de video, que desde sus

raíces han consistido básicamente en la superposición de imágenes. Además,

aplica movimientos, anima textos de una manera profesional y hace transiciones.

En las siguientes páginas se muestran la interfaz de estos tres programas.

141

Ventana con todos los formatos que puede abrir Adobe Photoshop, entre los que se en-

cuentra el Filmstrip (*.FLM).

142

Ejemplo del programa A

143

Adobe Premiere Pro

144

Ejemplo del entorno de trabajo de

145

l programa Adobe After Effects

146

Exportación de un archivo de Filmstrip para su edición

en programas de imagen digital (sólo Windows)

Puede exportar una secuencia o una parte de la misma en el formato Filmstrip

para su edición, un fotograma de cada vez, en aplicaciones para la edición de fo-

tografías, como por ejemplo Photoshop. El formato Filmstrip acepta únicamente

vídeo y no audio. Los archivos de Filmstrip que haya generado Adobe Premiere

Pro no contendrán el audio que pudieran incluir los clips de origen.

1. Seleccione la secuencia para activarlo.

2. Seleccione Archivo > Exportar > Película.

3. Haga clic en el botón Ajustes.

4. Elija Filmstrip en el menú desplegable Tipo de archivo.

5. Elija Barra del entorno de trabajo o Toda la secuencia en el botón

Rango.

6. Elija Agregar a proyecto al finalizar o Pitido al finalizar.

7. Haga clic en Aceptar.

8. Escriba la ubicación y el nombre del archivo.

9. Haga clic en Guardar.

Adobe Premiere Pro procesará la secuencia o porción de la misma en un archivo

Filmstrip.

147

CAPÍTULO 14

148

EPSPostScript encapsulado o EPS (Encapsulated PostScript), es un formato de ar-

chivo gráfico.

El formato EPS puede contener tanto gráficos vectoriales como de mapa de bits y

lo admiten prácticamente todos los programas de gráficos, ilustraciones y diseño

de páginas. El formato EPS se utiliza para transferir imágenes PostScript entre

aplicaciones.

Admite modos de color Lab, CMYK, RGB, Color indexado, Duotono, Escala de gri-

ses y Mapa de bits y no admite canales alfa. EPS admite trazados de recorte. El

formato de separaciones de color de escritorio DCS, una versión del formato EPS

estándar, le permite guardar separaciones de color de imágenes CMYK. El for-

mato DCS 2.0 se utiliza para exportar imágenes que contienen canales de tintas

planas. Para imprimir archivos EPS, debe utilizar una impresora PostScript.

Puede editar y utilizar una imagen de previsualización abierta como cualquier otro

archivo de baja resolución. La previsualización PICT de EPS sólo está disponible

en Mac OS.

PostScript es un lenguaje de descripción de páginas (en inglés PDL, Page Des-

cription Language), utilizado en muchas impresoras y, de manera usual, como for-

mato de transporte de archivos gráficos en talleres de impresión profesional.

Lenguaje de descripción de páginas

Un lenguaje de descripción de páginas (LDP) describe el formato de las páginas,

la colocación del texto y los elementos gráficos como mapas de bits o como obje-

tos vectoriales para obtener una calidad de impresión óptima. Aunque los lengua-

jes de descripción de páginas son completos y podrían utilizarse para crear

programas, no se usan con este propósito pues son interpretados, y consecuente-

mente lentos. Hacen que el ordenador envíe a la impresora un fichero con la des-

cripción de las páginas a ser impresas por un programa o plataforma

independiente. Algunas impresoras pueden interpretar directamente este lenguaje.

Finalmente, la impresora recibe el fichero, lo procesa y genera el mapa de bits que

será impreso.

Otro término para lo mismo es: lenguaje de control de impresora {en inglés:

printer control language}.

149

Los LDP más conocidos quizá sean PCL de Hewlett Packard y Postscript de

Adobe. Estos son verdaderos lenguajes de programación. Sin embargo, muchos

LDP no son lo suficientemente completos como para ser considerados como tales.

Otros lenguajes de descripción de páginas

-AFP {Advanced Function Presentation}. Función avanzada de presentación.

-CPCL {Comtec Printer Control Language} (Zebra, Comtec). Lenguaje de control

de impresora de Comtec.

-Diablo

-DVI {DeVice Independent}. Independiente de dispositivo.

-EPL {Eltron Programming Language}. Lenguaje de programación Eltron.

-ESC/P {Epson Standard Code for Printers}. Código estandar para impresoras

Epson. Lenguaje simple usado mayoritariamente en las impresoras matriciales

-ESC/P2 versión extendida del anterior

-IPDS {Intelligent Printer Data Stream}. Flujo inteligente de datos de impresión.

-Metacode Formato de flujo de impresión usado en las impresoras Xerox de alta

velocidad más antiguas.

-PCL {Printer Command Language}. Lenguaje de órdenes de impresión.

150

-PDF {Portable Document Format}. Formato portátil de documento.

-PPDS {Personal Printer Data Stream}.

-GDI {Graphic device interface}. Formato de retícula o trama.

-SPL {Samsung Printer Language}. Lenguaje de impresión de Samsung.

-KPDL {Kyocera Page Description Language}. Lenguaje de descripción de pági-

nas de Kyocera.

-ZJS {Zenographics ZjStream Page Description Language}. Lenguaje de descrip-

ción de página ZjStream de Zenographics.

-ZPL {Zebra Programming Language}. Lenguaje de programación Zebra.

Post ScriptEstá basado en el trabajo realizado por John Gaffney en Evans y Sutherland en el

año 1976. Posteriormente, continuaron el desarrollo 'JaM' ('John and Martin', Mar-

tin Newell) en Xerox PARC y, finalmente, fue implementado en su forma actual por

John Warnock y otros. Fue precisamente John Warnock, junto con Chuck Ges-

chke, quienes fundaron Adobe Systems Incorporated (también conocido como

Adobe) en el año 1982.

El concepto PostScript se diferenció, fundamentalmente, por utilizar un lenguaje

de programación completo, para describir una imagen de impresión. Imagen que

más tarde sería impresa en una impresora láser o algún otro dispositivo de salida

de gran calidad, en lugar de una serie de secuencias de escapes de bajo nivel.

También implementó, notablemente, la composición de imágenes. Estas imágenes

se describían como un conjunto de:

•Líneas horizontales

•Píxeles al vuelo

•Descripciones por curvas de Bezier

•Tipografía (fuentes) de alta calidad a baja resolución (Antes de que se desarro-

llara Postscript se creía que las tipografías de mapa de bits mejoradas manual-

mente eran más adecuadas para esta tarea)

Una de las peculiaridades de PostScript es que usa Reverse Polish Notation (RPN

o notación polaca inversa- como las calculadoras de bolsillo de HP). En otras pa-

labras, los parámetros de un comando se dan antes que el comando. Los coman-

151

dos se separan con espacios en blanco. Usa operaciones de pila para procesar

datos y ejecutar comandos.

Hay cuatro pilas disponibles en PostScript:

•La pila de operandos

•La de diccionario

•La de ejecución

•La de estado gráfico.

La pila de operandos contiene objetos PostScript arbitrarios que son los operan-

dos y resultados de los operadores PostScript que se están ejecutando.

Lenguajes derivados de PostScript

PDF es otro lenguaje de descripción de páginas y es derivado de PostScript, pero

más simple y liviano.

DPS: PostScript también ha encontrado aplicaciones distintas de la impresión en

papel, como es el caso de Display PostScript. DPS es una extensión de PostScript

y fue utilizado como sistema gráfico 2D en el sistema operativo NEXTSTEP.

Quartz, de Mac OS X, es un sistema similar que utiliza PDF.

Ghostscript es una implementación abierta de un intérprete compatible con Pos-

tScript.

Otro tipo lenguaje de descripción de página para impresoras es PCL. Es más li-

gero pero con menos posibilidades que PostScript.

Desarrollo histórico

PostScript Nivel 1

Ofrece soporte para trabajar con objetos vectoriales, con "fuentes de contorno" (un

conjunto limitado de descripciones de letras a base de trazados matemáticos), con

lineaturas de semitonos profesionales, capacidad de generar puntos de semitonos

de distintas formas (línea, cuadrado, círculo, elipse, etc.), capacidad de gestionar

hasta 256 tonos de gris distintos en una impresión. Independencia total del dispo-

sitivo (lo que permite imprimir aprovechando al máximo la resolución de éste). Por-

tabilidad entre aparatos. Disponibilidad pública del código y de su sintaxis (lo que

permite a cualquiera escribir un programa capaz de generar ficheros PostScript) y

algunas cosas más.

152

PostScript Nivel 2

Fue introducido en el año 1991 incluyendo varias mejoras como:

•Gestión de memoria extremadamente mejorada

•Mayor velocidad y fiabilidad

•Capacidad para realizar la separación del color dentro del RIP (in-RIP separation)

•Descompresión de imágenes. Por ejemplo, las imágenes en JPEG pueden ser

renderizadas por un programa PostScript

•Soporte para fuentes asiáticas (las fuentes asiáticas necesitan, para su correcta

descripción, de una mayor cantidad de bytes que las europeas)

•Soporte para fuentes compuestas

•Mejora de los controladores de impresora

•Mejora muy notable (aunque algo tardía) de los algoritmos de tramado de semito-

nos.

El nivel 2 de PostScript todavía no ha sido adoptado del todo por muchos fabrican-

tes de software y hardware.

PostScript 3

A partir de esta versión Adobe abandonó la terminología de niveles, pasando a

usar la de versiones. Esta versión fue liberada a finales de 1997. Las principales

mejoras que introdujo esta nueva versión son:

• uso de 12 bits para describir las lineaturas de semitono (esta caracterís-

tica permite superar la barrera de 256 tonos y llegar hasta un degradado que con-

templa 4.096 tonos de un mismo color).

•control extremadamente mejorado de las separaciones de color (el control mejo-

rado permite realizar sin problemas separaciones de color que superen la cuatri-

cromía convencional -hexacromía, duotonos, imágenes multicanal, etc…).

•soporte del formato PDF desarrollado para el programa Acrobat

•gestión del color mucho más avanzada.

•nuevas características de impresión relacionadas con las posibilidades que

ofrece Internet que aún no han sido muy desarrolladas.

•introducción de nuevos filtros de compresión de imagenes como son el FlateDe-

code y FlateEncode y para definición de datos como ReusableStreamDecode

153

Dibujo de figuras en PostScript

En el lenguaje PostScript se usa un sistema de coordenadas cartesianas con ori-

gen en la esquina inferior izquierda de la página. La unidad de medida es el punto

tipográfico, cuyo valor se define en este caso como la septuagésima segunda

parte de una pulgada (1 / 72). En el caso de una hoja de tipo letter (hay otros ta-

maños disponibles) las dimensiones son de 612 puntos de ancho por 792 de largo.

Un ejemplo de una pila de instrucciones para realizar un dibujo simple con Pos-

tScript se detalla a continuación:

newpath

% Inicialización del cursor

100 100 moveto

% Dibujo del rectángulo

300 100 lineto

300 250 lineto

100 250 lineto

100 100 lineto

stroke

•Newpath indica que vamos a dibujar una nueva figura.

•Moveto sitúa el cursor para comenzar a dibujar la figura. En este caso dichas co-

ordenadas son 100, 100.

•Los distintos lineto dibujan las líneas de la figura (en este caso todas son líneas

rectas).

•Finalmente, el comando stroke indica la realización del dibujo al interprete.

Obviamente, también existen comandos para dibujar líneas curvas. Por ejemplo,

X; Y; R; A; B; ARC

donde:

•x, y, son las coordenadas horizontal y vertical del centro del arco circular.

•r, el radio del arco.

•a y b, el ángulo entre la parte positiva del eje horizontal y los rayos centrales que

pasan a través del punto inicial y final del arco.

154

Herramientas de escritura en PostScript

PostScript tiene varias fuentes que se usan como fuentes estándares para autoe-

dición. Tiene también herramientas de creación de fuentes a las que se puede ac-

ceder definiendo pilas de diccionario donde las fuentes están disponibles. El

siguiente programa en PostScript puede ser un ejemplo:

/Times-Roman findfont

15 scalefont

setfont

100 500 moveto

(I love PostScript!) show

/Times-Italic findfont

20 scalefont

setfont

100 450 moveto

(I love PostScript!) show

/Times-Bold findfont

25 scalefont

setfont

100 400 moveto

(I love PostScript!) show

showpage

155

Almacenamiento en formato EPS en

Adobe Illustrator®Casi todos los programas de maquetación, gráficos y procesadores de texto acep-

tan archivos PostScript encapsulado (EPS) importados o colocados. El formato

EPS mantiene muchos de los elementos gráficos que puede crear con Adobe Illus-

trator, lo que significa que los archivos EPS pueden volver a abrirse y editarse

como archivos de Illustrator. Debido a que los archivos EPS están basados en el

lenguaje PostScript, pueden contener tanto gráficos vectoriales como de mapa de

bits.

1.Si la ilustración contiene transparencia (incluidas las sobreimpresiones) y nece-

sita un resultado de alta resolución, elija Ventana > Previsualización de acopla-

miento para previsualizar los efectos del acoplamiento.

2.Elija Archivo > Guardar como o Archivo > Guardar una copia.

3.Introduzca un nombre de archivo y elija una ubicación para el archivo.

Captura de pantalla de Illustrator, Guardar Como...*EPS

156

Nota: para ver las opciones de Version Cue de los cuadros de diálogo Guardar

como y Guardar una copia, haga clic en Usar cuadro de diálogo de Adobe.

4.Seleccione Illustrator EPS (*.EPS) como formato de archivo y haga clic en Guar-

dar.

-Para crear un archivo que sea compatible con una versión anterior de Illustrator,

establezca la opción Versión situada en la parte superior del cuadro de diálogo

Opciones de EPS.

5.En el cuadro de diálogo Opciones de EPS, establezca las opciones deseadas y

haga clic en OK:

Versión

Especifica la versión de Illustrator con la que desea que sea compatible el archivo.

Los formatos heredados no admiten todas las funciones de la versión actual de

Illustrator. Por tanto, al seleccionar una versión distinta a la versión actual, algunas

opciones de almacenamiento no están disponibles, y algunos datos cambiarán.

Asegúrese de leer los avisos de la parte inferior del cuadro de diálogo para tener

en cuenta el modo en que cambiarán los datos.

Formato

Determina las características de la imagen de previsualización que se guarda en

el archivo. La imagen de previsualización aparece en las aplicaciones que no pue-

den mostrar la ilustración EPS directamente. Si no desea crear una imagen de

previsualización, seleccione Ninguna en el menú Formato. En caso contrario, se-

leccione un formato en blanco y negro o en color.

Si selecciona el formato TIFF (Color de 8 bits), seleccione una opción de fondo

para la imagen de previsualización:

-Transparente

Produce un fondo transparente.

-Opaco

Produce un fondo sólido. (Seleccione Opaco si el documento EPS va a utilizarse

en una aplicación de Microsoft Office.)

157

Opciones de Transparencia

Determina lo que ocurre con los objetos transparentes y las sobreimpresiones. Las

opciones disponibles cambian según la versión de formato seleccionada en la

parte superior del cuadro de diálogo.

Si selecciona un formato CS, especifique el modo de almacenamiento de los colo-

res superpuestos que se establece para la sobreimpresión, y seleccione un ajuste

preestablecido (o conjunto de opciones) para acoplar transparencias. Haga clic en

A medida para personalizar los ajustes del acoplador.

Si selecciona un formato heredado anterior a la versión 8.0, elija Conservar traza-

dos para no tener en cuenta los efectos de transparencia y restaurar la ilustración

transparente con una opacidad del 100% y un modo de fusión Normal. Seleccione

la opción Conservar apariencia y sobreimpresiones para mantener las sobreimpre-

siones que no interactúan con los objetos transparentes. Las sobreimpresiones

que interactúan con los objetos se acoplan.

Incrustar fuentes (para otras aplicaciones)

Incrusta todas las fuentes que contienen los permisos adecuados del proveedor de

fuentes. La incrustación de fuentes garantiza que la fuente original se visualice e

imprima si el archivo se coloca en otra aplicación, como Adobe InDesign. Sin em-

bargo, si el archivo se abre en Illustrator en un ordenador que no tenga la fuente

instalada, ésta tendrá un acabado Faux o se sustituirá. Esto se realiza con la finali-

dad de evitar el uso ilegal de la fuente incrustada.

Nota: al seleccionar la opción Incrustar fuentes aumenta el tamaño del archivo

guardado.

Incluir archivos enlazados

Incrusta los archivos enlazados a la ilustración.

Incluir miniaturas del documento

Crea una imagen en miniatura de la ilustración. La miniatura se muestra en los

cuadros de diálogo Abrir y Colocar de Illustrator.

158

Incluir PostScript CMYK en archivos RGB

Permite que se impriman documentos en color RGB desde aplicaciones que no

sean compatibles con la salida en RGB. Cuando se abre de nuevo el archivo EPS

en Illustrator, los colores RGB no se pierden.

Imprimir degradados compatibles y mallas de degradado

Permite a las impresoras más antiguas y dispositivos PostScript imprimir degrada-

dos y mallas de degradado mediante la conversión de objetos de degradado a for-

mato JPEG. Si selecciona esta opción puede ralentizarse la impresión en

impresoras que no tengan problemas con los degradados.

Adobe PostScript®

Determina el nivel de PostScript que se utiliza para guardar la ilustración. El len-

guaje PostScript de Nivel 2 representa imágenes en color, así como en escala de

grises, vectoriales y de mapa de bits; asimismo, es compatible con los modelos de

color RGB, CMYK y basados en CIE para gráficos vectoriales y de mapa de bits.

El lenguaje PostScript de Nivel 3 proporciona funciones adicionales al lenguaje de

Captura de pantalla de Illustrator, opciones de EPS

159159

Nivel 2, incluyendo la capacidad para imprimir objetos de malla al imprimir en una

impresora PostScript® 3™. Ya que la impresión en dispositivos PostScript de Nivel

2 convierte los objetos de malla de degradado en imágenes de mapa de bits, es

preferible imprimir las ilustraciones que contengan objetos de malla de degradado

en impresoras PostScript 3.

CAPÍTULO 15

162

Definición de TGA:

Formato gráfico de Truevision (actualmente Pinnacle Systems), a veces llamado

fichero TARGA. Es un formato gráfico del tipo raster.

--------------------------------------------------------------

El formato Targa (TGA) se ha diseñado para sistemas que utilizan la placa de

vídeo Truevision y habitualmente lo admiten aplicaciones de color de MS-DOS.

El formato Targa admite imágenes RGB de 16 bits (5 bits x 3 canales de color,

más un bit sin utilizar), de 24 bits (8 bits x 3 canales de color) y de 32 bits (8 bits x

3 canales de color más un solo canal alfa de 8 bits). El formato Targa admite tam-

bién imágenes de color indexado y en escala de grises sin canales alfa. Al guardar

una imagen RGB en este formato, puede elegir una profundidad de píxel y selec-

cionar la codificación RLE para comprimir la imagen.

Los ficheros TGA tienen la extensión ".tga" en los sistemas DOS y WINDOWS de

PC, y ".tpic" en los sistemas Macintosh. El formato puede almacenar datos de

imágenes de 1 a 32 bits de profundidad de color. Opcionalmente se puede utilizar

la compresión sin pérdidas RLE.

El formato TGA fue definido originalmente por Truevision Inc. en 1984. Algunas

mejoras como la incorporación de miniaturas (también llamadas thumbnails), el

canal alfa , los valores de gamma y los metadatosen forma de texto fueron añadi-

dos en1989.

Canal alfa

El canal alfa de una imagen 2D es el almacenamiento de un valor entre 0 y 1 para

cada pixel, en forma adicional a la información del color del pixel. Un valor de 1 in-

dica que el pixel es completamente opaco, ya que existe un elemento geométrico

que lo está ocluyendo. Un valor de 0 significa que no hay información de cober-

tura. El valor intermedio se utilizará para preparar el color final del pixel en el pro-

ceso de composición por transparencia de los distintos elementos que componen

la imagen.

El concepto de canal alfa fue presentado en el artículo Compositing Digital Images

(1984) de Thomas Porter y Tom Duff.

El formato PNG ofrece la posibilidad de definir el de una imagen.

163

Para crear un archivo Targa:

Coges cualquier archivo de imagen (por ejemplo *.jpg) lo abres en photoshop y lo

guardas como TARGA que es la extensión *.tga y ya lo tienes.

Esto es una muestra de la transpariencia en el canal alfa

CAPÍTULO 16

166

WMFEl metaarchivo de Windows (Windows

Metafile, WMF) es un formato de archivo gráfico en sistemas Microsoft Windows, diseñado origi-

nalmente a principios de los años 1990 y que no se utiliza tan frecuentemente

desde la aparición de Internet y formatos más comunes como GIF, JPEG, PNG y

SVG. Es un formato de gráficos vectoriales que permite también la inclusión de

mapas de bits. Esencialmente, un archivo WMF almacena una secuencia de lla-

madas a funciones que son enviadas al nivel gráfico de Windows GDI para rege-

nerar la imagen. Es similar en propósito y diseño al formato PostScript usado en

los sistemas operativos Unix.

167

Definición según ADOBELos formatos de metarchivo (WMF) y de metarchivo mejorado (EMF) de Windows

son formatos nativos de Windows que se utilizan principalmente en gráficos vecto-

riales (por ejemplo, imágenes prediseñadas) compartidos entre aplicaciones de

Windows. Los metarchivos pueden contener información de imagen rasterizada;

InDesign reconoce los datos vectoriales y ofrece soporte limitado para operacio-

nes de rasterización. El soporte de color está limitado a RGB de 16 bits y ninguno

de los dos formatos admite separaciones de color. Los formatos de metarchivo no

son idóneos para documentos en línea o de impresión comercial; sólo ofrecen cali-

dad aceptable con impresoras de baja resolución o que no sean PostScript desde

Windows.

Muestra de imagen vectorial en formato wmf

168

Como puedo generar un archivo de

imagen en formato WMF? Se puede generar en la mayoria de aplicaciones vectoriales como Corel Draw,

Adobe Illustrator y Adobe Freehand en opciones tipicas como guardar como o ex-

portar según sea la aplicación usada.

Soporta Imagen y vector!Las funciones gráficas complejas de Windows han provocado la creación de WMF.

Es un formato muy útil y sus archivos son increíblemente fáciles de crear. Las apli-

caciones Windows utilizan este formato como un tipo de "grabadora gráfica", al

copiar en un archivo los comandos para realizar la imagen en cuestion ahorrando

una cantidad considerable de espacio. Teóricamente, cualquier cosa que se pueda

dibujar en una ventana Windows puede ser almacenada en un WMF, ya sea imá-

genes bitmap, texto, o gráficos lineales sumamente complejos. Gracias a su facili-

dad de manejo, hay muchas aplicaciones que lo utilizan en la actualidad.

Diferencias entre ellos

Formatos vectoriales

Son más simples que los bitmap. Consisten en una serie de dibujos lineales basa-

dos en una lista de objetos gráficos, por ejemplo: líneas, curvas, triángulos, círcu-

169

los, rectángulos, etc. Estos objetos, y muchos más, ubicados estratégicamente en

la pantalla, forman dibujos lineales complejos. En este tipo de formatos las áreas

vacías entre las líneas pueden ser llenadas con colores o con "rellenos", pequeños

diseños que se repiten una y otra vez sin dejar espacios vacíos hasta llenar el

área en cuestión. El tamaño de las imágenes almacenadas en este tipo de forma-

tos puede ser modificado sin notar pérdida alguna de calidad. Gracias a esta ca-

racterística son muy útiles a la hora de imprimir imágenes.

Formatos bitmap

Contienen imágenes basadas en pixels (por ejemplo una imagen cuya resolución

es de 640 x 480 pixels, contiene 640 pixels horizontales y 480 pixels verticales).

Las imágenes generadas por scanner son de tipo bitmap. Cuanto mayor sea la

gama de colores, más realismo se consigue con este tipo de formato. Las imáge-

nes bitmap poseen un tamaño natural en el cual se imprimirán perfectamente,

pero, a diferencia de las vectoriales, no ofrecen grandes posibilidades con res-

pecto a la variación del tamaño. Al aumentar el tamaño bruscamente, es fácil notar

una gran disminución de la calidad. Otro punto en contra de los formatos bitmap

es la cantidad de memoria y espacio que ocupan. Debido a esto, la mayoría de

ellos utilizan diversos métodos de compresión de la información que constituye la

imágen.

CAPÍTULO 17

172

EMFDefiniciónEMF (.emf)

EMF (Enhanced MetaFile) es un metaformato gráfico vectorial de 32 bits, recono-

cido por casi todas las aplicaciones de diseño gráfico y compatible con los siste-

mas operativos Windows, pudiendo ser usado en las aplicaciones del paquete

Office.

Junto a las características propias de los formatos vectoriales presenta la ventaja

adicional de que sus ficheros pueden ser creados rápidamente, ya que lo que se

encola en la impresora son comandos de dibujo, con lo que se puede evitar la so-

brecarga en el caso de impresión remota de ficheros gráficos.

VentajasAdemás, este formato es más eficiente porque genera un archivo relativamente

pequeño y genérico, que es compatible con todas las impresoras.

173

DesventajasComo desventaja, los archivos de formato EMF no contienen la misma cantidad de

detalles que los de otros tipos de formatos gráficos vectoriales, como los archivos

DWF.

Por lo que respecta a la web, es soportado por Internet Explorer, aunque hay algu-

nos gráficos que no son interpretados correctamente.

Crear archivos EMFPara generar archivos emf podemos usar cualquier aplicación de vectores como

Corel Draw, Adobe illustrator, Freehand....

177

Imagen vs VectorUn día el sistema se volvió inestable. Todos los elementos escaparon con alegría

pues, aunque no era la primera vez que esto ocurría, ninguno de ellos quería des-

aprovechar la ocasión para sentir aunque fuera por unos minutos un poco de liber-

tad.

Las fuentes corrían y se divertían. No en vano, eran las más numerosas. Arial se

reía todo el tiempo y el señor Times muy caballeroso, no perdía en ningún mo-

mento su gallardía. Mientras, Verdana elegante y clara como siempre conversaba

con la familia Helvética, muy numerosa por cierto. No tardó mucho en aparecer

Dña. Imagen, enorme y hermosa como siempre. Todos la respetaban pues era la

más anciana del lugar. Don Vector llegó un poco después, elegante y fino como a

él le gustaba que lo llamaran.

El momento vino y el encuentro entre los dos se hizo inevitable. Don Vector le hizo

una reverencia a Dña. Imagen, a la que ésta respondió con una leve sonrisa.

Todos sabían que su relación no era muy buena pues Don Vector había llegado

hacía poco y quería abarcar mucho. Además como se suele decir eran polos com-

pletamente opuestos.

―¿Qué haces tú por aquí Don Vector?

―Me escapé un poco como los demás.

―Cada vez que te veo estás más flaco.

―Di mejor más fino, sin embargo tú cada vez que te estiras un poco lo llenas

todo.

―Cierto―respondió Dña. Imagen que estaba aumentando de tamaño poco a

poco―he ahí mi versatilidad.

―Y tu fealdad pues te agrandas y te deformas, se va tu nitidez y no pareces ya

tan hermosa.

Las fuentes se reunieron para contemplar la conversación que cada vez estaba

más tensa. También aparecieron algunas aplicaciones y algunos ficheros.

―Sí, es verdad―siguió Dña. Imagen―pero todos me tratan y me respetan. Los

Cedeerres, los Peesedes, los Pedeefes…y que me dices de los Jotapejes, ellos

siempre están ahí. Tú sin embargo eres difícil y muy complejo.

―¿Complejo dices? Ya sabes que lo mío son las Matemáticas y a veces hablo

solo en su idioma. Y es lógico que solo unos pocos me entiendan.

178

―Está bien, te propongo una cosa. Haremos un concurso. Diseñaremos u gráfico

y todos votarán al mejor. El que gane tendrá el respeto y reconocimiento del otro

para siempre.

―Estoy de acuerdo Dña. Imagen.

Y se estrecharon la mano, mostrando así que estaban de acuerdo por primera vez

en algo.

Pero como era de esperar el concurso no lo ganó ninguno pues todos estuvieron

de acuerdo que los dos eran muy buenos y muy útiles, y que si unían sus fuerzas

el trabajo de todos sería mejor y más valorado por los que verdaderamente los

usaban a diario, nosotros los usuarios.

Y el sistema volvió y desde aquel momento Dña. Imagen y Don Vector fueron más

amigos que nunca y unieron lo mejor y lo peor de cada uno para hacer lo que más

les gustaba: diseñar.

Aguilar Carle, Jesús (Director)

Álvarez de Frutos, Silvia

Chaparro Juncos, Juan Manuel

Cortázar Castañeda, Carolina

De Miguel Ruiz, Mercedes

De Pablos Ramón, Gonzalo José

Perendones Castillo, Javier

Raczy Salas, Jerzy Antonio

Rojas Bravo, Carlos

Sánchez Polo, Alberto

Zalduendo Suberviola, Laura

Zorita Hernández, Silvia