Dibujo Por Computadora (Parte1)

Dibujo por Computadora

Bloque Básico

Compilador:

Lic. Dalia Álvarez Juárez

Licenciatura en Diseño Gráfico

CONOCERSE ACEPTARSE AMARSE CUIDARSE SUPERARSE TRANSMITIR TRANSFORMAR

Índice 1


Índice

Índice 1 Introducción 3 Objetivo general 4 Tema 1. El uso de la computadora para la ilustración gráfica 5 Objetivo de aprendizaje 5 Introducción 5 1.1 Introducción al software de diseño e ilustración 5 1.1.1 Proceso tradicional 5 1.1.2 Proceso digital 7 1.2 Hardware y software disponibles para la ilustración gráfica 7 1.2.1 Imágenes vectoriales 7 1.2.2 Imágenes de mapa de bits 8 1.2.2.1 Resolución de las imágenes de mapa de bits 9 1.2.2.2 Dimensiones de los píxeles 9 1.2.3 Resolución de imagen 10 1.2.4 Resolución de monitor 10 1.2.5 Resolución de impresora 11 1.2.6 Lineatura 11 1.2.7 Rasterización 11 Resumen 12 Tema 2. La imagen y la ilustración digital 13 Objetivo de aprendizaje 13 Introducción 13 2.1 Imagen digital 13 2.1.1 Concepto 13 2.1.2 Características 14 2.2 Ilustración digital 14 2.2.1 Área de trabajo 14 2.2.2 Herramientas 15 2.2.3 Las paletas 16 2.2.4 Color 18 2.2.4.1 Gamas de color 19 2.2.4.2 Modos y modelos de color 19 2.3 Compresión y optimización de la imagen gráfica 22 Resumen 24 Tema 3. El diseño gráfico digital 25 Objetivo de aprendizaje 25 Introducción 26

Índice 2


3.1 Herramientas y elementos de trazo 26 3.2 Tipografía digital 35 3.2.1 Las familias de fuentes 35 3.2.2 Selección de un tamaño de texto 35 3.3 Color digital 36 3.3.1 Uso del modelo RGB o Illustrator 36 3.3.2 Uso del modelo CMYK en Illustrator 37 3.4 Uso de capas y recortes 37 3.4.1 Acerca de las capas 37 3.4.2 Ampliación de capas 38 3.4.3 Selección de capas 38 3.4.4 Uso del menú de la paleta capas 39 3.5 Guardar 39 3.5.1 Almacenamiento de ilustraciones en formato de Illustrator 40 3.5.2 Almacenamiento de ilustraciones en formato EPS 41 3.5.3 Almacenamiento de ilustraciones en formato Adobe PDF 43 3.6 Exportación de elementos 45 3.6.1 Exportación de ilustraciones a formato de Photoshop 46 3.7 Importación de elementos 48 3.8 Salidas de impresión 49 3.8.1 Tipos de impresión 49 3.8.2 Tipos de imágenes 49 3.8.3 Mediostonos 50 3.8.4 Separación de color 50 3.8.5 Conseguir detalle 50 3.8.6 Transparencia 50 3.8.7 Impresión compuesta 50 Resumen 52 Tema 4. Atajos 53 Objetivo de aprendizaje 53 Introducción 53 4.1 Selección y desplazamiento 54 4.2 Pintura y transformación 55 4.3 Formas 56 4.4 Edición de trazados 57 4.5 Visualización 58 4.6 Texto 59 Resumen 60 Bibliografía general 61

Objetivo general 3


Introducción El Dibujo por computadora va a permitir crear, transformar, transportar e imprimir imágenes en un medio digital, esto se va a realizar de una manera rápida y efectiva siempre y cuando el diseñador conozca las herramientas y los atajos con los que cuenta el programa Adobe Ilustrador. Los gráficos en computadora están constituido por gráficos vectoriales e imágenes de mapa de bits, que sirven para crear, editar e importar ilustraciones. El programa anteriormente citado nos va a permitir, un manejo fácil y oportuno de la imagen vectorial, la cual se podrá imprimir directamente sobre papel o podrá ser convertida en la imagen positiva o negativa en una película ortocromática, o en placas para impresión, podrá utilizarse en programas de multimedia, ya sea para presentaciones o en línea como lo veremos más adelante. Algo importante que se debe resaltar es que ahora gracias a los medios digitales se pueden compartir ilustraciones entre diversos programas tales como Illustrator Freehand, CorelDraw, Fireworks, Flash y Photoshop.

