No solo jpg by DG2010 disenograficotarde

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 formatos 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 expresar mejor tus ideas creativas mediante el uso de la tecnología digital.

CAPÍTULO

JPG Definición Es la extension del formato JPEG, uno de los formatos más populares y más usados en el mundo del diseño. Permite almacenar y transmitir las imágenes ocupando 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 conjunto de expertos en fotografía). Este es el nombre de la comisión que fue integrada 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 imperceptible al ojo humano. Con ello se consigue reducir el tamaño del archivo.

Para dicha compresión el formato JPEG permite elegir el nivel de compresión que queremos asignar a un archivo, de modo que podamos decidir qué punto deseamos entre una mayor calidad de imagen (mayor tamaño de archivo) y una imagen de

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 formato 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 almacenar 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 transformación de ondas y su objetivo fue el de mejorar el algoritmo JPEG. Actualmente JPEG 2000 no está demasiado admitido por los programas de visualizació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

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 últimos son contenedores)

Compresión La 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 algoritmos, apoyándose en la teoría de que en una imagen existe información repetida que en realidad sólo se debe guardar una vez. El sistema de compresión con pérdidas esta muy perfeccionado, basado en estudios 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 algoritmo 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). Creando un nuevo conjunto de datos proclives a altas razones de compresión sin pérdida. •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 realidad, codificando el error y la información necesaria para la reconstrucción. Nuevamente, 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 descomprimir 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-

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 oscila 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 humano, 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 cambios 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 dieléctrica, lo que le permite producir una de las mejores proporciones de compresió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áficas (conformadas por muchos píxeles de colores diferentes) que para las imágenes 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

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 informació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 ejemplo, 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 comprimir 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 independientes 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, conocido 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 crominancia. 11

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 anteriores 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 valores 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 introduce 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

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 luminancia, 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 conserva 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 distintas 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 compresión. Esto es porque se usan más pixeles para eliminar las redundancias. Pero si aumentamos demasiado el tamaño del bloque obtendremos degradaciones en la imagen o bordes sin definir.

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 siguiente ejemplo:

Original

JPG

Este es un trozo de imagen original y comprimida JPG, ampliadas para ver las diferencias. 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:

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 elemento al número entero más cercano.

Nótese que el elemento más grande de toda la matriz aparece en la esquina superior 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 eliminar las altas frecuencias, sin perder excesiva calidad visual. Esto se realiza dividiendo 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. 15

JPEG recomienda una matriz de cuantificación estandarizada, la matriz de Losheller, para las imágenes con 256 niveles de intensidad, que es:

Dividiendo cada coeficiente de la matriz de la imagen transformada entre cada coeficiente de la matriz de cuantificación, se obtiene esta matriz, ya cuantificada:

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

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 decodificació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 parecido. 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 inversa. 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 casilla 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 recuperan ( y de forma aproximada) los valores de la esquina superior izquierda.

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:

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 coeficientes se convierten en ceros, y más se comprime la imagen. Pero mayores compresiones 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 compresió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 formadas 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 distintas 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.

Curiosidades de JPEG •Su extensión es habitualmente JPG debido a que sistemas operativos cómo Windows ú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 asimila 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 versió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 reconstrucció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 proyecto se puede decir que fracasó porque hoy en día no es compatible con la mayoría de navegadores, su objetivo fue el de mejorar el algoritmo JPEG. •Soporta trazados

Usos del JPEG Existen 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 completamente) con menor calidad. Calidad que irá mejorando a medida que se cargue la imagen hasta obtenerla completamente. Con ello conseguimos que no sea necesario 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-

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 ideales 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. Ademá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 versá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 formato más universal.

CAPÍTULO

TIFF Definición de TIFF Su 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 formato 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 especificaciones 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 utiliza generalmente en diversas aplicaciones de imágenes (Paint Shop Pro, Adobe, Quark, Corel etc.), por lo que es muy utilizado para intercambiar archivos entre diferentes 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 tambié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. Photoshop 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. 24

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, tambié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 de pende de la arquitectura del ordenador. 25

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”.

Seguidamente saldrá otra ventana para que puedas elegir diferentes opciones según te convengan y darle al Ok.

Ventana “opciones TIFF”

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 compresió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. 27

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 intercalado. 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 órdenes 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 aplicaciones 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 opciones 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 contraposició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 elimina 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.

Ventana “preferencias”.

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.

CAPÍTULO

png Definición potable network graphics (png) Es un formato de archivo extensible 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 verdaderos 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 filtrado 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 especificació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 adaptació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. 32

introducción básica a las características 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 software 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 espacio de color así como como información adicional(Textos) . 33

3 Codificador y Decodificador en serie: Permitiendo la visualización de imágenes 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 imagen 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 desarrolladores de software de apoyo al GIF. El anuncio causó consternación entre la comunidad de Internet. Un grupo de trabajo informal de Internet 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 Consortium aprobó la nueva especificación, Portable Network Graphics, como un formato

de imagen recomendado. A finales de 1997 tanto en Netscape 4 y Internet Explorer 4 habían llegado con soporte básico para las imágenes PNG. El apoyo a las funciones más avanzadas siguieron. 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 mayorí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 principales sobre gIF:

Canales alpha (transparencia variable).

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

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 combinaciones 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 verdadero 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).

Rango total de opciones de color soportados profundidad de bits por canal

Imagen indexada (1 canal)

Escala de grises (1 canal)

Escala de grises con alfa (2 canales)

Color verdadero (RGB) (3 canales)

Color verdadero con alfa (RGBA) (4 canales)

La tabla expuesta a la derecha indican la profundidad de color para cada formato de imagen que soporta PNG. Ésta se extrae de la profundidad de bits por canal y se multiplica por el número de canales. Las casillas en rojo representan combinaciones no soportadas. El estándar requiere que los decodificadores puedan leer todos los formatos disponibles, pero muchos editores de imagen sólo pueden generar un pequeño subconjunto de ellos.

a transparencia en la imagen PNG ofrece una gran variedad de opciones de transparencia. Con color verdadero 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 almacenados 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 Anthony Altkielski. Tiene, a varios niveles básicos de transparencia: las partes exteriores son completamente transparente, el texto es completamente opaco, y cada región limitada por los círculos tiene uno de los tres niveles de (constante) la transparencia parcial.

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

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 transparencia PNG, incluyendo WebTV y Microsoft Internet Explorer para Mac. Pre-IE7 versiones de Internet Explorer son la excepción, pero los colores de fondo (transparente en otros navegadores) pueden ser seleccionados y añadidos a las imágenes 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

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 estiramiento 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 incrustado 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 representan, 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 esquema más sofisticado que se inicia la representación de la imagen después de sólo 1 / 64 de los datos ha llegado. . El entrelazado aumenta el tamaño del archivo. Es posible que con las imágenes de una mejor compresión de PNG, menos se necesitará el entrelazado.

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

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

