1

¿Qué es Illustrator?

Illustrator CS5es una herramienta desarrollada por Adobe, con la que podremos crear y trabajar con dibujos

basados en gráficos vectoriales.

Para entender cómo funciona este programa, lo primero es entender qué es un gráfico vectorial, y que

diferencia existe con los gráficos basados en mapa de bits.

¿Qué es un mapa de bits?

Las imágenes de mapa de bits, también conocidas como imágenes ráster, están compuestas por puntos

individuales denominados píxeles, dispuestos y coloreados de formas diversas para formar un patrón. Pero si

aumenta el tamaño del mapa de bits, también aumentará el número de píxeles individuales, haciendo que las

líneas y las formas tengan un aspecto dentado, dando la sensación de que ver los píxeles.

La reducción del tamaño de un mapa de bits distorsiona la imagen original, ya que se eliminan algunos

píxeles para reducir el tamaño de la imagen, lo que hace que se pierda información.

En el ejemplo vemos que al reducir la imagen, se han perdido píxeles, y ya no se muestra el dibujo de la

malla. Si esto lo hacemos desde un editor, y guardamos la imagen, estos píxeles no se recuperan ni

volviendo a aumentar la imagen, por lo que hemos perdido calidad.

El color y la forma de una imagen de mapa de bits aparece regular si se observa a distancia, puesto que cada

píxel tiene un color propio, puede crearse efectos de realismo fotográfico tales como el sombreado y el

aumento de la intensidad de color.

Debido a que las imágenes de mapa de bits forman conjuntos de píxeles ordenados, sus distintos elementos

no se pueden manipular (por ejemplo mover) de forma individual.

Se basan en mapa de bits los formatos más habituales, como el jpg, bmp o gif.

¿Qué es un gráfico vectorial?

Las imágenes vectoriales, también llamadas imágenes orientadas al objeto o imágenes de dibujo, se definen

matemáticamente como una serie de puntos unidos por líneas. Los elementos gráficos presentes en un

archivo vectorial se denominan objetos. Cada objeto es una entidad completa con propiedades tales como

color, forma, contorno, tamaño y posición en la pantalla, que están incluidas en su definición.

Considerando que cada objeto es una entidad completa, se puede mover, cambiar sus propiedades una y otra

vez manteniendo su claridad y nitidez originales, sin afectar a los restantes objetos de la ilustración.

Los dibujos vectoriales no dependen de la resolución. Esto significa que se muestran con la máxima

resolución permitida por el dispositivo de salida: impresora, monitor, etc. Por lo tanto, la calidad de imagen

de tu dibujo será mejor si lo imprimes en una impresora de 600 puntos por pulgada (ppp) que en una

impresora de 300 ppp.

En esta imagen podemos ver que un gráfico del mismo tamaño, pierde resolución al aumentarlo si se trata de

un mapa de bits, pero no si se trata de un gráfico vectorial.

2

Existen programas distintos para tratar estos dos tipos de gráficos. Programas como Photoshop, Paint Shop

Pro o GIMP trabajan sobre mapas de bits. Estos programas están más enfocados al tratamiento y retoque

fotográfico. Otros programas, como Illustrator, Corel Draw o InkScape trabajan con gráficos vectoriales.

Estos programas son más utilizados para crear imágenes desde cero, aunque lo que creemos lo convirtamos

después a un mapa de bits, guardándolo como un gif o un jpg.

Illustrator nos permite también generar un gráfico vectorial a partir de un mapa de bits. Todo esto lo veremos

a lo largo del curso.

Novedades en Illustrator CS5

Con respecto a su versión anterior, Illustrator CS5cuenta con las siguientes mejoras y novedades:

Varias mesas de trabajo. En vez de tener en nuestro documento una mesa de trabajo y un área de recorte,

ahora podemos crear varias mesas de trabajo, y modificarlas como hacíamos con el área de recorte.

El trabajo con la herramienta Degradado se ha mejorado. Por un lado, incluye controles que nos permiten

regular el degradado directamente sobre el elemento. Por otro, los degradados nos permiten ahora elegir

también el nivel de transparencia.

Se ha añadido la herramienta Pincel de manchas . Al dibujar, se comporta de forma parecida al Pincel,

pero el resultado es un relleno, formado por un único trazado. Esto nos permite dibujar libremente como si lo

hiciésemos sobre un mapa de bits.

El panel Apariencia se ha mejorado. Desde él podemos añadir y editar directamente efectos, trazados,

rellenos y transparencias, lo que nos ahorrará mucho tiempo.

Los efectos se han mejorado, y se han eliminado los filtros que ya no podremos utilizar, pero logramos el

mismo resultado expandiendo la apariencia de los efectos.

Se ha añadido la posibilidad de previsualizar la separación de colores antes de imprimir, para asegurarnos

que el resultado es el esperado.

Mientras dibujamos o movemos objetos, podemos utilizar las Guías inteligentes, que nos muestran

información sobre propiedades del elemento actual (tamaño, ángulo, etc...), además de líneas cuando

3 estemos en la misma horizontal o vertical que un elemento importante de otro objeto (su centro, puntos de

ancla, etc).

Adobe Illustrator se abre como cualquier programa de Windows. Si durante la instalación se creó un icono

de acceso directo en el escritorio, podemos hacer doble clic sobre él para abrirlo. Si no, desde el menú Inicio,

podemos buscarlo en Todos los programas, si no está en la lista de programas recientes. Otra opción ágil

para encontrarlo es utilizar la caja de búsqueda de Windows Vista.

Al ejecutar el programa, lo primero que este hará será cargar sus archivos, plug-ins, herramientas y menús.

Esto tardará algunos segundo, dependiendo de la potencia de nuestro ordenador.

Cuando arranca la aplicación, lo primero que encontramos es la pantalla de bienvenida.

Esta ventana se divide en cuatro secciones:

Abrir un elemento reciente:

Aquí encontramos los últimos archivos abiertos desde Illustrator, que podremos abrir con un clic, y la opción

de abrir un nuevo.

Crear nuevo:

Si lo que queremos es crear un nuevo documento, podremos elegir uno de los perfiles predefinidos según lo

que queramos obtener. Estos perfiles se diferencian en valores prestablecidos para el tamaño, el modo de

color, las unidades, la orientación, la transparencia y la resolución.

Por ejemplo, si lo que queremos es imprimir el documento en alta resolución, la mejor opción será

Documento para imprimir..., que nos permitirá elegir distintas resoluciones o tamaños de impresión,

mientras que si lo que queremos es publicarlo en una página web, será más eficaz elegir Documento para

Web....

4 Otra opción es elegir un plantilla pulsando en Desde plantilla.... Usando una plantilla, podemos crear

documentos que comparten ajustes y elementos de diseño. Esto nos facilitará el trabajo cuando debamos

crear muchos documentos similares

La parte inferior, divida en dos secciones:

A la izquierda, encontramos enlaces a la ayuda.

Ahora, para crear un nuevo documento, seleccionamos un perfil. Se abrirá la ventana Nuevo documento.

Lo primero que podemos elegir, es el nombre del documento escribiéndolo en Nombre:. En este caso hemos

elegido un perfil para Web, como podemos ver en Nuevo perfil de documento. Desde aquí también podemos

cambiar el perfil, y si lo hacemos veremos realmente en qué se diferencian, porque cambiarán los valores del

Área de recorte (la parte del documento que contiene el gráfico) y su tamaño en cuanto a Altura y Anchura y

las Unidades en que se miden, además de otras opciones avanzadas que ya veremos, como el Modo de color

o la resolución. Todos estos valores son personalizables, y cuando lo ajustemos a nuestras necesidades

bastará con pulsar Ok. Si cuando vayamos a elegir el perfil, prevemos que no necesitamos cambiar ningún

parámetro, podemos saltarnos esta ventana manteniendo pulsada la tecla Alt al elegir el perfil.

Área de recorte el tamaño de la imagen que se va imprimir. También tenemos orientación.

Opción plantillas

5

Una vez elegido y configurado el perfil, se abrirá el documento nuevo en el área de trabajo de Illustrator.

Presiona la tecla M y e activa las formas, se puede dibujar el rectángulo en la mesa de trabajo.

6 Esto también lo podemos hacer si ya estamos trabajando en otro documento. Desplegando el menú Archivo

encontramos el submenú Abrir archivos recientes, con los recientes y el comando Abrir.

Desde ambos lugares, al pulsar Abrir se mostrará el cuadro de diálogo Abrir, desde el que elegir el archivo.

Avanzado bridge para adobe Photoshop

Avanzado: Adobe Bridge

La ventana Metadatos

Esta ventana se encuentra en la parte inferior izquierda de la ventana de Adobe Bridge.

La mayoría de los metadatos no pueden ser modificados, pero podremos cambiar información sobre la

imagen en los campos que aparezcan señalados con el icono Modificar .

La ventana Palabras clave

Desde este panel podemos asignar palabras clave a nuestras fotografías.

Lo que aquí incluyamos no se almacenará en el archivo de la imagen como ocurría con la información

contenida en los metadatos, sino que se trata de un método de organización propio de Adobe Bridge que te

permitirá clasificar mejor tus imágenes.

Utilizarlo es muy sencillo, sólo tienes que seleccionar la imagen o imágenes que quieras marcar

y seleccionar la palabra clave que quieras asociar.

Puedes crear nuevos grupos de palabras clave, nuevas palabras clave o incluso borrar palabras o

grupos utilizando los tres botones que encuentras al pie de la ventana.

Para realizar búsquedas entre tus imágenes utiliza la pestaña Filtro que acabamos de ver.

Modo compacto

El modo compacto, nos permite disminuir el tamaño de la ventana de Adobe Bridge para que podamos usar

a la vez Illustrator o cualquier aplicación de Adobe CS4.

Para activarlo, basta con pulsar el botón que encontramos en la barra de herramientas.

Esto nos permite, por ejemplo, arrastrar archivos de la ventana de Adobe Bridge directamente a nuestro

documento de Illustrator.

Formatos Básicos

Básico: Formatos de archivo compatibles con Illustrator

Como ya veremos, Adobe Illustrator es compatible con una gran cantidad de formatos de archivo. Y por

tanto unos serán adecuados para unas cosas pero no para otras. Vamos a ver los formatos más utilizados:

Archivos de imagen

Formatos basados en mapa de bits:

JPEG

Es uno de los formatos más utilizados hoy en día, indicando sobre todo para fotografías e imágenes en tono

continúo en Internet por su capacidad de conseguir imágenes suficientemente reales y con un gran número

de colores.

Este formato soporta los modos de color CMYK, RGB y la escala de grises sin canales alfa, llegando a

convertirse en uno de los formatos más populares por su versatilidad y una compresión bastante alta.

TIFF

De mayor calidad que el formato JPEG, pero con compresiones mucho menores.

Este formato es utilizado sobre todo en la impresión de imágenes digitales, debido a que crea archivos de

gran calidad. El único inconveniente de este formato es el tamaño de los archivos que crea, por lo que no

suele utilizarse para publicar imágenes ni almacenamiento.

A pesar de ello, TIFF es uno de los formatos más flexibles y prácticamente admitidos por todas las

aplicaciones de pintura, edición de imágenes y diseño.

Soporta casi todos los modos de color: RGB, CMYK, Lab, Indexado y escala de grises, todos ellos con

canales alfa, y mapa de bits sin canales alfa.

BMP

Este formato tiene su origen en la plataforma Windows y DOS, aunque ahora se ha expandido y es

característico por su usabilidad y el soporte en la mayoría de software de imagen que podamos encontrar hoy

en día.

Admite RGB, color indexado, escala de grises y mapa de bits sin canales alfa.

7 Muy utilizado por las aplicaciones basadas en Windows, podemos encontrarlo en infinidad de imágenes,

aunque su uso mayoritario es en el desarrollo de juegos y aplicaciones DirectX.

GIF

Uno de los formatos más utilizados en Internet, crea gráficos e imágenes de color indexado en la web.

Aunque una de sus carencias es la de admitir muy pocos colores (256 como máximo), se ha expandido

mayormente por su capacidad de compresión al ser capaz de crear archivos de unos pocos kilobytes.

El formato GIF puede preservar las transparencias de la imagen aunque no soporte la inclusión de canales

alfa.

Muy utilizado también en animaciones, al ser posible almacenar más de una imagen por fichero, creando

pequeñas películas formadas por secuencias de imágenes que se repiten en el tiempo.

PNG

Formato creado como alternativa a GIF. Viendo que este último carecía de un aspecto tan importante como

es el modo de color, PNG nace con la pretensión de ser el nuevo formato de imagen de intercambio en

Internet.PNG admite compresión con menos pérdidas de información, produce transparencias de fondo sin

bordes irregulares y soporta los modos RGB, escala de grises y color indexado sin canales alfa.

Este formato está siendo utilizado cada vez más para sustituir a GIF en gráficos para web, y cada vez más en

imágenes con mayor calidad que antes eran comprimidas con JPEG.

Formatos de gráficos vectoriales:

SVG

Más que un formato, es un lenguaje que permite describir gráficos vectoriales, animados o estáticos.

Con este lenguaje se pueden crear formas gráficas de vectores, imágenes en mapas de bits y texto.

Los navegadores actuales soportan en su mayoría este tipo de formato, a excepción de Internet Explorer

(hasta su versión 7) que requiere de la instalación de un plug-in de Adobe.

Archivos de aplicaciones

Adobe Illustrator dispone de un tipo de archivo propio, con la extensión .ai que permite guardar los

documentos creados con todas sus opciones y características.

No obstante, también es compatible con archivos de otras importantes aplicaciones, como puede ser

Photoshop, Corel Draw, AutoCad o Microsoft Word.

Colocar (importar).

No siempre querremos abrir un archivo como un nuevo documento. También necesitaremos añadir un

gráfico desde un archivo al documento que estamos editando, por ejemplo para insertar una imagen a modo

de marca de agua o insertar una página de un PDF.

Esto lo haremos usando el comando Colocar, desde el menú Archivo. El cuadro de diálogo que se mostrará

es casi idéntico al cuadro de diálogo Abrir, y se utiliza igual. La única diferencia son tres opciones que

encontramos junto al tipo de archivo:

Enlazar

Cuando está marcada, el archivo no se copia al documento, si no que se vincula. Esto quiere decir que si

editamos el archivo fuera de Illustrator, al abrir el documento, el gráfico colocado reflejará los cambios, lo

que es muy importante cuando sea un archivo complejo, y que seguramente actualicemos. En cambio, al

desmarcar la casilla, el archivo quedará embebido en el documento.

Plantilla.

Carga el archivo como una plantilla, como una guía para ayudarnos a crear el documento, pero sin insertar

realmente el objeto.

Remplazar.

Esta opción aparecerá cuando hayamos pulsado en Colocar con un objeto seleccionado. Si la marcamos, al

abrir colocar el archivo sustituirá al que estaba seleccionado.

8 Cuando lo que coloquemos sea una imagen basada en un mapa de bits, no se mostrarán más opciones y la

imagen aparecerá en el documento. Pero por ejemplo, si colocamos un PDF con varias páginas, podremos

elegir qué página mostrar, o elegir opciones de formato si pretendemos embeber un documento con capas de

Photoshop.

Para editar archivos enlazados, podemos abrirlos directamente desde Illustrator, a través de la ventana

Enlaces. Si no se muestra, la podemos abrir desde el menú Ventanas → Enlaces. Aquí, para cada archivo

enlazado encontramos varias opciones, como editar el original o actualizar el enlace.

Hay que destacar la integración de Illustrator con otros productos de Adobe. Por ejemplo, si embebemos un

archivo de Photoshop, con capas, estas aparecerán también en Illustrator, pudiendo editarlas o eliminarlas.

Guardar y exportar

Es importante diferenciar, primero, los dos estados de trabajo en los que se puede encontrar un gráfico:

Un gráfico puede estar en proceso, y no estar todavía acabado. Bien porque queremos grabar en determinado

momento para no perder los cambios realizados, o porque deseamos terminar la sesión de trabajo y continuar

más adelante.

O un gráfico puede encontrarse terminado y listo para publicar, imprimir o almacenar.

Por tanto, si el gráfico puede encontrarse en dos estados de trabajo, guardaremos nuestros archivos de formas

diferentes. De todas formas, al terminar lo normal es guardar de ambas formas. Es decir, por un lado

creamos un archivo de trabajo, y por otro el archivo final, pero si en el futuro queremos volver a editar el

archivo, deberemos hacerlo sobre el archivo de trabajo, que guarda todas sus propiedades.

Guardar un documento en proceso:

A salvar el documento sin perder ninguna de sus propiedades, capas, etc, para poder seguir trabajando con

él, lo llamaremos simplemente Guardar, y normalmente lo haremos en el formato propio de Illustrator, con

la extensión .ai.

Guardar es una opción común en la mayoría de programas, y en todos se hace de forma parecida, por lo que

ya te resultará familiar. Los comandos para guardar los encontramos en el menú Archivo. Tenemos varias

opciones:

Guardar:

Guarda los cambios en el documento. Si es la primera vez que guardamos, mostrará el diálogo Guardar

como, para que elijamos la ubicación y formato del archivo.

Guardar como:

Esta opción guarda los cambios en un archivo nuevo, pudiendo elegir otra ubicación o formato, y seguimos

trabajando con el nuevo archivo creado.

Guardar copia:

Como su nombre indica, crea una copia del documento, parecido a la opción Guardar como, pero nos

permite seguir trabajando con el documento original.

El diálogo Guardar como es el siguiente:

Desde este diálogo debemos elegir la ubicación del archivo (dónde lo queremos guardar), seleccionando las

carpetas de la lista de la izquierda, o utilizando el desplegable Guardar en, y elegir el formato en el

desplegable Formato. Ya hemos comentado que normalmente usaremos el formato Adobe Illustrator (*.AI),

que es el que nos aparece por defecto.

Desde este diálogo podemos hacer otras tareas, crear carpetas, borrar archivos, etc. Una vez seleccionado,

pulsamos el botón Guardar como.

Tras pulsar puede que nos aparezca otro cuadro de diálogo, dependiendo del perfil elegido. De momento,

dejaremos las opciones que aparecen por defecto.

Ahora el documento se ha guardado, pero deberemos de guardarlo a medida que vayamos realizando

cambios. Para ello, la forma más rápida es utilizar la combinación de teclas Ctrl + S, que produce el mismo

efecto que ir a Archivo y elegir Guardar.

Guardar un documento ya finalizado, para imprimirlo, publicarlo o almacenarlo.

Al crear un gráfico con Illustrator no buscamos obtener un archivo .ai, si no un PNG o un JPG para

publicarlo en una Web o guardar la imagen, un archivo de Flash, o cualquiera de los múltiples formatos que

soporta la aplicación. Para ello, debemos exportar el documento.

9

Esta opción se encuentra en el Archivo → Exportar.

Al exportar, solo se guarda la parte del documento que aparece dentro de la mesa de trabajo (el rectángulo

negro).

10

El diálogo que se muestra es parecido a Guardar como. De hecho, la única diferencia es el tipo de archivo

que podemos elegir.

No aparecen los formatos en los que ya habíamos guardado el documento, como el .ai. Estos son formatos

que no conservan las propiedades de Illustrator, aunque algunos, como el formato de Photoshop si permitan

exportar algunas características, como las capas. Por eso es importante guardar una copia del documento en

formato de Illustrator para poder volver a editarlo.

Dependiendo del formato que elijamos, al pulsar Exportar nos aparecerán unas opciones de conversión u

otras. Por ejemplo, exportar a PNG podremos elegir la resolución y el color de fondo, incluyendo

transparencias; si elegimos un JPEG podremos elegir entre mejor calidad o un archivo más pequeño, la

resolución, aspectos del formato...; y si elegimos algo más complicado, como Flash, encontraremos una gran

cantidad de opciones específicas para ese formato.

Si lo que queremos es obtener una imagen para publicarla en una Web, una forma más interesante de

exportar es la opción Guardar para Web... que podemos encontrar en el menú Archivo.

Esta opción resulta más completa para este fin, porque nos permite, por ejemplo, comparar cómo quedaría en

distintos formatos, para poder ajustar mejor la calidad y el tamaño, y ver cuanto tardaría en descargarse, que

son aspectos muy importantes para una Web.

11 La ayuda

Adobe Illustrator tiene una ayuda bastante completa, que nos puede ser muy útil para entender que hacen sus

numerosas opciones, ya que habrá muchas que usemos muy pocas veces. Podemos acceder a la ayuda desde

el menú Ayuda, o directamente pulsando la tecla F1.

También podemos buscar ayuda sobre un tema escribiéndolo directamente en la caja de búsqueda de la parte

superior.

Podremos encontrar textos de ayuda, y enlaces muy interesantes a la Web de Adobe, donde encontraremos

vídeos explicativos, descargas, o el propio servicio técnico de Adobe.

Avanzado Guardar para Web y dispositivos

Al crear una imagen destinada a ser publicada en una página Web, nos interesa ajustar al máximo la relación

entre calidad de la imagen y tamaño. Para este fin, la mejor opción que nos ofrece Illustrator es hacerlo a

través del menú Archivo, eligiendo Guardar para Web y dispositivos. En la siguiente ventana que nos

permite probar cómo quedaría la imagen según el formato que elijamos.

En la parte central de esta ventana encontramos nuestra imagen, y cómo quedaría en el formato

seleccionado. Sobre la imagen, encontramos una serie de pestañas que nos permiten ver más de una copia de

la imagen. Esto es muy útil para comparar la calidad en distintos formatos.

12

En la parte derecha, encontramos el panel que nos permite elegir un formato u otro. Cuando hay más de una

copia de la imagen, las propiedades del panel corresponden a la imagen seleccionada. Lo más interesante de

cada formato es poder ajustar sus propiedades para disminuir su tamaño manteniendo una calidad suficiente.

Veremos que al cambiar la mayoría de las propiedades, el tamaño varía. Las opciones más habituales para

reducir el tamaño es disminuir la calidad en los JPEG y GIF o reducir el número de colores en los GIF y

PNG.

En el desplegable Ajustes prestablecidos encontramos combinaciones de parámetros para cada formato.

El tamaño final de la imagen, lo podemos ver en la esquina inferior izquierda de cada copia, junto con un

cálculo del tiempo que tardaría en descargarse una imagen de ese tamaño a una determinada velocidad. Por

defecto, esta velocidad viene a 128 Kbps, muy baja para las conexiones actuales. Así que para que resulte

más útil, podemos cambiarla haciendo clic derecho, y eligiendo por lo menos una velocidad de 1 Mbps.

Una vez configurado el formato de la imagen, podemos seguir trabajando con ella, pero ya con el formato

seleccionado, pulsando en Hecho, o guardarla en nuestro disco duro pulsando en Guardar.

13

Ejemplo dibujar un rectángulo y ponerlo color

Crea un nuevo documento que tenga dos copias de Rectangulo.gif, una enlazada y otra sin enlazar. Exporta

el documento creando Rectangulo.jpg.

Para crear un rectángulo.ai, se elige la opción colocar de menú archivo

Comprueba que la casilla Enlazar esté seleccionada, y pulsa Colocar

En la siguiente caja de dialogo

14

Si aparece la ventana Colocar PDF, seleccionar Cuadro delimitador en Recortar a:, para que coloque sólo el

área de recorte del archivo Rectangulo.ai, y no todo el documento

Crear el archivo Rectangulo.gif

Despliega el menú Archivo y elige Guardar para Web y dispositivos....

En la ventana Guardar para Web y dispositivos, selecciona GIF en el panel derecho y pulsa Guardar.

En el diálogo Guardar optimizada como, cambia el nombre del archivo en la caja de texto Nombre a

Rectangulo.gif, selecciona la carpeta de destino y pulsa Guardar.

Guardar la imagen

Archivo enlazado

15

Ejemplo Enlazar el archivo Rectangulo.gif.

1. Despliega el menú Archivo y elige Colocar....

2. En el cuadro de diálogo Colocar, busca y selecciona el archivo del ejercicio anterior Rectangulo.gif.

3. Comprueba que la casilla Enlazar esté seleccionada, y pulsa Colocar.

4. Repite los pasos, pero desmarcando la casilla Enlazar.

Crear Rectangulo.jpg.

1. Despliega el menú Archivo y elige Exportar.

2. Escribe Rectángulo y elige el formato JPEG (*.JPG).

3. Pulsa Aceptar.

4. En la siguiente ventana, deja las opciones por defecto y pulsa OK

16

El entorno de Illustrator se compone por una serie de paneles, barras y ventanas, que podemos mover y

desplazar. Y cualquier disposición de estos elementos se conoce como área de trabajo.

Barra de menús.

Es la barra superior desde la que se despliegan los menús como Archivo o Edición. Esta barra es común a la

mayoría de las aplicaciones Windows, por lo que ya conocerás su funcionamiento.

Panel de herramientas.

En el lateral izquierdo encontramos este panel, que agrupa las herramientas de dibujo, edición, etc. Algunas

herramientas aparecen agrupadas en un mismo icono, las cuales se diferencia por tener un triangulito en su

esquina inferior derecha. Para desplegarlas hay que mantener pulsado el ratón unos segundos. También

podemos acceder a sus propiedades haciendo doble clic.

Panel de control.

En esta barra, situada debajo de la Barra de menús, aparecen opciones propias del objeto que tengamos

seleccionado. Por lo que estas opciones variarán según el tipo de objeto. También podemos referirnos a ella

como Barra de opciones.

Paneles.

Los paneles o paletas, normalmente situados a la derecha, muestran un grupo de opciones y propiedades

relacionadas, como puede ser el Navegador, Color o Pinceles. Pueden estar agrupados en el Menú o Grupo

de paneles o podemos encontrarlos flotantes, y aparecer apilados o acoplados. Todos los paneles se pueden

agregar desde el menú Ventana.

Ventana del documento.

Cada uno de los documentos aparece en una ventana, que podemos minimizar, maximizar o cerrar. En la