Objetivo general 4


Objetivo general Al término del curso el estudiante producirá proyectos de diseño para la creación de imágenes digitales, empleando software especializado de dibujo y diseño.

Tema 1. El uso de la computadora para la ilustración gráfica 5


Tema 1. El uso de la computadora para la ilustración gráfica Subtemas 1.1 Introducción al diseño de software e ilustración 1.1.1 Proceso tradicional 1.1.2 Procedo digital 1.2 Hardware y software para la ilustración gráfica 1.2.1 Imágenes vectoriales 1.2.2 Imágenes de mapa de bits 1.2.2.1 Resolución de las imágenes de mapa de bits 1.2.2.2 Dimensiones de los píxeles 1.2.3 Resolución de imagen 1.2.4 Resolución del monitor 1.2.5 Resolución de la impresora 1.2.6 Lineatura 1.2.7 Rasterización Objetivo de Aprendizaje Al término del tema el estudiante conocerá los tipos de imágenes gráficas que es posible crear con el programa Illustrator y destacará la importancia de los gráficos vectoriales como la mejor opción de los gráficos de texto. Introducción Los tipos de imagen gráfica son importantes para exportar o importar imágenes en el programa de ilustrador, la resterización, es el proceso por medio del cual se convierten las entidades de dibujo vectorial en imágenes de mapa de bits pudiéndose elegir la resolución, y el modo de color situaciones importantes que debe conocer el diseñador gráfico. 1.1 Introducción al software de diseño e ilustración 1.1.1 Proceso tradicional El proceso tradicional para elaboración de imágenes implica el uso de instrumentos tales como lápices, estilógrafos, reglas, compases, escalímetros, papel, etc. Este proceso implica un trabajo de varias horas y en caso de ser necesario algún cambio, la mayoría de las veces requerirá que se inicie el trabajo



nuevamente. Además que requerimos de un espacio físico considerable, tanto para trabajar coma para guardar nuestro instrumental. Es por esto que el hombre en su afán de hacerse la vida más fácil ha desarrollado diferentes programas informáticos que le permitan manipular y crear imágenes de manera más sencilla en espacios virtuales que le permitan ocupar reducidos espacios físicos. Entre estos programas están los de dibujo por computadora, entre los que destacan Freehand, Illustrator, CorelDraw y Painter. En este curso nos centraremos en el manejo del Illustrator aunque el manejo del resto de los programas es muy similar. No debemos olvidar que al igual que en el proceso tradicional en el dibujo por computadora debemos pasar por un proceso de bocetaje, previo a la realización de la ilustración como lo podemos observar en el siguiente ejemplo.