Compresión El método de compresión utilizado por el PNG es conocido como deflación (en inglés "Deflate algorithm "). También existen métodos de filtrado. En la especificació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, Average y Paeth. Estos filtros pueden reducir notablemente el tamaño final del archivo, aunque depende 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 información de la imagen y sin pagar derechos de patentes, pero no todas las implementaciones de aprovechar al máximo la potencia están disponibles. Incluso los que sí pueden ser frustrados son por decisiones imprudentes por parte del usuario.

png admite tres tipos de imágenes principales: 1color verdadero, 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 grises utilizando una paleta de grises). El impacto en la compresión viene de la habilidad 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 colores (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 normalmente sólo 1000 bytes o menos de tamaño, y el almacenamiento de 256 bytes, y

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 continuació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 experimentar. 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 intermedio 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 visionado de una sola imagen en caso de que el decodificador no entienda este formato. 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 imagen 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 generadas en PC-tienden a parecer más claras que en los Macs. El formato PNG permite 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 característica pueden extraer el valor gamma y hacer una corrección si el equipo host utiliza un ajuste de gama diferente.

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 configurar 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 asociada con una imagen. Considerando 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, suministrado por Glenn Rander-Pehrson. Nótese cómo la sombra del tucán del frente cae sobre su compañero:

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 regió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 colorido 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 muchos 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ágenes. Sin embargo, PNG admite alfa información con imágenes paleta, así, es sólo

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 información asociada a él, y no una imagen de paleta con una máscara alfa completo. 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 entradas paleta independiente para acomodarlos. (Los cuatro entradas tendrán idénticas componentes RGB, pero los valores alfa diferirán.) Si usted desea que todos los colores para tener cuatro niveles de transparencia, que ha reducido efectivamente 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 reconociendo 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 ordenador) interpretar los valores de color. autores Web, en particular, son probablemente conscientes de que las imágenes generadas por Macintosh tienden a parecer demasiado oscura en los ordenadores personales, y las imágenes generadas 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 suficientemente 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 imagen de formato de una sola vez. (A-como extensión de formato PNG ,l Mng se finalizó 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-

ferentes propósitos.) Para la edición de imágenes, ya sea profesional o no, PNG proporciona un formato ú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 guardar 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 especificación de Png no deja lugar a los implementadores de seleccionar y elegir qué funciones 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, representa una imagen como una matriz de dos dimensiones de puntos de color (pixeles). 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 PHOTOSHOP 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 transparencia de 1 bit o "binaria". Este tipo de transparencia no requiere de un canal adicional y únicamente admite que un color de la paleta aparezca transparente al 100%.