esquina inferior izquierda de esta ventana encontramos el Zoom para aumentar o disminuir el documento.

También es denominada Ventana de ilustración.

Dentro de esta ventana podemos encontrar mesas de trabajo. Estas mesas, dividen el documento en zonas.

Luego podremos, por ejemplo, exportar sólo esas zonas. Las mesas, aparecen como un recuadro blanco,

quedando el fondo de la ventana del documento un poco más oscuro.

A veces, pueden parecernos muchos elementos, y darnos la sensación de que nos quedamos sin espacio para

ver el documento sobre el que trabajamos. Una solución a esto es pulsar la tecla Tab (tabulador). Al hacerlo,

se ocultan o visualizan todos los elementos salvo la Ventana del documento. Si en vez de eso pulsamos

Mayúsculas + Tab se ocultarán sólo los paneles.

17

El panel Capas

En un documento podemos crear varias capas. Las capas nos permiten trabajar con los elementos del

documento en distintos niveles. Para hacernos una idea, podemos comparar las capas con una serie de

láminas transparentes, en las que podemos dibujar de forma independiente, pero que si las superponemos

vemos todas las láminas como un sólo dibujo. El orden de las capas determina el orden de los objetos. Esto

hace que al superponer objetos de distintas capas, se muestre encima el objeto de la capa superior, y al fondo

los de las capas inferiores. Por eso, se suele colocar los dibujos que forman el fondo de la ilustración en las

capas de más bajo nivel.

Esto nos facilita el trabajo sobre todo en documentos más complejos, pudiendo tener en la primera capa el

fondo, en la segunda dibujos más detallados, etc.

Para controlar las capas y movernos entre ellas, disponemos del panel Capas.

En este panel encontramos todas las capas. Si no las creamos, sólo tendremos una. A la izquierda de cada

capa, hay un triángulo que expande o contrae la capa, mostrando sus subcapas. Las subcapas son los

distintos objetos que la componen.

A la izquierda tenemos dos iconos: un ojo que al pulsarlo oculta o muestra la capa, y un candado , que

la bloquea impidiendo su edición.

Debajo, tenemos los controles que nos permiten crear o eliminar capas. Haciendo doble clic sobre una capa,

accedemos a sus propiedades, y podemos cambiar, por ejemplo, su nombre.

Hay que tener en cuenta que cuando tengamos más de una capa y dibujemos, lo estaremos haciendo sobre la

capa seleccionada, la que aparezca resaltada en azul.

18 Desplazarse por el documento

Podemos mover el área que se visualiza del documento de varias formas:

- Utilizando la herramienta mano podemos desplazar el documento simplemente arrastrando. Para

activar la herramienta, basta con mantener pulsada la tecla Espacio.

- Utilizando la rueda del ratón, para desplazarnos verticalmente si la combinamos con la tecla Ctrl, y

horizontalmente si la combinamos con la tecla Mayúsculas.

- Con las barras de desplazamiento típicas de las ventanas de Windows.

Estos métodos son cómodos para desplazamientos cortos, pero podemos perdernos si los usamos para buscar

algo en otras partes del documento, en especial en documentos muy grandes. Por eso disponemos del panel

Navegador.

Si no visualizas algún panel, puedes activarlo desde el menú Ventana.

En este panel encontramos una vista en miniatura del documento. La zona que estamos viendo aparece

enmarcada en rojo. Para movernos a otro lugar, basta con desplazar este marco en la vista de miniatura.

El Zoom

Es importante a la hora de trabajar saber aumentar o disminuir el tamaño de nuestro documento para

ajustarlo a nuestras necesidades, y esto lo hacemos con el Zoom.

El zoom es la ampliación del documento, expresada en un tanto por ciento. Tomamos como 100% el tamaño

normal del documento, por lo que valores mayores indicarán un aumento, y menores disminuciones. Este

cambio de tamaño sólo se aplica a cómo vemos el documento, pero no a su tamaño real.

En la esquina inferior izquierda de la Ventana del documento encontramos el indicador de zoom. Se trata de

un desplegable en el que podemos elegir uno de los tamaños prestablecidos, entre 3,13% y 6400%. Estos son

los valores mínimo y máximo que podemos establecer.

Pero resulta más útil controlar el Zoom a través del teclado o de la propia herramienta Zoom (tecla Z).

Al elegirla, el cursor tomará forma de lupa , y al hacer clic sobre el documento aumentará el zoom

tomando como centro el cursor. Esto también podemos hacerlo girando hacia delante la rueda del ratón

manteniendo la tecla Alt pulsada. Para disminuir con la herramienta Zoom habrá que mantener la tecla Alt

pulsada mientras se usa. Veremos que el cursor cambia a una lupa con el signo - . Esto también lo

logramos con la tecla Alt y la rueda hacia atrás.

Una opción muy interesante de esta herramienta es que nos permite ampliar una zona determinada, trazando

un cuadrado con el cursor sin soltar el botón.

También podemos regular el Zoom con las combinaciones Ctrl + + o con Ctrl + -, pero tomando como

centro el centro de la ventana. Con la combinación Ctrl + . Ajustamos el zoom al tamaño de la mesa de

trabajo, y con Ctrl + 1 restauramos el tamaño real (100%).También puedes encontrar estas combinaciones en

el menú Ver.

19 Ayudas visuales

Podemos dividir un dibujo en dos partes: el contorno o trazo y el relleno. El contorno es la línea que delimita

un dibujo, y el relleno su color o textura, no sólo la del interior del dibujo, si no que también puede ser el

color o estilo del propio trazo.

Por defecto, Illustrator nos muestra el color de todos nuestros dibujos. Pero puede que en determinados casos

nos interese ver solo el contorno, porque nos sea más fácil identificar objetos, sobre todo si están

superpuestos, o porque estemos manejando imágenes muy complejas y pesadas, que resultan más ágiles

cuando sólo se ven los contornos.

Esta opción la encontramos en el menú Ver, llamada Contornear para cambiar a modo de sólo contornos, o

Previsualizar para volver al modo de colores.

Como vemos en el menú, podemos cambiar entre un modo y otro rápidamente con las teclas Ctrl + Y.

Para aplicar esta acción sobre una capa, basta con pulsar el icono del ojo de la capa correspondiente, en

el panel Capas, mientras mantenemos la tecla Ctrl pulsada. Cuando esté en modo contornear el icono cambia

al de un ojo hueco . Si repetimos el proceso pero manteniendo también pulsada la tecla Alt, el cambio se

aplica a todas las capas excepto la seleccionada.

Vimos que unas de las cualidades de los formatos PNG y GIF es que nos permiten trabajar con

transparencias. Illustrator nos permite trabajar con estas transparencias, y no sólo en estos formatos, en

cualquiera que deseemos dar efectos de degradados o sombras, por ejemplo. Por eso es importante distinguir

a qué elementos hemos aplicado transparencias, sobre todo cuando haya objetos con rellenos del mismo

color que el fondo, pues se mostrarán igual que los transparentes.

Para solucionar esto, disponemos de una cuadrícula de cuadrados grises y blancos con la que distinguiremos

perfectamente las transparencias. Podemos activarla desde el menú Ver --> Mostrar cuadrícula de

transparencia.

Con estos ejemplos apreciamos mejor la diferencia:

En la primera imagen, sobre fondo blanco, los cuadrados parecen iguales dos a dos. En la segunda, al

mostrar la cuadrícula de transparencia, vemos que uno de los cuadrados blancos era transparente, y el marrón

de la derecha es más oscuro, pero con una opacidad baja.

La cuadrícula normal también nos permite distinguir los objetos transparentes.

Ocultar cuadricula de transparencia

20

Reglas cuadrículas y guías

Reglas.

Las reglas son precisamente eso, unas reglas en la parte superior y derecha de la ventana del

documento, y que nos facilitan la tarea de colocar y medir objetos. Para visualizarlas u ocultarlas,

podemos hacerlo desde el menú Ver → Mostrar reglas (cuando se muestran cambia a Ocultar reglas),

elegirlo desde el menú emergente o con la combinación de teclas Ctrl + R.

Estas reglas miden el alto y ancho del documento, partiendo de la esquina inferior izquierda de la mesa de

trabajo inicial. Este punto es denominado origen de la regla, y podemos desplazarlo pulsando sobre la

esquina superior izquierda de la ventana del documento, donde ambas reglas se unen (punto de inserción de

21 las reglas), y arrastrando. Para restaurar el origen de regla a su posición inicial, basta con hacer doble clic en

el punto de inserción.

Las reglas también nos indican la posición del cursor a través de una pequeña línea punteada en cada regla.

La unidad de medida de las reglas depende del tipo de perfil que hayamos elegido al crear el documento,

como ya vimos en el primer tema. No obstante, podemos cambiarla en cualquier momento haciendo clic

derecho sobre la regla y eligiendo otra unidad.

También podemos mostrar reglas independientes para cada mesa de trabajo con la opción Mostrar reglas de

la mesa de trabajo.

Cuadrículas.

Se trata de una cuadrícula o rejilla que aparece de fondo en el documento, pero

que no se imprime, solo nos sirve de guía o patrón para colocar nuestros

elementos, y apreciar mejor la distancia entre ellos.

Podemos visualizarla u ocultarla desde el menú Ver, utilizando las opciones

Mostrar cuadrícula y Ocultar cuadrícula.

Si vamos a utilizarla para alinear objetos, nos resultará útil la opción Ajustar a cuadrícula, que también

encontramos en el menú Ver. Esta opción hace que al acercar el contorno de un objeto a una línea de la

cuadrícula, el objeto se alinee con ella.

Guías.

Las guías, de forma parecida a la cuadrícula, también nos sirven para alinear texto y objetos. Se trata de crear

una línea, que no se imprimirá, y que como su nombre indica, nos servirá de guía.

Para poder crear una guía debemos de tener las reglas visibles (Ctrl + R). Pulsamos sobre una de las reglas, y

arrastramos hasta el lugar del documento donde queremos situarla. La guía, por defecto, se muestra como

una línea del color azul cyan.

También podemos crear una guía partiendo de gráficos vectoriales, para así crear una plantilla que se pueda

ajustar más a nuestras necesidades que una recta. Para ello, seleccionamos un objeto y escogemos en le

menú Ver → Guías → Crear guías.

A partir de una guía, podemos crear guías nuevas copiándola y pegándola.

Podemos cambiar su ubicación arrastrándolas, y eliminarlas borrándolas como cualquier objeto.

Si hemos creado una guía a partir de un objeto vectorial, podemos recuperarlo eligiendo en el mismo menú

la opción Soltar guías

22

.

Hacer y rehacer

Como cualquier programa de edición, Illustrator dispone de los comandos Deshacer y Rehacer.

Deshacer anula la última acción y restaura el documento al momento anterior a realizarla. Por ejemplo,

si hemos borrado un objeto, podemos deshacer la acción y el

objeto reaparecerá. Esto resulta muy útil para probar un cambio y

ver cómo queda, y sobre todo, cuando nos equivocamos. Si

utilizamos este comando varias veces seguidas, se irán deshaciendo las acciones hasta llegar al

momento en el que abrimos el documento, aunque lo hayamos guardado varias veces.

El comando Rehacer, menos utilizado, anula el último deshacer.

Ambos comandos los encontramos tanto en el menú Edición, pero también en el menú contextual al

hacer clic derecho. Junto al nombre del comando, aparece la acción que se deshará o rehará.

Como todas las acciones comunes, disponemos de un atajo de teclado que nos permite ejecutar el

comando rápidamente. Ctrl + Z para Deshacer y Ctrl + Mayúsculas + Z para Rehacer.

23

Vistas y ventanas

Illustrator nos permite tener abiertos varios documentos a la vez, por ejemplo para copiar objetos de un

documento a otro. Al hacerlo, nos encontramos con varias ventanas de documento.

Por defecto, cada ventana de documento ocupa toda el área de trabajo, y sólo podemos verlas de una en

una. Podemos ver una ventana haciendo clic en la pestaña con su título bajo la barra de opciones. Para

cerrar una, pulsamos el aspa x de la pestaña.

También podemos "sacar" el documento del área de trabajo, haciendo clic en la pestaña y arrastrando.

Al hacerlo, se muestran los controles típicos de las ventanas: minimizar, maximizar/restaurar y cerrar .

Podemos poner todas las ventanas como flotantes, con la opción Todo flotante en ventanas o volverlas

a incrustar en el área de trabajo con la opción Consolidar todas las ventanas, en el menú Ventana →

Organizar.

Tener muchas ventanas flotantes abiertas a la vez puede resultar un poco caótico. Por eso en el menú

Ventana encontramos las opciones Cascada y Mosaico, que organizarán las ventanas como vemos en

estas imágenes:

24

También podemos abrir otra ventana del mismo documento, desde el menú Ventana → Nueva ventana.

Esto nos permite, por ejemplo tener una parte del documento ampliada para trabajar en detalle, mientras

que en otra tenemos objetos que vamos seleccionando.

Si vamos a trabajar en varias sesiones con un documento, y siempre necesitamos abrir varias ventanas,

configurar el zoom, etc, podemos optar por crear una vista. La vista guarda en el documento la

configuración de la ventana seleccionada, lo que nos ahorrará trabajo. Para crear la vista, basta con

elegir Nueva vista en el menú Ver.

En mosaico

25

Personalizar el espacio de trabajo

Podemos personalizar el espacio de trabajo de Illustrator para adaptarlo a nuestras necesidades. Esta

personalización se refiere sobretodo a los paneles, a saber manejarlos, colocarlos y organizarlos.

En el lateral derecho, encontramos el menú de paneles con los distintos paneles o fichas. Podemos

encontrar estos paneles apilados en grupos de dos o tres fichas (conjuntos acoplados), teniendo que pulsar

sobre distintas pestañas para ver unos u otros. Estos conjuntos acoplados tienen los siguientes controles:

Podemos mover conjuntamente el grupo de paneles, haciendo clic y arrastrando desde su parte superior,

o mover sólo un panel arrastrando desde su pestaña

26

Al mover el panel, este aparece semitransparente. Podemos moverlo a distintos sitios. Dentro del menú de

paneles, podemos por ejemplo colocar el panel en otra pila de paneles. Para hacerlo, situamos el panel sobre

una pila de paneles hasta que aparezca un marco azul, y entonces soltamos.

Si queremos colocarlo entre dos paneles, debemos soltarlo cuando sólo aparezca resaltada en azul la franja

que separa los paneles.

También podemos colocarlo en un nuevo menú de paneles. Para ello, lo situamos sobre el lateral derecho del

menú de paneles hasta que aparezca una franja vertical gris oscuro, y entonces lo soltamos.

Si lo preferimos, podemos separar el panel o conjunto acoplado del menú de paneles, soltándolo sobre el

documento. El panel quedará flotante.

Si hacemos clic en la zona gris que aparece a la derecha de las pestañas, accedemos al menú contextual del

panel:

Desde aquí podemos Cerrar el panel que está en primer plano, o todo el grupo pulsando en Cerrar grupo de

fichas.

Puede abrir cualquier panel desde el menú Ventana.

Tanto en el menú de paneles, como en la barra de herramientas, encontramos unos controles que nos

permiten contraer o expandir estos elementos, para así ganar espacio de trabajo. Recuerda también que

puedes ocultar los paneles con Mayúsculas + Tab, o todos los elementos excepto el documento con la tecla

Tab.

27 Todo esto nos ha servido para crear un espacio de trabajo personalizado. Lo normal es utilizar distintos

espacios de trabajo dependiendo del tipo de documento y lo que queramos hacer con él, ya que utilizaremos

distintas opciones. Por eso, para no tener que personalizarlo cada vez, podemos guardarlo desde el menú

Ventana → Espacio de trabajo → Guardar espacio de trabajo....

Lo único que tendremos que hacer es indicar el nombre con el que lo queremos guardar.

Para cambiar de un espacio a otro, simplemente lo elegiremos desde este mismo menú o directamente de la

parte superior de la ventana , ya que nuestro espacio de trabajo aparecerá

encima de los predefinidos en Illustrator (Aspectos esenciales, Automatización, Como FreeHand...).

El trazado

El dibujo vectorial se basa en trazados. Por tanto, al dibujar con

las herramientas de Illustrator estamos creando trazados. Vamos

a ver dos ejemplos de trazados muy simples.

Hemos dibujado el círculo con la herramienta lápiz a mano

alzada, y el zig-zag con la herramienta pluma, haciendo un clic

en cada vértice. El círculo forma un trazado cerrado, ya que sus extremos están unidos entre sí, mientras que

el zig-zag es un trazado abierto.

La diferencia entre un trazado vectorial y un trazo dibujado en un mapa de bits, es que el trazado vectorial es

un objeto, que podemos seleccionar, modificar y eliminar, y que a su vez tiene otros elementos que nos

permiten hacer todo esto. Para verlo mejor, vamos a seleccionar los trazados haciendo clic sobre ellos con la

herramienta Seleccionar .

Cada uno de estos trazados se divide en segmentos, que pueden ser curvos o rectos. Distinguimos cada

segmento porque se delimita con un cuadradito, tanto en el extremo como en la unión con otro segmento.

Estos cuadraditos son los puntos de ancla, y aparecen oscuros cuando están seleccionados, y claros cuando

no.

28 En la imagen vemos que el círculo se compone de cuatro segmentos, y el zig-zag de tres.

Cuando los segmentos son curvos, encontramos también líneas de dirección, con puntos de dirección en sus

extremos.

Para que las líneas y puntos de dirección se muestren, debemos seleccionar el segmento haciendo clic con la

herramienta Selección directa .

Como veremos más adelante, todos estos elementos nos permiten modificar el segmento, y por tanto el

trazado.

Existen dos tipos de punto de ancla, puntos de vértice y puntos suavizados.

Los puntos de vértice son cambios de dirección bruscos, formando un pico. Por ejemplo, encontramos este

punto de ancla en cada esquina de un cuadrado, donde se unen sus segmentos. Los puntos de ancla

suavizados pueden unir segmentos rectos, rectos y curvos o sólo curvos.

Los puntos suavizados redondean el punto de unión, dando el aspecto de que son uno sólo. Sólo se puede

suavizar la unión de segmentos curvos.

Para hacernos una idea más clara, si pudiésemos pasar un dedo sobre el contorno del dibujo, notariamos sólo

los puntos de vértices, y percibiríamos los puntos suavizados como una curva más o menos pronunciada,

pero que no rompe la continuidad del trazo.

Podemos convertir un punto de vértice en suavizado y viceversa con la herramienta Convertir Punto de ancla

, que está agrupada junto a la herramienta Pluma.

Aprenderemos la importancia que tienen unos u otros cuando expliquemos cómo editarlos.

Puntos y líneas de dirección.

Hemos visto que al seleccionar un segmento curvo, o un punto de ancla que lo una, se muestran líneas de

dirección, con un punto de dirección en cada uno de sus extremos. Estas líneas son tangentes a la curva.

El tamaño y ángulo de estas líneas determinan el tamaño del segmento curvo.

29 Contorno y relleno

El trazado crea el esquema de nuestro dibujo, su esqueleto. Ahora podemos darle texturas y color.

Aparentemente, podemos cambiar el color del trazado, hacerlo punteado en vez de sólido, cambiar su grosor,

etc. Pero realmente todo esto no lo hacemos sobre el trazo, si no sobre el contorno. El contorno viene

definido por el propio trazo, siendo el aspecto que le podemos dar, mientras que el trazo es la esencia del

contorno, su definición. Cuando un objeto no está seleccionado, sólo vemos su contorno. En la imagen,

vemos un contorno naranja, con grosor y punteado.

El trazado delimita un área interior, el relleno. Al relleno podemos darle color, transparencia, texturas, etc.

Cuando el trazado es cerrado, el relleno aparece claramente delimitado. Pero cuando es un trazado abierto, el

área de relleno es aquella quedaría cerrada si uniésemos los extremos con una recta. En la imagen vemos el

relleno de color naranja pálido.

En la parte inferior de la barra de herramientas encontramos los controles que nos permiten seleccionar el

contorno o el relleno.

Por ejemplo, para dar color al contorno y al relleno de un objeto, debemos de seguir los siguientes pasos:

1. Seleccionar el objeto, con la herramienta Selección.

2. En la parte inferior de la barra de herramientas, seleccionar el Trazo.

3. Elegir un color para el contorno en el panel Color.

4. En la parte inferior de la barra de herramientas, elegir Relleno.

5. Elegir un color para el relleno en el panel Color.

Dibujo de líneas

Una vez vistos los conceptos básicos, vamos a comenzar con las herramientas de dibujo más sencillas.

La herramienta Segmento de línea sirve para trazar una recta, una línea que une dos puntos. Ésta es una

de las herramientas de creación de formas, ya que crea una forma predefinida, aunque sea una simple recta.

Con todas las herramientas de forma, tenemos dos formas de dibujar:

30 Hacer clic sobre el lugar del documento donde queremos que comience la recta, y arrastrar hasta el punto

donde queramos que finalice. Esto crea la línea uniendo esos dos puntos. A parte, podemos conseguir

distintos comportamientos si mientras trazamos la recta, mantenemos pulsada una de las siguientes teclas:

Mayúsculas. Sólo permite crear rectas con ángulos múltiplos de 45º.

Alt. Toma el punto de inicio como el centro de la recta, en vez de como su punto de origen.

Espacio. Mueve la recta con el cursor, sin cambiar su forma.

La mejor forma de entender estos comportamientos es probar cada uno de ellos.

Otra forma de crear la recta es haciendo un solo clic sobre el documento, para que aparezca la ventana

Opciones de Segmento de línea:

A través de esta ventana podemos definir las características de la nueva línea.

Longitud. Podemos especificar el largo de la línea, en la unidad de medida que deseemos, aunque por

defecto se muestra la aplicada al documento.

Ángulo. El ángulo de inclinación tomando como 0º una recta totalmente horizontal.

Trazo

31

Rellenar línea. Al marcar esta casilla, se le aplica el estilo de color actual.

Los parámetros que aparecen por defecto son los mismos de la última línea creada. Por tanto, si no

cambiamos nada, obtendremos una línea idéntica.

Dibujo de rectángulos, elipses y polígonos.

Illustrator tiene una serie de herramientas que permiten crear formas básicas. Estas formas resultan muy

útiles para crear otras más complejas, ya que resultaría muy tedioso crearlas punto a punto, sobre todo si

intentamos crear formas regulares.

Las herramientas que permiten crear estas formas siguen el mismo patrón que la herramienta Segmento de

línea. Podemos dibujar estas formas seleccionando la herramienta, haciendo clic sobre el documento y

arrastrando hasta obtener el tamaño deseado. Podemos obtener otros comportamientos si pulsamos

determinadas teclas mientras creamos la forma:

Mayúsculas. Mantiene el mismo alto y ancho para la nueva forma. Esto crea cuadrados con la herramienta

Rectángulo, y círculos perfecto con la herramienta Elipse.

Alt. Toma el punto de inicio como el centro de la forma. Se puede combinar con la tecla Mayúsculas.

32 Espacio. Permite mover la forma mientras la creamos.

Estos comportamientos son comunes a cualquier forma. Si creamos la forma a través de sus opciones,

encontramos atributos específicos para cada una.

Además, desde la versión CS5se incluye una pequeña leyenda que nos informa de las medidas o ángulo de la

forma que estamos dibujando.

Vamos a ver cómo crear las formas más utilizadas:

Todas estas formas se encuentran agrupadas en la misma herramienta, por defecto Cuadrado. Recuerda que

para ver las herramientas agrupadas hay que mantener el ratón pulsado unos segundos sobre la herramienta.

Rectángulos y cuadrados.

Estas dos formas se crean con la herramienta Rectángulo. Ya hemos visto que para que el rectángulo sea un

cuadrado perfecto, lo crearemos mientras mantenemos la tecla Mayúsculas pulsada.

Si hacemos clic directamente sobre el documento, accedemos a la ventana Rectángulo, donde podemos

especificar el Altura y Anchura del nuevo cuadrado con la medida que deseemos.

Nota: Podemos copiar los valores entre Altura y Anchura haciendo clic en la etiqueta del otro. Por ejemplo

introducir la Altura y hacer clic sobre la palabra Anchura para obtener un cuadrado.

El cuadrado se compone de cuatro segmentos rectos, unidos en cuatro puntos de vértice .

Círculos y elipses.

33

La herramienta Elipse nos permite dibujar elipses y por tanto círculos, ya que un círculo es una elipse con

la misma altura y anchura. La forma de crearla con el cursor es la misma que la del cuadrado, arrastrando en

diagonal hasta obtener la elipse del tamaño deseado.

Y si hacemos clic para introducir valores específicos desde la ventana Elipse encontramos los mismas

opciones de Altura y Anchura que con el rectángulo.

La elipse se compone de cuatro segmentos curvos, con puntos de dirección .

Polígonos.

La herramienta Polígono nos permite crear polígonos regulares, de

tantos lados como queramos, con un mínimo de tres.

Esta herramienta se comporta de forma algo diferente al dibujar. El

punto inicial del polígono será su centro, como si mantuviésemos

pulsada la tecla Alt, y los lados del polígono siempre son del mismo

tamaño, como si mantuviésemos también pulsada la tecla Mayús. Al

trazar un arco con el cursor alrededor del polígono, este gira sobre

su centro.

Para añadir lados, pulsamos la flecha Arriba, mientras que la flecha

Abajo nos sirve para quitarlos.

Si creamos el polígono a través de la ventana Polígono, podemos concretar su Radio (distancia desde el

centro hasta cada vértice) y el Número de lados.

Arco

Agrupada con la herramienta Segmento de línea, encontramos la herramienta Arco .

34 Podemos trazarlo manualmente, haciendo clic sobre el lugar donde queremos que comience y arrastrar hasta

el lugar donde acabará, pudiendo controlar la longitud de sus ejes con la flecha Arriba y flecha Abajo.