1.1.2 Proceso digital Los gráficos de computadora se dividen en dos categorías principales: gráficos vectoriales e imágenes de mapa de bits. Comprender la diferencia entre ambos facilita la creación, edición e importación de ilustraciones. En Illustrator, el tipo de imagen gráfica puede influir considerablemente en el flujo de trabajo. Por ejemplo, algunos formatos de archivo sólo admiten imágenes de mapa de bits y otros sólo admiten gráficos vectoriales. Los tipos de imagen gráfica resultan especialmente importantes al importar o exportar imágenes gráficas en Illustrator. Las imágenes de mapa de bits enlazadas no se pueden editar en Illustrator. Los formatos gráficos también afectan al modo en que se aplican los comandos y los filtros sobre las imágenes; algunos filtros de Illustrator sólo funcionan con imágenes de mapa de bits. 1.2 Hardware y software disponibles para la ilustración gráfica Coma ya mencionamos anteriormente; en la actualidad existen varios softwares para el dibujo e ilustración por computadora, los cuales trabajan por medio de vectores, entre estos destacan tres principalmente; Illustrator, Frenad y CorelDraw. 1.2.1 Imágenes vectoriales Los programas de dibujo como Adobe Illustrator crean gráficos vectoriales compuestos de líneas y curvas definidas por objetos matemáticos denominados vectores. Los vectores describen los gráficos según sus características geométricas. Por ejemplo, una rueda de bicicleta en un gráfico vectorial se forma a partir de la definición matemática de un círculo dibujado con un determinado radio, en una posición específica y con un color de relleno concreto. Puede mover, cambiar el tamaño o modificar el color de la rueda sin por ello perder la calidad del gráfico. Los gráficos vectoriales no dependen de la resolución; es decir, se pueden escalar a cualquier tamaño e imprimir en cualquier dispositivo de salida con cualquier resolución sin perder precisión ni nitidez. Por lo tanto, los gráficos vectoriales constituyen la mejor opción para los gráficos de texto (especialmente de texto pequeño) y en negrita, como los logotipos, que necesitan mantener las líneas nítidas cuando se escalan a diferentes tamaños.



Como los monitores de ordenador representan las imágenes sobre una cuadrícula, tanto las imágenes vectoriales como las de mapa de bits aparecen en pantalla como píxeles.

Los gráficos vectoriales son adecuados para reproducir contornos homogéneos, como en los logotipos o las ilustraciones. Pueden imprimirse o visualizarse con cualquier resolución sin perder por ello detalles 1.2.2 Imágenes de mapa de bits Los programas de pintura y edición de imágenes, como Adobe Photoshop, crean imágenes de mapa de bits, denominadas también imágenes rastrilladas. Las imágenes utilizan una cuadrícula (denominada también mapa de bits o rastrillado) de pequeños cuadrados, conocidos como píxeles, para representar los gráficos. Cada píxel de una imagen de mapa de bits tiene una posición determinada y un valor de color asignado. Por ejemplo, una rueda de bicicleta en una imagen de mapa de bits está constituida por un grupo de píxeles en el que cada uno forma parte de un mosaico que, en conjunto, tiene la apariencia de una rueda. Cuando se trabaja con imágenes de mapa de bits, se editan píxeles en lugar de objetos o formas. Las imágenes de mapa de bits constituyen el medio electrónico más común para las imágenes de tono continuo, como fotografías o imágenes de programas de dibujo, ya que estas imágenes pueden representar graduaciones sutiles de sombras y colores. Las imágenes de mapa de bits dependen de la resolución, es decir, representan un número fijo de píxeles. Como consecuencia, pueden aparecer dentadas y perder detalle si se modifica el tamaño en la pantalla o se imprimen a mayor resolución que aquélla para la que fueron creadas.



Las imágenes de mapa de bits son adecuadas para reproducir graduaciones sutiles de color, como en las fotografías. Si se imprimen en un tamaño demasiado grande o si se visualizan con un nivel de aumento excesivamente elevado, es posible que se produzcan bordes dentados. 1.2.2.1 Resolución de las imágenes de mapa de bits La resolución es el número de puntos o de píxeles por unidad lineal utilizado para reproducir ilustraciones e imágenes. Los dispositivos de salida muestran las imágenes como grupos de píxeles. La resolución de los gráficos vectoriales, como las ilustraciones de Illustrator, depende del dispositivo que se utilice para visualizar la ilustración. La resolución de las imágenes de mapa de bits, como las fotografías digitales, depende tanto del dispositivo de visualización como de la resolución inherente de la imagen de mapa de bits. 1.2.2.2 Dimensiones de los píxeles El número de píxeles que constituyen la altura y la anchura de una imagen de mapa de bits. El tamaño de una imagen en pantalla se determina por las dimensiones de los píxeles de la imagen y el tamaño y ajustes del monitor. El tamaño de un archivo de imagen es proporcional a las dimensiones de sus píxeles. Un monitor normal de 21 pulgadas muestra 1.152 píxeles horizontalmente y 870 verticalmente. Una imagen con dimensiones de píxeles de 1.152 por 870 llenaría esta pequeña pantalla.