El PNG admite formatos con una profundidad de color de millones de colores (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 intermedios. Lamentablemente, esto permite que se compare de forma errónea PNGs de color verdadero con un GIF de color indexado (256 colores) y no indexado 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 trasparencia. 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 variaciones de color. Admite canal alfa y algunos atributos extra como la corrección gamma. •

No permite transparencia ni animación.

PNG en la web 48

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

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 navegación en un vínculo de baja velocidad (como Greg, a la hora). El entrelazado régimen 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 enumeran los navegadores estándar en 2D. Son enlaces rápidos a la sección del navegador 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

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á representado. 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 muchos 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 50

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, protectores de pantalla, generadores de fractales, los programas de aficionados, y así sucesivamente. 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 importación (por ejemplo, la incorporación de una imagen PNG en un documento de texto), pero algunos también incluyen la presentación o la ilustración de los componentes que pueden crear o modificar las imágenes PNG. Microsoft Office Quark Xpress Indesign

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

CAPÍTULO

GIF Las caracteristicas GIF son las iniciales de Graphic Interchange Format, extensión y formato de imagen creado por CompuServe en 1987. Estos dos formatos gráficos son independientes 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 animados, 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 visualización progresiva) una paleta de 256 colores y tiene la posibilidad de crear imágenes 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, permite crear pequeñas animaciones (básicamente, lo que hace es unir varias imágenes 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 ficheros 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-

dados (exactamente al contrario que JPEG). Por ello este formato está especialmente indicado para dibujos lineales, iconos, etc. Aunque también puede ser interesante si la imagen es muy pequeña, aunque sea una foto.

GIF de 8 colores (7.34 Kb)

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 termina de mostrarse en pantalla.

Transparencia Es una utilidad para definir ciertas partes del dibujo como transparentes. De este modo podemos 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.

GIF de 64 colores (16.5 Kb)

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 paletas, 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 ocasiones, aunque utilicemos menos colores en un gráfico, este no pierde mucho en calidad, llegando a ser inapreciable a la vista. GIF de 256 colores (25 Kb)

En algunos programas podemos modificar la cantidad de colores al guardar el archivo, 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 promediació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 adecuado, 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 desarrollar 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 comprimidos con LZW debía cumplir con sus exigencias. Esto hace que su uso sea des56

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 utilizar 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 razones por las que el formato PNG se está volviendo cada vez más popular, en perjuicio 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

PSD Definición El formato PSD (PhotoShop Documento) es original del programa para edición de imágenes Adobe Photoshop, este programa ha liderado durante años, la edición profesional de fotografías y gráficos digitales en mapas de bits. Tanto Photoshop como su formato original, el PSD se originaron hacia mediados del año 1987 cuando los hermanos Thomas y John Knoll, hijos de un fotógrafo comenzaron a combinar las posibilidades que en ese tiempo brindaba la informática con 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 masificaba la necesidad de hacer edición digital de esas imágenes. El formato PSD o PDD está ampliamente extendido. PSD soporta todos los modos existentes 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

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

Para guardar un documento el cual tiene las capas sin acoplar o cuando hemos guardado una selección, ya que este formato nos permite retomar el trabajo tal y como lo dejamos. Es un formato que no tiene perdidas, ya que no realiza compresión alguna.En ocasiones, adobe photoshop no nos permite utilizar otro formato gráfico más que PSD. Cuando nos ocurra esto, debemos comprobar si tenemos alguna selección guardada o está la imagen sin acopla, al guardar un archivo PSD, puede definir una preferencia para maximizar la compatibilidad de archivos. Esto guarda una versión compuesta de una imagen con capas en el archivo de modo que pueda ser leído por otras aplicaciones, incluidas las versiones anteriores de Photoshop. También conserva la apariencia de capas fusionadas en el futuro. Las imágenes de 16 bits por canal y de 32 bits pueden guardarse como archivos PSD.Este formato de archivos soporta múltiples capas de imágenes, cada una con diferentes canales y es 100% compatible con los software que lo soportan. Son archivos que no se comprimen ni pierden calidad – como sucede con el formato

JPEG – y son compatibles con todas las versiones del software, es decir, que es posible 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 uso exclusivo del photoshop. El PSD conserva todas los parámetros y carácterísticas editables del programa. Un archivo PSD puede contener, entre otras características, máscaras de recorte, trazados, canales de color y alfa, capas, niveles de transparencia 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 tener copias en formatos como jpeg, tiff, png, bmp, etc. Así mismo el programa photoshop admite la mayoría de formatos gráficos, que al ser modificados, editados, pueden conservar sus características de edición, guardandolos como PSD. Es importante aclarar que un archivo PSD puede, por la cantidad de datos contenidos, resultar mucho mas pesado que otros formatos gráficos.

Figura 0.1. Panel de capas

USOS DEL PSD El formato PSD es el que habitualmente se usa en adobe photoshop para guardar un documento el cual tiene las capas sin acoplar o cuando hemos guardado una selección, ya que este formato nos permite retomar el trabajo tal y como lo dejamos. Es un formato que no tiene perdidas, ya que no realiza compresión alguna.En ocasiones, adobe photoshop no nos permite utilizar otro formato gráfico más que PSD.Cuando nos ocurra esto, debemos comprobar si tenemos alguna selecció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 formato psd permite manejar capas (el tiff lo hace actualmente) y transparencias lo cual da mucha mas flexibilidad a la hora de trabajar con imágenes ya que por ejemplo, permite hacer siluetas suavizadas cuya calidad es superior al tradicional Con el psd puedes manejar conjuntos de capa que son leídos en Illustator e InDesign y que permiten tener múltiples variaciones de una imagen con un solo archivo. El formato ai puede ser leído directamente por InDesign e incluso se puede abrir con Acrobat.

Figura 0.2. Representación trabajo PSD

Propiedades básicas de archivos Photoshop (.psd)

Figura 0.3. Opciones archivo 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ú podremos elegir la unidad en la que estableceremos nuestros valores de medida, elige px, o cm. Elegir la unidad es útil cuando realizamos diseños de medidas en unidades especí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 puntos que 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 una pulgada estará formada de 72 puntos. 64

Cuanto mayor sea la resolución, mejor será la calidad de la imagen. Para web, el valor por defecto es de 72 px y para publicidad, de 300, aunque siempre hay valores que no estarán dentro de estos parámetros, depende del uso y ajuste que se necesiten para cada trabajo. No es lo mismo 72 píxeles/cm que 72 píxeles/pulgada. Esto puede ser realmente peligroso 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 obviamente las imágenes RGB se pueden imprimir, recuerda que tu impresora usa 4 cartuchos que no son RGB. Al imprimir un archivo RGB, se usan colores compuestos. 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 impresión especiales los RGB no sirve en absoluto, por la incompatibilidad de paleta que maneja. CMYK: Paleta para impresión estándar, compuesta por los valores cian, magenta, amarillo (yellow) y negro (black). Es la paleta apropiada para trabajos que van 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 maquinas especiales de publicidad funciona de maravilla, pero en maquinas convencionales es fatal. Así como RGB no sirve cuando necesitamos trabajar con CMYK, a la inversa, también es desastroso. Digamos que si usas CMYK para un trabajo que debe 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 conocido es CIELAB (estrictamente CIE 1976 L*a*b*) y el otro es Hunter Lab (estrictamente, Hunter L, a, b). Lab es una abreviación informal, y puede confundirse con uno u otro espacio de color. Los espacios de color están relacionados en intención y 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 calcula usando raíces cuadradas. Se recomienda utilizar CIELAB para nuevas aplicaciones, excepto donde los datos deban compararse con valores Hunter L,a,b existentes. El propósito de ambos espacios es producir un espacio de color que sea más “perceptivamente lineal” que otros espacios de color. Perceptivamente lineal significa que un cambio de la misma cantidad en un valor de color debe producir un cambio

Casi de la misma importancia visual. Lo anterior puede mejorar la reproducción de tonos 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

Aplicaciones que soportan PSD La popularidad de Photoshop significa que el formato. PSD es ampliamente utilizado, y es apoyado en cierta medida por la mayoría del software de la competencia. El formato. PSD archivo se puede exportar hacia y desde Adobe Illustrator, Adobe Premiere Pro y After Effects, para hacer profesionales DVDs estándar y servicios de efectos especiales, tales como fondos, texturas, etc, para la televisión el cine y la Web. Photoshop es un editor de imágenes basado en píxeles, a diferencia 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

67 9

CAPÍTULO

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

Entorno gráfico del programa CorelDRAW.

USOS CorelDRAW sigue siendo hoy en día uno de los programas más importantes en el mundo del diseño gráfico. En un CDR podrás realizar dibujos vectoriales de toda clase, desde formas básicas (rectángulos, círculos…) a realizar una fusión de colores con una mezcla interactiva. Además utiliza páginas en el mismo archivo con lo cual es más fácil visualizar distintos dibujos de un mismo proyecto. Actualmente el formato CDR se emplea en muchos sectores profesionales destacando en las siguientes actividades: Diseño gráfico.

•Rotulación.

•Diseño industrial.

•Serigrafía.

•Diseño de moda.

•Marketing y publicidad.

•Diseño de interiores.

•Diseño Web.

•Ingeniería y dibujo técnico.

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

•Artes gráficas.

•Artesanía y grabado por láser.

•Patronaje industrial.

•Bordado digital y estampación textil.

•Arquitectura.

Logotipo hecho en el programa para la realización de un Branding para una empresa.

Patrón realizado para u diseño de moda.

Importación de archivos En un archivo CDR puede importar archivos creados en otras aplicaciones como Adobe Illustrator o Adobe Photoshop. Puede importar ese archivo y colocarlo en la ventana de aplicación activa como un objeto. Asimismo, es posible modificar el tamaño del archivo y centrarlo al importarlo. El archivo importado se convierte en parte del archivo activo. Al importar un mapa de bits, es posible volver a muestrearlo para reducir el tamaño del archivo o recortarlo para eliminar las áreas no utilizadas 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 texto en un idioma distinto del empleado por el sistema operativo, puede utilizar la configuració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 un archivo cdr: 72

AI - Adobe Illustrator

Corel 5.0

BMP - Mapa de bits de Windows

CMX - Corel Presentation EXchange

BMP - Mapa de bits OS/2

CPT - Corel PHOTO-PAINT

CALS - Mapa de bits comprimido

CPX - CMX comprimido de Corel

CLK - Corel R.A.V.E.

DES - Corel DESIGNER

CDR - CorelDRAW

DOC, DOCX - Ms Word

CDX - CorelDRAW comprimido

DSF, DRW, DST, MGX - Corel/Micrografx

CGM - Metarchivo de gr谩ficos de PC CMX - Intercambio de presentaci贸n de

DWG - AutoCAD

Dibujo con formato AI importado desde Adobe Illustrator.

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

SVGZ - SVG comprimido

PPT - Microsoft PowerPoint

TGA - Mapa de bits Targa

PS, EPS, PRN - PostScript

TIF - Mapa de bits TIIFF

PSD - Adobe Photoshop

TXT - Texto ANSI

PSP - Corel Paint Shop Pro

WB, WQ - Corel Quattro Pro

PUB - Formato de documento MS Publisher

WK - Lotus 1-2-3

RAW - Archivos RAW

WMF - Metarchivo de Windows

RIFF - Painter

WP4 - Corel WordPerfect 4.2

RTF - Formato RTF

WP5 - Corel WordPerfect 5.0

SVG - Scalable Vector Graphics

WP5 - Corel WordPerfect 5.1

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

Importaci贸n de un fichero psd.

WPG - Gr谩fico Corel WordPerfect WSD - WordStar 7.0 WI - Mapa de bits Wavelet comprimido WLS - Microsoft Excel

Importaci贸n deuna imagen en jpg.

Exportación de archivos En CorelDRAW se pueden exportar archivos a una variedad muy grande de formatos 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 optimizarlo para usarlo con aplicaciones de ofimática, tales como Microsoft Office o Corel WordPerfect Office. Cuando exporta un archivo, el archivo original se mantiene abierto en la ventana de dibujo en su formato existente. Puede usar el menú Archivo Guardar como para guardar archivos en varios formatos vectoriales. Después de guardar un archivo en un formato de archivo diferente, el archivo guardado se muestra inmediatamente en la ventana de dibujo. Se recomienda que primero guarde el archivo en el formato CDR porque algunos formatos de archivo no admiten todas las funciones que puede encontrar en un archivo CorelDRAW.

Ruta para exportar un archivo en un CDR.

AI - Adobe Illustrator

DOC - Ms Word para Windows 6/7

BMP - Mapa de bits de Windows

DOC - Ms Word 97 / 2000 / 2004

BMP - Mapa de bits OS/2

DWG - AutoCAD

CALS - Mapa de bits comprimido

DXF - AutoCAD

CGM - Metarchivo de gráficos de PC

EMF - Metarchivo mejorado de windows

CMX - Intercambio de presentación de Corel 5.0

Éste es el listado de los formatos a los que puede exportar un archivo CDR:

EPS - PostScript encapsulado

CMX - Corel Presentation EXchange

FMV - Metarchivo Vectorial de Frame

CPT - Imagen Corel PHOTO-PAINT 7/8

FPX - Imagen Kodak FlashPIX

GIF - Mapa de bits de CompuServe

SWF - Macromedia Flash

JPG - Mapa de bits JPEG

TGA - Mapa de bits Targa

JP2 - JPEG 2000 Standard

TTF - Fuente True Type

JP2 - JPEG 2000 CodeStream

TIF - Mapa de bits TIFF

MAC - Mapa de bits MAC Paint

TXT - Texto ANSI

PCX - Paint Brush

WMF - Metarchivo de Windows

PCT - Macintosh PICT

WP4 - Corel WordPerfect 4.2

PFB - Fuente Adobe Type 1

WP5 - Corel WordPerfect 5.0

PLT - Archivo de trazador HP GL

WP5 - Corel WordPerfect 5.1

PNG - Portable Network Graphics

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

PPF - Imagen Picture Publisher v10

WPG - Gráfico Corel WordPerfect

PP5 - Picture Publisher 5.0

WSD - WordStar 7.0

SVG - Scalable Vector Graphics

WI - Mapa de bits Wavelet comprimido

SVGZ - SVG comprimido

Exportación de archivos a aplicaciones de ofimática CorelDRAW es muy compatible con las aplicaciones Office como Microsoft Word y WordPerfect Office. Puede importar y exportar archivos entre aplicaciones, así como copiar o insertar objetos de CorelDRAW a documentos Office. También puede utilizar un espacio de trabajo que simule el aspecto de Microsoft Office.

Exportación para Office.

Publicaci贸n en formato PdF Es posible guardar documentos como archivos PDF. Los archivos PDF se pueden ver, compartir e imprimir en cualquier aplicaci贸n, siempre que los usuarios tengan

Publicaci贸n en formato PDF.

instalado Adobe Acrobat, Adobe Reader o un lector de PDF compatible en su ordenador. 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 archivo PDF. Cuando se guarda un documento como un archivo PDF, se puede ele-

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ágenes del 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 aplicación. AI - Adobe Illustrator

GIF

PFB - Adobe Type 1 Font

HTML

BMP - Mapa de bits de Windows

JPG, JPEG

BMP - Mapa de bits OS/2

JP2 - JPEG 2000

CGM - Metarchivo de gráficos de PC

PCD - Imagen Kodak Photo CD

CDR - CorelDRAW

PCT - PICT

CMX - Intercambio de presentación de Corel

PDF - Adobe Portable Document Format

CPT - Corel PHOTO-PAINT

PLT - Archivo de trazador HPGL

CSL - Biblioteca de símbolos de Corel

PNG - Portable Network Graphics

CUR - Recurso de cursor

PSD - Adobe Photoshop

DOC, DOCX o RTF - Archivos de Microsoft Word

RIF - Corel Painter

PUB - Microsoft Publisher DSF o DES - Corel DESIGNER DXF - Formato de intercambio de dibujos AutoCAD DWG - Drawing Database de AutoCAD EPS - PostScript encapsulado PS o PRN - PostScript 80

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

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 el mundo del Diseño gráfico a pesar de la dura lucha que mantiene con su otro competidor por el apartado vectorial: Adobe Illustrator. 81

CAPÍTULO

ai DEFiNiCiÓN Adobe Illustrator es una aplicación de la familia Adobe Creative Suite donde se trabaja sobre un tablero de dibujo, denominado mesa de trabajo. La extensión que se crea en esta aplicación es .AI y es el formato nativo de Illustrator donde se puede editar al 100% y mantiene las transparencias guardando una previsualizació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 esta aplicación no son imágenes compuestas por mapa de bits, sino gráficos compuestos por vectores, por lo que la imagen es un conjunto de líneas y formas definidas por puntos conectados. Estos formatos vectoriales son los que usan los diseñadores para crear el logotipo. El diseño es realmente una composición geométrica que se puede editar o modificar en cualquier momento. Tiene una función única y primordial que es la creación de material Gráfico-Ilustrativo basándose para ello en la producción de objetos matemáticos llamados vectores. Illustrator ha definido el lenguaje gráfico de estos tiempos mediante el dibujo vectorial, que podríamos definirlo como un modelo de dibujo técnico donde los distintos elementos del diseño se forman mediante líneas y curvas definidas por fórmulas matemáticas (vectores). El diseño vectorial permite que cualquier objeto dibujado se pueda ampliar o reducir de tamaño sin que pierda calidad o claridad ya que no depende de la resolución. Otra ventaja de poder escalar el diseño sin problemas es a la hora de imprimir, ya que podemos ajustar el dibujo a las medidas del papel sin la necesidad de interpolar o la degradación y el pixelado de la imagen debido a la ampliación de ésta.

Como se ha mencionado al principio, Illustrator posee un espacio de dibujo denominado “Mesa de trabajo” que corresponde al área que contiene los dibujos y las ilustraciones que más tarde imprimiremos. Esta aplicación nos permite crear hasta 100 mesas de trabajo para poder manejar de forma más simple documentos de gran tamaño o que queramos visualizar en varias páginas. Las distintas

mesas pueden ser de diferente tamaño e incluso con la herramienta de mesa de trabajo de Illustrator se puede modificar la posición e incluso las proporciones de una mesa de trabajo. En la esquina superior izquierda aparecerá el número de la mesa de trabajo, el cual nos permitirá identificar a cada una cuando tengamos varias 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 el espacio disponible en la ventana de ilustración, el lienzo es todo ese espacio disponible que existe por fuera de la mesa de trabajo. El lienzo nos permite disponer de espacio para realizar pruebas con los diseños sin usar la mesa de trabajo ni otros documentos, para colocar ahí elementos que se repitan cuando tengamos varias páginas para usarlos cuando sean necesarios y crear objetos que sobrepasen los límites de la página. Se debe saber que todo aquel elemento o dibujo que se encuentre en el lienzo no será imprimible debido a que sólo se imprime todo aquello que esté situado dentro de la mesa de trabajo. Adobe Illustrator se reconoce por su gran calidad y nivel artístico de las ilustraciones creadas en el programa. Además del tiempo y esfuerzo que se requiere para entender la aplicación, ya que a Illustrator se le reconoce como una aplicación no muy intuitiva. También Illustrator fue uno de los primeros en usar la tecnología Display PostScript, un tipo de lenguaje WYSIWYG (What You See Is What You Get), que significa “Lo que ves es lo que tienes) y se trata de una versión avanzada del lenguaje de descripción de páginas para impresora Adobe PostScript que permite que lo que vea en la pantalla sea una previsualización del resultado tal cual una vez imprimido el diseño. Una de las pequeñas pegas que se le puede atribuir a Illustrator es que al importar una imagen a la aplicación, si queremos que se quede guardada en nuestro archivo *.ai deberemos incrustar la imagen en nuestro espacio de trabajo ya que si no realizamos esta acción, en el momento de enviar nuestro archivos deberemos mandar las imágenes que hemos usado porque sino solo llegaría el archivo sin las imá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 incrustada la imagen podremos usar la opción de calco interactivo para conseguir directamente que la imagen traída al archivo como mapa de bits se convierta en vector.