Podemos pulsar la tecla Mayúsculas para trazar ángulos rectos.

Pero a no ser que tengamos mucha práctica, este método no nos resultará del todo cómodo. Vamos a definir

las propiedades del arco antes de crearlo. Para ello hacemos doble clic sobre la herramienta Arco, para que

se muestre su ventana de opciones.

La diferencia entre hacerlo así y hacer clic directamente sobre el documento, es que se muestra la

previsualización del arco en la propia ventana a medida que cambiamos parámetros.

La Longitud del eje Y especifica la altura del arco, mientras que la Longitud del eje X indica su anchura.

El cuadradito con los puntos de ancla nos permite elegir desde dónde comienza el arco.

Tipo determina si el arco permanece como un trazado abierto o cerrado, y se unen sus extremos.

La Base a lo largo de determina sobre qué eje se sitúa la base del arco.

La Inclinación permite hacer más cóncavo o convexo el arco.

Rellenar arco hace que se le aplique el color y relleno seleccionados.

Una vez configurado, pulsamos Ok. Todavía no ha aparecido el arco, pero al hacer clic sobre el documento

podemos crear un arco con la configuración elegida.

Espirales

Otra de las herramientas que encontramos en el mismo grupo que Arco y Segmento de línea es la

herramienta Espiral .

Una espiral es una sucesión de arcos, uno tras otro y cada vez de menor tamaño.

Podemos trazarla sobre el documento, haciendo clic donde deseamos situar su

punto central, y arrastrando para aumentar el tamaño. Si giramos el cursor

alrededor de la espiral, esta gira libremente. A pulsar la tecla Mayúsculas el giro

se hará por pasos de 45º. Las flechas Arriba y Abajo aumentan o disminuyen el

número de segmentos de la espiral.

Como el resto de herramientas, podemos crearla desde su ventana de opciones,

haciendo clic sobre el documento con la herramienta seleccionada.

35

El Radio es la distancia desde el centro de la espiral hasta su punto más exterior.

Cuanto mayor sea el Decaimiento, menos espacio habrá entre los arcos.

En Segmentos podemos indicar el número de segmentos que la componen.

Y en Estilo, si la espiral gira a izquierdas o a derechas.

Estrellas

Otra de las formas, esta más parecida a los polígonos es la Estrella .

Podemos crear fácilmente estrellas con esta herramienta siguiendo el

mismo procedimiento. Hacemos clic en el lugar del documento que

queramos como centro de la estrella y la hacemos tan grande como

deseemos. Si trazamos arcos con el cursor la estrella gira, podemos

evitarlo pulsando la tecla Mayúsculas. Para añadir o quitar puntas a la

estrella, podemos servirnos de las flechas Arriba y Abajo, sin soltar el

botón del ratón.

También podemos crearla desde su ventana de opciones, haciendo

clic sobre el documento con la herramienta seleccionada.

Opciones de la estrella

El Radio 1 es la distancia desde el centro de la estrella hasta sus puntas exteriores.

El Radio 2 es la distancia desde el centro de la estrella hasta sus puntas interiores.

Cuanto menor sea el Radio 2 en comparación con el Radio 1, más agudas serán las puntas de la estrella.

En Puntos podemos indicar el número de puntas exteriores que tendrá la estrella.

Cuadrículas rectangulares

También podemos crear cuadrículas con su herramienta específica, y disponemos de dos tipos: cuadrículas

Rectangulares y cuadrículas Radiales. Ambas herramientas se encuentran en el grupo de la herramienta

Segmento de línea.

La herramienta Cuadrícula rectangular nos permite crear un

rectángulo, dividido vertical y horizontalmente con tantas líneas como

indiquemos, repartidas proporcionalmente. Para dibujarla, la

utilizamos igual que la herramienta Rectángulo, salvo porque

podemos ayudarnos de las flechas de dirección Izquierda y Derecha

para quitar o añadir divisiones verticales, y de las flechas Arriba y

Abajo para añadir líneas horizontales.

Vamos a ver las opciones que encontramos si las creamos desde su

ventana:

36

En Tamaño por defecto, encontramos el Alto y Ancho del rectángulo que encuadra la cuadrícula, y a la

derecha el selector de punto de origen.

En Divisores horizontales, encontramos el número de líneas que aparecerán (sin contar las exteriores)

horizontalmente, en Número. Sesgar se refiere a la proporcionalidad de espacio entre líneas. Si lo

modificamos, veremos que las líneas de un lado aparecen más juntas que las del opuesto.

En Divisores verticales, lo mismo para las líneas verticales.

Al contrario que las formas que hemos visto hasta ahora, la cuadrícula no es un objeto. Cara una de sus

líneas son independientes, y podemos seleccionarlas y modificarlas sin que afecten al resto. Si marcamos la

opción Usar rectángulo exterior como marco, las líneas exteriores si formarán un objeto, un rectángulo,

aunque las internas permanecerán independientes.

Rellenar cuadrícula la rellena con el color de relleno actual.

Las cuadrículas, aunque no forman un único objeto, sus elementos si están agrupados, como veremos más

adelante.

Cuadrículas Polares

El otro tipo de cuadrículas son las polares o circulares, que creamos con la herramienta Cuadrícula polar

Esta cuadrícula está formada por elipses concéntricas, y líneas

que hacen de radio. Al dibujarlas lo hacemos igual que con la

herramienta Elipse, pero utilizando las flechas de dirección

Arriba y Abajo para aumentar o disminuir el número de elipses,

y Derecha e Izquierda para aumentar o disminuir el número de

radios.

Vamos a ver las opciones que encontramos si las creamos

desde su ventana:

37

En Tamaño por defecto, encontramos el Alto y Ancho del diámetro de la elipse más externa, y a la derecha

el selector de punto de origen.

En Divisores concéntricos, encontramos el número de elipses que aparecerán (sin contar la exterior) en

Número. Sesgar se refiere a la proporcionalidad de espacio entre ellas. Si lo modificamos podemos

conseguir, por ejemplo, que cuanto más próximas al centro, más juntas estén las elipses.

En Divisores radiales, podemos indicar el número de radios, y también la propiedad Sesgar de los mismos.

Crear trazado compuesto a partir de elipses hace que estas se comporten como franjas, dos a dos,

concéntricas. Esto lo apreciamos mejor al marcar la siguiente opción.

Rellenar cuadrícula la rellena con el color de relleno actual.

Objetos

Hasta ahora, hemos ido añadiendo elementos a nuestro documento, ya sean archivos enlazados o creados por

nosotros mismos a partir de trazos. Cada uno de estos elementos es un objeto, que podemos modificar o

eliminar del documento sin que afecten al resto, aunque también podemos agrupar varios de estos objetos

para tratarlos como uno sólo.

El hecho de que estos objetos puedan ser tratados de forma independiente, es lo que nos proporciona gran

flexibilidad a la hora de editar documentos de Illustrator.

Seleccionar objetos

Para modificar un objeto, cambiar sus propiedades, eliminarlo... en definitiva, para trabajar con él, lo

primero que debemos de hacer es seleccionarlo.

Cuando uno o varios objetos están seleccionados, es a esos objetos a los que se le aplican propiedades que

podamos cambiar, como el color, y son sus opciones las que se muestran en el Panel de control.

Seleccionar objetos.

La forma más simple de seleccionar un objeto es haciendo clic sobre él con la herramienta Selección , o

trazando un cuadrado con esta herramienta que abarque a todos los

elementos a seleccionar.

Cuando el objeto aparece seleccionado, podemos ver su contorno y puntos

de ancla, si se trata de un gráfico vectorial, o aparece enmarcado en caso de

tratarse de un mapa de bits o un símbolo. Observa que el cursor mostrará un

cuadradito negro cuando los situemos sobre un objeto que se puede

seleccionar.

Si queremos añadir objetos a la selección, basta con seleccionar los nuevos

38 objetos manteniendo pulsada la tecla Mayúsculas. Si mientras pulsamos esta tecla, hacemos clic sobre un

objeto ya seleccionado, se deseleccionará.

Podemos utilizar esta herramienta sin cambiar la que tenemos seleccionada pulsando la tecla Ctrl.

De forma muy parecida podemos seleccionar con la herramienta Selección directa , aunque como ya

veremos, esta herramienta está más enfocada a seleccionar puntos de

ancla y segmentos.

Si queremos seleccionar varios objetos, pero al trazar un cuadrado con la

herramienta selección, atrapamos más objetos de los deseados, podemos

recurrir a la herramienta Lazo . Con esta herramienta, podemos

dibujar el área de selección a mano alzada, y todos los objetos por los que

pase, o que queden atrapados serán seleccionados.

Pero para el ejemplo de la imagen, podemos utilizar la herramienta Varita

mágica . Esta herramienta selecciona automáticamente todos los

objetos con los mismos atributos que sobre el que hagamos clic. En este

caso, al pulsar sobre una estrella, se han seleccionado todas, aunque si por

ejemplo, hubiese habido círculos con el mismo trazo y relleno que las

estrellas también se habrían seleccionado. Si pulsamos la tecla Mayúsculas,

sumamos las características del objeto sobre el que pulsemos a la selección.

En este ejemplo, si pulsásemos sobre una bola roja con la tecla Mayús., quedarían seleccionadas todas las

estrellas y todas las bolas rojas.

Seleccionar objetos apilados.

Cuando tengamos varios objetos superpuestos, y queramos seleccionar alguno de los objetos de debajo, nos

puede resultar difícil hacer clic sobre el mismo, porque esté parcial o totalmente oculto por el resto. En este

caso, podemos optar por seleccionar alguno de los objetos que están encima y hacer clic derecho. En el menú

emergente encontraremos el submenú Seleccionar, con comandos que nos permiten seleccionar el objeto que

esté encima, debajo, etc...

Recuerda, que podemos seleccionar cualquier objeto desde el panel de Capas.

39 Agrupaciones

A medida que intentemos hacer dibujos más complejos, descubriremos que necesitamos que varios

objetos formen uno sólo. Esto lo conseguimos a través de la agrupación. Al agrupar varios objetos,

podemos tratarlos como una unidad. Podemos seleccionar todos a la vez, redimensionarlos conservando la

proporción entre ellos, etc...

Para agrupar objetos, primero los seleccionamos y desde el menú emergente o el menú Objeto,

seleccionamos Agrupar (teclas Ctrl + G).

Si ahora intentas seleccionar un objeto del grupo como hemos visto hasta ahora, verás que se

seleccionan todos.

Podemos también seleccionar varios grupos y agruparlos de nuevo. Esto convertirá a los primero

grupos en subgrupos de un grupo mayor. De esta forma podemos crear una jerarquía de grupos.

40

En el menú encontramos también la opción inversa, Desagrupar. Este comando vuelve a separar los

objetos del grupo. Si el objeto sobre el que ejecutamos esta acción pertenece a varios subgrupos, cada

vez que pulsemos Desagrupar estaremos deshaciendo el grupo de mayor tamaño.

Borrar

Capas y objetos

Agrupar objetos de distintas capas

Los objetos agrupados pertenecen a la misma capa. Esto no quiere decir que no podamos agrupar objetos

de capas distintas, si no que al hacerlo los objetos se moverán todos a la misma capa, a la capa superior.

Los objetos que se haya movido se desvinculan de su capa de origen, que podremos, por ejemplo, borrar

sin que les afecte.

Incluso cuando agrupamos objetos de una misma capa, estos varían su orden de apilamiento y se colocan

todos uno tras otro, a partir del objeto de nivel superior.

41 Combinar y acoplar capas

Podemos combinar objetos y grupos de objetos de distintas capas en una sola desde el panel Capas.

Primero seleccionamos las capas a unir, y en las opciones del panel (haciendo clic en su equina superior

derecha), elegimos Combinar capas seleccionadas.

Al hacerlo, los objetos de las capas seleccionadas se combinan todos en la capa que hayamos seleccionado

en último lugar, y el resto de capas desaparecen. Si en vez de utilizar una capa de las que ya teníamos,

preferimos combinar los objetos en una nueva capa, elegiremos la opción Combinar seleccionadas.

Para combinar todos los objetos en una sola capa y que desaparezcan las demás, seleccionamos la capa en

la que ubicar los elementos y pulsamos Acoplar ilustración.

Seleccionar objetos agrupados

Si necesitamos seleccionar un único elemento dentro de un grupo, no es necesario desagruparlo. Basta con

hacer doble clic con la herramienta Selección para entrar en el modo de aislamiento. Esto hace que

los objetos que no pertenezcan al grupo se muestren atenuados, y no podamos seleccionarlos, pero sí los

componentes del grupo, ya sean objetos u otros grupos. Si el

objeto está en un subgrupo, podemos ir haciendo doble clic hasta

llegar al grupo del objeto.

Si añadimos elementos al grupo aislado los nuevos objetos

quedarán integrados en el grupo.

Para salir del asilamiento, basta con volver a hacer doble clic

fuera del grupo.

Esto es útil cuando queremos editar el grupo, y la disposición de los elementos dentro de él. Pero para

editar un único objeto, es más rápido utilizar las herramientas de selección que hemos visto, Selección

directa , Varita mágica y Lazo . Estas herramientas seleccionan los objetos independientemente

de los grupos.

Agrupada con Selección directa, encontramos la herramienta Selección de grupos . Al hacer clic sobre un

objeto con esta herramienta, lo seleccionaremos. Si volvemos a hacer clic, seleccionaremos el grupo que

lo contiene. Con el siguiente clic, seleccionaremos el grupo que contenga a éste, y así sucesivamente, del

grupo menor al mayor.

Expandir objetos

Otra opción que puede resultarnos útil al crear nuestros dibujos es la de expandir. Esa opción divide el

objeto original en objetos independientes, aunque los agrupa. Se crea un nuevo objeto por cada trazo que

creó el objeto original.

Para expandir un objeto, lo seleccionamos y en el menú Objeto, seleccionamos Expandir.

En la siguiente imagen puedes ver un objeto simple, compuesto por un trazo y un relleno. Al

expandirlo, hemos obtenido dos objetos, formados por el trazo y el relleno original.

42

Esto nos ha permitido, tras desagruparlos, separar el relleno original del trazo original.

Alinear y distribuir objetos

Muchas veces nos encontraremos con la necesidad de organizar nuestros objetos de forma automática, por

ejemplo, que todos queden centrados, alineados a la derecha, o distribuidos dejando el mismo espacio

entre ellos. Para hacerlo, tenemos las opciones de alineación y distribución de objetos.

Lo primero es seleccionar los objetos. Podemos utilizar los métodos de selección que hemos visto. Si

queremos alinear o distribuir objetos, tomando uno como referencia, después de haber seleccionado todos,

volvemos a hacer clic sobre él. Esto lo convierte en el Objeto clave. Lo distinguimos porque queda

enmarcado en un recuadro más grueso.

43

Una vez seleccionados, utilizamos el Panel de control o el panel Alinear

Una vez seleccionados, utilizamos el Panel de control o el panel Alinear

Alinear objetos.

La alineación se puede hacer respecto a cualquiera de los cuatro lados del cuadro delimitador de un

objeto, o a su centro en vertical u horizontal.

44

45

Para hacerlo, sólo hemos de pulsar el botón correspondiente. Si hemos marcado un objeto clave, el resto

de objetos se alinearán con este. Si no, todos se alinearán al objeto más externo. Por ejemplo, si los

alineamos a la izquierda, todos se alinearían con el objeto situado más a la izquierda, que no se movería.

Centrar objetos horizontal y también verticalmente nos resultará muy útil cuando necesitemos hacer

coincidir el centro de varios objetos.

Distribuir objetos.

Al distribuir objetos, lo que hacemos es que la parte de los objetos a la que estamos distribuyendo, queden

a la misma distancia. Por ejemplo, si distribuimos al lado derecho, entre el lado derecho de un objeto y el

anterior, habrá la misma distancia que entre el objeto y el siguiente.

Distribuir objetos tiene sentido cuando hay más de dos, ya que los extremos se toman como referencia,

y no se mueven.

Distribuir espaciado.

Cuando alineamos o distribuimos objetos a un lado, y estos tienen distinto grosor en el trazo, el

comportamiento es distinto dependiendo de la opción Usar delimitadores de previsualización que

encontramos en el menú del panel Alinear. Cuando está marcada, se toma como referencia el exterior

de los bordes, y cuando está desmarcada, se toma como referencia el centro de los bordes (el contorno).

Cuando alineamos o distribuimos objetos a un lado, y estos tienen distinto grosor en el trazo, el

comportamiento es distinto dependiendo de la opción Usar delimitadores de previsualizaciónque

encontramos en el menú del panel Alinear. Cuando está marcada, se toma como referencia el exterior

de los bordes, y cuando está desmarcada, se toma como referencia el centro de los bordes (el contorno).

46

Guías inteligentes

Desde la versión CS4, se incluyen en Illustrator guías inteligentes. Al crear y mover objetos, habrás

observado que aparecen unas líneas verdes cuando dos elementos están alineados, además de un

cuadradito con información sobre el elemento:

Por un lado, esta herramienta nos ofrece información del elemento del trazado sobre el que está el

cursor, si es un punto de ancla, el centro, etc... además de un recuadro con información.

Con estas guías, podemos alinear fácilmente objetos, ya que a parte de la línea verde, el elemento que

estemos moviendo o el trazado que estemos creando se "para" al coincidir en vertical u horizontal con

otro elemento próximo. Esta opción, aunque es muy cómoda cuando queremos ajustar unos elementos

con otros, nos resta cierta libertad, ya que no nos permite crear un punto muy cerca de otro sin que se

alinee automáticamente. Si esto llega a molestarte, siempre puedes activar/desactivar estas guías desde

el menú Ver → Guías inteligentes, o con las teclas Ctrl + U.

También podemos personalizar su comportamiento o los colores con que se muestran desde el menú

Edición → Preferencias → Guías inteligentes

Símbolos

Sí hacemos un dibujo que planeamos repetir en el mismo o en sucesivos documentos, podemos guardarlo

como un símbolo. Con esto conseguimos simplificar el crear múltiples objetos del mismo tipo, ya que en

vez de crear objetos iguales pero independientes, crearemos instancias de ese símbolo, todas ellas

vinculadas al original.

47 Podemos acceder a los símbolos y sus opciones desde el panel Símbolos.

Crear un símbolo.

Para crear un nuevo símbolo a partir de un objeto de un dibujo de Illustrator, lo único que tenemos que

hacer será seleccionar el objeto o los objetos que formarán el símbolo y elegir Nuevo símbolo en la parte

inferior del panel Símbolos.

Se abre una ventana en la que podemos indicar el nombre del nuevo

símbolo

El resto de opciones que aparecen sólo son útiles sin pensamos exportarlo a Flash.

Colocar símbolos.

Para agregar una instancia de símbolo al documento, basta con seleccionarlo del panel Símbolos y

pulsar el botón Colocar instancia de símbolo de la parte inferior

A parte de los creados por nosotros, Illustrator trae diversos símbolos que podemos encontrar

agrupados en galerías temáticas. Estos símbolos podemos elegirlos a través del Menú Biblioteca de

símbolos.

Editar símbolos.

Las instancias no son objetos independientes, por lo que si

editamos una, estamos editando el símbolo, y por tanto todas las

instancias de éste. Esto se refiere a cambios en el trazo o relleno

del símbolo, aunque sí podremos rotar o redimensionar las

distintas instancias.

Para editar una instancia de forma independiente, debemos

hacer clic derecho sobre ella y elegir la opción Romper enlace a

símbolo. De este modo la instancia se convertirá en un objeto igual que el que creó el símbolo, pero

independiente de éste, por lo que podremos modificarlo sin problemas.

Dibujar a mano alzada

48

La forma de dibujar a mano alzada es la más natural, sobre todo si se utiliza una tableta gráfica en vez de un

ratón. Basta con seleccionar la herramienta, con lo que el cursor tomará su forma (por ejemplo, con el

lápiz). Hacemos clic en el lugar donde queramos que comience el trazo, y arrastramos el cursor siguiendo la

forma del trazo deseado. Si queremos que el trazo se cierre, debemos de tener presionada la tecla Alt cuando

soltemos el botón del ratón, pero no es necesario situarnos justo sobre el punto inicial.

Illustrator nos proporciona tres herramientas para dibujar a mano alzada: la herramienta Lápiz , la

herramienta Pincel y la herramienta Pincel de manchas .

Las herramientas Pincel y Lápiz

La herramienta Lápiz nos permite crear trazos a mano alzada, dibujando el trazo a medida que

arrastramos el cursor por la pantalla. Esto da al dibujo e aspecto de estar "hecho a mano".

El principal inconveniente de esta herramienta en el dibujo vectorial, es que no nos permite decidir dónde se

colocan los puntos de ancla en el trazo, aunque sí podamos editarlos después. Es por ello, que a no ser que

busquemos el efecto de hecho a mano, esta herramienta se suele utilizar para hacer bocetos.

Otra herramienta que podemos utilizar para dibujar a mano alzada es la herramienta Pincel .

Su uso es igual que el de la herramienta Lápiz, aunque por defecto tiene un mayor valor de fidelidad y el

trazo queda más suavizado. La diferencia, es que mientras que con el lápiz obtenemos un trazo simple, con

el pincel podemos utilizar una de las puntas de pincel, disponibles en el panel Pinceles.

De todas formas, en cualquier momento podemos aplicar un pincel a un trazo ya creado.

Modificar trazados con el lápiz

Si seleccionamos un trazado y nos situamos sobre él con la herramienta Lápiz, veremos que la x del cursor

desaparace . Esto indica que el nuevo trazo se añadirá al existente. Pero claro, un trazo no puede tener

varios extremos, por eso si prolongamos el trazo desde un punto, el trazo que había desde ahí hasta los

extremos más cercanos desaparece. Con esto podemos realizar básicamente tres acciones:

Prolongar un trazo, continuando desde uno de sus extremos.

Cambiar su forma, dibujando desde un punto del trazo, y finalizando también en el trazo,

Conectar dos trazados distintos. Para ello, seleccionamos los trazos a unir, dibujamos desde el trazado de

origen, y mantenemos pulsada la tecla Ctrl al soltar en el trazado final

No obstante, al editar trazos con el lápiz es frecuente que obtengamos resultados que no esperamos,

normalmente porque se elimina la parte del trazo que no queríamos. Recuerda que para deshacer una acción

podemos pulsar Ctrl + Z.

49

Opciones de las herramientas

Vamos a conocer las opciones que podemos configurar en las herramientas Lápiz y Pincel, para poder

ajustarla a nuestras necesidades.

Para acceder a las opciones de una herramienta, hacemos doble clic sobre su icono o en la Barra

de herramientas. Se abrirá su ventana de preferencias:

En Tolerancias podemos configurar:

Fidelidad

Controla la distancia a la que debe mover el ratón o el lápiz electrónico para que se cree un nuevo punto de

ancla en el trazado. Cuanto mayor sea, se crearán menos puntos de ancla, por lo que los segmentos serán

mayores y más curvos, y el trazado más suave. Si aumentamos el valor, se generarán ángulos más cerrados.

Suavizado

Determina el suavizado que se aplica a la herramienta. A un mayor valor, el trazado será más suave y por

tanto tendrá menos puntos de ancla. Si reducimos el valor, el trazado será más sensible a las irregularidades

del dibujo.

En Opciones podemos marcar:

Rellenar nuevos trazos de lápiz

El trazado se rellena con el relleno seleccionado. Si es abierto, se rellenará el área encerrada al unir los

extremos.

Mantener seleccionado

Si está marcado, el trazado permanece seleccionado tras crearlo.

Editar trazos seleccionados

Que esta opción esté marcada es lo que permite editar trazados existentes con el lápiz.

En x píxeles

50 Si la edición está permitida, aquí podemos concretar a qué distancia como mínimo debe de estar el cursor del

trazo para que pueda editarlo.

La herramienta Pincel de manchas

Esta herramienta ha sido incluida en la versión CS4.

La herramienta pincel de manchas crea un trazado sólo con relleno, sin trazo. Recuerda que con el

Lápiz y Pincel creamos un trazo, y el relleno puede aparecer sólo si cerramos este trazado.

Utilizando el Pincel y Pincel de manchas, podemos obtener trazados muy similares, pero compuestos por

trazos o rellenos, respectivamente.

Esto nos permite utilizar el Pincel de manchas para combinar trazados existentes. Para ello, los elementos

deben de tener exactamente la misma apariencia y no tener bordes.

51 En esta ventana, son las opciones que nos permiten definir la punta del pincel:

El Tamaño, el ancho de la punta.

La Redondez, que es la diferencia entre ancho y alto de la punta.

El Ángulo, que es la inclinación de la punta, sólo apreciable si la redondez es menor al 100%.

Estos últimos valores los podemos cambiar con el control que hay junto a la previsualización.

Todas las opciones contienen un desplegable que por defecto está como Fijo. Podemos ponerlo al Azar, lo

que hará que cada trazado pueda ser distinto, dentro de los parámetros que establezcamos en Variación.

La herramienta Suavizar

Si mientras utilizamos las herramientas a mano alzada presionamos la tecla Alt cambiamos a la herramienta

Suavizar . También la encontramos disponible como herramienta independiente.

Esta herramienta también dispone de unos valores de Suavizado y Fidelidad configurables. Y lo que hace es

eso, reaplicar estos valores al trazado, previamente seleccionado, sobre el que se pasamos el cursor. Cada

vez que utilicemos la herramienta sobre el mismo trazado, éste se suavizará un poco más, teniendo cada vez

menos puntos de ancla.

La herramienta Pluma

La herramienta Pluma (accesible con la tecla P) es la más útil y versátil en el dibujo vectorial, ya que con

ella podemos concretar exactamente dónde y cuántos puntos de ancla tendrá nuestro trazo, si son

suavizados o vértices, y si los segmentos son rectos o curvos.

Esta herramienta se divide a su vez en sub-herramientas, que aunque las podemos elegir directamente en

