INTRODUCCIÓN A LA INFORMÁTICA Y AL DISEÑO GRÁFICO ASISTIDO POR ORDENADOR

INTRODUCCIÓN A LA INFORMÁTICA Y AL DISEÑO GRÁFICO ASISTIDO POR ORDENADOR Los programas de diseño gráfico suelen necesitar más memoria y capacidad de proceso que la misma información representada exclusivamente en forma de texto. Por ejemplo un equipo con el que se tratan imágenes requiere una CPU rápida (elemento electrónico del ordenador que proporciona capacidad de cálculo y control). También se necesitará una memoria adicional para ayudar a la CPU a efectuar cálculos y permitir la representación de imágenes complejas en la pantalla. El ordenador también necesita un disco duro de alta capacidad para almacenar y recuperar información, así como una unidad de disco compacto para ejecutar aplicaciones almacenadas en CD-ROM. Por último, una computadora multimedia debe tener como mínimo un teclado y un dispositivo apuntador como un mouse para que el usuario pueda dirigir las asociaciones entre elementos multimedia. 1. ELEMENTOS VISUALES 1.1 La imagen: imágenes vectoriales y mapa de bits Cuanto mayor y más nítida sea una imagen y cuántos más colores tenga, más difícil es de presentar y manipular en la pantalla de un ordenador. Las fotografías, dibujos y otras imágenes estáticas deben pasarse a un formato que el ordenador pueda manipular y presentar. Entre esos formatos están los gráficos de mapas de bits y los gráficos vectoriales. La diferencia básica entre una imagen de mapa de bits y una vectorial, es que las primeras están compuestas por píxeles y los gráficos vectoriales se forman a través de descripciones matemáticas. Estas dos formas son las que tiene el ordenador para presentar las imágenes o gráficos. Photoshop permite crear e incluir estos dos tipos de imágenes y combinarlos en un solo archivo. - Imágenes vectoriales Este tipo de imágenes, también llamadas imágenes orientadas a objetos, presentan un aspecto interesante y es que aunque se amplíen no pierden calidad. Los gráficos vectoriales emplean fórmulas matemáticas para recrear la imagen original. Las Rocío Navarrete Carrascosa 1

imágenes vectoriales están compuestas por vectores que son líneas y curvas definidas por objetos matemáticos. Con los vectores se dibujan las imágenes por medio de características geométricas. En un gráfico vectorial, los puntos no están definidos por una dirección de fila y columna, sino por la relación espacial que tienen entre sí. Como los puntos que los componen no están restringidos a una fila y columna particulares, los gráficos vectoriales pueden reproducir las imágenes más fácilmente, y suelen proporcionar una imagen mejor en la mayoría de las pantallas e impresoras. Entre los formatos de gráficos vectoriales figuran el Encapsulated Postscript (EPS), el Windows Metafile Format (WMF) y el formato Macintosh para ficheros gráficos conocido como PICT. Las imágenes vectoriales no están supeditadas a las resolución de la imagen, por lo tanto pueden ser ampliadas y/o reducidas sin que pierdan calidad ya que son imágenes que no comparten ningún tipo de información sobre su resolución. Se adaptan al tipo de periférico al que se envíen. Por ejemplo, una imagen se realiza a 2.400 ppp y dispone de una impresora láser que como máxima resolución puede llegar a 600 ppp, lo que se obtiene es una impresión a 600 ppp. Las siglas ppp significan puntos por pulgada y especifican el número de píxeles que se imprimirán por pulgada. Cuanto mayor sea el número de ppp, mayor será también la resolución obtenida, ya que cuantos más píxeles haya en una pulgada mayor será la información suministrada. - Imágenes de mapa bits o bitmaps Este tipo de imágenes están formadas por píxeles que no son más que unos cuadrados de colores. Los gráficos de mapas de bits almacenan, manipulan y representan las imágenes como filas y columnas de pequeños puntos. En un gráfico de mapa de bits, cada punto tiene un lugar preciso definido por su fila y columna, igual que cada casa tiene una dirección concreta. Algunos de los formatos de gráficos de mapas de bits más comunes son el Graphical Interchange Format (GIF), el Tagged Image File Format (TIFF) y el Windows Bitmap (BMP). Este tipo de imágenes son las que se utilizan con más frecuencia para fotografías y pinturas digitales. Gracias a estas características pueden representarse sombras, colores y degradados. Rocío Navarrete Carrascosa 2