aDOBE BRiDGE Adobe Illustrator dispone de una herramienta que nos permite de forma cómoda y sencilla buscar archivos (fotos, vídeos, etc.). Debido a que el comando Abrir no era suficiente, Adobe integró un buscador en sus diversas aplicaciones como Photoshop, InDesign o Illustrator y éste buscador se llama Adobe Bridge. Bridge es una aplicación multiplataforma que le ayuda a encontrar, organizar y examinar los activos que necesita para crear contenido de impresión, Web, vídeo y audio en las diversas aplicaciones antes mencionadas. Usa un formato similar al explorador de Windows. Bridge permitía el acceso a Adobe Stock Photos, una colecció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 organización permite organización de las imágenes con etiquetas de color o con puntuaciones 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 archivo de imagen, y la capacidad de trabajar con diferentes versiones de un archivo que 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, tiene un archivo de caché para acelerar el tiempo de presentación de las imágenes al visualizar una imagen en miniatura. El caché puede estar en una ubicación central o en carpetas individuales.

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

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

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

Efecto 3D Este efecto nos ayuda a que con una simple forma en dos dimensiones podamos crear mediante la opción de Extrusión y biselado del efecto un resultado que nos de una sensación de tres dimensiones. En las opciones de este efecto, podremos interactuar directamente con la figura para seleccionar la perspectiva deseada. También se podrá elegir profundidad del efecto, tipo de bisel e incluso estilo de interpretació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 poseen 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énticas tanto de alto como de ancho. Para usar el efecto primero debemos crear un mosaico de objetos con la imagen aplicándole unos valores determinados en las opciones de número de azulejos y también hay que eliminar el rasterizado. Una vez aplicada esta opción se usa el efecto de convertir en forma pudiendo usar tres formas, tanto rectángulos como rectángulos redondeados o elipses.