la barra de herramientas, podemos también utilizarlas a medida que dibujamos con la pluma.

• La herramienta Pluma nos permite dibujar un trazado, haciendo clic donde queramos crear

un punto de ancla.

• La herramienta Añadir punto de ancla crea un nuevo punto de ancla al trazado sobre el que

pulsemos, y en la posición del clic.

• La herramienta Eliminar punto de ancla elimina el punto de ancla existente sobre el que

hagamos clic.

• Podemos alternar entre estas dos herramientas pulsando la tecla Alt, con cualquiera de ellas

activa.

• La herramienta Convertir punto de ancla transforma un punto ya existente. Por ejemplo, si

hacemos clic sobre un punto suavizado, se convertirá en un vértice. Y si hacemos clic sobre un vértice y

arrastramos, podremos controlar las líneas de dirección y transformarlo en un punto suavizado.

Dibujar con la Pluma

La pluma irá dibujando a medida que hacemos clics. Para finalizar el trazo, podemos elegir otra

herramienta o pulsar la tecla Ctrl para cambiar al cursor de selección y hacer clic fuera del trazo.

Dibujar una recta .

El trazo más simple que podemos realizar es una recta, del mismo modo que con la herramienta Segmento

de línea. Para dibujarla, hacemos clic en el punto de origen y, sin mantener pulsado el botón tras el clic,

hacemos otro clic en donde queramos que acabe la línea.

52 Si mantenemos pulsada la tecla Mayúsculas limitaremos el ángulo del segmento a múltiplos de 45º. Esto

nos facilitará crear rectas verticales u horizontales.

Dibujar un polígono.

Vamos haciendo clic en cada uno de los vértices del polígono, sin arrastrar. Para cerrar el trazado, el

último clic lo haremos sobre el primer punto de ancla, cuando se muestre un circulito junto al cursor.

En este caso, todos los puntos de ancla son puntos de vértice.

Redibujar con pluma

Tiene que estar el color en ninguno para que no rellene, luego con la pluma se va dibujando en una nueva

capa para no dañar el original.

Dibujar un segmento curvo.

Vamos a ver varias maneras de obtener un único segmento curvo, un arco, creando un punto suavizado.

53 Para crear un punto suavizado, hacemos clic en el documento, y sin soltar el botón

del ratón lo arrastramos. Veremos que estamos arrastrando uno de los manejadores

de dirección de ese punto de ancla. Los controles de dirección, nos permiten

controlar el ángulo y la curvatura del segmento. La parte externa de la curva

apuntará en la misma dirección que hayamos arrastrado.

Una vez definido el arco, hacemos clic en el lugar donde queramos que éste

finalice, y el segmento aparecerá curvo.

Si en vez de soltar el clic final, lo mantenemos pulsado y arrastramos,

podremos controlar también las líneas de dirección de este punto. Si movemos

las líneas en la dirección opuesta a como las hemos movido en el primer punto,

obtendremos un arco, pero si las movemos en la misma dirección, obtendremos

una "S".

La diferencia entre al arrastrar el punto final o no (o el inicial, ya que podríamos haber trazado el arco sólo

arrastrando desde el último punto) es que el punto que creamos al arrastrar es suavizado. Por lo que si

creamos otro segmento a continuación, este tendrá que ser curvo para poder adaptarse.

Podríamos seguir añadiendo segmentos curvos siguiendo este sistema, y al final dejarlo abierto o cerrarlo,

volviendo a pulsar sobre el primer punto de ancla.

Si mantenemos pulsada la tecla Alt con la herramienta Pluma, esta se transforma en la herramienta Convertir

puntos de ancla. Hacemos clic sobre el punto de vértice y arrastramos hasta obtener la curva deseada.

Para volver a convertirlo en un punto de vértice, bastaría con hacer clic con la herramienta Convertir puntos

de ancla sin arrastrar.

Combinar segmentos rectos y curvos.

Nos basaremos en que si situamos la Pluma sobre el último punto de ancla creado (que será un extremo),

esta se comporta de forma muy parecida a la herramienta Convertir puntos de ancla, pero únicamente afecta

al próximo segmento.

Por ejemplo, para crear un segmento recto seguido de uno curvo, creamos primero el recto haciendo dos

clics, sin arrastrar al final. Seguidamente, nos situamos sobre el último punto de ancla hasta que el cursor de

la pluma muestre un triángulo. Hacemos clic y arrastramos. Vemos que en este caso sólo aparece una línea

de dirección, que corresponde al futuro segmento. Después, hacemos clic en el lugar donde finalizará el

nuevo segmento.

En este ejemplo, el último punto creado es un vértice, porque no hemos modificado sus líneas de dirección

(aunque podríamos haberlo hecho). Por lo tanto si hacemos otro clic, el segmento resultante será recto. Pero

si queremos trazar un segmento recto después de un arco que termina en un punto suavizado, tendremos que

transformarlo. Para ello basta con volver a hacer clic sobre él (sin arrastrar), con lo que se convierte en un

punto de vértice.

54 Cuando lo que queremos es crear un punto de vértice que una dos segmentos curvos, podemos también

hacerlo como hemos visto: crear un arco, y si el último punto es suavizado, convertirlo a un punto de vértice

haciendo clic antes de crear el nuevo trazado.

Otra opción más rápida es utilizar la tecla Alt mientras manejamos las líneas de dirección del extremo final.

Al pulsar la tecla, pasamos a controlar la dirección del siguiente segmento, como hacíamos al volver a hacer

clic y arrastrar tras crear una recta.

Otra forma de conseguir este mismo efecto es preocuparnos sólo por modificar la primera de las líneas de

dirección, y modificar la segunda después de crear el punto, manteniendo pulsada la tecla Alt mientras

pulsamos y arrastramos del punto de dirección

Editar trazos con la Pluma

Si situamos la herramienta Pluma sobre el trazado que estamos creando, o sobre uno ya existente y

seleccionado, se comportará como la herramienta Añadir punto de ancla. Al hacer clic añadirá un punto de

ancla, sin que este afecte a la forma del trazado si no lo modificamos.

Del mismo modo, si situamos el cursor sobre un punto de ancla,

excepto los extremos, y hacemos clic, el punto desaparecerá como

pasa con la herramienta Eliminar puntos de ancla. Esto sí afectará al

trazado, ya que se unirán los puntos de ancla anterior y posterior.

Podemos continuar un trazado abierto ya existente con la herramienta

Pluma. Para ello, tras seleccionarlo, debemos hacer clic sobre uno de

sus extremos, cuando aparezca un segmento en el cursor.

Por otra lado, si durante la creación de un trazo, nos equivocamos al colocar un punto de ancla, podemos

eliminarlo con Deshacer (Ctrl + Z) sin que nos salgamos del trazo, o podemos pulsar la tecla Espacio antes

de soltar el ratón para desplazar la ubicación del punto de ancla. También podemos moverlo, si hacemos Ctrl

+ clic para cambiar a la herramienta Selección directa .

Para cambiar entre puntos de vértice y suavizados, sin deseleccionar la Pluma, podemos cambiar a la

herramienta Convertir puntos de ancla al mantener pulsada la tecla Alt.

Es difícil crear un trazado exacto directamente con esta herramienta, salvo que tengamos mucha experiencia.

El más cómodo será crearlo lo más aproximado que podamos y después editarlo poco a poco hasta obtener el

dibujo que buscábamos.

55

El color

A través de los ojos, los seres humanos somos capaces de distinguir distintas amplitudes de onda en la luz

que nos llega, lo que forma los colores. Dependiendo de la intensidad de las distintas amplitudes, obtenemos

una amplia variedad de colores. El color blanco resulta de la mezcla del resto de colores a su máxima

intensidad, y la ausencia de color la percibimos como negro.

A la hora de intentar reproducir los colores partimos de tres colores primarios, los cuales, mezclados a

distintas intensidades, proporcionan toda la paleta de colores que conocemos. Pero esto no se realiza igual si

pretendemos crear una fuente de luz con un color determinado, como el monitor de ordenador, o un objeto

que refleje la luz y se vea de uno u otro color, como la tinta impresa.

Colores aditivos.

Los dispositivos, como monitores, televisores, pantallas en cámaras

digitales, etc. tienen una fuente de luz propia. Pensemos en cada uno de

los píxeles de la pantalla de un monitor. Cada píxel está dividido en tres

subpíxeles con los colores aditivos primarios: rojo, verde y azul.

Para obtener el resto de colores, basta con mezclar un haz de color de uno

de estos colores, y un haz de cada uno de los otros colores primarios, a

distintas intensidades. Por eso se denomina colores aditivos.

Para poder definir cada uno de los colores resultantes, se usa

principalmente el modelo de color RGB (del ingles red, green, blue; rojo,

verde, azul). Este modelo da indica la proporción de cada color que

aparece en la mezcla, partiendo de 0 cuando no aparece.

Normalmente, se utiliza un byte para definir cada uno de los colores primarios, lo que nos da más de 16

millones de combinaciones. Así podemos representar un color con un valor que indique la intensidad de cada

primario, en forma porcentual (97%, 94%, 89%) con valores entre 0% y 100%, decimal (247, 240, 226) con

valores entre 0 y 255, como se utiliza principalmente en Illustrator, o en formato hexadecimal (#F7F0E2,

cada letra corresponde al un número a partir de 9: A=10, B=11... F=15) con valores entre 00 y FF, como se

utiliza en la normalmente web. Esto nos permite definir los principales colores como vemos en esta tabla:

Rojo R:255, G:0, B:0 Magenta R:255, G:0, B:255

Verde R:0, G:255, B:255 Amarillo R:255, G:255, B:0

Azul R:0, G:0, B:255 Cyan R:0, G:255, B:255