1.2.3 Resolución de imagen El número de píxeles mostrados por unidad de longitud impresa de una imagen, se mide normalmente en píxeles por pulgada (ppp). Una imagen de alta resolución contiene más píxeles y, por consiguiente, más pequeños, que una imagen de las mismas dimensiones pero de baja resolución. Por ejemplo, una imagen de 1 por 1 pulgada con una resolución de 72 ppp contiene un total de 5.184 píxeles (72 píxeles de ancho por 72 de alto = 5.184). La misma imagen con una resolución de 300 ppp contendría un total de 90.000 píxeles. Las imágenes de alta resolución, al utilizar más píxeles para representar cada unidad de área, normalmente reproducen más detalles y transiciones de color más sutiles que las imágenes de baja resolución cuando se imprimen. Sin embargo, cuando una imagen se ha escaneado o creado a una resolución baja, incrementar la resolución no suele mejorar la calidad de la imagen, ya que se extiende la información de píxeles original a un número mayor de píxeles. Para determinar la resolución de imagen que se debe utilizar, tenga en cuenta el medio de distribución final de la imagen. Si está produciendo imágenes para visualización en línea, basta con que la resolución de la imagen sea la habitual de los monitores (72 o 96 ppp). Sin embargo, el uso de una resolución demasiado baja en una imagen impresa genera lo que se conoce como pixelación, una imagen con grandes píxeles de apariencia burda. Si se utiliza una resolución demasiado alta (píxeles menores a los que produce el dispositivo de salida), aumenta el tamaño del archivo y se ralentiza la impresión de la imagen. Nota. El panel Impresión y exportación del cuadro de diálogo Ajustar documento permite definir la resolución de salida para dibujos vectoriales. En Illustrator, la resolución de salida se refiere al número de segmentos lineales que utiliza el intérprete PostScript® para aproximar una curva (no es lo mismo que la resolución de la imagen). 1.2.4 Resolución del monitor El número de píxeles o puntos mostrados por unidad de longitud en el monitor, normalmente medidos en puntos por pulgada (dpi, del inglés dots per inch). La resolución del monitor depende del tamaño del mismo y de su ajuste de píxeles. Un monitor de PC o Mac OS puede oscilar entre 60 y 133 dpi. Comprender la resolución del monitor facilita la explicación de la diferencia entre el tamaño de visualización en pantalla de una imagen y su tamaño impreso.



1.2.5 Resolución de la impresora El número de puntos de tinta por pulgada (dpi) producido por un sistema de exposición o impresora láser. Para obtener los mejores resultados, utilice una resolución de imagen proporcional, aunque no la misma, a la resolución de la impresora. La mayoría de las impresoras láser tienen una resolución de salida de 600 a 1.200 dpi y producen resultados óptimos con imágenes entre 72 ppp y 185 ppp. Los sistemas de exposición de alta calidad imprimen a 1.200 dpi o más y producen resultados óptimos con imágenes de 200 ppp a 350 ppp. 1.2.6 Lineatura El número de puntos de impresora o celdas de semitonos por pulgada utilizado para imprimir imágenes en escala de grises y separaciones de color. También conocida como lineatura o trama de línea, se mide en líneas por pulgada (lpi, del inglés lines per inch) o líneas de celdas por pulgada de una trama de semitonos. La relación entre resolución de imagen y lineatura determina la calidad de detalle de la imagen impresa. Para producir una imagen de semitonos de calidad óptima, se debe utilizar una resolución de imagen entre 1,5 y 2 veces mayor que la lineatura. A veces, sin embargo, según sean la imagen y el dispositivo de salida, utilizar una resolución menor producirá buenos resultados. Nota. Algunas filmadoras e impresoras láser de 600 dpi utilizan otras tecnologías de trama distintas de la de mediostonos. Si va a imprimir la imagen en una impresora que no sea de mediostonos, consulte al proveedor o la documentación de la impresora para saber las resoluciones de imagen recomendadas. 1.2.7 Rasterización Proceso de codificación de datos espaciales cuyo resultado es la incorporación de la información a una estructura de datos raster. En Dibujo por computadora la podemos definir como; convertir las entidades de dibujo vectorial en imágenes de mapa de bits, se puede elegir la resolución, y el modo de color RGB o CMYK . Además crea una máscara automática para que se vean los objetos que haya detrás .