Al contrario que las imágenes vectoriales, las de mapa de bits están condicionadas por la resolución que se aplique. Una resolución implica que haya más o menos cantidad de píxeles en la imagen, lo que afectará cuando se haga una ampliación de la imagen en la pantalla o bien una impresión con una resolución inferior a la que tiene asignada la imagen. Por ejemplo, si hay una imagen con una resolución de 72 ppp y se imprime en una impresora de 600 ppp no se conseguirá que quede mejor que si se imprime en una de 1.200 ppp, es decir, se imprimirá a 72 ppp. El tamaño de una imagen de mapa de bits está definido por el número de píxeles o puntos que lo forman en su anchura y altura. 1.2 El vídeo En cuanto al vídeo, para obtener, formatear y editar elementos de vídeo hacen falta componentes y programas informáticos especiales. Los ficheros de vídeo pueden llegar a ser muy grandes por lo que suelen reducirse de tamaño mediante la compresión, una técnica que identifica grupos de información recurrente (por ejemplo, 100 puntos negros consecutivos), y los sustituye por una única información para ahorrar espacios en los sistemas de almacenamiento del ordenador. Algunos formatos habituales de compresión de vídeo son el Audio Video Interleave (AVI), el Quicktime y el Motion Picture Experts Group (MPEG o MPEG2). Estos formatos pueden comprimir los ficheros de vídeo hasta en un 95%, pero introducen diversos grados de borrosidad en la imagen. Las aplicaciones multimedia también pueden incluir animación para dar movimiento a las imágenes. Las animaciones son especialmente útiles para simular situaciones de la vida real, como por ejemplo el vuelo de un avión. La animación también puede realzar elementos gráficos y de vídeo añadiendo efectos especiales como la metamorfosis. 2. FORMATOS 2.2 Formatos de imagen Rocío Navarrete Carrascosa 3

A la hora de almacenar las imágenes se pueden escoger entre varias calidades distintas y entre varios formatos de archivos diferentes: - JPEG (Joint Photographic Experts Group) Este es un formato estandarizado que permite compresión de imágenes. JPEG se diseñó con el fin de poder comprimir imágenes a todo color o en escalas de grises que representaran fotografías o imágenes del mundo real. Funciona muy bien en fotografías, arte naturalístico, pero no tan bien en caricaturas o dibujos simples. JPEG es un formato universal ampliamente utilizado en Internet, soportado por cualquier sistema operativo y reconocido por prácticamente todo el software existente. JPEG utiliza comprensión con pérdida de forma pero a pesar de ello proporciona una gran calidad de imagen con un tamaño de archivo muy reducido. Con JPEG se pueden almacenar imágenes en alta resolución con una ocupación de espacio mínima y sin que la pérdida de calidad sea apreciable. Además JPEG permite definir el grado de compresión para conseguir el ratio calidad/tamaño más adecuado a cada caso. Las imágenes JPEG (de extensión JPEG o JPG) son más pequeñas que las GIF y por lo tanto mejores para su uso en la web. Sin embargo, cuando se trata de imágenes simples o de pocos colores, con el formato GIF se consigue un resultado que mantendrá los colores puros del original de manera más acertada. - JPEG 2000 Esta comprensión es el nuevo estándar internacional de comprensión y empaquetado de datos de imágenes. Al igual que el método de comprensión JPEG, JPEG 2000 es adecuado para imágenes de escala de grises o en color. - TIFF (Tagged Image File Format) Formato muy utilizado en edición profesional para el intercambio de imágenes entre varios sistemas, ya que es un formato multiplataforma. TIFF almacena las imágenes en lo que se conoce como mapa de bits. En una imagen de mapa de bits, cada uno de los píxeles que componen la imagen es almacenado sin sufrir ninguna transformación o alteración, por lo que la calidad de la imagen será siempre máxima aunque su tamaño será también grande. Con TIFF se puede almacenar la imagen en el ordenador para posteriormente efectuar sobre ella tareas de postprocesado, como aumentar su tamaño o efectuar retoques Rocío Navarrete Carrascosa 4

en la misma sabiendo que los puntos originales se mantienen. Posteriormente se puede convertir a algún formato menos exigente como JPEG, pudiendo eliminar la imagen original o conservarla para posteriormente realizar nuevas composiciones basadas en la misma imagen. - GIF (Graphic Interchange Format) El formato GIF fue desarrollado por CompuServe para proveer de un formato estándar que fuera independiente del tipo de máquina que se usara. El formato GIF está limitado a un máximo de 256 colores lo que es bastante razonable dado que la mayoría de los PC tienen 256 colores como máximo. En general se recomiendan para las imágenes simples. Para los fondos texturizados no son muy útiles puesto que al tener pocos colores disponibles el computador que las recibe intenta encontrar el color más cercano, produciéndose distorsiones que impiden que el texto sea visto de forma adecuada. La imagen se comprime pero no pierde calidad. Permite animaciones pero no es adecuada para fotografías. - PNG (Portable Network Graphics) Formato destinado a sustituir a GIF evitando sus inconvenientes, sin embargo no soporta animaciones. - BMP (Windows Bitmap) El más utilizado en Windows. Es un formato para archivos de gran tamaño pero sin pérdida de calidad. Normalmente no utiliza ningún tipo de comprensión. Es un formato básico que tiene la ventaja de ser sencillo y muy bien normalizado (se encuentra en casi todas las plataformas y aplicaciones); es un formato excelente para intercambiar datos y rápido para analizar y procesar imágenes. BMP se utiliza a menudo con RGB 24 bits. - PICT (Macinstosh PICT) Es el formato nativo de los ordenadores de Mac de Apple. - PDF (Portable Document Format) PDF es un formato de archivo universal que conserva las fuentes, imágenes y maquetación de los documentos originales creados en una amplia gama d aplicaciones y plataformas. Este formato es un estándar para la distribución y el Rocío Navarrete Carrascosa 5