Máscaras de recorte Esta opción sirve para introducir un elemento (contenido) dentro de otro (contenedor), por lo que el contenido adopte la forma del contenedor. Para acabar con el desarrollo de la extensión AI, Illustrator posee formatos que puede 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 algunos casos), PDF (en algunos casos).

HiSTORia Despué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, Adobe Systems lanza al mercado lo que sería uno de los programas más reconocidos de la firma y una gran herramienta prodigio de la ilustración a partir de gráficos vectoriales, Adobe Illustrator. Hecho para la creación de ilustraciones con formato PostScript y la elaboración de fuentes. Fue producido para ejecutarse en los sistemas Apple Macintosh. Su lanzamiento oficial fue en enero de 1987 bajo la versión Adobe 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 Illustrator es capaz de imitar la técnica de la Aerografía (técnica de pintura mediante soplete) mediante la herramienta malla. Para el final de la década de los ochenta, Macintosh no contaba con una alta cuota de mercado, la impresora LaserWriter de Apple, la cual manejaba el nuevo formato PostScript, aparte de ser en ese tiempo muy nueva y cara, era la única capaz de imprimir documentos creados en Adobe Illustrator, los monitores de Macintosh solo eran capaces de dar colores Monocromáticos y sus ajustes de visualización se limitaban a sus escasas 9 Pulgadas, la necesidad de trabajar en Adobe Illustrator 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 de las Curvas de Bézier (figuras trigonométricas). Illustrator ocupó un gran espacio como una exitosa e ingeniosa función entre pintura, manejo de colores y el diseño de estructuras gráficas asistidas por ordenador creadas a partir de gráficos orientados a CAD. Significó de gran utilidad para usuarios que no podían crear sus diseños en programas como Autodesk o AutoCAD.