Resumen Los gráficos vectoriales y las imágenes de mapa de bits, son categorías de los gráficos en computadora que sirven para crear, editar e importar ilustraciones. Dichas imágenes, constituyen el medio electrónico más común para tono continuo, como fotografías o p programas de dibujo, ya que pueden representar graduaciones sutiles de sombras y colores. Para este tema es muy importante tener en cuenta, la dimensión de los píxeles, la resolución de imagen, del monitor y de la impresora.

Tema 2. La imagen y la ilustración digital 13


Tema 2. La imagen y la ilustración digital Subtemas 2.1 Imagen digital 2.1.1 Concepto 2.1.2 Características 2.2 Ilustración digital 2.2.1 Área de trabajo 2.2.2 Herramientas 2.2.3 Las paletas 2.2.4 Color 2.2.4.1 Gamas de color 2.2.4.2 Modos y modelos de color 2.3 Compresión y organización de la imagen gráfica Objetivo de Aprendizaje Al término del tema el estudiante conocerá las ventajas que tiene el trabajar con imágenes digitales y conocerá las herramientas que tiene el programa Adobe Ilustrador. Introducción La imagen digital es muy maleable, permite llevar a cabo una gama de posibilidades en cualquier trabajo de diseño ya que puede ser guardada y transportada en cualquier medio electrónico. Es indispensable que el diseñador conozca el programa de Adobe Ilustrator y algunos conceptos básicos de éste tales como los distintos tipos de área; de trabajo, de imagen, no imprimible, de pruebas entre otras. 2.1 Imagen digital 2.1.1 Concepto La imagen digital es toda aquella imagen que se encuentre en código binario y pueda ser almacenada o manipulada por medio de una computadora, independientemente de que esta haya sido generada de manera análoga o por computadora.



2.1.2 Características Las características de la imagen digital es que puede ser almacenada, manipulada, transportada y transformada por medio de computadoras o medios electrónicos digitales para esto en caso de ser análoga debe ser digitalizada por medio de algún medio de captura que puede ser un escáner o una cámara digital, en caso de ser digital esta pudo haber sido generada en una computadora mediante el uso de un software, que puede ser vectorial o de mapa de bits, en caso de ser vectorial, pudo haber sido rasterizada para convertirla a mapa de bits o en caso contrario pudo haber sido generada originalmente en un programa de mapa de bits y haber sido vectorizada. 2.2 Ilustración digital 2.2.1 Área de trabajo En Adobe Illustrator, el área de trabajo ocupa todo el espacio dentro de la ventana de Illustrator e no sólo incluye la página imprimible que contiene la ilustración. Las áreas imprimibles y no imprimibles se representan mediante series de líneas sólidas y de puntos situadas entre el borde externo de la ventana y el área imprimible de la página.

Área de imagen El área de imagen está delimitada por las líneas de puntos internas y representa la sección de la página donde la impresora seleccionada puede imprimir. Muchas impresoras no pueden imprimir en el borde del papel.

Área no imprimible

Es el área situada entre los dos grupos de líneas de puntos que representan el margen no imprimible del papel.

Borde de la página

El borde de la página se indica con el conjunto de líneas de puntos que aparece más hacia el exterior.

Mesa de trabajo

La mesa de trabajo está delimitada por líneas sólidas y representa toda la región que puede contener ilustraciones imprimibles. Por defecto, la mesa de trabajo tiene el mismo tamaño que la página, pero se puede aumentar o reducir. Puede optar por mostrar u ocultar la mesa de trabajo.