El blanco puro se obtiene al mezclar todos los colores con intensidad máxima (R:255, G:255, B:255 o

#FFFFFF), y el negro puro es la ausencia de todos ellos (R:0, G:0, B:0 o #000000). Cuando los tres colores

tienen la misma intensidad, obtenemos grises, y si variamos la intensidad de la mezcla, pero manteniendo la

proporcionalidad entre los tres colores, obtenemos distintos tonos de un color.

#FFFFFF #DFDFDF #9F9F9F #5F5F5F #2F2F2F #000000

Pero no todos los colores se representan igual en todos los dispositivos. Cada dispositivo trabaja en un

espacio de color, una variante del RGB. Es decir, aunque en todos los dispositivos se define el amarillo con

las mismas intensidades, el mismo amarillo no se verá igual en todos ellos. Al abanico de colores que se

pueden representar en un espacio de color se le llama gama.

En Illustrator disponemos de los modos de color RGB, y un espacio de color derivado de este, el RGB

compatible con web, que solo incluye los colores que se mostrarán correctamente en una página Web.

Colores sustractivos.

Cuando queremos dar color a un objeto sin luz propia, usamos tintas o

pinturas. Se trata de sustancias diseñadas para que absorban todos los

colores excepto el que queramos ver, que es reflejado y llega a nuestros

ojos. Es decir, un objeto es rojo porque absorbe toda la luz que le llega,

excepto la roja, que es reflejada hacia nosotros.

56 Normalmente partimos de un fondo blanco que refleja todos los colores. Al pintar de un color, vamos

eliminando o sustrayendo el reflejo del resto de colores, dejando sólo el que queremos que se vea. Por lo que

a este sistema se le denomina mezcla sustractiva de colores. En este caso, para conseguir el negro

deberíamos de quitar todos los reflejos.

Los colores primarios sustractivos son el cyan, magenta y amarillo. Si recuerdas los colores primarios de

RGB, verás que estos son los opuestos. Por ejemplo, el cyan es el opuesto del rojo, ya que se obtiene de

mezclar el verde y azul al máximo, y el rojo a 0, por lo que al aplicarlo, es el único color que absorbe.

Para representar los colores sustractivos, se utiliza el modelo CMYK, cyan, magenta, yellow y key (el negro,

color clave). Aunque el negro se puede obtener combinando el resto, se ha añadido para obtener un mejor

resultado en impresoras, un negro más puro, y ahorrar tinta. Con este sistema, representamos cada color

como cuatro cifras porcentuales, comprendidas entre 0% y 100%.

En el sistema CMYK, los colores más claros y cercanos al blanco tienen valores más bajos, y requieren de

menos tinta.

Diferencias entre CMYK y RGB

Cuanto en Illustrator queramos crear un gráfico que se verá en dispositivos, utilizaremos el modo RGB, y

cuando el documento vaya a ser impreso utilizaremos el modo CMYK. El motivo principal es que la

conversión entre estos modos de color no dan como resultado exactamente los mismos colores. Incluso hay

colores de un sistema que no pueden ser representados en el otro. Por ejemplo, el azul puro (R:0, G:0,

B:255) es imposible de reproducir en CMYK. Esto es debido a que CMYK y RGB tienen espacios de color

distintos, que no abarcan la misma parte de los colores visibles.

Arriba podemos ver que aunque son muy parecidos, los colores de la fotografía de la izquierda (RGB) no

son exactamente iguales que los de la derecha (CMYK). Observa la parte superior del fondo. De todas

formas, seguimos viendo los dos en el monitor. Lo ideal sería compararlo con una fotografía impresa.

Podemos convertir el modo de color de Illustrator desde el menú Archivo → Modo de color del documento.

Illustrator seleccionará el modo de color dependiendo del perfil que elijamos al crear un nuevo documento

57

Seleccionar colores

En Illustrator tenemos múltiples formas de elegir un color. Podemos tomarlo de un objeto existente,

especificar sus valores manualmente, usar selectores de color, o utilizar plantillas de color guardadas en

nuestra biblioteca.

Panel Color. Es la opción que más hemos visto hasta ahora. Nos permite seleccionar entre el trazo y el

relleno del objeto . En la parte inferior encontramos un selector de color con toda la gama de colores, y

selectores individuales para cada uno de los colores primarios, dependiendo del modo de color seleccionado

Al seleccionar un color, podemos encontrar dos tipos de icono: el

icono advierte de que el color seleccionado no se encuentra dentro de

los apropiados para web, y el icono que indica que el color está fuera

de la gamas de colores soportada por el modo de color actual. Junto a

cada icono, podemos seleccionar el color más parecido que sí cumple

con la advertencia.

Podemos cambiar el modo de color del panel desde el menú de

opciones o propiedades, en su esquina superior derecha.

Un uso muy similar es el que tiene el Selector de color, al que

accedemos haciendo doble clic en el cuadro de selección de color del

panel Color o de la Barra de herramientas

Este panel nos permite ser más preciso, tanto en la selección de color "a ojo" como insertando directamente

los valores en las escalas CMYK, RGB o tono-saturación-brillo (HSB).

Sólo colores Web nos limita la selección a aquellos colores que se visualiza correctamente en los

exploradores Web.

En vez de seleccionar un modo de color, podemos seleccionar utilizando las Muestras de color, teniendo un

botón para ello.

La herramienta Cuentagotas.

Podemos seleccionar o asignar colores ya utilizados en el documento con la herramienta Cuentagotas .

Al hacer clic sobre un objeto con esta herramienta, tomamos el color del objeto, tanto para el trazo como

para el relleno. Y si teníamos un objeto seleccionado, tomará los nuevos colores.

58 Si la utilizamos combinada con la tecla Alt, produce el efecto contrario. Es decir, asigna al objeto sobre el

que pulsemos los colores de relleno y contorno seleccionados.

Una vez seleccionado un color, puede que queramos complementarlo con colores armónicos. En el panel

Guía de color encontraremos colores relacionados con el seleccionado que nos facilitarán esta tarea.

Pintar objetos

Hasta ahora hemos visto la forma más simple de pintar un objeto: lo

creamos, y elegimos un color o motivo, que se asignará al relleno o

al trazo, según lo que hayamos seleccionado en el selector

Del mismo modo, aplicaríamos motivos o degradados, por ejemplo

del panel muestras.

Pero este sistema tiene la limitación de que el color se aplica a todo

el objeto, todo su trazo o todo su relleno es tratado como una

unidad. No podemos, por ejemplo, colorear varias partes del trazado de colores distintos.

Por ejemplo, con la herramienta pluma, hemos dibujado una pajarita de un sólo trazo. Vemos que no

podemos colorear partes de ella de forma independiente. Incluso que al tratarse de un trazado abierto, ha

quedado una zona en medio que no se colorea.

Del mismo modo, aplicaríamos motivos o degradados, por ejemplo del panel muestras.

Pero este sistema tiene la limitación de que el color se aplica a todo el objeto, todo su trazo o todo su relleno

es tratado como una unidad. No podemos, por ejemplo, colorear varias partes del trazado de colores

distintos.

Por ejemplo, con la herramienta pluma, hemos dibujado una pajarita de un sólo trazo. Vemos que no

podemos colorear partes de ella de forma independiente. Incluso que al tratarse de un trazado abierto, ha

quedado una zona en medio que no se colorea

Para solucionar esto, disponemos de la herramienta Bote de pintura interactiva . Esta herramienta nos

permitirá colorear cada parte del objeto encerrada en un trazado. Lo primero que debemos de hacer es

seleccionar el objeto u objetos que queramos y crear un grupo de pintura interactiva, haciendo clic sobre

ellos con la herramienta Bote de pintura interactiva.

59 Esto también se puede hacer con los espacios resultantes de la intersección de varios objetos

En este caso hemos utilizado la herramienta Selección de pintura interactiva. Esta herramienta nos permite

seleccionar cada trazo o relleno que se puede tratar de forma independiente dentro de un grupo de pintura

interactiva, y aplicarle color, relleno, grosor del trazo, etc...

También podemos pintar los contornos con bote de pintura interactiva, aunque esta opción viene

deshabilitada por defecto. Podemos activarlas desde las opciones de la herramienta al hacer doble clic.

Aquí encontramos opciones de comportamiento, como si pinta rellenos, trazos, o si se ven las muestras junto

al cursor cuando elegimos un color del panel Muestras. También las opciones de apariencia, si se resaltan las

áreas de pintura interactiva y cómo

El grupo de pintura interactiva se crea agrupado. Podemos editar sus objetos independientes con la

herramienta Selección directa o entrando en el grupo aislado. Al modificar los trazados originales, cambian

las zonas de pintura interactiva. Podemos añadir crear o eliminar zonas añadiendo o quitando trazos.

Muestras

Las muestras son colores, motivos, degradados, grupos de colores, que podemos crear y guardar para utilizar

en varias ocasiones. Igual que ocurre con los símbolos, las muestras se guardan en bibliotecas e Illustrator ya

trae unas cuantas predefinidas.

Podemos crear o seleccionar distintos tipos de muestras, los cuales se identifican por iconos distintos:

Cuatricromía . Una cuatricromía se imprime utilizando una combinación de las cuatro

tintas (cyan, magenta, amarillo y negro).

Símbolo RGB . El color viene definido por los colores primarios aditivos.

Cuatricromía global . Las cuatricromías pueden ser globales o locales. Cuando son

globales, y modificamos la muestra, el color ya aplicado se actualiza automáticamente.

Tintas planas . Una tinta plana es una tinta previamente mezclada a la hora de

imprimir, que se puede utilizar sola o combinada con las tintas de cuatricromía.

Degradados. Un degradado es una fusión gradual de colores o tonos distintos. Pueden ser

definidos como cuatricromía CMYK, colores RGB o colores de tinta plana.

Motivos. Los motivos son trazados repetidos en mosaico, formando una textura.

Ninguno . La muestra Ninguno elimina el trazo o el relleno de un objeto, dejándolo

transparente.

Registro . La muestra de registro utilizada en la impresión profesional de imprenta,

hace que se imprima en todas la planchas para facilitar una alineación más precisa de las

mismas.

Grupos de colores. Se trata de una serie de colores globales guardados en

conjunto.

Podemos acceder a las muestras desde el panel Muestras:

60

Para seleccionar cualquiera de las muestras existentes, basta con hacer clic, como hacíamos con los colores.

En la biblioteca encontraremos una gran cantidad de muestras predefinidas: grupos de colores, motivos,

tintas planas, etc.

Podemos añadir a este panel nuevas muestras, por ejemplo el grupo de colores de un objeto en el que

estemos trabajando. Para hacerlo, lo seleccionamos y pulsamos Nuevo grupo de colores. Si lo que queremos

es añadir todos los colores del documento como colores globales, sin tener ningunos seleccionado, desde el

menú de propiedades del panel, elegimos Añadir colores usados.

Una forma más rápida de agregar un color individual al panel de Muestras es arrastrarlo directamente desde

el panel de Color. Si esta acción la realizamos manteniendo pulsada la tecla Alt, la muestra se agrega como

muestra de tinta plana. Una vez agregada la muestra, podemos modificar sus opciones desde la ventana

Opciones de muestra haciendo doble clic sobre ella:

61

Nombre de la muestra, es el nombre que le identificará.

Tipo de color, donde podemos elegir si es una cuatricromía o tinta plana.

Global convierte la muestra en una cuatricromía global.

Modo de color especifica y regula el modo de color de la muestra.

Si marcamos previsualizar y ya hemos aplicado la muestra a algún objeto del documento, podremos ver los

cambios reflejados en él.

Degradados

Un degradado es una fusión gradual de colores. Por ejemplo, un rectángulo puede tener

un degradado de amarillo a rojo. Uno de sus extremos se verá amarillo, y este color se

irá combinando con el rojo pasando a un amarillo anaranjado, naranja, rojizo hasta

llegar al rojo en el otro

extremo.

El degradado puede incluir

varios colores, pasando

gradualmente de uno a otro.

Todo lo referente a los

graduados, lo gestionamos

desde el panel Degradados.

Podemos elegir entre dos tipos

de degradado en desplegable

Tipo, lineal donde los colores forman líneas paralelas, o radial, con el degradado formando círculos u óvalos

concéntricos.

El regulador de degradado muestra dos elementos. Unos cuadrados en el punto donde el color se aplica

puro, sin degradar todavía. Cuando seleccionamos uno de estos controles, el triángulo que tienen encima se

ve de color negro. Entre estos cuadrados, en la parte superior, hay un rombo que marca el punto en el que

dos colores se mezclan con la misma intensidad. Podemos desplazar estos controles, para conseguir mayor

aparición de un color, o que el cambio de color sea más brusco.

Uno de los controles añadido en esta versión es el de Opacidad, que nos permite regular la transparencia de

un color.

El control Ángulo indica la inclinación del degradado lineal, y Ubicación la posición del degradado,

mientras que proporción se hace que un degradado radial aparezca ovalado.

Pero todas estas propiedades se pueden controlar mejor y de forma más natural con la herramienta

Degradado .

Para trabajar con degradados lineales, con el objeto seleccionado, hacemos clic en el lugar donde queramos

situar el color definido más a la izquierda en el panel de Degradado, y arrastramos, con el ángulo que

queramos, hasta el lugar donde queramos situar el color final del degradado. Los colores extremos no tienen

por qué estar dentro del objeto.

62

Una vez creado, podemos editarlo con los mismos controles que nos ofrece el panel de control.

En el caso de un degradado radial, se muestran más controles, ya que podemos girar el degradado, aplastarlo,

o descentrarlo, haciendo un clic simple dentro de él.

Para añadir colores al degradado, podemos arrastrarlos directamente desde el panel Color o Muestras.

También podemos pulsar en la zona de los controles de color para añadir un nuevo, con el color que haya en

ese punto. Para modificar uno existente, seleccionamos su control y lo modificamos en el panel control. Si

queremos cogerlo del panel Muestras, mantendremos pulsada la teclaAlt mientras presionamos sobre la

muestra. Para quitar un color, lo arrastramos fuera del panel, o lo seleccionamos y pulsamos Borrar.

Volver a colorear la ilustración

Utilizando el comando Volver a colorear la ilustración (o color activo en la versión anterior), podemos

cambiar los colores de un objeto creado por nosotros, un símbolo, los motivos predefinidos... o de toda la

ilustración a la vez.

Nos referimos a sustituir los colores, es decir, cada vez que aparezca determinado color, será sustituido por

el que elijamos. Si lo que queremos es cambiar sólo un área determinada del objeto por otro color, pero no

todas las apariciones de ese color, lo haremos como hemos visto hasta ahora.

Con el objeto seleccionado, podemos acceder al diálogo para colorear desde el Panel de control pulsando en

el icono Volver a colorear ilustración, o si no a través del menú Edición →Editar colores → Volver a

colorear ilustración. Llegaremos a una ventana como la siguiente:

63

Inicialmente lo que destaca, son dos columnas:

La primera tiene los colores actuales de la ilustración, los que se están usando. En cada fila, podemos tener

uno o varios colores.

La segunda, contiene los colores nuevos que sustituirán a los de la primera. Si en la segunda columna no hay

ningún color, nos indica que el color actual correspondiente no será sustituido.

64 Para cambiar un color sustituto, podemos utilizar el panel inferior, que funciona como el panel Color, hacer

doble clic sobre él para acceder al Selector de color.

Cuando en una fila de color actual solo hay un color, este se sustituirá por el que elijamos en la fila

correspondiente de colores sustitutos. Pero cuando en la fila de colores actuales tenemos varios (esto lo

hacemos seleccionado los colores manteniendo pulsada la tecla Mayúsculas y pulsando el botón Combinar

colores en una fila), pueden ser sustituidos todos por el color que elijamos, o que el color sustituto cree una

escala de tonos, o diversas opciones, que podemos elegir al desplegar una pestañita que aparece cuando nos

situamos sobre el color.

Para tener más control a la hora de elegir los colores, podemos pulsar en el botón Editar de la parte superior.

Cada uno de los colores tiene un controlador, que podemos desplazar sobre la rueda para variar el color.

Debajo de la rueda hay un controlador que nos permite regular el brillo, o la saturación si hacemos clic sobre

su icono.

Para cambiar todos los colores a la vez, tenemos varios métodos:

Podemos sustituirlos por colores basados en Reglas de armonía, del desplegable superior. Estos colores se

generarán a partir del color base.

Cuando el icono Enlazar / Desenlazar colores armónicos aparece enlazado, se mantiene la armonía. Si

desplazamos un color por la rueda, todos se moverán a la vez.

Transparencias

Podemos aplicar transparencias a nuestros objetos de Illustrator, de forma que se pueda ver a través de ellos

total o parcialmente.

Recuerda: Para trabajar con transparencias resulta muy útil la rejilla de transparencia (Ctrl + Mayúsculas +

D).

La transparencia más simple es conseguir ver a través del relleno de un objeto:

Lo único que necesitamos para conseguir esto es reducir la Opacidad en el panel de Transparencia:

65

A la izquierda Opacidad encontramos otro desplegable. En él seleccionamos cómo se muestran los objetos

que se ven a través del transparente, el modo de fusión.

Cuando aplicamos la transparencia a objetos agrupados, todos adoptan la misma transparencia, pero los

objetos del propio grupo no son visibles unos a través de otros.

Una opción muy interesante de las transparencias, es poder crear una máscara de transparencia. La máscara

no es más que otro objeto que define cómo se muestra la transparencia del que tiene debajo, lo enmascara. El

grado de transparencia se define con tonos grises, siendo el negro totalmente transparente y el blanco sin

transparencia.

Para crear la máscara, primero dibujamos el objeto a enmascarar. En el ejemplo que veremos, hemos

dibujado un cuadrado relleno con un motivo. En el panel Transparencia, vemos una miniatura del objeto

seleccionado. Si hacemos doble clic a su derecha, se creará un objeto enmascarado, que por defecto oculta

todo el anterior.

Ejemplo crear mascara de recorte

66

Ahora dibujamos sobre el objeto. Lo que dibujemos con colores muy claros tendrá poca transparencia, y con

colores muy oscuros será totalmente transparente.

En las siguientes imágenes, a la izquierda mostramos la máscara que hemos utilizado y a la derecha el

resultado.

Otra forma de hacerlo, que nos puede resultar más cómoda, es dibujar el objeto a enmascarar y encima el

objeto enmascarado. Con ambos seleccionados, desde las opciones del panel Transparencia, pulsamos Crear

máscara de opacidad.

La opción Recortar hace que sólo se muestre el objeto enmascarado que esté dentro de un objeto que haga de

máscara, y la opción Invertir máscara cambia los colores que definen la transparencia, es decir, el negro

pasaría a ser el opaco y el blanco el transparente.

Para definir las transparencias hemos utilizado una escala de grises porque resulta más fácil de entender.

Pero esto puede hacerse con cualquier color, incluso utilizar motivos. Y podemos crear varios objetos que

formen la máscara.

Pinceles

En vez de utilizar trazados lisos, podemos utilizar otros más llamativos, con los pinceles.

Illustrator tiene cuatro tipos de pincel:

• Pinceles caligráficos, que simulan el trazado de una pluma caligráfica.

• Pinceles de dispersión, que repiten un objeto a lo largo del trazado.

• Pinceles de arte, que dan un efecto artístico, modificando la forma del pincel o creando un objeto que se

extiende a lo largo del trazado.

• Pinceles de motivo, que repiten un motivo de forma continua.

67

Podemos utilizar el pincel en un trazado ya creado, seleccionando el objeto, o dibujar directamente con el

pincel utilizando la herramienta Pincel , cuyo uso es igual que la herramienta Lápiz .

Para seleccionar los pinceles, disponemos del panel Pinceles:

Su uso es muy semejante al de los paneles de Muestras o Símbolos: se muestran los últimos pinceles

utilizados, los cuales podemos seleccionar con un clic. Si queremos utilizar otros pinceles, podemos acceder

a la biblioteca en la esquina inferior izquierda, donde encontraremos los incorporados y los que creemos

nosotros mismos, seleccionando un objeto y pulsando en Nuevo pincel.

68

Podemos modificar el trazado de pincel pulsando en el botón de Opciones de pincel. Estas opciones serán

distintas dependiendo del tipo de pincel utilizado. Ociones del objeto selecionado.

El texto

Introducción

El texto es una de las funciones más cuidada de Illustrator. Podemos añadir desde pequeñas anotaciones a

nuestra ilustración a utilizar Illustrator para crear atractivos folletos, y dar a nuestro texto la forma que

queramos tratándolo como un trazado.

69 Disponemos de tres métodos de inserción de texto, que elegiremos en función de la cantidad de texto a

introducir y de cómo pretendemos utilizarlo:

Texto de punto.

Es una línea de texto, en horizontal o vertical, sin un límite definido. El texto comienza desde donde se hace

clic, y no crea saltos de línea automáticos, aunque podemos hacerlos de forma manual. Utilizaremos este

método para añadir pocas palabras, como leyendas al pie de una ilustración.

Para introducir este tipo de texto, basta con seleccionar la herramienta Texto, hacer clic sobre el punto inicial

y comenzar a escribir. Cuando queramos saltar de línea, pulsamos la tecla Intro.

Texto de área o texto de párrafo.

Los caracteres vienen contenidos en un objeto, que define sus límites. Cuando llega a los límites, el texto se

va ajustando al elemento contenedor. Utilizaremos este método para introducir texto de varios párrafos, ya

que nos facilita posicionarlo con el resto de imágenes.

El símbolo que aparece en la imagen indica que el texto ha desbordado, no cabe todo el área de texto.

Para introducir este texto, seleccionamos el objeto que formará el área, y hacemos clic en su trazado con la

herramienta Texto de área para poder comenzar a escribir. Normalmente utilizaremos áreas rectangulares,

las cuales podemos crear directamente trazando un rectángulo con la herramienta Texto .

Texto en un trazado.

El texto sigue la línea y dirección del trazado sobre el que lo añadamos, ya sea abierto o cerrado.

Utilizaremos este método para introducir texto con formas especiales, como en títulos.

Para introducir este texto, seleccionamos el objeto o

trazado que marcará la ruta del texto, y hacemos clic

sobre él con la herramienta Texto de trazado

para poder comenzar a escribir.

El texto que introducimos normalmente es horizontal, pero también podemos introducir texto vertical. Esto

no se refiere al texto en relación con la parte horizontal del documento, si no a que un carácter esté al lado

del anterior (texto horizontal) o en su parte inferior

(texto vertical).

Para escribir texto en vertical, en la barra de

herramientas disponemos de una herramienta de texto

vertical para cada uno de los tres métodos de

introducción de texto que hemos visto, que

utilizaremos igual que las de texto horizontal.

70 Illustrator trae un espacio de trabajo especialmente pensado para trabajar con texto. Este espacio de trabajo

se llama Tipografía.

Formato carácter

Illustrator nos permite aplicar al texto los distintos formatos existentes, como fuente, tamaño, interlineado,

espacio entre caracteres, etc. Cuando aplicamos un formato a un elemento de texto, este se aplica a todos sus

caracteres. Si queremos aplicarlo sólo a una parte del texto, debemos seleccionar esos caracteres. Para poder

seleccionar, hacemos doble clic sobre el elemento de texto con la herramienta Selección.

El formato se puede aplicar desde el Panel de control, con un objeto de texto seleccionado, o desde el panel

Carácter.

Tipos de formato carácter,

Kerning. Esta propiedad, permite o no que determinados caracteres, los que

tienen más base que parte superior como la letra A y viceversa, como la letra T,

se junten más de lo normal para mejorar el efecto visual.

El kerning viene predefinido en la fuente, y se aplica a pares de caracteres.

Tracking. Altera la densidad visual del texto, de modo parecido al kerning,

pero funciona sobre un grupo de texto global, no sobre pares de caracteres.

Escala horizontal y escala vertical. Modifican el tamaño la proporción del ancho y alto del carácter con

respecto al tamaño de la fuente.

71 Desplazamiento vertical.

Aumenta o disminuye la distancia entre la base del carácter y la base de la línea

de texto.

Rotación de caracteres.

Permiten ajustar el ángulo de inclinación de la línea base del carácter con la línea

base del texto.

Subrayado y tachado.

Son dos estilos más, con una línea que los cruza como su nombre indica.

En el menú de opciones del panel, encontramos otras

opciones, como los estilos de subíndice y superíndice, o

convertir todo el texto a mayúsculas o versalitas, convirtiendo

las minúsculas a mayúsculas de menor tamaño.

Si queremos cambiar el color del texto, utilizaremos su relleno. Esto nos

permite darle, por ejemplo, una tinta plana o un motivo al texto, aunque

no un degradado. También podemos cambiar el color y grosor del borde

que forma el carácter.

Propiedades del párrafo

Existen otras propiedades que se aplican al

conjunto del texto, a todo un párrafo. Estas son las

propiedades de párrafo, y se refieren sobre todo a la

alineación del texto.

Podemos manejar estas opciones desde el Panel de

control, o desde el panel Párrafo.

Los valores de sangría y separación se refieren a la

distancia del párrafo con sus lados, o con el párrafo

siguiente. Estos valores se aplican en las posiciones

que se ve en esta imagen:

Los valores de sangría y separación se refieren a la distancia del párrafo con sus lados, o con el párrafo

siguiente. Estos valores se aplican en las posiciones que se ve en esta imagen:

La alineación del texto se refiere a cómo se alinea el texto con respecto a los lados del párrafo, igual que en

cualquier procesador te texto.

Alinear a la izquierda alinea el texto con el lado izquierdo.

72

Alinear a la derecha hace lo propio con el lado derecho.

Centrado deja el mismo espacio a cada lado de la línea de texto.

Estos métodos dejan el lado por el que no se alinea con aspecto dentado. Podemos alinear a ambos lados a la

vez, justificando el texto , para que rellene toda la línea. Este efecto puede no quedar atractivo en la

última línea si es muy corta, por eso podemos hacer que en el texto justificado la última línea se alinee a la

izquierda , centro o derecha .

En el texto de ejemplo, vamos que cuando una palabra no cabe completa, se divide en sílabas añadiendo un

guion al final de la línea. Esto se produce porque en el panel Párrafo está marcada la opción Separar. Si lo

desmarcamos, cuando la palabra no quepa se trasladará toda a la siguiente línea.

Las propiedades del párrafo no podemos aplicarlas a grupos de caracteres aislados. Si seleccionamos un

objeto de texto, y aplicamos una de estas propiedades afectará a todo el texto. Pero si estamos editándolo,

sólo se aplicará al párrafo en el que esté el punto de intersección.

Recuerda, al escribir un texto, marcamos el fin de un párrafo cuando pulsamos la tecla Intro, creando un

punto y aparte.

Estilos de carácter y párrafo

Cuando utilizamos Illustrator para crear textos extensos, como folletos, nos encontramos con párrafos y

caracteres a los que aplicamos las mismas propiedades. Por ejemplo, tendremos varios apartados, todos con

la misma alineación y sangría, y todos comenzando con un título de mayor tamaño y otro color. Y dentro de

cada apartado, querremos resaltar palabras, poniéndolas en negrita y con otro color. Incluso puede que

utilicemos párrafos de mayor tamaño para textos más importantes.

Todo lo anterior sería muy ineficaz si tuviésemos que aplicarlo cada vez, sobre todo si hay que cambiar

muchas propiedades. Por eso, al crearlos la primera vez podemos guardarlos como estilos, de forma que solo

haya que seleccionarlo la siguiente vez que queramos utilizarlos.

Dependiendo de si se trata de propiedades de párrafo o propiedades de carácter, tenemos dos paneles, Estilos

de párrafo y Estilos de carácter, aunque su uso es el mismo.

En ambos paneles aparece una lista de estilos. El estilo normal, es el estilo base del documento, y el resto los

que hayamos ido creando. Cuando junto a la nombre aparece el símbolo +, indica que han habido

anulaciones de estilo, es decir, el estilo seleccionado y el actual del texto no coinciden, por ejemplo, por

haberse modificado. Para aplicar el estilo, seleccionamos el texto y elegimos el estilo de la lista.

Para crear un nuevo estilo, primero se lo aplicamos al texto o párrafo. Después en su correspondiente panel,

pulsamos el icono Nuevo estilo para que se guarde con un nombre por defecto, o elegimos Nuevo

estilo desde el menú del panel e introducimos el nombre.

73

Si hacemos doble clic sobre el estilo, podemos modificar todas sus propiedades.

Otra forma más visual consiste en aplicar el estilo al texto, modificar lo que queramos, y en el menú de

Propiedades del panel elegir Redefinir estilo.

Al modificar un estilo, el cambio se refleja en todo el texto sobre el que se haya aplicado el estilo

Texto de área

El método de inserción más utilizado, sobre todo para escribir texto largo es el Área de texto. Una vez

creado uno de estos elementos, podemos modificar su altura, anchura, número de columnas o filas, a través

del menú Texto → Opciones de texto de área....

74

La Anchura y Altura se refieren a las dimensiones del texto de área, o de un rectángulo que lo contiene,

cuando su forma no es rectangular.

Podemos dividir el texto de área en Filas (horizontalmente) o Columnas, verticalmente. Para ello indicamos

el Número de divisiones, el Alcance, ancho de la columna o alto de la fila y el Medianil, espacio entre

columnas o filas. La opción Fijo afecta si redimensionamos el texto de área. Si está marcada, se tomará el

alcance como fijo, y al aumentar el tamaño aumentará el número de filas o columnas, sin variar el alcance. Si

se desmarca, se respetará el número de divisiones y el alcance aumentará o disminuirá para ajustar el texto.

En Desplazamiento, podemos definir en Espaciado de margen la distancia entre el texto y los bordes de área

que lo contiene.

El desplazamiento de la Primera línea de base se refiere a la separación de esta línea con el borde superior

del área. Podemos elegir valores como Ascendente, donde la distancia es la de la letra d, Altura de

75 mayúscula para que tome la separación del alto de una mayúscula, Interlineado para que tome el mismo

valor del interlineado o Fijo, para que tome como mínimo el valor introducido en el campo Mín., entre otros.

La opción Flujo de texto marca el orden del texto en un documento con filas y columnas.

A parte de estas opciones, el texto de área sigue siendo un objeto. Por lo que podemos utilizar la herramienta

Selección directa para cambiar su forma, y añadir o quitar puntos de ancla con la Pluma. El texto se ajustará

a la nueva forma del área.

Podemos importar texto a partir de archivos de texto plano, texto con formato y documentos de Word. Para

hacerlo, sólo hay que abrir el documento de texto desde el menú Archivo → Abrir. Dependiendo del

documento, tendremos que elegir una serie de opciones, pero al final el texto se insertará en un nuevo texto

de área.

Texto y objetos

Si estamos utilizando Illustrator para escribir texto será porque vamos a crear una composición de textos y

gráficos. Y normalmente adaptaremos el texto al espacio que dejen estos gráficos, lo que también sirve para

lograr mejores efectos en el texto.

Para conseguir esto, debemos colocar el texto, que debe de ser texto de área, y encima (en orden de

apilamiento) los objetos que le rodeen. Pero hay que tener en cuenta que el efecto se aplicará a todos los

objetos de texto que estén por debajo de los objetos. Todos los elementos deben de estar en la misma capa.

Ahora, con los objetos seleccionados, en el menú Objeto pulsamos Ceñir → Crear.

76

Los objetos quedan así ceñidos, autoajustándose el texto cada vez que los movamos. Podemos personalizar

algunos aspectos, como el margen alrededor del objeto, escogiendo en el mismo menú Opciones de Ceñir

texto.

En Desplazamiento podemos concretar los puntos de margen alrededor del objeto.

Invertir ceñido hace, por ejemplo, que si el texto está alrededor de un trazo cerrado y lo marcamos, a la

altura del objeto el texto aparecerá dentro.

Texto en un trazado

Ya vimos que para introducir texto que siguiera a un trazado existente, bastaba con hace clic sobre él con la

herramienta Texto en trazado y comenzar a escribir. Al hacerlo se crean unos controles que podemos

utilizar con la herramienta Selección directa.

El área de texto visible es la que aparece delimitada por los controles de inicio y final, y cuando el texto no

cabe no se muestra. Podemos aumentar o disminuir esta área acercando o alejando estos controles,

arrastrando desde cualquiera de ellos.

Al arrastrar del control central, desplazamos el texto y toda el área visible, sin modificar su tamaño a lo largo

del trazado. Si en vez de a lo largo, arrastramos el control a la otra parte del trazado, el texto se refleja (pasa

al otro lado) siempre con la parte inferior de los caracteres más cerca del trazo, a no ser que cambiemos otras

propiedades. Si queremos moverlo, sin que se refleje por accidente, lo haremos manteniendo pulsada la tecla

Ctrl.

Si este texto a izquierda o derecha, lo que hacemos es colocar el texto junto a los conectores de inicio o final,

mientras que si lo centramos, lo colocamos sobre el control central.

Por defecto, el texto se orienta con la base de los caracteres siguiendo la orientación del trazado, y por

encima de este. Podemos personalizar este comportamiento aplicando efectos de texto en trazados y

modificando su alineación vertical. Los efectos están disponibles en le menú Texto → Texto en trazado, pero

para modificar también la alineación debemos elegir en submenú la opción Opciones de texto en trazado.

77

En Efecto por defecto aparece Arco iris, pero podemos elegir cualquiera de los siguientes:

La opción Voltear refleja el texto al otro lado del trazado.

Alinear con el trazado se refiere a la alineación vertical del texto en el trazado. Por defecto está seleccionada

Línea base, pero podemos elegir entre estas otras:

Si el trazado hace una curva muy cerrada o un ángulo en una palabra, da el efecto de quedar abierto, con las

letras muy separadas. Este efecto podemos corregirlo aumentando el Espaciado.

En la imagen, vemos un texto sobre un trazado curvo, a la izquierda con espaciado 0, y a la derecha con

espaciado 5.

Enlazar elementos

Al escribir, podemos crear textos de áreas con un texto fijo, y colocarlo en un lugar del documento. Pero

pensemos en un tríptico, por ejemplo. En este caso lo ideal sería tener un texto de área centrado en cada

página, y que cuando el texto no nos cabe en uno, pase al siguiente. Esto lo conseguimos enlazando los

distintos textos de área.

Tanto los textos de área como los textos en trazados tienen un cuadradito en su comienzo, llamado puerto de

entrada, y otro al final, llamado puerto de salida.

78

Cuando todo el texto cabe en el elemento de texto, el puerto de salida aparece en blanco. Pero cuando el

texto desborda al elemento, el puerto de salida muestra el símbolo . Cuando dos elementos de texto aparecen

enlazados, el que va primero muestra una flecha hacia afuera en el puerto de salida, que está unido al puerto

de entrada del siguiente elemento, que muestra una flecha hacia adentro.

Para crear un elemento de texto enlazado, partimos de un objeto de texto ya creado, y hacemos clic con la

herramienta Selección en uno de sus puertos, en el de entrada si queremos que el nuevo objeto vaya delante,

o en el de salida si el nuevo objeto irá a continuación. El cursor cambiará a , dándonos tres opciones:

• Hacer clic sobre el trazado de un objeto existente para convertirlo en un elemento de texto.

• Hacer clic en el documento para crear un elemento de texto igual que el que enlaza.

• Trazar un nuevo elemento de texto, igual que con la herramienta Texto.

Si esto lo hacemos en un puerto ya enlazado, el nuevo elemento de texto se colocará entre los elementos que

estaban enlazados.

Para romper un enlace, podemos hacer doble clic sobre un puerto enlazado, lo que mueve todo el texto al

puerto anterior. En cambio, si lo hacemos desde el menú Texto → Texto enlazado →Quitar enlace, los

enlaces desaparecen, pero el texto permanece en cada elemento.

Revisión ortográfica

Es muy importante, sobre todo en textos destinados a terceros o a ser publicados, no cometer fatas de

ortografía. Illustrator permite la revisión ortográfica a través del menú Edición → Revisar ortografía.

Si recuerdas, en el panel Carácter hay un desplegable de Idioma. La revisión ortográfica buscará esa palabra

en el diccionario del idioma seleccionado.

La ventana Revisar ortografía es la siguiente:

Para comenzar la revisión, pulsamos el botón Inicio.

Cuando Illustrator no encuentre una palabra en el diccionario del idioma correspondiente, nos mostrará en el

recuadro superior la palabra en su contexto, y en la parte inferior una lista de Sugerencias. Podemos realizar

una de estas acciones:

Para comenzar la revisión, pulsamos el botón Inicio.

Cuando Illustrator no encuentre una palabra en el diccionario del idioma correspondiente, nos mostrará en el

recuadro superior la palabra en su contexto, y en la parte inferior una lista de Sugerencias. Podemos realizar

una de estas acciones:

•Ignorar. No queremos corregir la palabra, pulsamos este botón para pasar a la siguiente.

•Ignorar todo, ignora la palabra y todas las repeticiones que encuentre.

79 •Cambiar sustituye la palabra por la seleccionada de la lista de sugerencias. También podemos hacerlo con

doble clic. Si ninguna de las sugerencias es correcta, podemos introducir directamente el nuevo texto en la

caja donde se muestra la palabra no encontrada.

•Cambiar todo, remplaza todas las palabras por la seleccionada.

•Añadir. Illustrator no tiene todas las palabras en su diccionario, por eso algunas veces detectará algunas

palabras que sí sean correctas. En este caso podemos pulsar este botón para guardarlas en el diccionario.

Cuando terminemos con la corrección, pulsaremos Hecho.

Aunque esta corrección es muy útil, sobre todo para corregir letras bailadas al escribir con el teclado, esta

revisión no es 100% eficaz. Hay que tener en cuenta que se basa en si tiene o no una palabra en su

diccionario, por lo que tomará como válidas palabras que en un contexto no lo sean. Por ejemplo, Illustrator

tomaría como correcta la frase "La baca a tenido un bonito ternera". Por eso, merece la pena invertir unos

minutos en volver a revisar nuestro texto.

Transformar en trazado

El texto puede ser transformado fácilmente en un objeto, utilizando la opción del menú Texto → Crear

contornos.

Esto convierte el texto en un grupo de objetos, agrupados en dos niveles, uno todo el texto, y otro por cada

carácter. Y cada carácter queda formado por un trazado, con sus puntos de ancla y su relleno, por lo que a

partir de ahora dejaremos de tratarlo como si fuese texto.

Modificar objetos

Transformar

Transformar un objeto consiste en mover, rotar, reflejar, cambiar la escala o distorsionar el objeto. Esto lo

podemos hacer de múltiples formas, dependiendo por ejemplo de si queremos introducir un valor específico

o queremos hacerlo directamente sobre el objeto.

Cuando seleccionamos uno o varios objetos, estos aparecen enmarcados por por un cuadro, que determina el

alto y ancho total del objeto. Ya sabemos que para mover el objeto, solo hay que hacer clic sobre él y

arrastrarlo. Si al hacerlo mantenemos pulsada la tecla Alt, en vez de moverlo creamos una copia (con la

herramienta Selección).

Esto convierte el texto en un grupo de objetos, agrupados en dos niveles, uno todo el texto, y otro por cada

carácter. Y cada carácter queda formado por un trazado, con sus puntos de ancla y su relleno, por lo que a

partir de ahora dejaremos de tratarlo como si fuese texto.

El resto de transformaciones disponen de herramientas específicas que

veremos a continuación. Todas estas herramientas se pueden utilizar directamente sobre uno o varios objetos

seleccionados, y parten de un punto de referencia, que por defecto está en el centro del dibujo, aunque

podemos moverlo a cualquier lugar como veremos. Recuerda, que con la tecla Alt creamos una copia, que en

este caso se habrá modificado, dejando el original intacto.

Los valores que se modifican pueden ser introducidos directamente a través del comando Transformar de

cada herramienta, al que accedemos haciendo doble clic sobre la propia herramienta, o desde el menú Objeto

→ Transformar.

80

Hay herramientas comunes que nos permiten aplicar cualquier transformación. Utilizando la herramienta

Transformación libre podemos modificar los objetos con el cursor. Al seleccionar esta herramienta, el

objeto queda rodeado por una serie de controladores que nos permitirán modificarlo:

Al seleccionar el objeto con la herramienta Selección, podemos transformarlo igual que con la herramienta

Transformación libre. Esto sucede si se está mostrando el cuadro delimitador. Podemos cambiar este

comportamiento desde el menú Archivo → Mostrar/Ocultar cuadro delimitador.

Si queremos introducir los valores directamente, podemos utilizar el Panel de control o el Panel

Transformar.

Al transformar varios objetos a la vez, estos se comportan como si estuviesen agrupados. Para que la

transformación se aplique a cada uno por separado, utilizaremos el comando Transformar individualmente.

En el mismo submenú Transformar encontramos un comando muy útil, Volver a transformar (Ctrl + D), que

vuelve a aplicar la última transformación seleccionada.

Recuerda: Aunque tengamos seleccionada otra herramienta, siempre podemos seleccionar objetos si

mantenemos la tecla Ctrl pulsada (herramienta Selección).

Metodos de escalar

Escalar un objeto es variar su tamaño, de forma que aumente o disminuya a lo ancho o alto, o en ambas

direcciones. Para hacerlo, tenemos dos valores el eje horizontal y el eje vertical.

Utilizando herramientas:

En la barra de herramientas, encontramos la herramienta Escala , con la que podemos escalar uno o varios

objetos, previamente seleccionados. La escala se produce respecto a un punto , que por defecto aparece en el

centro del objeto, pero que podemos situar en cualquier lugar del documento haciendo clic. Para comenzar a

escalar el objeto, hay que hacer clic y arrastrar.

81 Podemos escalar el objeto en cualquier dirección, en el plano horizontal o vertical, moviendo el cursor en

esas direcciones, o ambos a la vez moviendo el cursor en diagonal. Si esto lo hacemos con la tecla

Mayúsculas pulsada, sólo podremos escalar en vertical u horizontalmente, o ambos de forma proporcional si

lo hacemos en diagonal.

Cuando utilizamos esta herramienta, no tenemos por qué arrastrar directamente sobre el objeto. De hecho,

cuanto más nos alejemos del objeto, el escalado necesitaremos más movimiento del ratón para alcanzar

determinado tamaño, lo que proporciona un control más preciso.

Utilizando la herramienta Transformación libre o con el cuadro delimitador, podemos escalar el objeto

estirando de sus controladores, escalándolo así con respecto al controlador opuesto.

Para escalarlo de ambos lados a la vez, estiraremos de los controladores de las esquinas. Para mantener la

proporcionalidad entre el alto y ancho, debemos mantener pulsada la tecla Mayúsculas mientras lo hacemos.

Valores específicos o porcentajes:

Otra opción es introducir directamente los valores de Anchura y Altura del objeto, lo que podemos hacer

desde el panel Transformar o desde el Panel de Control.

Valores específicos o porcentajes:

Otra opción es introducir directamente los valores de Anchura y Altura del objeto, lo que podemos hacer

desde el panel Transformar o desde el Panel de Control.

Introducimos los valores de ancho (An:) y alto (Al:) que deseemos. Estos valores son independientes, a no

ser que pulsemos el botón que permite bloquear la proporción. Cuando está la proporción bloqueada las

cajas de altura y anchura se unen por una línea negra, y al introducir uno de los valores, se recalcula el otro.

En vez de valores específicos, podemos especificar el alto y ancho en porcentajes. Por ejemplo, un valor de

50% reducirá el tamaño a la mitad, mientras que un 200% duplicará el tamaño. Para introducir porcentajes,

podemos utilizar el panel Transformar o volver a utilizar la herramienta Escala , pero esta vez haciendo

doble clic sobre ella, para abrir la ventana Escala

82

Para escalar altura y anchura con un mismo porcentaje, manteniendo así la proporcionalidad, marcamos

Uniforme e introducimos el porcentaje. Para hacerlo por separado, marcamos No uniforme e introducimos

los valores para el porcentaje Horizontal y Vertical.

Escalar bordes y motivos.

Por defecto, al escalar un objeto con borde y motivo, estos no se escalan:

Pero podemos cambiar este comportamiento, desde la Opciones de la ventana Escala o desde el menú de

propiedades del panel Transformar.

Cambiar escala a Trazos y efectos. Aplica la escala tanto al borde como a los efectos aplicados al objeto.

Objetos. Escala los objetos.

Motivo. Escala los motivos.

83

En la imagen anterior, se ha escalado también el motivo y el trazo.

La transformación de motivo se puede aplicar del mismo modo con el resto de herramientas.

Modos de distorsionar

Podemos distorsionar un objeto para inclinarlo sobre uno de sus lados o sobre un ángulo, con respecto a un

punto de referencia.

Utilizando herramientas:

La herramienta Distorsión permite distorsionar objetos, con un uso parecido a la herramienta Escalar.

Al seleccionarla, establece el punto de referencia en el centro del objeto, pero podemos colocarlo en

cualquier lugar con un clic. Al arrastrar el cursor, el objeto se distorsiona hacia el eje que lo dirijamos.

Utilizando la herramienta Transformación libre podemos distorsionar un objeto estirando de sus

controladores mientras mantenemos pulsada la tecla Ctrl.

Valores específicos:

También podemos introducir los valores de la distorsión, haciendo doble clic sobre la herramienta Distorsión

, para acceder a la ventana Distorsión.

84

•Debemos elegir el Ángulo de distorsión, con respecto al eje horizontal del objeto.

•La distorsión se aplicará sobre un Eje, que puede ser el Horizontal, el Vertical o un Ángulo, que debemos

especificar.

•La distorsión, por defecto, no se aplica a los motivos. Pero podemos marcar Motivos en las Opciones de la

ventana para que sí se aplique, e incluso desmarcar Objetos para que sólo se aplique a los motivos.

En este caso, la distorsión se aplicará tomando como punto de referencia el centro del objeto. Para acceder a

esta ventana usando otro punto de referencia, con la herramienta Distorsión haremosAlt + clic donde

queramos situar el punto.

Tanto el Panel de control como el Panel transformar nos permiten también distorsionar objetos:

Para ello sólo hemos de especificar el Punto de referencia e introducir un valor para el Ángulo de distorsión.

Efectos líquidos

Las herramientas de efectos líquidos modifican parte del trazado de los objetos y sus puntos de ancla. Estas

herramientas no se pueden utilizar en símbolos, texto, gráficas o archivos enlazados.

Estos efectos se aplican a cualquier objeto del documento. Para restringir que sólo afecte a determinados

objetos, debemos de seleccionarlos primero.

La herramienta Deformar curva los trazos del dibujo en la dirección que arrastremos con el cursor.

El resto de herramientas líquidas aplican un efecto preestablecido. El efecto se aplica mientras mantenemos

pulsado el cursor, sin necesidad de moverlo.

En estas imágenes puedes ver el efecto producido por las distintas herramientas, aplicado durante un instante

en el centro del mismo objeto:

85

Estas herramientas pueden distorsionar completamente el objeto si lo aplicamos por tiempo prolongado,

como en las siguientes imágenes con la herramienta Molinete y Cristalizar:

El área que se deforma del objeto depende del tamaño del pincel. Podemos variar el tamaño antes de usarlo

haciendo clic con la tecla Alt pulsada. Aunque esta y otras opciones son configurables al hacer doble clic

sobre la herramienta:

86

Las opciones comunes a todas las herramientas son:

Altura y Anchura de la elipse que forma el pincel de la herramienta.

El Ángulo del pincel, su orientación.

Usar lápiz táctil, para aquellos usuarios que utilicen tabletas gráficas sensibles a la presión.

Detalle. Al utilizar estas distorsiones, se añaden puntos de ancla a los segmentos del objeto. Cuanto mayor

sea el detalle, más de estos puntos se crearán.

Dependiendo de la herramienta seleccionada, aparecerán otras opciones específicas.

Modos de rotar

Rotar un objeto es girarlo, cambiar el ángulo que forma su eje horizontal con el del documento, y esto

también se considera una transformación.

Utilizando herramientas:

Podemos utilizar la herramienta Rotar para girar objetos. Como las herramientas que hemos visto,

podemos hacer clic para cambiar el punto de referencia a otro lugar distinto del centro, que es la opción por

defecto. Al arrastrar el cursor alrededor del objeto, éste rotará en esa dirección.

Con la herramienta Transformación libre , si hacemos clic alrededor del objeto, y arrastramos hacia un

lado u otro, conseguimos rotar el objeto. Podemos combinarlo con la tecla Mayúsculas para girar el objeto

de 45 en 45 grados.

Valores específicos:

87 También podemos introducir directamente el Ángulo de rotación. Podemos hacerlo desde la ventana Rotar al

hacer doble clic sobre la herramienta Rotar .

En esta ventana, encontramos la opción para rotar los Motivos del relleno del objeto.

Y como no, podemos rotar los objetos desde el panel Transformar:

Modos de reflejar

Reflejar un objeto es invertirlo con respecto a un eje, crear un objeto simétrico.

Utilizando herramientas:

Podemos emplear para ello la herramienta Reflejo . Al hacer clic, situamos el punto de referencia, que

esta vez hará de eje. Si movemos el cursor arrastrando, veremos el contorno de la imagen, pero esta vez

invertida.

Podemos crear el reflejo definiendo un eje. Para ello, situamos el punto de referencia en el extremo del eje

imaginario, y hacemos clic en el otro extremo.

Con la herramienta Transformación libre podemos reflejar un objeto del mismo modo que lo

escalamos, pero sobrepasando el controlador opuesto al que estamos estirando.

88 Valores específicos:

Como el resto de herramientas, disponemos de una ventana en la que introducir los valores directamente, a la

que accedemos la hacer doble clic sobre la herramienta Reflejo:

Podemos reflejar sobre uno de los ejes Horizontal o Vertical, o introducir un Ángulo distinto.

Si queremos que el reflejo se aplique a los motivos, deberemos marcar la opción Motivos

Ejercicio paso a paso: Crear un tatuaje tribal , partiendo de un único trazado, y utilizando las herramientas de

escalar, girar y reflejar.

1. Creamos la forma base, será curvada y acabada en punta, con la herramienta Pluma:

2. Seleccionamos la herramienta Escalar, con el trazado todavía seleccionado.

3. Hacemos clic en el centro del comienzo de la parte ancha de la forma, a su izquierda, para situar el punto

de inserción.

4. Escalamos, con el cursor alejado del objeto para tener mayor precisión, hasta obtener una forma parecida a

la de la imagen. Cuando soltemos el botón del ratón, debemos tener pulsada la tecla Alt.

5. Seleccionamos la herramienta Reflejar, e invertimos el último trazado creado, con la tecla Alt pulsada

para crear una copia.

6. Escalamos, giramos, con la herramienta Girar, y movemos ,si es preciso, el trazado hasta dejarlo como en

la siguiente imagen.

89

7. Siguiendo los pasos vistos hasta ahora, creamos tantas copias modificadas de la forma inicial como

creamos necesarias.

8. Agrupamos todos los trazados para que no sea más fácil trabajar con ellos.

9. Reflejamos el grupo entero para obtener una figura simétrica.

10. Y si lo queremos de mayor tamaño, podemos reflejarlo también en el eje horizontal.

Envolventes

Podemos utilizar un objeto para cambiar la forma de otro, a lo que llamamos envolventes. Podemos crear

envolventes con mallas y formas preestablecidas, o crear nuestra propia envolvente utilizando un objeto

creado por nosotros.

Crear envolventes: Todas las opciones para crear envolventes las encontramos en el submenú Objeto →

Distorsión de envolvente.

90

Deformaciones preestablecidas.

Para crear la envolvente con una de las formas predefinidas, seleccionamos el objeto y vamos al menú

anterior y elegimos Crear con deformación. En el caso de elementos de texto, podemos hacerlo directamente

a través del botón Envolvente del Panel de control. De ambas formas llegamos a la ventana Opciones de

deformación:

En el desplegable Estilo podemos seleccionar cualquiera de los estilos de deformación preestablecidos en

Illustrator.

Podemos elegir si la distorsión se aplicará en el eje Vertical o en el Horizontal.

•Las distorsiones están formadas por mallas con segmentos curvos. Cuanto mayor más alejado de 0 sea el

valor de Curvar, estas serán más exageradas.

•En distorsión tenemos dos controladores, uno para el eje Vertical y otro para el Horizontal. Cuando están a

0% el objeto no se distorsiona, pero al desplazarlo hacia un lado, el lado correspondiente del objeto se

agranda, reduciéndose el opuesto.

Cuando todos los valores se encuentran a 0%, el objeto no sufre distorsión.

Deformaciones con malla.

Si en el menú escogemos Crear con malla, llegamos a la siguiente ventana:

91

La malla es una rejilla creada sobre el objeto, que luego deformaremos. Por eso lo único que hay que elegir

es el número de Filas y Columnas que tendrá.

Deformación con otro objeto.

Para hacerlo basta con situar el objeto que servirá para deformar encima del objeto a deformar, y escoger la

opción Crear con objeto superior.

Modificar una envolvente:

Después de crearla podemos modificar la deformación de la envolvente moviendo y modificando los puntos

de ancla que la componen, con la herramienta Selección directa o con la herramienta Malla . Esta

última, nos permite además añadir líneas y puntos a la malla que forma la envolvente, y quitarlos si la

combinamos con la tecla Alt.

Para modificar en contenido, tenemos que pulsar el botón Editar contenido en el Panel de control. Veremos

que el trazo que forma el objeto sigue siendo el original.

Para volver a editar el envolvente, pulsamos en Editar envolvente .

Podemos cambiar a unos de los estilos de envolvente predefinidos directamente desde el Panel de control.

Quitar envolventes:

92 Para deshacer una envolvente, en el submenú Objeto → Distorsión de envolvente encontramos la opción

Soltar, lo que separa el objeto original del objeto que forma el envolvente.

En cambio, si lo que queremos es dejar como definitivo el objeto, porque ni lo vamos a distorsionar

nuevamente ni pretendemos soltar la envolvente, elegiremos Expandir. Esto creará un único objeto con la

forma distorsionada.

Ejercicio Crear una bandera con envolvente

Vamos a ver como utilizar envolventes para crear una sencilla bandera.

1. Creamos un el triángulo de la bandera, con la pluma, o con la herramienta Polígono:

2. Lo rellenamos con un degradado que alterne tonos claros y oscuros de un mismo color.

93 3. Hacemos clic dentro del triángulo con la herramienta Texto para insertar un texto de punto. En este caso,

ha sido blanco con el tipo de fuente Britannic Bold y estilo Regular.

4. Con el texto y el triángulo seleccionados, pulsamos el menú Objeto → Distorsión de envolvente → Crear

con distorsión.

5. Seleccionamos el Estilo Bandera, marcamos Horizontal, Curvar al 27% para que sea suave, y dejamos los

valores de Distorsión al 0%. Pulsamos OK.

6. Con la herramienta Malla, hacemos clic en el lado izquierdo del envolvente para crear un nuevo punto de

ancla que nos permita distorsionar la imagen.

7. Regulamos los controladores de dirección de los puntos de ancla de las esquinas de la izquierda y

movemos el punto creado hacia dentro.

94 8. Seleccionamos el triángulo con la herramienta Selección directa, y con el panel Degradado ajustamos el

degradado para que las zonas claras y oscuras coincidan con los pliegues de la bandera.

9. Por último añadimos el mástil, que no es más que un rectángulo y una elipse.

Combinar objetos

Con Illustrator podemos combinar objetos par obtener formas más complejas. Para ello, disponemos de tres

métodos básicos:

Buscatrazos.

Utilizando los efectos de buscatrazos y su panel, podemos combinar los objetos de diversas formas, aunque

este método no nos permite editar la interacción entre los objetos.

Para utilizar estos efectos, nos apoyaremos en el panel Buscatrazos:

En la primera línea encontramos los Modos de forma. Vamos a ver su efecto aplicado a dos objetos, aunque

se pude aplicar a varios:

Añadir área de forma. Suma ambos objetos, englobándolos en el mismo trazado.

Restar área de forma. Quita el área del objeto inferior que queda bajo el objeto superior.

Formar intersección con áreas de formas. Muestra sólo el área del objeto inferior que queda bajo el superior.

Excluir áreas de forma superpuestas. Quita el área de los objetos que forman intersección, dejando el resto.

95 Al aplicar estos efectos, aunque los objetos reflejan los cambios, continúan preservando sus trazos

originales, lo que veremos en las formas compuestas. Para crear un único objeto definitivo, pulsaremos el

botón Expandir del panel. En la siguiente imagen vemos dos objetos con intersección, y a la derecha el

objeto expandido.

Esto podemos hacerlo directamente si pulsamos la tecla Alt cuando elegimos uno de los modos de forma.

Podemos volver a separar estos objetos desde el menú del panel Buscatrazos, eligiendo Soltar forma

compuesta.

En la parte inferior del panel encontramos los efectos Buscatrazos. Mientras que con los anteriores

obteníamos un objeto resultante de la combinación, con estos podemos obtener varios, aunque agrupados.

Afectan directamente a los objetos, como si pulsásemos el botón Expandir. Si queremos aplicarlos de forma

que se conserven los objetos originales, debemos hacerlo desde el menúEfectos → Buscatrazos.

Dividir superpone los objetos, y los separa en cada una de la intersecciones.

Cortar y Combinar. Al combinarlos con estos comando, desparace el contorno, y se quita la parte en la que

los objetos se solapan. La diferencia entre ambos es que Cortar no combina objetos con el mismo relleno,

y Combinar si lo hace.

Recortar funciona como el comando Cortar, pero sólo deja las partes de los objetos que estén dentro del

objeto más superior en el orden de apilamiento.

Contornear. Deja los objetos sólo como contornos, separados en segmentos por cada punto de intersección.

Menos fondo. Elimina del objeto superior el área que coincida con los objetos de niveles inferiores.

Formas compuestas.

Ya hemos visto que con el panel Buscatrazos podemos crear formas compuestas. Pero si en vez de combinar

sólo dos objetos combinamos varios objetos simples, y utilizando las diversas formas compuestas como

añadir, intersección, etc... llegaremos a crear ilustraciones cada vez más complejas de un modo sencillo.

96

Para crear una forma compuesta, seleccionamos los elementos y en el menú del

panel Buscatrazos elegimos Crear forma compuesta.

Al hacer esto, todos los objetos se han combinado con el método Añadir y se han agrupado. Si hacemos

doble clic sobre el objeto, entraremos en el modo de grupo aislado. Al seleccionar cada uno de sus

componentes, en el panel Buscatrazos aparece pulsado el modo de forma seleccionado. Podemos seleccionar

cualquier otro para obtener el efecto deseado.

Recuerda que una vez creado, podemos pulsar el botón Expandir si queremos fusionarlo en un único objeto.

Ejercicio: Crear formas compuestas

Vamos a ver como crear dos formas compuestas bastantes simples, en este caso un sol y unas nubes:

Nubes:

1. Creamos unas cuantas elipses imaginando el contorno de la nube:

2. En el panel buscatrazos hacemos Alt + clic sobre el efecto Añadir, con todas las elipses seleccionadas.

97

3. Ahora, le podemos aplicar degradado para darle efecto de volumen, y escalarla o deformarla para ajustarla

al tamaño final.

Sol:

1. Dibujamos una estrella con puntas largas, y el relleno que tendrá el Sol.

2. Sobre ella dibujamos dos círculos, el último un poco más pequeño.

3. Centramos los tres elementos, horizontal y verticalmente.

4. En el menú del panel Buscatrazos, elegimos Crear forma compuesta, con los tres elementos seleccionados.

5. Hacemos doble clic sobre la forma compuesta, para entrar en el grupo aislado.

6. Seleccionamos la mayor de las circunferencias.

7. En el panel Buscatrazos, escogemos el efecto Restar área de forma.

98

Trazados compuestos.

Podemos crear un trazado compuesto por varios trazados. Esto normalmente lo haremos en trazados

sencillos. El resultado es parecido al de agrupar objetos, pero en este caso no podremos variar las

propiedades del trazado, como el relleno, y que sean distintas en los trazados que forman el compuesto. Por

ejemplo, imaginemos que creamos trazados para formar la letra "i". La formaremos con dos trazados, para el

cuerpo de la letra y el punto, pero nos interesa que sea tratado como uno sólo.

Para crearlo, seleccionamos los trazados y en el menú emergente del botón derecho elegimos Crear trazado

compuesto.

Por defecto, cuando dos trazados se superponen, forman huecos en el trazado compuesto. Lo mismo ocurre

cuando creamos un único trazado pero este se cruza sobre sí mismo (trazados de autointersección). Este

comportamiento podemos variarlo en el panel Atributos:

Cuando está marcada la opción Relleno sinuoso distinto de 0, se rellenan todos los puntos que quedan dentro

del trazado más extremo.

La opción Relleno par-impar hace que cuando encuentre un trazado cerrado dentro del primero lo deje vacío,

rellenando el siguiente que encuentre junto a este, etc...

Los objetos que obtenemos la crear formas compuestas y expandirlas, o al utilizar los efectos del

panel Buscatrazos son la mayoría de las veces trazados compuestos.

99 Cortar, dividir y separar objetos

Hemos visto que utilizando el panel Buscatrazos, podemos combinar objetos para dividirlos y separarlos.

Pero disponemos de otras herramientas que nos permiten dividir trazados.

A mano alzada, podemos dividir un trazado con la herramienta Cuchilla . Al pasarla sobre un trazado

seleccionado lo separa, cerrando los nuevos trazados.

En vez de a mano alzada, podemos utilizar otro objeto para dividir el trazado. Para ello colocaremos sobre el

trazado a dividir otro que marcará las líneas de corte, y seleccionando sólo este último pulsamos en el

menú Objeto → Trazado → Dividir objetos debajo.

Si lo que queremos es dividir un trazado abierto, o que el trazado no se vuelva a cerrar, no podemos utilizar

estas herramientas. Optaremos por cortar directamente el trazado. Al cortarlo en un punto, se crean dos

puntos finales de trazado, separados entre sí, aunque aparecen en el mismo sitio hasta que no los movamos.

Para cortar el trazado en un lugar donde no existan puntos de ancla, utilizaremos la herramienta Tijeras ,

con la que haremos clic sobre el trazado.

Si los cortes los vamos a hacer por puntos de ancla ya existentes, resulta más rápido y preciso seleccionar los

puntos y pulsar el botón Cortar trazado en los puntos de ancla seleccionados del Panel de control.

Máscaras de recorte

Puede que tengamos un objeto demasiado grande, del que sólo nos interesa mostrar una parte. Esto nos

pasará sobre todo con imágenes de mapa de bits. En este caso no cortaremos el objeto, si no que

colocaremos otro encima (trazado de recorte) que delimite el área del objeto inferior (objeto enmascarado)

que se mostrará.

100 El proceso es sencillo: creamos el objeto enmascarado, que puede ser de cualquier tipo, incluso un grupo de

objetos, y sobre él colocamos el trazado de recorte, que ha de ser un gráfico vectorial. Con ambos

seleccionados, elegimos la opción del menú Objeto → Máscara de recorte → Crear.

Por ejemplo, sobre la siguiente imagen hemos creado una máscara de recorte basada en un triángulo, aunque

podríamos haber utilizado una forma más compleja:

Otra máscara que podríamos crear con la imagen anterior sería una con el mismo perfil de la montaña, que

no dejase ver el cielo.

El objeto enmascarado sigue estando completo, pero agrupado con el trazado de recorte. Por ello, la forma

más simple de editarlos es hacer doble clic sobre ellos para entrar en el grupo aislado. Aquí aparecerán como

objetos independientes, que podemos desplazar para mostrar otra parte del objeto o editarlos para darle

nueva forma.

Para deshacer la máscara de recorte, basta con seleccionar la opción del menú Objeto → Mascara de

recorte → Soltar.

Fusión de objetos

Al fusionar dos objetos, creamos copias del primero, que se va transformando suavemente hasta adquirir las

características del segundo. A estas copias se les llama pasos.

101

En este caso, vemos que se va modificando el trazado y color del relleno del cuadrado rojo hasta convertirse

en la estrella azul. Esto podemos hacerlo con la herramienta Fusión , haciendo clic en ambos elementos,

o directamente con el comando del menú Objeto → Fusión → Crear, si hemos seleccionado previamente los

elementos. Podemos concretar más, indicando que un punto del objeto inicial corresponderá con

determinado punto del final, provocando la rotación de los elementos generados en los pasos. Esto lo

conseguimos al seleccionar directamente los puntos de ancla con la herramienta Fusión.

La fusión nos permitirá, por ejemplo, crear efectos tridimensionales y degradados con la forma de nuestro

objeto, sin que tengan que ser únicamente radiales o lineales.

Esto lo conseguimos a través de las Opciones de fusión, del menú Objeto → Fusión.

Espaciado se refiere a la distancia entre los objetos generados para la transición. Tenemos tres opciones:

Redondear color, deja que Illustrator calcule el número de pasos para tener una transición suave.

Pasos especificados nos permite introducir el número de pasos entre los objetos.

Distancia especificada nos permite introducir cada cuantos píxeles queremos que se cree un paso.

En Orientación encontramos dos iconos. El primero, Alinear con la página, hace que los elementos de paso

queden alineados con el eje horizontal de la página, mientras que el otro, Alinear con el trazado, alinea la

base de los elementos de fusión con el trazado que une los dos elementos de la fusión. Esto se aprecia mejor

cuando los elementos tienen la misma forma.

102

La fusión crea un grupo aislado. Podemos entrar en él, lo que nos permitirá seleccionar y editar los

elementos originales. Si cambiamos la forma o el color de estos, los elementos de paso se adaptarán a las

nuevas características. Y queda otro elemento que podemos editar, el lomo. El lomo es un trazo que une los

elementos de los extremos, y determina por donde se crearán los elementos de paso. Por defecto se crea un

trazado recto, pero podemos modificarlo para curvarlo, añadir puntos de ancla, etc.

Podemos cambiar el lomo por otro trazado o por un objeto. Para ello, y sin estar en el grupo aislado,

seleccionamos el objeto fusionado, y el que hará de lomo, y en el menú Objeto → Fusión,

seleccionamos Remplazar lomo.

Los objetos que forman parte de la fusión dependen de ésta, y no los podemos seleccionar, a no ser que

pulsemos el menú Objeto → Expandir, lo que deshará la fusión pero mantendrá los pasos como objetos

independientes.

Apariencia y efectos (I)

Apariencia

Hasta ahora, con Illustrator hemos creado objetos con la apariencia básica. Un objeto con apariencia básica

consta únicamente de un trazado y un relleno. Pero el objeto puede tener varios rellenos o trazos. A su vez

cada uno de estos elementos, puede tener atributos de color, grosor o efectos. A parte, un objeto puede tener

atributos heredados de un grupo o de una capa.

Para ver qué atributos tiene un objeto, utilizaremos el panel Apariencia.

Para un objeto simple, el panel solo muestra el Trazo, Relleno y Opacidad (apariencia básica). Estos

elementos siempre estarán, aunque sean de ningún color. Y a medida que creemos nuevos elementos, el

panel irá creciendo:

103

Para crear un nuevo trazo o relleno igual que uno de los existentes, lo seleccionamos (haciendo clic), y

pulsamos el botón Duplicar elemento seleccionado del panel. También podemos utilizar los

iconos Añadir nuevo relleno y Añadir nuevo trazo directamente del menú del panel. El el

botón Duplicar elemento seleccionado nos sirve también para duplicar otros elementos, como los

efectos.

Una vez creado el elemento, lo seleccionamos y cambiamos sus atributos, como el color, o le aplicamos un

efecto desde el icono como veremos más adelante.

El orden de los elementos en el panel es importante, y se comporta como el orden de apilamiento. Por

ejemplo, si tenemos dos rellenos de colores distintos, sin ningún efecto, quedarán superpuestos y se verá sólo

el que esté más arriba.

Para quitar un elemento, lo seleccionamos y pulsamos el icono Borrar elemento seleccionado.

También podemos cambiar el grosor del borde de cualquier trazo y el color de trazos y rellenos haciendo clic

sobre estos valores. Al hacer clic sobre el color, accedemos al panel Muestras. Si preferimos acceder al

panel Color, debemos de hacer Shift + clic.

104 Si lo preferimos, podemos seleccionar el elemento y utilizar los paneles Color, Trazo, Muestras, Guía de

color, etc...

Para quitar la apariencia tenemos dos opciones: podemos Reducir a apariencia básica desde el menú del

panel, elimina los elementos adicionales, dejando sólo el trazo y relleno original. Si pulsamos Borrar

apariencia, el objeto quedará sólo con un trazo y un relleno, pero los dos como ninguno .

Efectos

Los efectos nos dan muchas posibilidades a la hora de crear nuestros gráficos: por ejemplo, añadir sombras,

iluminación, deformaciones, etc... Estos efectos son dinámicos, es decir, si transformarmos el objeto, se

vuelven a aplicar a la nueva forma del objeto.

Para aplicar un efecto a un objeto, lo primero es seleccionarlo. Si deseamos aplicar el efecto sólo al relleno o

al trazo del objeto, deberemos de seleccionar el atributo correspondiente en el panel Apariencia. Después, en

el menú Efecto, el icono del panel Apariencia, elegimos el submenú de la categoría que nos interesa, y

uno de sus efectos. Al elegir uno, puede que debamos introducir algunos parámetros.

Al aplicar un efecto, este se muestra como un atributo en el panel Apariencia del objeto, con el su nombre y

el icono . Para editar el efecto, basta con hacer clic sobre él y volver a

configurar sus parámetros.

Para quitar un efecto, lo eliminaremos desde el panel Apariencia.

Como ya hemos comentado, el efecto no modifica el objeto sobre el que lo aplicamos. Esto nos mantiene la

posibilidad de reconfigurar los parámetros del efecto en cualquier momento, quitarlo o modificar el objeto

original, y que el efecto se adapte a él. No obstante, podemos dejar el efecto como definitivo y transformar el

objeto, utilizando el comando Objeto → Expandir apariencia.

105 Podemos aplicar los efectos tanto a mapa de bits como a gráficos vectoriales. Esto se debe a que Illustrator

transforma de forma virtual el objeto vectorial a mapa de bits antes de aplicar el efecto. También algunos de

los efectos, los llamados Efectos de rasterizado (la sombra paralela, los resplandores, etc...) generan píxeles

en vez de objetos vectoriales. En todos estos casos, el resultado depende de cómo hayamos configurado

las opciones de rasterización.

Opciones de rasterización

Rasterizar es convertir un gráfico vectorial a un mapa de bits.

Cada vez que apliquemos un filtro rasterizado, la resolución y aspecto del resultado dependerán de como

hayamos ajustado las opciones de rasterización. Para acceder a ellas, lo hacemos desde el

menú Efectos → Ajuste de efectos de rasterizado de documento. Se abrirá una ventana como ésta:

Modelo de color.

El primer desplegable corresponde al Modelo de color. Podemos seleccionar el modo de color del

documento (RGB o CMYK), escala de grises, o mapa de bits. Esta última opción, deja la imagen como un

mapa de bits de 1 bit, es decir, solo con negro y el fondo.

Resolución.

En el apartado Resolución decidimos los puntos por pulgada (ppp) que tendrá el mapa de bits. Si el destino

de la ilustración es que se vea en una pantalla, con el valor Pantalla (72 ppp) nos bastará para que con un

zoom normal no aparezca el efecto dentado. Si estamos creando una ilustración para imprimirla en alta

calidad, optaremos por Alta. A mayor resolución, mayor será el archivo generado.

Fondo.

Aquí decidimos si el área transparente de la ilustración se rellena de Blanco o permanece Transparente.

Opciones.

Suavizar. Suaviza los bordes para reducir el efecto dentado, pero que también le resta nitidez, lo que puede

ser contraproducente en trazos finos.

106

Crear máscara de recorte. En el caso de elegir el Fondo blanco, podemos marcar esta opción para que se cree

una máscara de recorte que cubra el fondo de la ilustración, dejándolo transparente.

Añadir alrededor del objeto. Con esta opción añadimos alrededor del objeto, y como fondo el número de

píxeles que indiquemos. Sería parecido a añadir un margen.

La opción del menú Ver → Contornear / Previsualizar nos puede resultar muy útil para ver el contorno real

de los objetos a los que hemos aplicado filtros complejos.

Nota: En versiones anteriores de Illustrator encontrábamos también filtros. Estos funcionamaban de forma

parecida a los efectos, pero transformando el objeto de forma permanente. Para conseguir el mismo

resultado, podemos aplicar el filtro y después expandir al apariencia.

Efecto sombra

Al aplicarlo se crea una sombra proyectada por los objetos seleccionados.

La sombra es realmente un mapa de bits con transparencia.

Podemos aplicarlo desde el submenú Estilizar → Sombra paralela.... Al hacerlo, aparece una ventana para

que modifiquemos los siguientes parámetros:

107 El Modo (modo de fusión) se refiere al comportamiento de la sombra con respecto a los objetos que tenga

debajo, como pasaba con la transparencia.

La sombra es una transparencia, y Opacidad es es el mismo valor que usábamos para crear transparencias,

siendo 100% una sombra totalmente opaca y un 0% totalmente transparente.

En Desplazamiento, introducimos la distancia desde el centro de la sombra al centro del objeto para cada eje.

Admite valores negativos.

Desenfocar. A la sombra se le puede dar un valor de desenfoque. Cuanto más bajo sea, la forma de la sombra

respetará con mayor exactitud la del objeto.

La sombra por defecto es negra, pero podemos elegir el Color que queramos haciendo doble clic. La otra

opción, es que tome el color del propio objeto pero dándole un valor de Oscuridad para mezclarlo con negro.

La oscuridad al 100% proyecta una sombra negra, y al 0% del mismo color del objeto.

Efecto desplazamiento

Un efecto muy útil es el que podemos encontrar en el menú Efecto → Trazado → Desplazamiento. Este

efecto, desplaza el trazado o relleno la distancia que le indiquemos. Por eso, combinado con la posibilidad de

añadir varios trazos y rellenos al objeto desde el panel Apariencia, y aplicando el efecto sobre estos, nos

permite crear objetos con múltiples bordes ajustados a la medida.

Al aplicar el efecto, aparece esta ventana:

Desplazamiento es la distancia que se desplazará el elemento de su posición original. Valores positivos lo

alejan del centro mientras que valores negativos lo acercan.

108 En caso de hayan ángulos, en Uniones podemos decidir si queda Redondeada, Biselada o En ángulo. De

elegir esta última opción, Límite en ángulo determina el tamaño máximo para el que se muestra como

ángulo. Si se sobrepasa, la forma queda biselada.

En esta imagen, de fuera a dentro, tenemos tres trazados en verde, con

un Desplazamiento de 15px, 10px y 5px respectivamente. Por ese mismo orden, las Uniones están

establecidas a En ángulo, Redondeada y Biselada. La estrella central verde, es un relleno

con Desplazamiento negativo.

Otros efectos Redondear vértices.

Otro efecto que encontramos en el submenú Estilizar es el de Redondear vértices.

Al aplicarlo, no se cambia cada punto de ancla por un punto suavizado, se sustituye por dos puntos que

formen un arco con el radio que elijamos al aplicar el filtro o efecto. Se mostrarán los nuevos puntos si lo

hemos aplicado como filtro.

Emborronar.

El efecto emborronar, convierte cada segmento del objeto en un trazada dentado, lleno de vértices.

109

Podemos aplicarlo desde el submenú Distorsionar y transformar → Emborronar.... Al hacerlo, aparece una

ventana para que modifiquemos los siguientes parámetros:

En Detalle, concretamos cuántos puntos de ancla por pulgada queremos crear (simulados). Nunca se restarán

puntos de ancla al objeto original.

En Tamaño, introducimos la longitud que tendrá cada nuevo segmento, como un valor porcentual del

original al marcar Relativo, o un valor exacto al marcar Absoluto.

Por último, podemos hacer que cada nuevo punto de ancla sea suavizado (Suavizar) o un Vértice.

Ejercicio Crear formas utilizando efectos

Vamos a utilizar los filtros para crear objetos complejos a partir de una elipse.

Ejercicio 1:

Crea una circunferencia de 130 px de diámetro, y rellénala con un degradado.

Crea una copia de la circunferencia.

A la primera, aplícale un Efecto → Distorsionar y transformar → Zigzag, con

un Tamaño del 12% (Relativo), 2 Crestas por segmento, y en Puntos elige Vértice.

Aplícale también un Efecto → Estilizar → Redondear vértices, con radio de 5 px.

Crea una copia de la circunferencia deformada.

A la primera copia, aplícale un efecto Efecto → Distorsionar → Fruncir y engordar, al 90%.

110

A la segunda, aplícale un Efecto → Distorsionar y transformar → Fruncir y engordar, al -57%.

Selecciona la copia que creaste en el paso 2.

Aplícale un Efecto → Distorsionar y transformar → Zigzag, con un Tamaño del 1px (Absoluto), 45 Crestas

por segmento, y en Puntos elige Suavizar.

Aplícale también un Efecto → Distorsionar y transforma→ Fruncir y engordar, al -45%.

Selecciona los tres objetos creados, y céntralos vertical y horizontalmente.

Desde el panel Transparencia, con todos los elementos seleccionados, selecciona Luz fuerte y reduce

la Opacidad al 70%.

111

Resplandor.

Disponemos de dos efectos que simulan resplandor, un exterior y otro interno. Podemos encontrar ambos en

el submenú Estilizar. Desde ahí, llegamos a la siguiente ventana:

El resplandor es una transparencia, así que como con la sombra paralela, encontramos las opciones que ya

conocemos:

El Modo de transparencia. A su lado, el selector de color.

El porcentaje de Opacidad, siendo 0% totalmente transparente.

Desenfocar marca la distancia a la que comienza el desenfoque.

En caso de que el resplandor sea interior, podemos elegir si el resplandor parte del Borde hacia dentro, o

desde el centro hacia los bordes (Centrar).

Desvanecimiento.

El efecto de desvanecimiento provoca que el contorno del objeto se difumine. Podemos encontrarlo también

en el submenú Estilizar. En este caso, el único parámetro es el Radio de desvanecer, que es la distancia desde

borde del objeto a la que afecta el efecto.

112

En esta imagen, hemos aplicado el efecto a la sombra.

Illustrator incluye efectos heredados de Photoshop, diseñados para mapa de bits, aunque podemos

aplicarlosa los gráficos vectoriales

Avanzado: Efectos de Photoshop

Illustrator dispone de una serie de efectos de Photoshop. Estos filtros podemos aplicarlos sobre gráficos de

mapa de bits. Cuando los aplicamos como efectos, podemos aplicarlos sobre gráficos vectoriales, pero hay

que tener en cuenta que se trata de efectos de rasterizado, por lo que las opciones de rasterización elegidas

influirán en el resultado.

Podemos acceder a estos efectos desde la parte inferior del menú Efectos. Si ya los conocemos, basta con

elegir uno de los distintos submenús e introducir los parámetros necesarios. Pero si no, en el mismo menú

encontramos el comando Galería de efectos... con el que accedemos a la siguiente ventana, donde podemos

probar cada uno cómodamente:

113

A la izquierda se muestra una previsualización del efecto o filtro sobre el objeto seleccionado.

En la parte central, clasificados en categorías, encontramos los distintos filtros y efectos, que podemos

aplicar con un clic.

Cada filtro o efecto tiene unos parámetros que podemos configurar. Estos se muestran en el panel de la

derecha.

Aquí vemos todos los efectos y filtros de Photoshop:

Dentro de los Efecto de Illustrator, encontramos los Efectos 3D.

114

El efecto Rotar nos permite girar un objeto en tres dimensiones, mientras que los efectos de Extrusión y

biselado y Girar nos permite crear objetos tridimensionales.

Al aplicar cualquiera de estos efectos, accedemos a una ventana que nos permite controlar la posición y la

superficie.

Básico: Controles de los efectos 3D

Al elegir cualquiera de los efectos 3D, llegamos a una ventana muy similar, con algunos controles comunes.

Vamos a verlos:

Posición

La parte superior de la ventana nos permite controlar la posición del objeto.

115 En el desplegable Posición encontramos una serie de posiciones predefinidas.

El cubo (cubo de seguimiento) nos permite girar libremente el objeto arrastrando sus lados. La cara azul

corresponde a la parte frontal del objeto. La parte superior e inferior es color gris claro, y los laterales gris

oscuro.

Pensemos en los tres ejes que definen un objeto tridimensional: el eje horizontal (x), el vertical (y) y la

profundidad (z). Podemos girar el objeto con respecto a cada uno de estos ejes: para hacerlo sobre el eje z,

arrastraremos sobre la banda azul que rodea al cubo. Si arrastramos el cubo mientras pulsamos Mayúsculas,

hacia arriba o hacia abajo, giraremos sobre los ejes x e y.

Para rotar el objeto sobre sus propios ejes, situaremos el cursor sobre la arista que queramos girar, y cuando

cambie de color arrastraremos.

Lo que conseguimos al girar el objeto es definir los valores de rotación sobre los ejes del documento. Estos

aparecen en las cajas de texto de la parte derecha.

La Perspectiva del objeto, disminuye su tamaño en la profundidad. Al alejarse de la cara frontal, el objeto va

haciéndose cada vez más pequeño, dando efecto de lejanía. 0º indica un objeto sin perspectiva, siendo la

máxima de 160º.

Difuminado de superficie

En la parte inferior de la ventana podremos elegir cómo se muestra la superficie del objeto, y dependiendo

de las opciones que escojamos, cómo se comporta la luz al incidir sobre él (si no se muestran estas opciones,

pulsar el botón Más opciones):

Lo primero será elegir la superficie, entre las cuatro posibles:

Malla metálica. Muestra sólo el contorno del objeto, sin rellenar sus caras. No disponible para el

efecto rotación 3D.

Sin difuminado. Rellena las caras del objeto, pero con el mismo color que el objeto original, sin brillos que

den aspecto de volumen.

Difuminado difuso. Refleja la luz de forma uniforme, quedando el objeto como si fuese un degradado, con

aspecto de volumen.

Difuminado plástico. El objeto refleja la luz de forma más intesa en algunos puntos, como si fuese brillante.

Tampoco está disponible para el efecto rotación 3D.

En el caso de haber elegido un difuminado, encontramos una serie de opciones de configuración sobre la luz

que incide en el objeto.

116 Luz ambiente es la luz general que baña todo el objeto. Cuanto menor sea la luz, mayor será la diferencia

entre claro y oscuro. Si la luz es muy alta, el color puede ellegar a mostrarse uniforme.

Intensidad de resaltado (sólo Plástico). Cuanto mayor sea, el punto sobre el que incide la luz se mostrará mas

brillante. Si lo reducimos, el objeto parecerá cada vez más mate y menos brillante.

Tamaño de resaltado (sólo Plástico). Cuanto mayor sea, el reflejo de la luz será mayor.

Pasos de fusión. El difuminado se crea utilizando una fusión, y aquí podemos especificar el número de pasos

intermedios. Cuantos más pasos, será más suave, pero se generarán más trazados.

Para controlar la zona donde incide la luz, tenemos otro control en la parte inferior izquierda, la esfera de

iluminación:

La posición de cada luz aparece como un círculo de relleno blanco cuando esta delante del o objeto, y negro

cuando está detrás. Podemos desplazar una luz arrastrándola por la esfera. Para moverla detrás o delante

podemos pulsar el primer botón de la izquierda. Con el botón Nueva luz, añadimos focos de luz a la esfera,

mientras que con el botón Eliminar luz, borramos la seleccionada.

Para cada luz, podemos definir un valor en el control Intensidad.

Por último el control Color de difuminado, nos permite dejar el difuminado en Negro, Ninguno y que no

añada un color, o elegir un color marcando A medida. Este color se refiere al que se utiliza para dar el

aspecto sombreado en las zonas sin luz.

Nota: Dependiendo de la complejidad del objeto, del efecto aplicado (sobre todo si es el de giro 3D) y la

potencia del equipo, puede resultar costoso generar el objeto tridimensional. Por eso, si tenemos activa la

previsualización y vamos a realizar varios cambios, es mejor desactivarla, hacer los cambios, y volverla a

activar para que no se genere el objeto cada vez que variemos un parámetro.

Extrusión y biselado.

Este efecto nos permite dar profundidad a un objeto.

Podemos aplicar este efecto desde le menú Efecto → 3D → Extrusión y biselado.... Llegamos a la ventana

con los controles que ya hemos explicado. En la parte central aparecen los parámetros específicos para este

efecto:

Las propiedades de extrusión son la Profundidad de extrusión, y el Remate, que puede ser de Apariencia

sólida o Apariencia hueca .

117

La extrusión puede ser plana, o darle un bisel, seleccionándolo del panel Bisel. El bisel es un relieve más o

menos complejo. Podemos definir la Altura máxima de este relieve. Y también encontramos dos botones,

para decidir si el bisel va hacia fuera , y se suma al tamaño del objeto, o si va hacia dentro .

Girar.

El efecto girar es el que nos permite crear los objetos tridimensionales más complejos. Gira el objeto original

sobre uno de sus lados para crear el objeto. Es decir, si giramos medio círculo, obtenemos una esfera.

Podemos aplicar este efecto desde le menú Efecto → 3D → Girar.... Las opciones específicas de Girar son

las siguientes:

Ángulo. Determina cuantos grados se gira, donde 360º es el giro completo.

En Desplazamiento, podemos marcar la distancia a la que se establece el eje de giro, desde el Borde

izquierdo o desde el Borde derecho.

118

Rotar.

Este efecto nos permite rotar los objetos en tres dimensiones.

Podemos aplicar este efecto desde le menú Efecto → 3D → Rotar.... Este efecto no tiene opciones

específicas, pero nos permite utilizar el cubo de seguimiento para rotar el objeto.

Colocar Ilustraciones en objetos 3D.

Al crear un objeto 3D, por extrusión y biselado o por giro, el objeto pasa a tener varias caras. Por ejemplo, si

aplicamos extrusión a un círculo, obtenemos un cilindro, con una cara superior, una cara en la base, y otra en

el cuerpo del cilindro. En el caso de crearlo usando el giro, cada segmento del razado original será una cara

del objeto tridimensional.

A cada una de estas caras, podemos asignarle una ilustración, que se ajustará a la forma del objeto.

Las ilustraciones que vayamos a colocar, debemos tenerlas en el panel de Símbolos. Es decir, si es un objeto

del documento, lo arrastraremos al panel, y si es un símbolo de la biblioteca, lo seleccionaremos para que

aparezca en el panel. Sólo podremos colocar un símbolo por cara.

Cuando tengamos preparados los símbolos, en la venana que definimos los parámetros del objeto 3D,

pulsamos el botón Mapear ilustración, para llegar a la ventana Mapear ilustración:

119

Utilizando los controles de Superficie, nos situamos sobre la cara que queramos. En el objeto, se irá

resaltando en rojo en qué cara estamos.

Después, en Símbolo, seleccionamos la ilustración a colocar.

En la parte central, movemos y redimensionamos el símbolo para ajustarlo a la cara, teniendo en cuenta que

las partes claras corresponden con la superficie visible del objeto, y las oscuras con las ocultas. El

botón Cambiar escala para ajustar, redimensiona la ilustración para que ocupe toda la superficie de la cara.

Para eliminar el símbolo de la cara, pulsamos Borrar. Si pulsamos Borrar todo, limpiamos el objeto quitando

todas las ilustraciones.

Tenemos dos opciones, Difuminar ilustración hace que el difuminado se aplique también al símbolo. Si no lo

marcamos, la ilustración aparecerá sin tonos oscurecidos ni claro.

La opción Geometría invisible hace que se oculte la superficie y se muestre sólo la ilustración. Es como si

utilizásemos el objeto 3D como una envolvente.

Estilos gráficos

Al definir nuestro objeto con sus trazos, rellenos y efectos, hemos creado un estilo. Este estilo, se aplicará al

siguiente objeto que creemos, si así lo hemos seleccionado en el panel Apariencia. Pero también podemos

guardarlo como un Estilo gráfico, de modo que cuando queramos aplicarlo a otro objeto solo tengamos que

seleccionarlo. Esto además hará que si modificamos el estilo, todos los objetos a los que se lo hayamos

aplicado reflejarán el cambio.

Todo lo referente a los estilos gráficos, los gestionamos desde el panel Estilos gráficos.

120

Para guardar el estilo que estamos utilizando en el panel, simplemente arrastramos el objeto sobre el panel, o

seleccionamos un objeto que tenga el estilo y pulsamos el botón Nuevo estilo . Si al pulsar el botón,

también estamos pulsando la tecla Alt, podremos darle un nombre.

Podemos combinar varios estilos para crear uno nuevo. Para hacerlo, los seleccionamos manteniendo

pulsada la tecla Ctrl. Después, desde el menú del panel elegimos Combinar estilos, e introducimos un

nombre.

Para aplicar un estilo, seleccionamos un objeto o grupo, y hacemos clic sobre el estilo que queramos del

panel. No se comporta igual si aplicamos el estilo a objetos independientes a un grupo. Esto dependerá del

estilo.

En caso de que el grupo no muestre el relleno u otros efectos, cambiaremos el orden del

elemento Contenido del panel Apariencia del grupo.

Una vez aplicado, el estilo del objeto queda enlazado con el estilo gráficos. Para modificarlo, podemos

cambiar el estilo del objeto y arrastrarlo sobre el estilo gráfico del panel, mientras mantenemos pulsada la

tecla Alt.

Al modificarlo, el cambio se reflejará en todos los objetos a los que se haya aplicado el estilo. Si queremos

evitar esto en algún objeto, debemos romper el enlace al estilo, seleccionando el objeto y pulsando el

botón Romper enlace a estilo gráfico del Panel.

Si pulsamos el botón Borrar estilo gráfico, eliminamos el estilo del panel, y todos los objetos que lo tengan

mantienen las propiedades, aunque sin enlazar con ningún estilo.

Como ocurría con las muestras, símbolos y pinceles, también tenemos una Biblioteca de Estilos gráficos,

haciendo a la que accedemos por el botón que tiene en la parte inferior izquierda.

121

Clasificados en categorías, encontraremos estilos predefinidos muy atractivos.

Los estilos que hayamos creado, están disponibles para el documento en el que los hemos creado. Si

queremos acceder a ellos, debemos pulsar en Abrir biblioteca... en el menú de la Biblioteca o del panel, y

elegir el archivo en el que está el estilo.

Si hemos definido unos cuantos estilos gráficos, y planeamos utilizarlos en futuros documentos, nos será

más cómodo pulsar en Guardar estilos gráficos..., lo que creará una nueva biblioteca con los estilos que haya

en el panel, por lo que debemos borrar los que no nos interesen. Si al guardar el archivo, lo hacemos en la

ubicación que aparece por defecto, aparecerá con el resto de bibliotecas la próxima vez que iniciemos el

programa.

Ejercicio: Crear rótulos con efectos (I)

Vamos a ver tres ejemplos de títulos creados con Illustrator.

122 El Trazo habrá quedado por encima del rótulo. En el panel Apariencia, selecciona y arrastra en Trazo hasta

colocarlo en la última posición.

Ejercicio 3 Vamos a crear este rótulo:

Introduce un texto de punto con el texto.

En el panel Carácter, establece un tamaño de 72pt y un estilo Bold.

Selecciona el texto y pulsa menú Objeto → Expandir. Acepta los opciones del diálogo.

Duplica el objeto con el texto, y reserva una copia para utilizarla más adelante.

Entra en el grupo aislado y selecciona sólo la primera letra, la W.

En el panel Apariencia al relleno aplícale un degradado lineal como el parecido a

éste .

Aplícale un Efecto → Estilizar → Desvanecer de 3px.

Desde el Panel de control, reduce la Opacidad al 25%.

Duplica el relleno, y selecciona el de abajo.

Elimina el efecto Desvanecer desde el panel Apariencia.

123

Aplícale un degradado radial parecido a éste , y una Opacidad del 55%.

Duplica el relleno, y selecciona el de abajo.

Aplícale un Efecto → Trazado → Desplazamiento de 1px.

Dale al relleno un degradado como lineal como éste .

Pon la Opacidad al 100%.

Aplícale un Efecto → Estilizar → Desvanecer de 3px.

En el panel Apariencia, selecciona Trazado compuesto.

Aplícale un Efecto → Estilizar → Sombra paralela, con Opacidad al 60%, desplazamiento X de 3 px

e Y de 3 px, y Desenfocar 1 px.

Abre el panel Estilos gráficos, y arrastra la W sobre él.

Selecciona el resto de letras, y haz clic sobre el estilo gráfico que acabas de añadir.

Sal del grupo aislado, y selecciona el objeto con el texto que habías duplicado.

Dale un relleno azul oscuro .

Selecciona los dos grupos con las letras y alinealos vertical y horizontalmente.

Selecciona sólo el grupo con relleno liso y la herramienta Borrador .

Pásala sobre la parte superior del texto, siguiendo un trazo ondulando.

Aplícale un efecto Desvanecer de 6 px.

El fondo es un rectángulo con un degradado.

Uni 11

Imprimir documentos. Documentos para imprimir

Ya hemos visto que Illustrator ofrece configuraciones distintas dependiendo de si nuestro objetivo es

imprimir un documento o crear un gráfico para la web. Y esto no es por capricho, influye en la calidad del

resultado. Estas son algunas cosas que deberíamos de tener en cuenta si estamos creando un documento para

imprimir:

124

Comenzar con un perfil de documento para imprimir. Esto auto seleccionará todas las opciones de manera

óptima.

Utilizar el modo de color CMYK.

Si vamos a rasterizar objetos, elegir una resolución a partir de 240ppp (dependiendo del tipo de impresora y

la calidad deseada, no será igual si vamos a imprimir en una impresora de escritorio de baja resolución o si

utilizamos una imprenta profesional).

Calibrar el monitor. La mayoría de los monitores no están correctamente calibrados, por lo que los colores

que se muestra en pantalla no serán exactamente lo que se imprimirá. Los profesionales usan aparatos que

les ayudan a calibrar mejor el monitor.

Por defecto, en documentos de una página, se imprimirá la ilustración contenida en la Mesa de trabajo.

Otra cuestión a tener en cuenta es si queremos imprimir toda la ilustración o sólo algunas partes. Con las

opciones por defecto, las capas no visibles de la ilustración no se imprimen. Si queremos que una capa,

aunque si sea visible, no se imprima, podemos desmarcar la opción Imprimir de su ventana de opciones, a la

que accedemos al hacer doble clic sobre la capa.

Si queremos imprimir sólo alguna área concreta de la ilustración, podemos enmarcarla en una mesa de

trabajo, con la herramienta Área de recorte , y en las opciones de impresión elegir que sólo se imprima

esta parte.

Una vez que hayamos terminado el documento, accederemos a las opciones de impresión desde el

menú Archivo → Imprimir.

Al imprimir un documento, podemos generar una copia impresa en papel, peor también podemos imprimir a

otro tipo de archivos, como pdf o xps.

Opciones generales al imprimir

Igual que en la mayoría de aplicaciones de Windows, al querer imprimir accedemos a un diálogo donde

podemos configurar cómo se imprimirá el documento.

En la parte superior de esta ventana, encontramos un desplegable donde podemos elegir un Ajuste

preestablecido de impresión (podemos guardar la configuración que hagamos como un ajuste), y la

impresora por la cual queremos imprimir, tanto impresoras físicas como programas que impriman a archivos,

como Adobe PDF para generar archivos pdf, o en Windows Vista MS XPS Document Writer para generar

archivos xps.

A la izquierda podemos encontrar una previsualización de la página, cómo quedaría impresa.

Esta ventana se divide en varias secciones, que podemos seleccionar en el cuadro de lista de la izquierda.

Según la sección que elijamos, las opciones de la ventana cambiarán. Por ejemplo, en la

sección Generales encontramos tres grupos de opciones:

Al principio encontramos las opciones comunes a cualquier cuadro de diálogo de impresión: el numero de

copias, el orden de impresión o qué páginas se imprimirán.

125 En Medio, configuramos el tamaño del papel sobre el que se imprimirá. La opción Definido por el

controlador toma el tamaño que detecte la impresora, peor podemos elegir uno de los tamaños

preestablecidos, como A4 o algún tipo de sobre. También podemos cambiar desde aquí la orientación de la

página.

En Opciones, podemos cambiar que capas se imprimen. Por defecto, se imprimen las visibles en las que no

hayamos desmarcado la impresión, pero podemos por ejemplo forzar a que se impriman todas las capas.

También podemos modificar la escala de la impresión, imprimiendo al tamaño original si marcamos No

cambiar escala, ampliando o reduciendo para ajustar a la página si marcamos Encajar página, o podemos

definir una Escala personalizada. Hay que tener en cuenta que si aumentamos mucho la escala podemos

notar una pérdida de resolución en los objetos basados en mapa de bits del documento.

El siguiente paso es colocar la imagen. En la previsualización, podemos desplazar la imagen con respecto a

la página. También podemos usar los controles de Colocación para alinear la imagen a los lados, a las

esquinas o al centro. En cualquier momento, podemos volver a centrar la imagen haciendo doble clic sobre

la previsualización.

Imprimir una ilustración en varias páginas

Si en nuestro documento tenemos varias mesas de trabajo, menores que el tamaño de la página, cada una se

imprimirá en una página nueva.

Si tenemos una ilustración de mayor tamaño que una página, para poder imprimirla debemos de enmarcarla

toda en una misma mesa de trabajo. En la ventana Imprimir, en las opcionesGenerales, marcamos la

opción Mosaico.

El valor de Superponer, si marcamos Páginas completas, indica el solapamiento de las páginas. Es decir, si

por ejemplo lo establecemos a 10mm, se imprimirá lo mismo en el el último centímetro del lado de una

página y en su adyacente. Esto nos ayudará a unir las páginas con mayor precisión.

En la ventana de previsualización, veremos las páginas necesarias para contener la ilustración.

Imprimir degradados de color

En algunas impresoras se pueden producir errores, como la impresión de bandas de color, al intentar

imprimir algunos objetos en los que se mezclan gradualmente colores, como mallas, degradados o fusiones.

Esto es más probable que suceda cuanto más larga es la fusión de colores, y por tanto se utilizan más colores

intermedios.

126 Si nos sucede esto, podemos hacer que Illustrator rasterice estos elementos antes de imprimirlos. Para

hacerlo, desde la ventana Imprimir, en la sección Gráficos hay que marcar la opciónImprimir degradados

compatibles y mallas de degradado.

Los valores de resolución que se utilizan en el degradado son los mismos que podemos configurar desde el

menú Efecto → Ajustes de efecto de rasterizado de documento.

Sobreimpresión

Por defecto, al colocar un objeto sin transparencia relleno un color sobre otro, el que está debajo queda

tapado y sólo se ve el de arriba (cobertura).

Aplicando la sobreimpresión a un objeto, hace que a la hora de imprimir se comporte como si fuese

transparente, mezclándose con el color que hay debajo. El color resultante depende de la tinta, el papel y el

método de impresión.

En la imagen de arriba, los objetos marcados con la S son a los que se ha aplicado la sobreimpresión.

Para ver el resultado de la sobreimpresión en el documento, debemos pulsar en la opción del

menú Ver → Previsualizar sobreimpresión.

Podemos aplicar la sobreimpresión a un objeto o grupo concreto, a su trazo o a su relleno,

marcando Sobreimp. relleno o Sobreimp. trazo en el panel Atributos.

Una opción más habitual es la de sobreimprimir el negro de la ilustración, ya que al ser la tinta más opaca,

no varía porque a través del negro no se ven otros colores. También ayuda a prevenir la aparición de huecos

entre zonas coloreadas de la ilustración y zonas negras. Para sobreimprimir todo el negro, mar campos la

opción Sobreimprimir negro en las opciones se Salida del diálogo Imprimir.

La sobreimpresión en negro ayuda a mejorar las marcas de registro.

127 Avanzado: Marcas de impresora

En impresiones profesionales, se necesitan algunas marcas para que el servicio de impresión pueda

comprobar si los colores son correctos y registrar los elementos de la impresión. Los tipos de marcas

disponibles los encontramos en el diálogo Imprimir, en la sección Marcas y sangrado.

Las Marcas de límite delimitan la ilustración usando una líneas que al unirlas trazan un recuadro.

Las Marcas de registro sirven para alinear documentos. Imaginemos un documento del que se han impreso

varias separaciones. Utilizando estas marcas podemos encarar cada separación perfectamente.

Las Barras de color representan las tintas y mezclas primarias de los colores CMYK y la escala de grises.

Información de la página no es más que eso, datos que inserta Illustrator como el nombre del archivo o la

fecha dé la impresión.

El reflejo.

Para simular que los objetos se encuentran sobre una superficie reflejante, crearemos un reflejo en la parte

inferior. Comenzamos por seleccionar y copiar todos los elementos. Cuando los tengamos, creamos una

nueva capa, y pegamos todos los elementos en ella.

Ahora vamos a voltearlos con respecto a su base. Pero primero hemos de Expandir la apariencia del objeto.

Si no lo hacemos, todos los efectos 3D se reaplicarían al voltear el objeto, y el aspecto no sería el mismo.

Una vez que lo hemos expandido, los agrupamos y los volteamos. La forma más cómoda de hacerlo, es

desde el menú del panel Transformar, eligiendo la opción Voltear verticalmente. Antes de hacerlo, hemos de

asegurarnos de haber situado el punto de referencia en la base del objeto .

Para hacer que el reflejo se vaya diluyendo, utilizamos una máscara de opacidad, haciendo doble clic junto a

la miniatura del grupo en el panel Transparencia. En la máscara de opacidad, creamos un rectángulo que

abarque todo el reflejo, y lo rellenamos con un degradado, con la parte superior blanca y la inferior negra.

Y con esto, hemos completado el dibujo.

Técnicas de trabajo con objetos

Calcar un mapa de bits

Ya vimos que rasterizar una imagen era convertir un gráfico vectorial en píxeles, obteniendo así un mapa de

bits. El proceso contrario se llama Calco interactivo, es decir, generar un gráfico vectorial a partir de un

mapa de bits. Esto nos permite realizar un dibujo partiendo, por ejemplo, de una fotografía, que luego

podremos editar, lo que nos puede ahorrar tiempo. O si somos hábiles con el lápiz y papel, crear nuestros

bocetos a mano, escanearlos, y acabarlos con Illustrator, dándoles color y estilizándolos.

Partimos de un mapa de bits. La imagen la podemos haber abierto directamente, haberla colocado en un

documento, o haberla generado por rasterización. Lo importante, es que tenemos una imagen en nuestro

documento. Al seleccionarla, en el Panel de Control, encontramos el botón desplegable Calco

128

interactivo . Si lo pulsamos, creamos un calco con las opciones por defecto, y si pulsamos

sobre la pestañita, se muestra un desplegable con los distintos Ajustes preestablecidos.

Podemos ir cambiando de un ajuste a otro, hasta encontrar el que más se asemeje al resultado que deseamos

obtener. Una vez que hayamos elegido uno, afinaremos un poco más ajustando las opciones principales,

normalmente el Número de colores o el Umbral.

Una vez que hemos creado el calco, podemos Expandirlo para editar sus trazados, o Convertirlo a pintura

interactiva para que se expanda y se convierta a un grupo de pintura interactiva, pudiendo editar también sus

colores.

Vamos a comenzar calcando una fotografía. Utilizaremos la imagen Tigre.gif que puedes encontrar en la

carpeta de Ejercicios del curso.

Partiendo de esta imagen, queremos obtener un gráfico vectorial pero con pocos colores. Así, que desde

el Panel de control, desplegamos los Ajustes preestablecidos del calco, y seleccionamos el que a priori más

se ajusta a lo que buscamos, en este caso, Color 6.

Partiendo de ese ajuste como base, vamos a ir reduciendo uno a uno los colores, hasta que consigamos el

efecto que buscamos con los menos colores posibles.

129

COLOR 5

COLOR 4

130 COLOR 3

COLOR 2

En este ejemplo, nos hemos quedado con 4 colores.

Nota: Los colores pueden variar en función del modo de color. En este ejemplo, hemos abierto la imagen

directamente, por lo que se utiliza un espacio de color CMYK. Puede diferir ligeramente si abres un nuevo

documento en RGB y colocas la imagen.

131

PINTURA INTER

Una vez que hemos ajustado los colores y tenemos el gráfico definitivo vamos a editarlo. Como vamos a

utilizar la herramienta Bote de pintura interactiva , lo convertimos a pintura interactiva, pulsando el

botón del Panel control, o desde el menú Objeto → Calco interactivo → Pintura interactiva.

132 VOLVER A COLOREAR

OBJETO

3 clic sobre el color

133

Una vez que hemos ajustado los colores y tenemos el gráfico definitivo vamos a editarlo. Como vamos a

utilizar la herramienta Bote de pintura interactiva , lo convertimos a pintura interactiva, pulsando el

botón del Panel control, o desde el menú Objeto → Calco interactivo → Pintura interactiva.

Antes de utilizar el bote de pintura, vamos a cambiar los colores base que le ha asignado Illustrator. Si

conocemos de antemano qué colores queremos utilizar, y han de ser justamente esos, podemos guardarlos

como una biblioteca de muestras, abrirla antes de realizar el calco, y seleccionarlos como una paleta en

las Opciones del claco. Esto hará que Illustrator genere el gráfico vectorial utilizando los colores de la

biblioteca seleccionada. En este caso no lo hemos así, porque no sabemos qué tono vamos a dejar hasta

que no lo probemos. En esta ilustración con pocos colores, podríamos utilizar directamente el Bote de

pintura interactivo, haciendo triple clic sobre un color para cambiar todos los que son iguales. Pero una

opción más cómoda es utilizar volver a colorear ilustración, desde su icono del Panel de control .

Cuando hay bastantes colores y queremos guardar la concordancia, es más rápido pulsar en Editar,

enlazarlos y girar la rueda de color. En este caso, como sólo vamos a cambiar tres colores, desde la ventana

de Asignar, podemos hacer doble clic sobre un color sustituto, elegirlo, y afinarlo con el panel inferior.

Estos son los colores que hemos cambiado:

Y éste es el objeto antes y después de cambiar el color:

Ahora, utilizaremos el Bote de pintura interactiva más que para colorear, para corregir algunos

detalles que no nos gusten. Por ejemplo, hemos coloreado las partes claras de la cola al naranja del pelaje.

134 Recuerda, para tomar un color de la ilustración con el cuentagotas sólo hay que mantener pulsada la

tecla Alt.

Por último, vamos a colorear los ojos, esta vez utilizando un tono verde. Si intentamos colorear el ojo

derecho, no habrá problema, pero con el izquierdo, se colorea media cara. Esto lo solucionamos cerrando

el trazado del ojo alargando los trazados de otros colores, con la herramienta Selección directa .

La imagen tiene un fondo, que no es más que un trazado blanco con la silueta del tigre. Si en el documento

vamos a colocar más ilustraciones, puede que nos estorbe. En este caso, no tenemos más que seleccionar

dicho trazado y borrarlo.

El resultado de un Calco interactivo, depende de las Opciones de calco seleccionadas, ya sea porque las

hemos introducido directamente, o porque hemos utilizado uno de los ajustes preestablecidos. Algunas de

estas opciones las encontramos en el Panel de control tras aplicar el calco, pero para poder cambiarlas

todas, hemos de acceder a la ventana Opciones de calco:

135

Avanzado: Opciones de calco interactivo

El resultado de un Calco interactivo, depende de las Opciones de calco seleccionadas, ya sea porque las

hemos introducido directamente, o porque hemos utilizado uno de los ajustes preestablecidos. Algunas de

estas opciones las encontramos en el Panel de control tras aplicar el calco, pero para poder cambiarlas

todas, hemos de acceder a la ventana Opciones de calco:

Primero seleccionaremos un ajuste del desplegable Ajuste preestablecido, de forma que tengamos que

cambiar el menor número de opciones, sólo afinarlas un poco.

Ajustes:

En Modo encontramos tres opciones Color, Escala de grises o Blanco y negro. De esta elección, depende el

resto de opciones que podremos seleccionar. Si seleccionamos Color y la imagen es a color, se generarán

rellenos con colores semejantes a los de la imagen, con tonos de gris si seleccionamos Escala de grises, o

sólo crearán trazados negros para las partes más oscuras, si elegimos Blanco y negro.

136 Umbral. En el caso de haber seleccionado el Modo en Blanco y negro, esta es la opción más importante. El

valor determina a partir de cuando un píxel se genera en negro. Los que sean más claros que el valor del

umbral quedarán en blanco, y los que sean más oscuros en negro. En resumen, cuanto mayor sea este

valor, más píxeles en negro se generarán.

Panel. Si hemos elegido Color o Escala de grises, Illustrator tomará los colores de la ilustración si

el Panel está como automático. Pero si lo preferimos, aquí podemos seleccionar una biblioteca de

muestras, y el gráfico vectorial se generará con esos colores. Para poder seleccionarla, hemos de tenerla

abierta antes de acceder a las Opciones de calco.

Colores máx. En ilustraciones a color, este valor indica como máximo, cuantos colores distintos

compondrán el trazado final. Cuantos más colores haya, más se parecerá el resultado al original, pero más

complejo será el trazado.

Si queremos que los colores utilizados se guarden en el panel de Muestras, marcaremos la opción Salida a

muestras.

Desenfocar aplica un efecto de desenfoque a la imagen, lo que da un resultado más suavizado.

Remuestrear, remuestrea la imagen original antes de aplicar el calco. Por ejemplo, si tenemos una imagen

muy grande, pero escalada, podemos remuestrearla para que se tomen menos detalles, por lo que

perdemos calidad, pero agilizamos el calco.

Ajustes de calco.

Rellenos. Crea rellenos como resultado del calco.

Trazos. Crea trazos como resultado del calco.

137 Si desmarcamos la opción de Rellenos, sólo se crearán las partes del dibujo que se puedan representar por

un trazado que no supere el Grosor máximo de trazo (a partir de ahí se representarían como rellenos), y no

se copiarán las áreas menores que la Longitud mínima del trazo.

El Ajuste de trazado controla la exactitud con la que se ajusta el trazado a la posición original de los píxeles.

Cuanto menor sea, más exacto será, y cuanto mayor sea, el resultado será más suave.

Área mínima especifica el tamaño mínimo que ha de tener una zona del mapa de bits para que se

vectorice.

El uso más común del comando Calco interactivo es importar gráficos en blanco y negro desde mapas de

bits y colorearlos. Por ejemplo, crear un boceto a mano, escanearlo y colorearlo con Illustrator. Vamos a

ver cómo podríamos hacerlo.

El primer paso sería escanear la imagen, si la hemos creado a mano. El resultado sería un archivo de mapa

de bits, normalmente un bmp, jpg o gif, según las opciones del escáner. Nosotros vamos a trabajar con el

archivo chica.gif que puedes encontrar en la carpeta de Ejercicios del curso.

Vamos a crear el calco desde las Opciones de calco. Lo primero que haremos será ajustar el Umbral.

Partimos del ajuste preestablecido Calco simple. En imágenes como ésta, con algunos trazos más marcados

y en blanco y negro, resulta más rápido establecer el umbral al máximo lo que mostrará demasiados

detalles, e ir reduciéndolo hasta un valor que nos parezca apropiado.

138 Nosotros hemos dejado el Umbral a 230, pero esta decisión depende íntegramente de la imagen calcada y

del resultado que queramos obtener.

Después podemos probar a afinar otros valores, como el Ajuste de trazado, que hemos dejado al 1,5 o

el Área mínima, que no hemos cambiado.

Una vez calcado el dibujo, vamos a colorearlo, por lo que lo convertimos a pintura interactiva.

Vamos a colorear este ejemplo de forma bastante simple, distinguiendo sólo tres colores principales, que

colorearán tres zonas: la piel, el pelo y el vestido.

Para poder colorear una de estas zonas con el Bote de pintura interactiva , cada zona que queramos

colorear debe de estar cerrada. Esto depende del trazado y el Umbral seleccionado. Por ejemplo, al haber

seleccionado el Umbral a 230, quedan huecos que unen la cara con el pelo, o el vestido con la piel, por lo

que al pintarlo se pintaría todo el área comunicada. En cambio, si observas la imagen con

el Umbral a 255 observarás que no han quedado esos huecos. Esta es otra cosa a tener en cuenta si

calcamos imágenes más complejas a las que pensamos dar color. En este caso, a penas han quedado

algunos huecos, así que no nos costará cerrarlos modificando los puntos de ancla con la

herramienta Selección directa .

Una vez que hemos cerrado los huecos, sólo nos queda colorear cada zona con el bote de pintura

interactiva.

Ilustraciones para Web (I)

139 Documentos para web

Illustrator es una herramienta ideal para crear gráficos destinados a ser publicados en una página web.

Estos gráficos pueden ser imágenes estáticas o en movimiento. Si nuestra intención es crear uno de estos

gráficos, hemos de tener en consideración unas cuantas opciones para tener los mejores resultados:

Utilizar el perfil de documento para Web. Esto establecerá la mayoría de las opciones óptimas para generar

gráficos web, como las dos opciones siguientes.

El modo de color será RGB, y siempre que podamos utilizaremos colores compatibles con Web.

La resolución para los efectos de rasterizado será suficiente con un valor de 72 ppp.

Para generar el gráfico, utilizaremos el comando Guardar para web y dispositivos, que nos permitirá elegir

el mejor formato de salida, normalmente PNG o GIF para imágenes de hasta 256 colores y con grandes

áreas del mismo color, y JPG para imágenes más detalladas, y ajustar fácilmente la relación entre calidad y

tamaño.

Ajustar correctamente la relación entre calidad y tamaño es especialmente importante en estos gráficos, ya

que en una página con muchas imágenes, si estas son muy grandes puede tardar mucho tiempo en

cargarse, y aunque este problema está perdiendo importancia con las conexiones de cada vez mayor

velocidad, una página ágil proporciona una mejor experiencia para el usuario.

Hay que tener en cuenta que aunque trabajemos con gráficos vectoriales, al final obtendremos un mapa de

bits. La imagen resultante será la misma que se ve con el zoom al 100%. Pero si agrandamos la imagen

final, veremos los píxeles, aunque no mientras trabajamos con el documento. Podemos ver el documento

tal y como se vería después del rasterizado con el comando del menúVer → Previsualización de píxeles.

Para crear un enlace en un objeto, lo seleccionamos e introducimos la dirección en el campo URL del

panel Atributos. En Mapa de imagen, seleccionamos si la zona del enlace será un rectángulo o un polígono.

Illustrator ajustará lo que elijamos a la forma del objeto.

140 La información de qué zonas tienen enlace y a dónde no se guarda en el archivo de imagen. Estos datos se

introducen con la etiqueta map en el html de la página. Al Guardar para web y dispositivos, tras elegir el

formato, pasamos al diálogo donde establecemos la ubicación del archivo. Ahí, en tipo podemos elegir si

generamos sólo la imagen o también el una página con el código necesario para generar el mapa. Podemos

copiar ése código en nuestra web.

Por ejemplo, al crear este mapa con dos áreas que enlazan a páginas distintas (los enlaces apuntan a

páginas ficticias):

Hemos insertado el siguiente código fuente, generado por Illustrator:

<!-- ImageReady Slices (MapasdeImagen) -->

<img src="graficos/solyluna.gif" width="177" height="128" border="0" alt="" usemap="#solyluna_Map">

<map name="solyluna_Map">

<area shape="rect" alt="" coords="28,7,87,116" href="http://www.aulaclic.es/sol.htm">

<area shape="rect" alt="" coords="96,31,139,96" href="http://www.aulaclic.es/luna.htm">

</map>

<!-- End ImageReady Slices -->

Sectores

Illustrator nos permite crear una página web completa de forma gráfica. Podemos crear un documento con

imágenes, texto, etc. y luego exportarlo a una página web. Ahora bien, sería muy ineficiente que toda la

página fuese una única imagen, con un mapa de imagen. Por eso Illustrator nos permite dividir el

documento en sectores, que pueden generar imágenes de distintos formatos, o directamente texto html.

Imaginemos una página web completa con el aspecto de la siguiente imagen:

141 Para el tamaño del ejemplo, no merecería la pena dividirlo en sectores. Crearíamos una única imagen. Pero

si lo tomamos como una página web lo más lógico sería utilizar una imagen jpg para la fotografía de la

montaña, utilizar gif para los iconos de dos colores, e introducir el texto como html. Ése será el primer

paso: identificar las distintas áreas, que formarán los sectores.

Ahora, crearemos los sectores. Podemos hacerlo seleccionando uno o varios objetos y pulsando en el

menú Objeto → Sector → Crear o trazando el sector manualmente con la herramientaSector . Al final

lo que hará Illustrator con los sectores será crear una tabla, y cada sector será una celda de esta tabla. Por

eso, sólo pueden ser cuadrados, y al crear uno, Illustrator generará subsectores para mantener la

estructura de la tabla.

Los sectores con rojo intenso son los creados por nosotros, los de color más tenue, son los generados por

Illustrator.

Una vez creados los definimos. Para seleccionar un sector, utilizamos la herramienta Seleccionar

sector . Con el sector seleccionado, pulsamos en el menú Objeto → Sector → Opciones de sector, para

acceder a la ventana Opciones de sector.

Lo más importante de esta ventana es elegir el tipo de sector: imagen, si queremos que Illustrator cree una

imagen con el contenido del sector, pudiendo hacer que sea un enlace web, y sin imagen o texto cuando el

contenido del sector queramos que sea sólo html. La diferencia entre ambos es que en sin imagen

podemos introducir el código que queramos, mientras que en texto no, y está enlazado con el elemento de

texto sobre el que hayamos creado el sector.

Esto podemos hacerlo también desde el diálogo Guardar para web y dispositivos. Iríamos sector por sector:

Si hay un color plano de fondo, lo tomaremos con el Cuentagotas.

Cuando sea un sector de imagen, ajustaremos el sector al formato de imagen más adecuado. Si usamos

transparencias, hemos de indicar el color de fondo.

Cuando sea un sector sin imagen, lo estableceremos así y en Fondo elegiremos cuentagotas.

Cuando sea de texto, estableceremos el fondo al cuentagotas.

Una vez que hayamos configurado cada sector, lo guardamos como imágenes y html. Obtendremos una

página web con una tabla que forma la ilustración.

142 No obstante, hay que decir que el código fuente generado por Illustrator es algo antiguo. Por eso

recomendamos que si es posible, aunque se utilice este sistema para generar los archivos de imagen, se

utilice un programa como Dreamweaver para crear la página web.

Animaciones

Con Illustrator podemos crear fácilmente imágenes en movimiento o animaciones basadas en Flash.

Una animación no es más que una sucesión de imágenes. Cada una de estas imágenes forma un fotograma.

Lo que haremos, será que cada capa sea un fotograma.

Una forma de trabajar sería: Crear un objeto, Copiarlo, Crear una nueva capa

Pegarlo en la nueva capa (Usando Pegar delante lo pegamos en la misma posición)

Podríamos resumir los pasos 2, 3 y 4 Duplicando la capa.

Bibliografía

http://www.aulaclic.es/illustrator-cs4/index.htm