Últimas versiones (CS3 y CS4) Adobe Illustrator no pierde su esencia de "Ser un programa para ilustración" y no uno de Maquetación, de ahí que las múltiples mesas de trabajo se organicen y se adapten dentro del Área de pruebas de un mismo documento y que sigan siendo llamadas Mesas de trabajo y no páginas, también la posibilidad de flexibilidad y manipulación de cada una de las mesas son muchas en comparación con las anteriores versiones con capacidades que van desde la creación de un PDF de múltiples páginas con ilustraciones cada una, pasando por eliminar la necesidad de 88

tener que crear un nuevo documento para cada vez que se quiere crear una nueva ilustración basada en el mismo diseño de otro (por ejemplo para la creación de múltiples páginas Web), hasta la capacidad de imprimir cada mesa de trabajo por 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 compitiese contra los programas de dibujo vectorial. Aún siendo un poco rudimentario respecto al Illustrator, poseía la virtud de crear muy buenos gradientes, cosa que Illustrator no conseguía realizar y por lo cual los diseñadores se quejaban. Por lo que los diseñadores debían tener y conocer Illustrator, FreeHand, Pagemaker y QuarkXpress. Esto se debía a que parecían la misma aplicación pero con alguna opción diferente por lo que se complementaban entre ellas. En 1994 Aldus se disolvió y vendió a Adobe pagemaker y FreeHand y Adobe dio FreeHand 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 la curva de aprendizaje, ya que si el diseñador manejaba Photoshop sabía usar Illustrator.

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

Illustrator tiene diversos usos que nos ayudan para comunicarnos con otros programas como por ejemplo, teniendo la aplicación Adobe Photoshop, se puede copiar un diseño que estemos creando en Illustrator y pegarla en un archivo de Photoshop, hacié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 exportar los diseños con la extensión .AI para llevarla a Illustrator y desde esta aplicación 89

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ÁFiCOS Diferencia entre mapa de bits y vectores

Illustrator nos permite crear documentos de distintos tipos, ya que pueden ser para imprimir, para Web, para móvil y dispositivos, para vídeo y películas, para CMYK básico y para RGB básico, aparte también desde una plantilla prediseñada.

aPLiCaCiONES QUE LO SOPORTaN Illustrator es capaz de exportan sus archivos a una gran cantidad de aplicaciones que 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

.MOV Extensión de Archivo .MOV MOV es basicamente un archivo de vídeo y audio. Un formato multimedia desarrollado 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 QuickTime 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 contenidos de vídeo muy superiores a otros formatos de alta calidad como DVD, o DivX.

PROGRAMAS que abren archivos *mov Mac OS o

Apple QuickTime Player

Roxio Toast 10 Titanium

Roxio Popcorn 4

Adobe Flash CS5

Windows o

Apple QuickTime Player

Roxio Creator 2010

CyberLink PowerDirector 8

CyberLink PowerDVD 10

Adobe Flash CS5

Bitberry Final Media Player

FORMATOS que soportan QuickTime AUDIO o

Apple Lossless 1 y 2 Audio Interchange (AIFF)

Audio CD (CDA)

Interfaz de intrumentos musicales MIDI

MPEG-1 Layer 3 Audio (.mp3)

MPEG-4 AAC Audio (.m4a, .m4b, .m4p)

QDesign Music

Qualcomm PureVoice (QCELP)

Sun AU Audio

ULAW/ALAW Audio

(WAV)

(Advanced Audio Coding) ^AAC

VÍDEO o

3GPP & 3GPP2

Vídeo AVI (requiere codec DivX para Windows)

DV vídeo (DV NTSC/PAL and DVC Pro NTSC/PAL codecs)

Flash y FlashPix (animaciones web)

GIF animados

H.261, H.263, y H.264 codecs

MPEG-1, MPEG-2, y MPEG-4

Quartz Composer Composition (sólo Mac OS X )

QuickTime Movie (.mov, .qt)

Vídeo Mac: Apple Vídeo, Cinepak, Component Vídeo, Graphics, y Planar RGB

IMÁGENES o

Formatos JPEG

Formatos GIF

Formato PNG

Formatos BMP (mapa de bits de Windows)

Formato PICT (imágen de Apple)

Formato PSD (Adobe Photoshop)

Formatos TIFF

Aplicación Multimedia QuickTime en una aplicación multimedia capaz de manejar formatos de vídeo digital, maquetas 3D, texto, sonido, animación, música, imágenes panorámicas, e inclusive interactividad. Fue creada por Apple, y se encuentra disponible para los sistemas operativos de Mac OS y Microsoft Windows. 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 combinada 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 opciones de Cortar-Copiar-Pegar, pero exporta en 4 formatos diferentes.

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.

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, mezclar 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ículas 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 mayoría de los formatos de vídeo, incluyendo 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. 100

•

Guardar películas en formato QuickTime directamente de la web a un

disco duro. Por lo general, aunque no siempre, esta opción está escondida o bloqueada 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 original (no solamente en formato *.mov) • Guardar como película QuickTime – Esta opción guarda el vídeo unicamente 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 determinada información: audio, vídeo, efectos, o texto (por ejemplo subtítulos). Las pistas vienen formateadas con Codificación Digital de Media Streaming (con un codec específico), o con un archivo de referencia 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.