Área de pruebas El área de pruebas es el área exterior de la mesa de trabajo, que se extiende hasta el borde de la ventana de 227 pulgadas cuadradas. El área de pruebas representa un espacio donde se pueden crear, editar y almacenar elementos de ilustraciones antes de llevarlos a la mesa de trabajo. Los objetos colocados en el área de pruebas se ven en la pantalla, pero no se imprimen.

Área de trabajo de Illustrator: A. Área de imagen B. Área no imprimible C. Borde de la página D. Mesa de trabajo E. Área de pruebas 2.2.2 Herramientas La primera vez que se abre Illustrator aparece el cuadro de herramientas en la parte izquierda de la pantalla. Las herramientas que contiene permiten crear, seleccionar y manipular objetos en Illustrator. Al seleccionar la mayoría de las herramientas, el puntero del ratón adopta la forma del icono de la herramienta. Por ejemplo, al seleccionar la herramienta Pincel, el puntero se convierte en un pincel. También puede convertir el puntero de una herramienta en un puntero de precisión, como una cruz , para conseguir mayor precisión al alinear o trabajar en ilustraciones con un elevado nivel de detalle.



Para desplazar el cuadro de herramientas: Arrastre el cuadro de herramientas desde la barra superior. Para mostrar u ocultar el cuadro de herramientas: Para mostrar u ocultar el cuadro de herramientas, seleccione Ventana > Herramientas. Al mostrar el cuadro de herramientas, aparece una marca delante del nombre. Para ver las herramientas ocultas en la pantalla: Pulse una herramienta del cuadro de herramientas que tenga herramientas ocultas bajo ella. Las herramientas que tienen herramientas ocultas se identifican mediante un triángulo situado en la esquina inferior derecha. Cuando aparezca la barra de herramientas de las herramientas ocultas, mantenga pulsado el botón del ratón y arrastre hasta la flecha situada al final de la barra de herramientas. La barra de herramientas se separa del cuadro de herramientas. Para cerrar una barra de herramientas separada: Haga clic en el cuadro Cerrar. Para cambiar el puntero por un puntero de precisión: Lleve a cabo uno de los procedimientos siguientes: - Con la herramienta seleccionada, pulse la tecla Bloq Mayús (Windows) o la

tecla Todo Mayúsculas (Mac OS). - Seleccione Edición > Preferencias > Generales (Windows y Mac OS 9) o bien

Illustrator > Preferencias > Generales (Mac OS X), elija Usar cursores precisos y, a continuación, haga clic en Aceptar (Windows) o en OK (Mac OS).

2.2.3 Las paletas Adobe Illustrator incluye diversas paletas que facilitan el control y la modificación del trabajo. Por defecto, estas paletas aparecen apiladas en varios grupos. También puede anclar paletas para poder moverlas juntas. Mostrar y ocultar paletas Illustrator permite mostrar y ocultar paletas mientras trabaja. Para mostrar u ocultar una paleta: Lleve a cabo uno de los procedimientos siguientes: - Seleccione Ventana > (nombre de la ventana). Delante de las ventanas que

ya estén abiertas aparece una marca.



- Pulse el tabulador para ocultar o mostrar todas las paletas y el cuadro de herramientas.

- Pulse Mayúsculas+tabulador para ocultar o mostrar todas las paletas excepto el cuadro de herramientas.

Paleta Información La paleta Información proporciona información sobre el área situada debajo del puntero y los objetos seleccionados. Según la herramienta que se utilice, la paleta Información sirve para medir el tamaño, la distancia o el ángulo de rotación. En la mayoría de los casos, cuando se está utilizando una herramienta, la paleta Información muestra las coordenadas x e y de la posición del puntero en la ilustración, expresadas en las unidades de medida que se especifiquen. La unidad de medida está determinada por la unidad establecida en los cuadros de diálogo Ajustar documento o Preferencias de Unidades y deshacer. La paleta Información también muestra información del color de relleno y trazo de los objetos seleccionados y los nombres de los motivos, degradados y matices aplicados al objeto. Para mostrar la paleta Información: Seleccione Ventana > Información. La paleta Información muestra la siguiente información, dependiendo de la herramienta o comando seleccionado:

Cuando se utiliza una herramienta de selección, se muestran las coordenadas x e y del puntero. Si se selecciona un objeto, también se muestran su anchura (An), su altura (Al) y las coordenadas x e y.

Cuando se utiliza una herramienta de zoom, se muestra el factor de ampliación y las coordenadas x e y al soltar el botón del ratón.

Al utilizar la herramienta Pluma o Degradado, o al desplazar una selección, se muestran los cambios de las coordenadas x (An) e y (Al), la distancia (D) y el ángulo mientras se arrastra.

Al utilizar la herramienta Escala, se muestran los porcentajes de cambio de la anchura (An) y de la altura (Al), así como la nueva anchura (An) y la nueva altura (Al) al finalizar la operación de escala.

Al utilizar las herramientas Rotación o Reflejo, se muestran las coordenadas del centro del objeto y el ángulo de rotación o de reflexión .

Al utilizar la herramienta Distorsión, se muestran las coordenadas del centro del objeto, el ángulo del eje de distorsión y el grado de distorsión .

Cuando se utiliza la herramienta Pincel, se muestran las coordenadas x e y, así como el nombre del pincel utilizado.

Para mostrar u ocultar las opciones de la paleta Información: Seleccione Mostrar opciones u Ocultar opciones en el menú de la paleta Información. Cuando se muestran las opciones aparece la siguiente información:



Valores de los colores de relleno y trazo del objeto seleccionado. Valores hexadecimales de los colores de relleno y trazo del objeto

seleccionado, si el modo de color es RGB o compatible con Web. El nombre de cualquier motivo, degradado o matiz aplicado al objeto

seleccionado. Nota. Si se seleccionan varios objetos, la paleta Información sólo muestra la información que es común a todos los objetos seleccionados. 2.2.4 Color A continuación veremos varios aspectos del color.



2.2.4.1 Gamas de color La gama, o espacio de color, de un sistema de color es el número de colores que se pueden ver o imprimir. El espectro de colores que puede ver el ojo humano es más amplio que cualquier método de reproducción de color. La gama RGB contiene el subconjunto de colores que se puede visualizar en un monitor de ordenador o de televisión (que emite luz roja, verde y azul). Algunos colores, como el cian o el amarillo puros, no se pueden mostrar adecuadamente en un monitor. La gama menor es la del modelo CMYK, que contiene los colores que se pueden imprimir utilizando las tintas de colores de cuatricromía. Cuando los colores que no se pueden imprimir se visualizan en la pantalla, nos referimos a ellos como colores fuera de gama (es decir, que quedan fuera de la gama CMYK).

Comparación de gamas de color RGB y CMYK A. Gama de color RGB B. Gama de color CMYK La extensión de la gama de color RGB supera la de la gama CMYK. 2.2.4.2 Modos y modelos de color En Illustrator, un modo de color determina el modelo de color utilizado para visualizar e imprimir archivos de Illustrator. Illustrator basa sus modos de color en los modelos de color establecidos para la descripción y reproducción de colores. Los modelos más comunes son HSB (del inglés hue, saturation, brightness: tono,



saturación y brillo), RGB (del inglés red, green, blue: rojo, verde y azul) y CMYK (del inglés cyan, magenta, yellow, black: cian, magenta, amarillo y negro). Modo HSB El modelo HSB se basa en la percepción humana del color. En este modelo, todos los colores se describen según tres características fundamentales:

El tono es el color reflejado o transmitido a través de un objeto. Se mide como una posición en la rueda de colores estándar y se expresa en grados entre 0º y 360º. Normalmente, el tono se identifica por el nombre del color, como rojo, naranja o verde.

La saturación, a veces denominada cromatismo, es la fuerza o pureza del

color. La saturación representa la cantidad de gris que existe en proporción al tono y se expresa en forma de porcentaje (entre el 0 % (gris) y el 100 % (saturación completa)). En la rueda de colores estándar, la saturación aumenta a medida que nos aproximamos al borde de la misma y decrece a medida que nos acercamos al centro.