intercambio de documentos ya que resulta muy seguro y fiable. Es posible crear un PDF en diferentes resoluciones. 2.2 Formatos de vídeo La fidelidad de una imagen de vídeo se mide por los mismos parámetros de audio e imagen que la componen, así como por una variable adicional que corresponde al número de cuadros que se exponen por segundo. Los usual en una película de vídeo estándar es 24 cuadros por segundo; este número es muy variable en los formatos digitales. - AVI Este es el formato creado para películas de Microsoft Vídeo for Windows; usuarios de Windows pueden ver estas películas con Media Player que está incluido en sus sistemas. AVI no utiliza una línea de tiempo común para rodar imágenes y sonidos, así que estas películas algunas veces exhiben problemas de sincronización en audio y vídeo. - MPEG (Moving Expert Group) El formato MPEG es muy popular en PC compatibles. Los miembros del grupo de este estándar vienen de más de 70 compañías entre las que se incluyen Sony, Philip y Apple. Ellos se reunieron al amparo de la ISO (International Standard Organization: organización de estándares internacionales) para generar un estándar para compact discs, televisión por cable, transmisión satelital directa y televisión de alta definición. - QT (Quick Time) El formato Quick Time fue creado originalmente por Apple y usado en los computadores Macintosh. Junta audio, animación, vídeo y capacidades interactivas. Este estándar lleva mucho más tiempo vigente que el estándar MPEG. Los archivos quicktime tienen extensión.qt y.mov y los programas para verlos están disponibles en una amplia gama de plataformas. 3. RESOLUCIÓN Rocío Navarrete Carrascosa 6

Una imagen digital es una imagen que ha pasado por un proceso de conversión, para que pueda ser almacenada en forma de bits en un computador. La unidad mínima de una imagen digital es un píxel, que es un pequeño punto; la menor unidad de medida de una pantalla. Mientras más puntos tenga una imagen, mayor será su detalle. La resolución de pantalla mide el número de píxeles a lo ancho y alto de la pantalla. Mientras más píxeles mejor calidad. La resolución de colores describe el número de colores que pueden ser simultáneamente vistos en la pantalla al mismo tiempo. Un mayor número de colores produce imágenes que se ven más reales, pero al mismo tiempo aumenta el espacio que ocupa la imagen en el disco. 3.1 Resolución de monitor Los monitores de más pulgadas, tienen una mayor cantidad de píxeles a lo largo y ancho, pero se debe de tener en cuenta que además del monitor, la resolución en píxeles también viene dada por el tipo de tarjeta gráfica que tenga instalada el ordenador. Por ejemplo, si la imagen es de 800x600 píxeles y se presenta en un monitor de 17 pulgadas configurado con esa resolución (800x600) la pantalla se llenará completamente con la imagen, ya que mide exactamente lo mismo que la resolución asignada al monitor. Ahora bien, si es un monitor de 19 y se le asigna la misma resolución (800x600) le ocurrirá lo mismo, pero en el caso de que ese monitor se le asignara una resolución de pantalla de 1280x960 píxeles, la imagen se vería dentro de la pantalla del monitor pero ya no la ocuparía completamente, como en los casos anteriores. A mayor resolución del monitor, mayor número de píxeles en la pantalla. Cuando se vaya a realizar una página web, lo más adecuado es hacerlo con una resolución que se adapte a la mayoría de monitores. Así pues, podemos considerar la resolución del monitor como el número de píxeles o puntos por pulgada (ppp). También se conocen por dpi (dots per inch). Casi todos los monitores tienen una resolución de 72 ppp. Es decir, si se hace una captura de pantalla de una imagen, ésta tendrá una resolución de 72 ppp, aunque el original tuviera más resolución. Rocío Navarrete Carrascosa 7

3.2 Resolución de imagen Cuando se habla de resolución de la imagen se refiere a la cantidad de píxeles que incluye una imagen por unidad de longitud, la medida es en píxeles por pulgadas (ppp) o píxeles per inch (ppi). A medida que aumente la resolución de la imagen los píxeles se irán haciendo más pequeños, por lo tanto la resolución de la imagen y las dimensiones en píxeles están relacionadas. Por ejemplo, una imagen de 500 x 500 píxeles a una resolución de 600 ppp, se imprimirá la mitad de tamaño que una imagen que tuviera los mismos píxeles pero que su resolución fuera de 300 ppp. Al ser más alta la resolución, las imágenes suelen contener más detalles, suavidad y matices de colores. Trabajar con una resolución muy alta, creará un archivo muy grande, poco manejable, y es posible que si se imprime, la impresora no pueda reproducir todo el detalle de la imagen. Si por el contrario, se utiliza una resolución baja, al imprimirla se reproducirán píxeles desiguales y grandes. Rocío Navarrete Carrascosa 8