Académique Documents
Professionnel Documents
Culture Documents
Objetivos de la Unidad
Al finalizar la presente unidad el participante ser capaz de:
Adobe Ilustrator (Ai) es un editor de grficos vectoriales en forma de taller de arte que trabaja
sobre un tablero de dibujo o mesa de trabajo, y est destinado a la creacin artstica de dibujo
y pintura para ilustracin, fue el primer programa oficial de su tipo comercializado por Abobe
Systems, definiendo en cierta manera el lenguaje grafico contemporneo del dibujo vectorial,
Adobe Illustrator contiene opciones creativas, un acceso ms sencillo a las herramientas y una
gran versatilidad para producir rpidamente grficos flexibles cuyos usos se dan en
(maquetacin-publicacin) impresin, vdeo, publicacin en la Web y dispositivos mviles.
Actualmente forma parte de la familia Adobe Creative Suite y tiene como funcin nica y
primordial la creacin de material grfico-ilustrativo altamente profesional basndose para ello
en la produccin de objetos matemticos denominados vectores.
INTRODUCCIN
El presente curso de Adobe Ilustrador CS6 busca facilitar el aprendizaje de los conocimientos
bsicos de este programa, de tal modo que le permita el uso del mismo para crear dibujos
vectoriales, hacer ilustraciones a partir de un objeto, una foto, una idea, en fin utilizar parte del
potencial de este maravilloso y robusto software, formando con ello una base slida sobre la
cual posteriormente edificar un conocimiento ms amplio de Adobe Ilustrador y sus usos.
Imagen Rasterizada
Una imagen rasterizada, tambin llamada bitmap, imagen matricial o pixmap, es una estructura
o fichero de datos que representa una rejilla rectangular de pixeles o puntos de color,
denominada raster, que se puede visualizar en un monitor de ordenador, papel u otro
dispositivo de representacin. A las imgenes rasterizadas se las suele caracterizar
tcnicamente por su altura y anchura (en pixeles) y por su profundidad de color (en bits por
pixel), que determina el nmero de colores distintos que se pueden almacenar en cada pixel, y
por lo tanto, en gran medida, la calidad del color de la imagen.
2
Dibujo Vectorial
Es una imagen digital formada por objetos geomtricos independientes (segmentos, polgonos,
arcos, etc.), cada uno de ellos definido por distintos atributos matemticos de forma, de
posicin, de color, etc. Por ejemplo un crculo de color rojo quedara definido por la posicin de
su centro, su radio, el grosor de lnea y su color. El inters principal de los grficos vectoriales
es poder ampliar el tamao de una imagen a voluntad, editarla (Rotarla, Girarla, Deformarla
etc.) sin sufrir el efecto de escalado que sufren los grficos rasterizados.
APLICABILIDAD
Adobe Ilustrador CS6 tiene diversas aplicaciones que van desde crear un simple dibujo hasta
una compleja ilustracin, gracias a su volubilidad podr crear de una manera rpida y
profesional cualquier tipo de publicidad escrita, ilustraciones para utilizarlas en programas de
animacin como Adobe Flash, o simplemente imprtala a su dispositivo mvil, la plataforma de
diseo que provee Adobe Ilustrador es tan flexible y amigable que sin duda le permitir explotar
al mximo su potencial como diseador, en todos los mbitos visuales en los cuales pueda
representar una imagen.
Formato nativo de Illustrator, solo este programa lo puede editar. Se basa en el formato PDF,
pero Acrobat no lo lee correctamente. Cuando se guarda como .ai se puede editar al 100%, se
mantiene la transparencia y guarda una previsualizacin al estilo PDF 1.4
Este formato es el mejor para trabajarlo en forma personal y es ideal para usarlo en InDesign y
Photoshop.
Este formato (Encapsulated PostScript) es un estndar grfico desde hace mucho tiempo. No
soporta transparencias con respecto a otras aplicaciones grficas, as que si se utiliza una
3
transparencia se aplanar flatten, para que se pueda importar en otro programa.
Al guardarlo como .eps la mayora de los efectos se expanden y el texto se puede separar para
aplanar el documento. Illustrator guarda una copia .ai dentro del documento .eps por si se
desea editar en Illustrator. La mayora de las personas que trabajan con InDesign y Smart
Objects en Photoshop, prefieren el formato .ai en lugar del .eps.
Se guarda un PDF con una copia incorporada del formato nativo .ai, sin aplanar, claro que al
momento de salvar se marca la opcin de Preserve Illustrator Editing Capabilities. Si no se
aplica esto, el documento baja de tamao, pero la edicin es ms difcil. El texto en este
formato es difcil de editar, los efectos se aplanan, etc.
Scalable Vector Graphics es un lenguaje en forma de XML para describir una grfica vectorial
en dos dimensiones, puede ser en forma esttica o de animacin. Se considera un estndar del
World Wide Web Consortium.
El formato SVG puede contener formas y trazos vectoriales, imgenes rasterizadas y texto.
Se puede exportar en forma de .jpg, .png, .swf (Flash), .bmp, .tif, .txt (formato de texto), .wmv
(Windows meta file) y .dxf (AutoCAD Interchange Format).
4
COLOR
Definicin de Color
El mundo es de colores, donde hay luz, hay color. La percepcin de la forma, profundidad o
claroscuro est estrechamente ligada a lo que se llama color. El color es un atributo que
percibimos de los objetos cuando hay luz. Ya que nuestros ojos solo miran todo aquello que
Toca la luz. La luz es constituida por ondas electromagnticas que se propagan a unos
300,000 kilmetros por segundo. Esto significa que nuestros ojos reaccionan a la incidencia de
la energa y no a la materia en s. Las ondas forman, segn su longitud de onda, distintos tipos
de luz, como infrarroja, visible, ultravioleta blanca. Las ondas visibles por nosotros son
aquellas cuya longitud de onda est comprendida entre los 380 y 770 nanmetros, un
nanmetro equivale a la mil millonsima parte de un metro, sea que es mil veces ms
pequeo que un micrmetro.
Los objetos devuelven la luz que no absorben hacia su entorno. Nuestro campo visual
interpreta estas radiaciones electromagnticas que el entorno emite o refleja, como la palabra
"COLOR".
A. Tono
Matiz Tonalidad es el atributo que diferencia el color y por el cual designamos los
colores: verde, violeta, anaranjado.
B. Saturacin
Es la intensidad cromtica o pureza de un color, que se le puede definir como valor; es
la claridad u oscuridad de un color, est determinado por la cantidad de luz que un color
tiene. Valor y luminosidad expresan lo mismo.
C. Brillo
Es la cantidad de luz emitida por una fuente lumnica o reflejada por una superficie.
5
MODELOS DE COLOR
Modelo RGB
Tiene como base los colores producidos por luz, (ejemplo el monitor de la computadora, la
Pantalla del Cine, del Televisor etc.) que son el Rojo, Verde y Azul, (por sus siglas en Ingles) al
color Blanco y Negro se les llama colores acromticos ya que los perciben como no colores
(Usted percibe el color Negro cuando un objeto absorbe toda la luz que llega a l, y el color
Blanco cuando la refleja totalmente); este modo de color es el recomendado para presentar
imgenes que sern mostradas en monitores de computadoras, impresas en papel fotogrfico,
etc. Este modo solo utiliza los 3 colores que se han descrito para reproducir hasta 16,7 millones
de colores, el modo RGB asigna un valor de intensidad a cada pixel que vara entre 0 (Negro) y
255 (Blanco), por ejemplo un color Rojo Brillante seria:
R: 250, G: 20 B: 10.
El Rojo ms brillante que se puede conseguir mediante este modo de color es:
R: 255, G: 0 B: 0.
Si todos los valores son cero el resultado sera color Negro, y si todos los valores son 255 el
resultado sera color blanco puro, es por esto que esta sntesis se le llama aditiva.
Modelo CMYK
Tambin llamado modo de colores sustractivos, son colores basados en la luz reflejada, de los
pigmentos aplicados a las superficies, que est formada por el color Magenta, Cyan y Amarillo,
son los colores bsicos de las tintas que se utilizan en la mayora de los sistemas de impresin,
motivo este del desplazamiento de lo que se conoce como colores primarios, la mezcla de
estos 3 colores da como resultado el color Negro, (de all el nombre de colores sustractivos)
6
mezcla que da como resultado un color negro poco intenso, por lo que se le agrega el pigmento
Negro puro, formando as el Perfil CMYK (por sus siglas en Ingles la K representa el Black),
los procedimientos que utilizan las Imprentas conocidos como tricroma y cuatricroma, se
basan en este modo de color, en este modo de color el blanco puro se genera si los cuatro
componentes tiene un valor de 0, un color naranja se consigue con los valores C:0, M: 50, Y:
100, K: 0,
Escala de Grises
Es una graduacin empleada en la que el valor de cada pixel posee un valor equivalente a una
graduacin del gris. Las imgenes representadas de este modo de color estn compuestas en
porcentajes de gris, que van desde el negro ms profundo, variando gradualmente en
intensidad del gris, hasta llegar al blanco puro. Lo que se llama imgenes en blanco y negro.
El proceso humano de percepcin de los estmulos que recibe del entorno entre ellos, los
mensajes bi-media (imagen-texto) puede ser analizado en tres etapas:
A. Sensacin: implica que el ojo es atacado por snsums lumnicos, en nuestro caso un
snsum lumnico-cromtico: la sensacin del Color.
B. Percepcin: el ojo funciona como un radar y est programado para reconocer formas, a
fin de poder interactuar con su entorno. Una forma es una disposicin en el espacio
que a la vez que lo define, lo ocupa, una estructura que se debe aislar, separar de su
contexto para hacerla inteligible (proceso que generalmente se hace inconsciente e
instantneamente). Dicho proceso cuando la forma no es tan sencilla como la de una
esfera, un huevo o un cubo, puede implicar cierta cantidad de complejidad. Por tanto, el
7
hecho de focalizar y extraer mentalmente una forma de su contexto, y el de discernirla
(suprimiendo la posible ambigedad), es un acto del individuo; un acto ms complejo
que el de la sensacin, de la cual, de hecho, no puede decirse que sea un acto del
individuo, sino una accin externa, por encima de l. La sensacin impregna el espritu:
va de fuera a dentro. La percepcin va de dentro a fuera: hay una participacin activa
del sujeto. Reconocer una forma quiere decir, indistintamente:
8
Por ello es que la etapa de la sensacin es tan importante en el mundo del Diseo Grfico, ya
que el color tiene capacidad de expresin, significado y provoca una reaccin o emocin.
Cuanto ms intensa o saturada es la coloracin, ms cargado est de expresin y emocin.
Todo color posee un significado propio, capaz de comunicar una idea. El color no slo tiene un
significado universalmente compartido a travs de la experiencia, sino que tiene tambin un
valor independiente informativo a travs de los significados que se le adscriben simblicamente.
No obstante esto, el lenguaje de los colores, es decir, sus funciones y variables, es tan rico y
complejo que imposibilita fijarlo en una clasificacin; al mismo tiempo que es difcil, siempre es
peligroso intentar delimitar con demasiada rigidez cada una de las categoras. El Color y su
fenomenologa constituyen un mundo de sutilezas an poco conocido. Lo que nos permite
categorizar los colores surge de una actitud pragmtica del visualista, ya que disear lleva
implcito utilizar colores y, por tanto, aplicar intenciones comunicativas. Estos usos e
intenciones no siempre estn relacionados con la realidad de los colores en la percepcin del
mundo visible, sino con una voluntad plstica. (Es necesario comprender la diferencia que hay
entre la percepcin del mundo y la percepcin icnica). Esto significa que el color, ahora, ya no
est considerado como una sustancia lumnica, sino como materia. De esta forma se convierte
en un elemento de la plstica y la grfica, en el mismo sentido que lo son las Formas, las
Imgenes y el Texto. Elementos todos estos que sern objeto de combinatorias y
manipulaciones expresivas, que viene hacer la funcin propia del diseador.
A. Clidos
Se llaman colores clidos aquellos que van del rojo al amarillo.
B. Fros
Se llaman colores fros los que van del azul al verde.
9
Esta divisin de los colores en clidos y fros radica simplemente en la sensacin y experiencia
humana. La calidez y la frialdad atienden a sensaciones trmicas subjetivas.
Los colores, de alguna manera, nos pueden llegar a transmitir estas sensaciones. Un color fro
y uno clido se complementan, tal como ocurre con un color primario y uno compuesto.
ESPACIO DE TRABAJO
10
A. Ventanas de documento en forma de fichas. B. Barra de aplicaciones. C. Conmutador de
espacios de trabajo. D. Cuadro de color de fondo. E. Panel de control F. Panel Herramientas
G. Botn Contraer en iconos H. Cuatro grupos de paneles acoplados verticalmente
A. Barra de Mens
11
B. Paneles
1. Panel de Control
Panel de Control
12
2. Panel Herramientas
Contiene todas las herramientas del programa Abobe Ilustrator CS6.
C. Ventanas:
Se utilizan para acceder a distintas opciones en el entorno que brinda el Programa Adobe
Ilustrador, por ejemplo la Ventana Gestin de Color, permite cambiar los colores de
Trazados, Rellenos, Degradados, y otras opciones.
Puede crear un espacio de trabajo personalizado moviendo y manipulando los paneles y las
ventanas tambin puede guardar espacios de trabajo y pasar de uno a otro.
13
A. Reorganizar, acoplar y desacoplar ventanas
Cuando arrastra una ventana fuera de su conjunto apilado pero no a una zona de
colocacin, esta flota con libertad. Las ventanas flotantes se pueden situar en cualquier
lugar del espacio de trabajo. Puede apilar ventanas flotantes o grupos de manera que se
muevan como una unidad cuando arrastra la barra de ttulo.
14
1. Para apilar ventanas flotantes, arrastre una ventana por su ficha a la zona
de colocacin en la parte inferior de otra ventana.
2. Para cambiar el orden de apilado, arrastre una ventana arriba o abajo por
su ficha.
2. Arrastre el regulador.
3. Arrastre el dial
4. Haga clic en los botones de flecha del panel para aumentar o reducir el
valor.
5. Haga clic en el cuadro y utilice las teclas Flecha arriba y Flecha abajo del
teclado para aumentar o reducir el valor.
15
Mtodos para introducir valores
Al guardar la posicin y el tamao actuales de los paneles como un espacio de trabajo con
nombre, puede restaurar dicho espacio de trabajo incluso aunque mueva o cierre un panel. Los
nombres de los espacios de trabajo guardados aparecen en el conmutador de espacios de
trabajo de la barra de la aplicacin.
Para crear un documento nuevo en Adobe Ilustrador CS6, puede dar clic en Archivo>Nuevo;
tambin puede utilizar el mtodo abreviado de teclado Ctl+N o Cmd+N segn su sistema
operativo, esta accin abrir la siguiente ventana:
16
A
C F
E
D
MODOS DE PANTALLA
Puede usar las opciones de modo de pantalla para ver las imgenes en toda la pantalla. Puede
mostrar u ocultar la barra de mens, la barra de ttulo y las barras de desplazamiento.
1. Para visualizar el modo por defecto (barra de men en la parte superior y barras
de desplazamiento en el lateral), seleccione Vista>Modo de pantalla> Modo de
pantalla estndar. O bien haga clic en el botn Modo de pantalla debajo del
Panel Herramientas y seleccione Modo de pantalla estndar en el men
emergente.
2. Para visualizar una ventana en pantalla entera con una barra de men, sin barras
de ttulo ni de desplazamiento, seleccione Vista > Modo de pantalla > Modo de
pantalla entera con barra de mens. O bien haga clic en el botn Modo de
pantalla de la barra aplicaciones y seleccione Modo de pantalla entera con barra
de mens en el men emergente.
17
3. Para visualizar una ventana en pantalla entera (sin barras de ttulo, de mens ni
de desplazamiento), seleccione Vista > Modo de pantalla > Modo de pantalla
entera. O bien haga clic en el botn Modo de pantalla de la barra aplicaciones y
seleccione Modo de pantalla entera en el men emergente.
Botn Modo
de Pantalla
En la parte inferior del panel herramientas aparecen los iconos relleno y trazado del programa
Adobe Ilustrador, en la imagen de abajo el cuadro blanco representa el color de relleno, y el
cuadro negro el color del trazo, para intercambiar ambos pulse la tecla (x).
y Trazo
A. Para cambiar los colores tanto del relleno como del trazo solo de doble clic en el icono
correspondiente, esto abrir la ventana selector de color de Ilustrador.
18
Selector de Colores
Nota: Al seleccionar un color del Selector de color, ste muestra los valores numricos
para HSB, RGB, Lab, CMYK y nmeros hexadecimales simultneamente. Esto resulta
til para visualizar la manera en que los distintos modelos de color describen un color.
Para elegir un color, introduzca los valores de los componentes del color en los cuadros de
texto HSB, RGB y Lab tambin puede utilizar el regulador y del campo de color, Si opta por
seleccionar el color con el regulador y el campo de color, haga clic en el campo de color o
mueva el tringulo del regulador de color, mueva el marcador circular o haga clic en el campo
de color.
19
A. Seleccin de un color con el modelo RGB
20