El brillo es la luminosidad u oscuridad relativa del color y normalmente se expresa mediante un porcentaje (entre el 0 % (negro) y el 100 % (blanco).

Modo de color HSB A. Saturación B. Tono C. Brillo D. Todos los tonos



Modo RGB Un amplio porcentaje del espectro visible se puede representar combinando luz roja, verde y azul (RGB) en proporciones e intensidades diferentes. En el lugar en el que se superponen los colores, se crean el cian, el magenta y el amarillo. Los colores RGB se denominan colores aditivos porque el blanco se crea mezclando rojo, verde y azul, es decir, toda la luz se refleja y es captada por el ojo. Los colores aditivos se utilizan en iluminación, televisión y monitores de ordenadores. Su monitor, por ejemplo, crea color mediante la emisión de luz a través de fósforos de color rojo, verde y azul.

Colores aditivos (RGB) Modo CMYK Mientras que el modelo RGB depende de una fuente de luz para crear color, el modelo CMYK se basa en la capacidad de absorber luz de la tinta impresa en papel. Cuando la luz blanca incide en tintas translúcidas, se absorbe una parte del espectro. El color que no es absorbido y es captado por el ojo. Al combinar pigmentos puros de cian (C), magenta (M) y amarillo (Y) se produce el negro, puesto que se absorben, o se eliminan, todos los colores. Estos colores se denominan colores sustractivos. La tinta negra (K) se añade para mejorar la densidad de la sombra. (La letra K se ha venido utilizando porque el negro es el color clave ("key" en inglés) para registrar otros colores y porque la letra B representa el azul). La combinación de estas tintas para reproducir colores se denomina cuatricromía.



Color sustractivo (CMYK) Modo Escala de grises La escala de grises utiliza matices de negro para representar objetos. Los objetos en escala de grises tienen un valor de brillo comprendido entre el 0% (blanco) y el 100% (negro). Las imágenes producidas con escáner de blanco y negro o de escala de grises se visualizan normalmente en escala de grises. La escala de grises también permite convertir ilustraciones en color en ilustraciones en blanco y negro de alta calidad. En este caso, Adobe Illustrator elimina toda la información del color de la ilustración original. Los niveles de gris (matices) de los objetos convertidos representan la luminosidad de los originales. Al convertir objetos de escala de grises a RGB, se asigna a los valores de color de cada objeto los valores de gris de los objetos originales. También se pueden convertir objetos de escala de grises en objetos CMYK. 2.3 Compresión y optimización de la imagen gráfica Utilice el panel Ajustes en el cuadro de diálogo Guardar para Web para establecer las opciones de optimización. Si se está trabajando en un modo de 4 copias, se pueden repoblar las vistas para generar, de forma automática, versiones de la imagen de menor calidad a partir de los ajustes seleccionados.



Para aplicar ajustes de optimización: Seleccione una vista en el cuadro de diálogo Guardar para Web para el que desee aplicar los ajustes de optimización. Si la ilustración está formada por varias secciones, seleccione una o más secciones para las que desee aplicar los ajustes de optimización. Lleve a cabo uno de los procedimientos siguientes:

Seleccione un ajuste de optimización con nombre en el menú Ajustes. Seleccione un formato de archivo en el menú Formato de archivo. Establezca las opciones de optimización adicionales. El formato de archivo

seleccionado en el paso 2 determinará la disponibilidad de las opciones. Para aplicar ajustes de optimización según el tamaño del archivo: Para repoblar ajustes de optimización:

Aplique ajustes de optimización en una vista en modo de 4 copias. Seleccione Repoblar vistas en el menú desplegable Optimizar.

La vista seleccionada y la vista original no se ven modificadas durante la repoblación.



Resumen El programa Adobe Ilustrador, nos va a permitir realizar un trabajo de calidad siempre y cuando el diseñador haya utilizado correctamente las herramientas, las paletas y las gamas de color al momento de elaborar la imagen digital.

Documents

Dibujo Por Computadora (Parte1)