101

QuickTime y MPEG-4 En 1998, la ISO aprobó el archivo QuickTime como la base del formato de archivo 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 capturar, editar, archivar y distribuir los medios de comunicación, superando la simplicidad de sus archivos predecesores; MPEG-1 y MPEG-2.

102

103

CAPÍTULO

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 libros 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 profesionales 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 InDesign (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 Profesional. Aldus, con su aplicación pionera Pagemarker (PM) dio por perdida la batalla 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. 106

Mientras tanto, entre los analistas llamaba la atención el hecho de que Adobe, impulsor de la tipografía digital, inventor del Postscript y líder indiscutible de las aplicaciones 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 herramienta que debería aglutinar a las demás, es decir, una aplicación de composició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 maquetación profesional para el próximo milenio». Y efectivamente, un primer análisis descubría innovaciones espectaculares, como la arquitectura modular extensible, transparencias, sombras paralelas o un nuevo modo de composición multilínea;

107

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ágenes, 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.

108

Consolidación Cuando el sector esperaba la versión 3, Adobe sorprende al mercado al presentarla 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 conjunto al de la aplicación de Quark en solitario. Y apenas año y medio después aparece 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ápidamente 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 consistente con Photoshop e Illustrator, y minimizar así la curva de aprendizaje, se recurre 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 llegar 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 fotográ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 interacció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, opcionalmente, a los hábitos de trabajo de usuarios experimentados, y específicamente 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 Creative 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.

109

CAPÍTULO

HTML Definición El nombre de la extensión HTML proviene de las siglas de Hypertext Markup Language (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, marcadores, 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 llamado 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 relativamente 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 formalmente 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, reflejando la filosofía del IETF de basar estándares en prototipos con éxito. Similarmente, el boceto competidor de Dave Raggett HTML+ (Hypertext Markup Format) (Formato de marcaje de hipertexto), de 1993 tardío, sugería, estandarizar características ya implementadas tales como tablas.

112

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 escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>). HTML tam-

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 comportamiento 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 descendida 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 Windows, 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ísticas 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 Macromedia 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 adherirle 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 tienen 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 breves 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. 113

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 general las etiquetas se aplicarán de dos formas especiales: • Se abren y se cierran, como por ejemplo: negrita 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 . • 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> ejemplo </body> </html>

Seleccionando la opción Ver código fuente en el navegador, se puede ver realmente 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 consiste 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 continuacion se muestra una página HTML en Internet Explorer y su código fuente.

114

115

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 visualizando 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.

Usos Como 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 archivo donde está contenido el código HTML es un archivo de texto, con una peculiaridad, 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 comunicació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.

116

Publicación y exportación en algunos programas A continuación les mostramos cómo puede guardar en html en distintos programas 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

117

118

* 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 impone 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 Internet) 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, encaminamiento, 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 objetivo 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 modificaciones 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.

119

CAPÍTULO

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 Shockwave Flash. Archivos SWF se utilizan para mostrar gráficos vectoriales animaciones, 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 Macromedia, que han sido adquiridos por Adobe en 2005. SWF originalmente sólo de gráficos vectoriales e imágenes mostradas en discretos marcos, lo que permitió animaciones simples que deben desempeñar. Sin embargo, 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 usuario. Esta mayor flexibilidad significa que los archivos SWF se utilizan para una amplia 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 tamaño de los archivos, y aunque algunos programas reclamaciones para poder extraer 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.

122

Shockwave SWF archivos se pueden abrir utilizando el Adobe Flash Player independiente 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

SWF es parcialmente abiertos, aunque la concesión de licencias sigue siendo estricta, 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 formato 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 elementos: 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 formato 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 proyector 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 permitan 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

123

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 grados de interactividad. También son usados frecuentemente para crear animaciones 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 Jonathan 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 desarrollo 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 herramienta de dibujo, sino que podía otorgar comportamiento a los gráficos. A finales de 1994 Gay, trabajando para la compañía FutureWave Software, desarrolla 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 in124

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.

125

CAPÍTULO

.PDF Portable Document Format El formato PDF es el más difundido para publicar documentos listos para impresió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 elementos 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ónicamente, 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 documento PDF, el autor puede especificar mediante opciones de seguridad qué cambios le serán permitidos al usuario que lo reciba, tales como rellenar y firmar formularios o impresos, restringir la edición, impresión, o extracción de contenido. Los creadores de archivos PDF también pueden añadir marcas de agua (del tipo "confidencial" o "borrador"), para evitar por ejemplo cambios permanentes en un documento en proceso de revisión. 128

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 exactamente 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), hipertexto (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. 129

•

Puede cifrarse para proteger el contenido y permite firma digital.

• Se puede utilizar Adobe Reader para firmar, visualizar y verificar con seguridad 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 usuarios de Reader puedan rellenar formularios, guardar datos, actuar sobre la información y realizar transacciones más seguras. • Se puede crear exportando el archivo, desde aplicaciones como OpenOffice.org ó Microsoft Office. • tual .

Puede generarse desde cualquier aplicación a través de la impresora vir-

• 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 administraciones públicas de todo el mundo confían en los PDF para compartir sus ieas y proyectos.

130

Un archivo PDF puede contener imágenes, fuentes, información de color y comandos de formato avanzado. El mismo archivo puede abrirse prácticamente en cualquier 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

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 documento 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 modificación, en principio un PDF no es un formato editable. Esto implica una enorme ventaja 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, ó Licencia 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 im131

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, independientemente 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 modificados 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 interactividad, 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 adecuado (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 «Se132

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 (reconocimiento ó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 sangrado, 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

133

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 mediante 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 algoritmo 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 escala de grises. 134

• RLE (Run-length encoding): Sistema sin pérdidas usado para imágenes de línea (gráfico rasterizado).

135

CAPÍTULO

FLM Definición FLM 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 secuencia de imágenes de tamaño equivalente de 32 bits. Más exactamente, contiene 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 archivos 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 columna. 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 formato 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 Filmstrip a Photoshop, puede tener canales extra (aparte de los canales RGB), y es crucial 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 Photoshop, no podrá volver a guardarlo en formato Filmstrip.

138

Los archivos Filmstrip pueden ser grandes debido a que no se utiliza la compresió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 diferente de la composición o secuencia antes de procesar y exportar cada parte o

puede exportar la composición, el clip o la secuencia como imágenes fijas numeradas 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.

139

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 siguientes 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 soportan Una 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 Premiere 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 profesionales 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. 140

Ventana con todos los formatos que puede abrir Adobe Photoshop, entre los que se encuentra el Filmstrip (*.FLM).

141

Ejemplo del programa A

142

Adobe Premiere Pro

143

Ejemplo del entorno de trabajo de

144

l programa Adobe After Effects

145

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 fotografí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.

146

147

CAPÍTULO

EPS PostScript encapsulado o EPS (Encapsulated PostScript), es un formato de archivo 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 grises 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 formato 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 Description Language), utilizado en muchas impresoras y, de manera usual, como formato 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 objetos vectoriales para obtener una calidad de impresión óptima. Aunque los lenguajes 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 consecuentemente lentos. Hacen que el ordenador envíe a la impresora un fichero con la descripció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}. 148

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. 149

-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áginas de Kyocera. -ZJS {Zenographics ZjStream Page Description Language}. Lenguaje de descripción de página ZjStream de Zenographics. -ZPL {Zebra Programming Language}. Lenguaje de programación Zebra.

Post Script Está 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', Martin Newell) en Xerox PARC y, finalmente, fue implementado en su forma actual por John Warnock y otros. Fue precisamente John Warnock, junto con Chuck Geschke, 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 desarrollara Postscript se creía que las tipografías de mapa de bits mejoradas manualmente 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 palabras, los parámetros de un comando se dan antes que el comando. Los coman150

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 operandos 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 PostScript. Otro tipo lenguaje de descripción de página para impresoras es PCL. Es más ligero 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 dispositivo (lo que permite imprimir aprovechando al máximo la resolución de éste). Portabilidad 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. 151

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 semitonos. El nivel 2 de PostScript todavía no ha sido adoptado del todo por muchos fabricantes 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ística permite superar la barrera de 256 tonos y llegar hasta un degradado que contempla 4.096 tonos de un mismo color). •control extremadamente mejorado de las separaciones de color (el control mejorado permite realizar sin problemas separaciones de color que superen la cuatricromí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 FlateDecode y FlateEncode y para definición de datos como ReusableStreamDecode 152

Dibujo de figuras en PostScript En el lenguaje PostScript se usa un sistema de coordenadas cartesianas con origen 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 tamañ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 PostScript 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 coordenadas 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.

153

Herramientas de escritura en PostScript PostScript tiene varias fuentes que se usan como fuentes estándares para autoedición. Tiene también herramientas de creación de fuentes a las que se puede acceder 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

154

Almacenamiento en formato EPS en Adobe Illustrator® Casi todos los programas de maquetación, gráficos y procesadores de texto aceptan archivos PostScript encapsulado (EPS) importados o colocados. El formato EPS mantiene muchos de los elementos gráficos que puede crear con Adobe Illustrator, 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.

Captura de pantalla de Illustrator, Guardar Como...*EPS

1.Si la ilustración contiene transparencia (incluidas las sobreimpresiones) y necesita un resultado de alta resolución, elija Ventana > Previsualización de acoplamiento 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. 155

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 Guardar. -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 pueden mostrar la ilustración EPS directamente. Si no desea crear una imagen de previsualización, seleccione Ninguna en el menú Formato. En caso contrario, seleccione 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.) 156

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 colores 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 trazados 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 sobreimpresiones 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 embargo, 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 finalidad 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.

157

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.

Captura de pantalla de Illustrator, opciones de EPS

Imprimir degradados compatibles y mallas de degradado Permite a las impresoras más antiguas y dispositivos PostScript imprimir degradados y mallas de degradado mediante la conversión de objetos de degradado a formato JPEG. Si selecciona esta opción puede ralentizarse la impresión en impresoras que no tengan problemas con los degradados.

Adobe PostScript®

158

Determina el nivel de PostScript que se utiliza para guardar la ilustración. El lenguaje 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

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.

159

CAPÍTULO

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 tambié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 seleccionar 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ñadidos 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 indica 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 cobertura. El valor intermedio se utilizará para preparar el color final del pixel en el proceso 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. 162

Esto es una muestra de la transpariencia en el canal alfa

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.

163

CAPÍTULO

WMF El metaarchivo de Windows (Windows Metafile, WMF) es un formato de archivo gráfico en sistemas Microsoft Windows, diseñado originalmente 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 llamadas a funciones que son enviadas al nivel gráfico de Windows GDI para regenerar la imagen. Es similar en propósito y diseño al formato PostScript usado en los sistemas operativos Unix.

166

Definición según ADOBE Los formatos de metarchivo (WMF) y de metarchivo mejorado (EMF) de Windows son formatos nativos de Windows que se utilizan principalmente en gráficos vectoriales (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 operaciones 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 calidad aceptable con impresoras de baja resolución o que no sean PostScript desde Windows.

Muestra de imagen vectorial en formato wmf

167

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 exportar 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 aplicaciones 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 facilidad de manejo, hay muchas aplicaciones que lo utilizan en la actualidad.

Diferencias entre ellos Formatos vectoriales 168

Son más simples que los bitmap. Consisten en una serie de dibujos lineales basados en una lista de objetos gráficos, por ejemplo: líneas, curvas, triángulos, círcu-

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 formatos puede ser modificado sin notar pérdida alguna de calidad. Gracias a esta caracterí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ágenes bitmap poseen un tamaño natural en el cual se imprimirán perfectamente, pero, a diferencia de las vectoriales, no ofrecen grandes posibilidades con respecto 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.

169

CAPÍTULO

EMF Definición EMF (.emf)

EMF (Enhanced MetaFile) es un metaformato gráfico vectorial de 32 bits, reconocido por casi todas las aplicaciones de diseño gráfico y compatible con los sistemas 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 sobrecarga en el caso de impresión remota de ficheros gráficos.

Ventajas 172

Además, este formato es más eficiente porque genera un archivo relativamente pequeño y genérico, que es compatible con todas las impresoras.

Desventajas Como 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 algunos grรกficos que no son interpretados correctamente.

Crear archivos EMF Para generar archivos emf podemos usar cualquier aplicaciรณn de vectores como Corel Draw, Adobe illustrator, Freehand....

173

Imagen vs Vector Un 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 desaprovechar la ocasión para sentir aunque fuera por unos minutos un poco de libertad. 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 momento 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 completamente 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.

177

―¿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.

―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.

178

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