Está en la página 1de 210

Unidad 1.

Introduccin (I)
1.1. Qu es Illustrator?

Illustrator CS3 es una herramienta desarrolada por Adobe, con la que podremos crear y trabajar con dibujos basados en grficos vectoriales. Para entender cmo funciona este programa, lo primero es entender qu es un grfico vectorial, y que diferencia existe con los grficos basados en mapa de bits. Puedes descargarte de forma gratuta una versin de 30 das de prueba del programa desde la web de Adobe. Los logotipos de Illustrator son propiedad de Adobe Systems Incorporated, as como las marcas registradas Adobe, Illustrator, CS3 entre otras. Aulaclic no tiene niguna relacin con Adobe. Qu es un mapa de bits? Las imgenes de mapa de bits, tambin conocidas como imgenes rster, estn compuestas por puntos individuales denominados pxeles, dispuestos y coloreados de formas diversas para formar un patrn. Pero si aumenta el tamao del mapa de bits, tambin aumentar el nmero de pxeles individuales, haciendo que las lneas y las formas tengan un aspecto dentado, dando la sensacin de que ver los pxeles.

La reduccin del tamao de un mapa de bits distorsiona la imagen original, ya que se eliminan algunos pxeles para reducir el tamao de la imagen lo que hace que se pierda informacin.

En el ejemplo vemos que al reducir la imagen, se han perdido pxeles, y ya no se muestra el dibujo de la malla. Si esto lo hacemos desde un editor, y guardamos la imagen, estos pxeles 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 pxel tiene un color propio, puede crearse efectos de realismo fotogrfico tales como el sombreado y el aumento de la intensidad de color. Debido a que las imgenes de mapa de bits forman conjuntos de pxeles ordenados, sus distintos elementos no se pueden manipular (por ejemplo mover) de forma individual. Se basan en mapa de bits los formanos ms habituales, como el jpg, bmp o gif. Qu es un grfico vectorial? Las imgenes vectoriales, tambin llamadas imgenes orientadas al objeto o imgenes de dibujo, se definen matemticamente como una serie de puntos unidos por lneas. Los elementos grficos presentes en un archivo vectorial se denominan objetos. Cada objeto es una entidad completa con propiedades tales como color, forma, contorno, tamao y posicin en la pantalla, que estn incluidas en su definicin. 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 ilustracin. Los dibujos vectoriales no dependen de la resolucin. Esto significa que se muestran con la mxima resolucin 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 grfico del mismo tamao, pierde resolucin al aumentarlo si se trata de un mapa de bits, pero no si se trata de un grfico vectorial.

Existen programas distintos para tratar estos dos tipos de grficos. Programas como Photoshop o Paint Shop Pro trabajan sobre mapas de bits. Estos porgramas estn ms enfocados al tratamiento y retoque fotogrfico. Otros programas, como Illustrator o Corel Draw trabajan con grficos vectoriales. Estos programas son ms utilizados para crear imgenes desde cero, aunque lo que creemos lo convirtamos despus a un mapa de bits, guardndolo como un gif o un jpg. Illustrator nos permite tambin generar un grfico vectorial a partir de un mapa de bits. Todo esto lo veremos a lo largo del curso.

1.2. Novedades en Illustrator CS3


Con respecto a su versin anterior, Illustrator CS3 cuenta con las siguientes mejoras:

Color interactivo. Los colores se pueden editar ahora de forma interactiva, reflejndose los cambios de forma inmediata. Integracin con Adobe Flash. Ahora se pueden copiar o exportar grficos entre Illustrator y Flash, sin perder los puntos de ancla, trazados, degradados, capas...

Controles y herramientas de dibujo. Se ha mejorado la seleccin de puntos de anclaje, y se ha incorporado una nueva herramienta: Borrador. Rendimiento de funcionamiento mejorado en las operaciones ms comunes. Panel de control. A travs de este panel contextual, encontraremos las opciones con mayor rapidez. Nuevos perfiles de documento. Podremos seleccionar perfiles prediseados, o crear los nuestros eligiendo las dimensiones de la mesa, los estilos o espacios de color. Herramienta rea de recorte. Se pueden definir reas interactivas, con proporciones preestablecidas, y podremos movernos entre ellas.

1.3. Comenzando a trabajar

Adobe Illustrator se abre como cualquier programa de Windows. Si durante la instalacin 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 opcin gil para encontrarlo es utilizar la caja de bsqueda de Windows Vista. Al ejecutar el programa, lo primero que este har ser cargar sus archivos, plug-ins, herramientas y mens. Esto tardar algunos segundo, dependiendo de la potencia de nuestro ordenador. Cuando arranca la aplicacin, 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 opcin de abrir un nuevo. Crear nuevo: Si lo que queremos es crear un nuevo documento, podremos elegir uno de los perfiles predefinidos segn lo que queramos obtener. Estos perfiles se diferencian en valores preestablecidos para el tamao, el modo de color, las unidades, la orientacin, la transparencia y la resolucin. Por ejemplo, si lo que queremos es imprimir el documento en alta resolucin, la mejor opcin ser Documento para imprimir..., que nos permitir elegir distintas resoluciones o tamaos de impresin, mientras que si lo que queremos es publicarlo en una pgina web, ser ms eficaz elegir Documento para Web.... Otra opcin es elegir un plantilla pulsando en Desde plantilla.... Usando una plantilla, podemos crear documentos que comparten ajustes y elementos de diseo. 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, y a la derecha un enlace que nos lleva a Adobe Bridge, como ya veremos.

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 escribindolo en Nombre:. En este caso hemos elegido un perfil para Web, como podemos ver en Nuevo perfil de documento. Desde aqu tambin podemos cambiar el perfil, y si lo hacemos veremos realmente en que se diferencian, porque cambiarn los valores del rea de recorte (la parte del documento que contiene el grfico) y su tamao en cuanto a Altura y Anchura y las Unidades en que se miden, adems de otras opciones avanzadas que ya veremos, como el Modo de color o la resolucin. 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 ningn parametro, podemos saltarnos esta ventana manteniendo pulsada la tecla Alt al elegir el perfil. Una vez elegido y configurado el perfil, se abrir el documento nuevo en el rea de trabajo de Illustrator.

En la siguiente unidad conoceremos el entorno de trabajo, de momento vamos a ver slo algunas cosas bsicas. Ahora ya podramos comenzar a crear nuestros grficos. La otra opcin era la de abrir un documento existente para editarlo o continuar trabajando con l. Hemos visto que podamos hacerlo desde la pantalla de bienvenida, eligiendo un documento reciente o pulsando en Abrir.

Esto tambin 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 comado Abrir.

Desde ambos lugares, al pulsar Abrir se mostrar el cuadro de dilogo Abrir, desde el que elegir el archivo. Nota: Los dilogos de abrir y guardar de los productos Adobe no son exactamente los mismos que usa habitualmente el sistema operativo, aunque son muy parecidos. Si te resulta ms cmodo, puedes usar el cuadro de dilogo del sistema operativo, pulsando el botn desde cualquier dilogo. Otra forma de abrir documentos es a travs de Adobe Bridge, al que se accede desde la opcin Archivo Explorar, y que puedes ver en este avanzado .

Con Illustrator podemos abrir la mayora de los archivos de grficos, no slo los vectoriales. Si no conoces los tipo de archivos ms comunes, puedes verlos en este bsico .

1.4. Colocar (importar).


No siempre querremos abrir un archivo como un nuevo documento. Tambin necesitaremos aadir un grfico desde un archivo al documento que estamos editando, por ejemplo para insertar una imagen a modo de marca de agua o insertar una pgina de un PDF. Esto lo haremos usando el comando Colocar, desde el men Archivo. El cuadro de dilogo que se mostrar es casi idntico al cuadro de dilogo 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 grfico 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 gua para ayudarnos a crear el documento, pero sin insertar realmente el objeto. Reemplazar. Esta opcin aparecer cuando hayamos pulsado en Colocar con un objeto seleccionado. Si la marcamos, al abrir colocar el archivo sustituir al que estaba seleccionado.

Cuando lo que coloquemos sea una imagen basada en un mapa de bits, no se mostrarn ms opciones y la imagen aparecer en el documento. Pero por ejemplo, si colocamos un

PDF con varias pginas, podremos elegir qu pgina 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 travs 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 integracin de Illustrator con otros productos de Adobe. Por ejemplo, si embebemos un archivo de Photoshop, con capas, estas aparecern tambin en Illustrator, pudiendo editarlas o eliminarlas.

1.5. Guardar y exportar


Es importante diferenciar, primero, los dos estados de trabajo en los que se puede encontrar un grfico: Un grficopuede estar en proceso, y no estar todava acabado. Bien porque queremos grabar en determinado momento para no perder los cambios realizados, o porque deseamos terminar la sesin de trabajo y continuar ms adelante. O un grfico puede encontrarse terminado y lista para publicar, imprimir o almacenar.

Por tanto, si el grfico 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 extensin .ai. Guardar es una opcin comn en la mayora 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 dilogo Guardar como, para que elijamos la ubicacin y formato del archivo. Guardar como:

Esta opcin guarda los cambios en un archivo nuevo, pudiendo elegir otra ubicacin o formato, y seguimos trabajando con el nuevo archivo creado. Guardar copia: Como su nombre indica, crea una copia del documento, parecido a la opcin Guardar como, pero nos permite seguir trabajando con el documento original. El dilogo Guardar como es el siguiente:

Desde este dilogo debemos elegir la ubicacin del archivo (dnde 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 dilogo podemos hacer otras tareas, crear carpetas, borrar archivos, etc. Una vez seleccionado, pulsamos el botn Guardar como. Tras pulsar puede que nos aparezca otro cuadro de dilogo, 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 ms rpida es utilizar la combinacin 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 grfico 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 mltiples formatos que soporta la aplicacin. Para ello, debemos exportar el documento.

Esta opcin se encuentra en el Archivo Exportar.

Al exportar, solo se guarda la parte del documento que aparece dentro del rea de recorte (el rectngulo verde).

El dilogo que se muestra es parecido a Guardar como. De hecho, la nica diferencia es el tipo de archivo que podemos elegir.

Observa que no aparecen los formatos en los que ya habamos 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 caractersticas, 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 aparecern unas opciones de conversin u otras. Por ejemplo, exportar a PNG podremos elegir la resolucin y el color de fondo, incluyendo transparencias; si elegimos un JPEG podremos elegir entre mejor calidad o un archivo ms pequeo, la resolucin, aspectos del formato...; y si elegimos algo ms complicado, como Flash, encontraremos una gran cantidad de opciones especficas para ese formato.

Si lo que queremos es obtener una imagen para publicarla en una Web, una forma ms interesante de exportar es la opcin Guardar para Web... que podemos encontrar en el men Archivo.

Esta opcin resulta ms completa para este fin, porque nos permite, por ejemplo, comparar cmo quedara en distintos formatos, para poder ajustar mejor la calidad y el tamao, y ver cuanto tardara en descargarse, que son aspectos muy importantes para una Web. Puedes ver esta opcin en detalle en este avanzado .

Realiza el ejercicio paso a paso Mi primer documento, para practicar lo aprendido en la unidad.

1.6. 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. Podremos encontrar textos de ayuda, y enlaces muy interesantes a la Web de Adobe, donde encontraremos vdeos explicativos, descargas, o el propio servicio tcnico de Adobe.

Ejercicio 1:
Crea el archivo Rectangulo.gif, partiendo de un nuevo documento de Illustrator, que tenga enlazado el archivo Rectangulo.ai creado en el ejercicio paso a paso de la unidad.

Ejercicio 2:
Crea un nuevo documento que tenga dos copias de Rectangulo.gif, una enlazada y otra sin enlazar. Exprta el documento creando Rectangulo.jpg. Si necesitas ayuda para resolver el ejercicio, aqu te lo explicamos.

Unidad 2. El entorno de Illustrator (I)


En esta unidad vamos a ver como est distribudo y como podemos organizar el entorno de Illustrator.

2.1. El rea de trabajo

El entorno de Illustrator se compone por una serie de paneles, barras y ventanas, que podemos mover y desplazar. Y cualquier disposicin de estos elementos se conoce como rea de trabajo. Vamos a ver ms detalaldamente cuales son estos elementos. Para que se muestren los paneles, prueba a abrir una imagen o un documento ya creado.

Barra de mens. Es la barra superior desde la que se despliegan los mens como Archivo o Edicin. Esta barra es comn a la mayora de las aplicaciones Windows, por lo que ya conocers su funcionamiento. Panel de herramientas. En el lateral izquierdo encontramos este panel, que agrupa las herramientas de dibujo, edicin, etc. Algunas herramientas aparecen agrupadas en un mismo icono, el cual se diferencia por tener un triangulito en su esquina inferior derecha. Para desplegarlas hay que mantener pulsado el ratn unos segundos. Tambin podemos acceder a sus propiedades haciendo doble clic. Panel de control.

En esta barra, situada debajo de la Barra de mens, aparecen opciones propias del objeto que tengamos seleccionado. Por lo que estas opciones variarn segn el tipo de objeto. Tambin podemos referirnos a ella como Barra de opciones. Paneles. Los paneles o paletas, normalmente situados a la derecha, muestranun 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 izquierda de esta ventana encontramos el Zoom para aumentar o disminuir el documento. Tambin es denominada Ventana de ilustracin. Dentro de esta ventana podemos encontrar otros elementos. Los principales son la mesa de trabajo, que indica el tamao de la pgina en la que se imprimir el documento, y el rea de recorte, que delimita la parte del documento que se exportar o publicar.

A veces, pueden parecernos muchos elementos, y darnos la sensacin de que nos quedamos sin espacio para ver el documento sobre el que trabajamos. Una solucin 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 Maysculas + Tab se ocultarn slo los paneles. Es importante conocer estos trminos, ya que nos referiremos constantemente a ellos a lo largo del curso.

2.2. 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 lminas transparentes, en las que podemos dibujar de forma independiente, pero que si las superponemos vemos todas las lminas como un slo 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 findo de la ilustracin en las capas de ms bajo nivel. Esto nos facilita el trabajo sobre todo en documentos ms complejos, pudiendo tener en la primera capa el fondo, en la segunda dibujos ms detallados, etc. Para controlar las capas y movernos entre ellas, disponemos del panel Capas.

En este panel encontramos todas las capas. Si nos las creamos, slo tendremos una. A la izquierda de cada capa, hay un tringulo 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 edicin. 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 ms de una capa y dibujemos, lo estaremos haciendo sobre la capa seleccionada, la que aparezca resaltada en azul. Puedes practicar lo que aqu se ha explicado con el ejercicio paso a paso Manejar las capas.

2.3. Desplazarse por el documento


Podemos mover el rea que se visualiza del documento de varias formas: - Utilizando la herramienta mano arrastrando. podemos desplazar el documento simplemente

- Utilizando la rueda del ratn, para desplazarnos verticalemente si la combinamos con la tecla Ctrl, y horizontalmente si la combinamos con la tecla Maysculas. - Con las barras de desplazamiento tpicas de las ventanas de Windows .

Estos mtodos son cmodos 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.

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. Recuerda, si no visualizas algn panel, puedes activarlo desde el men Ventana.

2.4. El Zoom
Es importante a la hora de trabajar saber aumentar o disminuir el tamao de nuestro documento para ajustarlo a nuestra necesidades, y esto lo hacemos con el Zoom. El zoom es la ampliacin del documento, expresada en un tanto por ciento. Tomamos como 100% el tamao normal del documento, por lo que valores mayores indicarn un aumento, y menores disminucin. Este cambio de tamao slo se aplica a cmo vemos el documento, pero no a su tamao 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 tamaos preestablecidos, entre 3,13% y 6400%. Estos son los valores mnimo y mximo que podemos establecer. Pero resulta ms til controlar el Zoom a travs 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 tambin podemos hacerlo girando hacia delante la rueda del ratn 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 tecla Alt y la rueda hacia atrs. . Esto tambin lo logramos con la

Una opcin muy interesande de esta herramienta es que nos permite ampliar una zona determinada, trazando un cuadrado con el cursor sin soltar el botn. Tambin podemos regular el Zoom con las combinacines Ctrl + + o con Ctrl + -, pero tomando como centro el centro de la ventana. Con la combinacin Ctrl + . ajustamos el zoom al tamao de la mesa de trabajo, y con Ctrl + 1 restauramos el tamao real (100%).Tambin puedes encontrar estas combinaciones en el men Ver.

2.5. Ayudas visuales


Podemos dividir un dibujo en dos partes: el contorno o trazo y el relleno. El contorno es la lnea que delimita un dibujo, y el relleno su color o textura, no slo la del interior del dibujo, si no que tambin 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 ms fcil identificar objetos, sobretodo si estn superpuestos, o porque estemos manejando imgenes muy complejas y pesadas, que resultan ms giles cuando slo se ven los contornos.

Esta opcin la encontramos en el men Ver, llamada Contornear para cambiar a modo de slo contornos, o Previsualizar para volver al modo de colores.

Como vemos en el men, podemos cambiar entre un modo y otro rpidamente con las teclas Ctrl + Y. Para aplicar esta accin 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 tambin pulsada la tecla Alt, el cambio se aplica a todas las capas excepto la seleccionada. Vimos que unas de las cualidades de los formato PNG y GIF es que nos permiten trabajar con transparencias. Illustrator nos permite trabajar con estas transparencias, y no slo 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 mostrarn igual que los transparentes. Para solucionar esto, disponemos de una cuadrcula de cuadrados grises y blancos con la que distinguiremos perfectamente las transparencias. Podemos activarla desde el men Ver -> Mostrar cuadrcula 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 cuadrcula de transparencia, vemos que uno de los cuadrados blancos era transparente, y el marrn de la derecha es ms oscuro, pero con una opacidad baja. La cuadrcula normal tambin nos permite distinguir los objetos transparentes.

2.6. Reglas, cuadrculas y guas


Illustrator dispone de una serie de elemento que nos pueden ayudar a posicionar de forma precisa elementos en nuestro documento. Vamos a ver cuales son y como manejarlos. 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 combinacin de teclas Ctrl + R.

Estas reglas miden el alto y ancho del documento, partiendo de la esquina inferior izquierda de la mesa de trabajo. 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 insercin de las reglas), y arrastrando. Para restaurar el origen de regla a su posicin inicial, basta con hacer doble clic en el punto de insercin. Las reglas tambin no indican la posicin del cursor a travs de una pequea lnea 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.

Tambin podemos utilizar reglas en el rea de recorte. Para mostrar estas reglas, debemos hacer doble clic sobre la herramienta rea de recorte y acceder a sus propiedades, donde encontramos la opcin Mostrar reglas de rea de recorte.

Cuadrculas.

Otra ayuda de la que disponemos es la cuadrcula. Se trata de una cuadrcula o rejilla que aparece de fondo en el documento, pero que no se imprime, solo nos sirve de gua o patrn para colocar nuestros elementos, y apreciar mejor la distancia entre ellos. Podemos visualizarla u ocultarla desde el men Ver, utilizando las opciones Mostrar cuadrcula y Ocultar cuadrcula.

Si vamos a utilizarla para alinear objetos, nos resultar til la opcin Ajustar a cuadrcula, que tambin encontramos en el men Ver. Esta opcin hace que al acercar el contorno de un objeto a una lnea de la cuadrcula, el objeto se alinee con ella. Guas.

Las guas, de forma parecida a la cuadrcula, tambin nos sirven para alinear texto y objetos. Se trata de crear una lnea, que no se imprimir, y que como su nombre indica, nos servir de gua.

Para poder crear una gua 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 gua, por defecto, se muestra como una lnea del color azul cyan. Tambin podemos crear una gua partiendo de grficos vectoriales, para as crear una gua que se pueda ajustar ms a nuestras necesidades que una recta. Para ello, seleccionamos un objeto y escogemos en le men Ver Guas Crear guas.

A partir de una gua, podemos crear guas nuevas copindola y pegndola. Podemos cambiar su ubicacin arrastrndolas, y eliminarlas borrndolas como cualquier objeto. Si hemos creado una gua a partir de un objeto vectorial, podemos recuperarlo eligiendo en el mismo men la opcin Soltar guas.

2.7. Hacer y rehacer


Como cualquier programa de edicin, Illustrator dispone de los comandos Deshacer y Rehacer.

Deshacer anula la ltima accin y restaura el documento al momento anterior a realizarla. Por ejemplo, si hemos borrado un objeto, podemos deshacer la accin y el objeto reaparecer. Esto resulta muy til para probar un cambio y ver como queda, y sobre todo, cuando nos equivocamos. Si utilizamos este comando varias veces seguidas, se irn deshaciendo las acciones hasta llegar al momento en el que abrimos el documento, aunque lo hayamos guardado varias veces. El comando Rehacer, menos tilizado, anula el ltimo deshacer. Ambos comandos los encontramos tanto en el men Edicin, pero tambin en el men contextual al hacer clic derecho. Junto al nombre del comando, aparece la accin que se deshar o rehar.

Como todas las acciones comunes, disponemos de un atajo de teclado que nos permite ejecutar el comando rpidamente. Ctrl + Z para Deshacer y Ctrl + Maysculas + Z para Rehacer.

2.8. 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. Cada una de las ventanas la podemos controlar de forma independiente, con los botones de control que nos permiten minimizarlas, restaurarlas, maximizarlas o cerrarlas . El tener muchas ventanas abiertas a la vez puede resultar a veces un poco catico. Por eso en el men Ventana encontramos las opciones Cascada y Mosaico, que organizarn las ventanas como vemos en estas imgenes:

Tambin 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 configuracin de la ventana seleccionada, lo que nos ahorrar trabajo. Para crear la vista, basta con elegir Nueva vista en el men Ver.

En la parte inferior del men Ver encontramos las vistas disponibles para este documento. En cada documento slo podremos elegir las vistas guardadas en l.

2.9. Personalizar el espacio de trabajo

Podemos personalizar el espacio de trabajo de Illustrator para adaptarlo a nuestras necesidades. Esta personalizacin 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. Podemos encontrar estos paneles apilados en grupos de dos o tres paneles (conjuntos acoplados), teniendo que pulsar sobre distintas pestaas 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 slo un panel arrastrando desde su pestaa.

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 slo aparezca resaltada en azul la franja que separa los paneles. Tambin 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, soltndolo sobre el documento. El panel quedar flotante.

Recuerda que puedes 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 tambin que puedes ocultar los paneles con Maysculas + Tab, o todos los elementos excepto el documento con la tecla Tab. 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, ya que nuestro espacio de trabajo aparecer encima del los predefinidos en illustrator ( [Basico], [Panel] y [Tipo]).

Ejercicios unidad 2: El entorno de Illustrator


Ejercicio:
Organiza el espacio de trabajo de modo que cumpla las siguientes caractersticas: Debe mostrarse la cuadrcula, y los objetos ajustarse a ella. Deben mostrarse dos guas verticales. El panel Trazo aparecer flotante. La barra de herramientas se mostrar en una sola columna.

Solucin al ejercicio:

Organiza el espacio de trabajo de modo que cumpla las siguientes caractersticas: Debe mostrarse la cuadrcula, y que los objetos se ajusten a ella. 1. Desplegamos el men Ver y elegimos las opciones Mostrar cuadrcula y Ajustar a cuadrcula. Deben mostrarse dos guas verticales. 1. Mostramos las reglas, pulsando Ctrl + R. 2. Pulsamos sobre la regla izquierda, arrastramos, y soltamos sobre el documento. 3. Repetimos el paso anterior. El panel Trazo aparecer flotante. 1. Si no se ve este panel, lo seleccionamos en el men Ventana. 2. Pulsamos sobre la pestaa del panel Trazo y lo arrastramos sobre el documento. La barra de herramientas se mostrar en una sola columna. 1. Pulsa el botn contraer en la esquina superior izquierda de la barra de herramientas.

Unidad 3. Herramientas de dibujo (I)


3.1. 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 crculo con la herramienta lpiz a mano alzada, y el zig-zag con la herramienta pluma, haciendo un clic en cada vrtice. El crculo forma un trazado cerrado, ya que sus extremos estn 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 unin con otro segmento. Estos cuadraditos son los puntos de ancla, y aparecen oscuros cuando estn seleccionados, y claros cuando no.

En la imagen vemos que el crculo se compone de cuatro segmentos, y el zig-zag de tres. Cuando los segmentos son curvos, encontramos tambin lneas de direccin, con puntos de direccin en sus extremos.

Para que las lneas y puntos de direccin se muestren, debemos seleccionar el segmento haciendo clic con la herramienta Seleccin directa .

Como veremos ms adelante, todos estos elementos nos permiten modificar el segmento, y por tanto el trazado. Puedes ver ms cosas a cerca de los puntos de ancla y las lneas de direccin en este avanzado .

Unidad 3. Avanzado: Puntos de ancla y lneas de direccin


Puntos de ancla
Existen dos tipos de punto de ancla, puntos de vrtice y puntos suavizados. Los puntos de vrtice son cambios de direccin 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, rector y curvos o slo curvos. Los puntos suavizados redondean el punto de union, dando el aspecto de que son uno slo. Slo se puede suavizar la unin de segmentos curvos.

Para hacernos una idea ms clara, si pudisemos pasar un dedo sobre el contorno del dibujo, notariamos slo los puntos de vrtices, y percibiramos los puntos suavizados como una curva ms o menos pronunciada, pero que no rompe la continuidad del trazo. Podemos convertir un punto de vrtice 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 cmo editarlos.

Puntos y lneas de direccin.


Hemos visto que al seleccionar un segmento curvo, o un punto de ancla que lo una, se muestran lneas de direccin, con un punto de direccin en cada uno de sus extremos. Estas lneas son tangentes a la curva. El ngulo tamao de estas lneas determinan el tamao del segmento curvo.

En la imagen vemos dos trazados con tres pontos de ancla a la misma distancia. Lo nico que se ha modificado es el ngulo y el tamao de las lneas de direccin. En los puntos suavizados tambin encontramos lneas de direccin, pero unidas, ya que si modificamos el ngulo de unase modifica tambin el segmento continuo, para conservar la suavidad. En caso de que sea un punto de vrtice en el extremo de una curva, podemos modificar estas lneas sin que modifique el segmento continuo.

3.2. 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 slido, 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 definicin. Cuando un objeto no est seleccionado, slo 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 quedara cerrada si unisemos los extremos con una recta. En la imagen vemos el relleno de color naranja plido.

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

3.3. Dibujo de lneas


Una vez vistos los conceptos bsicos, vamos a comenzar con las herramientas de dibujo ms sencillas. La herramienta Segmento de lnea sirve para trazar una recta, una lnea que une dos puntos. sta es una de las herramientas de creacin de formas, ya que crea una forma predefinida, aunque sea una simple recta. Con todas las herramientas de forma, tenemos dos formas de dibujar:

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 lnea uniendo esos dos puntos. A parte, podemos conseguir distintos comportamientos si mientras trazamos la recta, mantenemos pulsada una de las siguientes teclas:
Maysculas. Slo permite crear rectas con ngulos mltiplos 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 lnea:

A travs de esta ventana podemos definir las caractersticas de la nueva lnea. Longitud. Podemos especificar el largo de la lnea, en la unidad de medida que deseemos, aunque por defecto se muestra la aplicada al documento. ngulo. El ngulo de inclinacin tomando como 0 una recta totalmente horizontal. Rellenar lnea. Al marcar esta casilla, se le aplica el estilo de color actual.

Los parmetros que aparecen por defecto son los mismos de la ltima lnea creada. Por tanto, si no cambiamos nada, obtendremos un lnea idntica.

3.4. Dibujo de rectngulos, elipses y polgonos.


Illustrator tiene una serie de herramientas que permiten crear formas bsicas. Estas formas resultan muy tiles para crear otras ms complejas, ya que resultara muy tedioso crearlas punto a punto, sobre todo si intentamos crear formas regulares. Las herramientas que permiten crear estas formas siguen el mismo patrn que la herramienta Segmento de lnea. Podemos dibujar estas formas seleccionando la herramienta, haciendo clic sobre el documento y arrastrando hasta obtener el tamao deseado. Podemos obtener otros comportamientos si pulsamos determinadas teclas mientras creamos la forma:
Maysculas. Mantiene el mismo alto y ancho para la nueva forma. Esto crea cuadrados

con la herramienta Rectngulo, y crculos perfecto con la herramienta Elipse.


Alt. Toma el punto de inicio como el centro de la forma. Se puede combinar con la tecla Maysculas. Espacio. Permite mover la forma mientras la creamos.

Estos comportamientos son comunes a cualquier forma. Si creamos la forma a travs de sus opciones, si encontramos atributos especficos para cada una. Vamos a ver cmo crear las formas ms 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 raton pulsado unos segundos sobre la herramienta. Rectngulos y cuadrados.

Estas dos formas se crean con la herramienta Rectngulo . Ya hemos visto que para que el rectngulo sea un cuadrado perfecto, lo crearemos mientras mantenemos la tecla Maysculas pulsada. Si hacemos clic directamente sobre el documento, accedemos a la ventana Rectngulo, 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 cuato segmentos rectos, unidos en cuatro puntos de vrtice .

Crculos y elipses.

La herramienta Elipse nos permite dibujar elipses y por tanto crculos, ya que un crculo 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 tamao deseado. Y si hacemos clic para introducir valores especficos desde la ventana Elipse encontramos los mismas opciones de Altura y Anchura que con el rectngulo. La elipse se compone de cuatro segmentos curvos, con puntos de direccin . Polgonos.

La herramienta Polgono nos permite crear polgonos regulares, de tantos lados como queramos, con un mnimo de tres. Esta herramienta se comporta de forma algo diferente al dibujar. El punto inicial del polgono ser su centro, como si mantuvisemos pulsada la tecla Alt, y los lados del polgono siempre son del mismo tamao, como si mantuvisemos tambin pulsada la tecla Mays. Al trazar un arco con el cursor alrededor del polgono, este gira sobre su centro. Para aadir lados, pulsamos la flecha Arriba, mientras que la flecha Abajo nos sirve para quitarlos. Si creamos el polgono a travs de la ventana Polgono, podemos concretar su Radio (distancia desde el centro hasta cada vrtice) y el Nmero de lados.

Estas son las formas ms utilizadas, pero habrs visto que en el grupo de herramientas hay ms, como Espirales o Estrellas, que puedes ver en este avanzado .

Unidad 3. Avanzado: Dibujar arcos, estrellas, espirales y cuadrculas (I)


Arcos
Agrupada con la herramienta Segmento de lnea, encontramos la herramienta Arco .

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. Pudemos pulsar la tecla Maysculas para trazar ngulos rectos. Pero a no ser que tengamos mucha prctica, este mtodo no nos resultar del todo cmodo. 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 previsualizacin del arco en la propia ventana a medida que cambiamos parmetros. 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 donde 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 que eje se sita la base del arco. La Inclinacin permite hacer ms cncavo o convexo el arco. Rellenar arco hace que se le aplique el color y relleno seleccionados.

Una vez configurado, pulsamos Ok. Todava no ha aparecido el arco, pero al hacer clic sobre el documento podemos crear un arco con la configuracin elegida.

Espirales
Otra de las herramientas que encontramos en el mismo grupo que Arco y Segmento de lnea es la herramienta Espiral .

Una espiral es una sucesin de arcos, uno tras otro y cada vez de menor tamao. Podemos trazarla sobre el documento, haciendo clic donde deseamos situar su punto central, y arrastrando para aumentar el tamao. Si giramos el cursor alrededor de la espiral, esta gira librememente. A pulsar la tecla Maysculas el giro se har por pasos de 45. Las flechas Arriba y Abajo aumentan o disminuyen el nmero 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.

El Radio es la distancia desde el centro de la espiral hasta su punto ms exterior. Cuanto mayor sea el Decaimiento, menos espacio habr entre los arcos. En Segmentos podemos indicar el nmero de segmentos que la componen. Y en Estilo, si la espiral gira a izquierdas o a derechas.

Estrellas
Otra de las formas, esta ms parecida a los polgonos es la Estrella .

Podemos crear fcilmente 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 Maysculas. Para aadir o quitar puntas a la estrella, podemos servirnos de las flechas Arriba y Abajo, sin soltar el botn del raton.

Tambin podemos crearla desde su ventana de opciones, haciendo clic sobre el documento con la herramienta seleccionada.

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 comparacin con el Radio 1, ms agudas sern las puntas de la estrella. En Puntos podemos indicar el nmero de puntas exteriores que tendr la estrella.

Cuadrculas rectangulares
Tambin podemos crear cuadrculas con su herramienta especfica, y disponemos de dos tipos: cuadrculas Rectangulares y cuadrculas Radiales. Ambas herramientas se encuentran en el grupo de la herramienta Segmento de lnea.

La herramienta Cuadrcula rectangular nos permite crear un rectngulo, dividido vertical y horizontalmente con tantas lenas como indiquemos, repartidas proporcionamente. Para dibujarla, la utilizamos igual que la herramienta Rectngulo, salvo porque podemos ayudarnos de las flechas de direccin Izquierda y Derecha para quitar o aadir divisiones verticales, y de las flechas Arriba y Abajo para aadir lneas horizontales. Vamos a ver las opciones que encontramos si las creamos desde su ventana:

En Tamao por defecto, encontramos el Alto y Ancho del rectngulo que encuadra la cuadrcula, y a la derecha el selector de punto de origen. En Divisores horizontales, encontramos el nmero de lneas que aparecern (sin contar las exteriores) horizontalmente, en Nmero. Sesgar se refiere a la proporcionalidad de espacio entre lneas. Si lo modificamos, veremos que las lneas de un lado aparecen ms juntas que las del opuesto. En Divisores verticales, lo mismo para las lneas verticales. Al contrario que las formas que hemos visto hasta ahora, la cuadrcula no es un objeto. Cara una de sus lneas son independientes, y podemos seleccionarlas y modificarlas sin que afecten al resto. Si marcamos la opcin Usar rectngulo exterior como marco, las lneas exteriores si formarn un objeto, un rectngulo, aunque las internas permanecern independientes. Rellenar cuadrcula la rellena con el color de relleno actual.

Las cuadrculas, aunque no forman un nico objeto, sus elementos si estn agrupados, como veremos ms adelante.

Cuadrculas Polares
El otro tipo de cuadrculas son las polares o circulares, que creamos con la herramienta Cuadrcula polar .

Esta cuadrcula est formada por elipses concntricas, y lneas que hacen de radio. Al dibujarlas lo hacemos igual que con la herramienta Elipse, pero utilizando las flechas de direccin Arriba y Abajo para aumentar o disminuir el nmero de elipses, y Derecha e Izquierda para aumentar o disminuir el nmero de radios. Vamos a ver las opciones que encontramos si las creamos desde su ventana:

En Tamao por defecto, encontramos el Alto y Ancho del dametro de la elipse ms externa, y a la derecha el selector de punto de origen. En Divisores concntricos, encontramos el nmero de elipses que aparecern (sin contar la exterior) en Nmero. Sesgar se refiere a la proporcionalidad de espacio entre ellas. Si lo modificamos podemos conseguir, por ejemplo, que cuanto ms prximas al centro, ms juntas estn las elipses.. En Divisores radiales, podemos indicar el nmero de radios, y tambin la propiead Sesgar de los mismos.

Crear trazado compuesto a partir de elipses hace que estas se comporten como franjas, dos a dos, concntricas. Esto lo apreciamos mejor al marcar la siguiente opcin. Rellenar cuadrcula la rellena con el color de relleno actual.

Unidad 4. Trabajar con objetos (I)


4.1. Objetos
Hasta ahora, hemos ido aadiendo 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 tambin podemos agrupar varios de estos objetos para tratarlos como uno slo. 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.

4.2. 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 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 ms simple de seleccionar un objeto es haciendo clic sobre l con la herramienta Seleccin , 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 grfico vectorial, o aparece enmarcado en caso de tratarse de un mapa de bits o un smbolo. Observa que el cursor mostrar un cuadradito negro cuando los situemos sobre un objeto que puede seleccionar. Si queremos aadir objetos a la seleccin, basta con seleccionar los nuevos objetos manteniendo pulsada la tecla Maysculas. 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 Seleccin directa , aunque como ya veremos, esta herramienta est ms enfocada a seleccionar puntos de ancla y segmentos.

Si queremos seleccionar varios objetos, pero al trazar un cuadrado con la herramienta seleccin, atrapamos ms objetos de los deseados, podemos recurrir a la herramienta Lazo . Con esta herramienta, podemos dibujar el rea de seleccin a mano alzada, y todos los objetos por los que pase, o que queden atrapados sern seleccionados.

Pero para el ejemplo de la imagen, podemos utilizar la herramienta Varita mgica . Esta herramienta selecciona automticamente 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 crculos con el mismo trazo y relleno que las estrellas tambin se habran seleccionado. Si pulsamos la tecla Maysculas, sumamos las caractersticas del objeto sobre el que pulsemos a la seleccin. En este ejemplo, si pulssemos sobre una bola roja con la tecla Mays., quedaran 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 difcil 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 estn 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.

4.3. Agrupaciones
A medida que intentemos hacer dibujos ms complejos, descubriremos que necesitamos que varios objetos formen uno slo. Esto lo conseguimos a travs de la agrupacin. Al agrupar varios objetos, podemos tratarlos como una unidad. Podemos seleccionar todos a la vez, redimensionarlos conservando la proporcin 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, vers que se seleccionan todos. Podemos tambin 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 jerarqua de grupos. En el men encontramos tambin la opcin inversa, Desagrupar. Este comando vuelve a separar los objetos del grupo. Si el objeto sobre el que ejecutamos esta accin pertenece a varios subgrupos, cada vez que pulsemos Desagrupar estaremos deshaciendo el grupo de mayor tamao. Puedes visitar este avanzado para ver algunos conceptos de Capas y objetos .

4.4. 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 Seleccin 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 aadimos elementos al grupo aislado los nuevos objetos quedarn 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 disposicin de los elementos dentro de l. Pero para editar un nico objeto, es ms rpido utilizar las herramientas de seleccin que hemos visto, Seleccin directa , Varita mgica y Lazo seleccionan los objetos independientemente de los grupos. . Estas herramientas

Agrupada con Seleccin directa, encontramos la herramienta Seleccin 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.
Pg. 4.2

4.5. Expandir objetos


Otra opcin que puede resultarnos til al crear nuestros dibujos es la de expandir. Esa opcin 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.

Esto nos ha permitido, tras desagruparlos, separar el relleno original del trazo original. A medida que avancemos en el curso veremos que el comando Expandir nos permite generar objetos a partir de efectos, o simplificar objetos compuestos.

4.6. Alinear y distribuir objetos

Muchas veces nos encontraremos con la necesidad de organizar nuestros objetos de forma automtica, por ejemplo, que todos queden centrados, alineados a la derecha, o distribudos dejando el mismo espacio entre ellos. Para hacerlo, tenemos las opciones de alineacin y distribucin de objetos. Lo primero es seleccionar los objetos. Podemos utilizar los mtodos de seleccin que hemos visto. Si queremos alinear o distribuir objetos, tomando uno como referencia, despues de habe seleccionado todos, volvemos a hacer clic sobre l. Esto lo convierte en el Objeto clave. Una vez seleccionados, utilizamos el Panel de control o el panel Alinear.

Alinear objetos. La alineacin se puede hacer respecto a cualquiera de los cuatro lados del cuadro delimitador de un objeto, o a su centro en vertical u horizontal.

Para hacerlo, slo hemos de pulsar el botn correspondiente. Si hemos marcado un objeto clave, el resto de objetos se alinearn con este. Si no, todos se alinearn al objeto ms externo. Por ejemplo, si los alineamos a la izquierda, todos se alinearan con el objeto situado ms a la izquierda, que no se movera. Centrar objetos horizontal y tambin 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 ms de dos, ya que los extremos se toman como referencia, y no se mueven. Distribuir espaciado. Esta opcin, distribuye los objetos dejando entre ellos el mismo espacio, sin tener en cuenta su anchura. Podemos distribuirlos horizontal y verticalmente, eligiendo Auto, lo que calcular automticamente el espacio, tomando como referencia los extremos, o introducir un valor especfico, lo que colocar los objetos a esa distancia del anterior, partiendo del objeto clave.

Cuando alineamos o distribuimos objetos a un lado, y estos tienen distinto grosor en el trazo, el comportamiento es distinto dependiendo de la opcin Usar delimitadores de previsualizacin 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).

4.7. Smbolos
S hacemos un dibujo que planeamos repetir en el mismo o en sucesivos documentos, podemos guardarlo como un smbolo. Con esto conseguimos simplificar el crear mltiples objetos del mismo tipo, ya que en vez de crear objetos iguales pero independientes, crearemos instancias de ese smbolo, todas ellas vinculadas al original. Podemos acceder a los smbolos y sus opciones desde el panel Smbolos. Crear un smbolo. Para crear un nuevo smbolo a partir de un objeto de un dibujo de Illustrator, lo nico que tenemos que hacer ser seleccionar el objeto o los objetos que formarn el smbolo y elegir Nuevo smbolo en la parte inferior del panel Smbolos.

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

El resto de opciones que aparecen slo son tiles sin pensamos exportarlo a Flash. Colocar smbolos. Para agregar una instancia de smbolo al documento, basta con seleccionarlo del panel Smbolos y pulsar el botn Colocar instancia de smbolo de la parte inferior.

A parte de los creados por nosotros, Illustrator trae diveros smbolos que podemos encontrar agrupados en galeras temticas. Estos smbolos podemos elegirlos a travs del Men Biblioteca de smbolos . Editar smbolos. Las instancias no son objetos independientes, por lo que si editamos una, estamos editando el smbolo, y por tanto todas las instancias de ste. Esto se refiere a cambios en el trazo o relleno del smbolo, 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 opcin Romper enlace a smbolo. De este modo la instancia se convertir en un

objeto igual que el que cre el smbolo, pero independiente de ste, por lo que podremos modificarlo sin problemas.

Ejercicios unidad 4: Trabajar con objetos


Ejercicio 1:
Abre el documento ejercicios_4.ai que encontrars en la carpeta de ejercicios. En el encontrars estos objetos:

Organzalos para que queden as, sin necesidad de moverlos:

Ejercicio 2:
Agrupa el objeto que has creado en el ejercicio anterior y gurdalo como un smbolo. Despus, crea dos instancias de ese smbolo. Si necesitas ayuda para resolver el ejercicio, aqu te lo explicamos.

Solucin al ejercicio:
1. Haz doble clic sobre el documento ejercicios_4.ai para abrirlo.

2. En el men Ventana, activa el panel Alinear. 3. Selecciona el cuadrado verde grande, el negro y el amarillo grande, haciendo Maysculas + clic. 4. Vuelve a pulsar sobre el verde. 5. En el panel Alinear, en Distribuir espaciado teclea 0px. 6. Pulsa en Distribuir espacio horizontalmente. 7. Selecciona el cuadrado verde grande, el negro y el azul grande. 8. Vuelve a pulsar sobre el verde. 9. Pulsa en Distribuir espacio verticalmente. 10. Haz Maysculas + clic sobre el negro para deseleccionarlo. 11. Pulsa en Alienar a la izquierda. 12. Deselecciona el azul y selecciona el amarillo grande, manteniendo el verde grande seleccionado. 13. Pulsa Alinear arriba. 14. Selecciona slo el amarillo grande y el rojo grande. 15. Pulsa Alinear a la derecha. 16. Selecciona el azul grande y el rojo grande. 17. Pulsa Alinear arriba. 18. Selecciona los cuadrados verdes, y vuelve a pulsar sobre el verde grande. 19. Pulsa Alinear a la izquierda y Alinear arriba. 20. Selecciona los cuadrados amarillos, y vuelve a pulsar sobre el grande. 21. Pulsa Alinear a la derecha y Alinear arriba. 22. Selecciona los cuadrados rojos, y vuelve a pulsar sobre el grande. 23. Pulsa Alinear a la derecha y Alinear abajo. 24. Selecciona los cuadrados azules, y vuelve a pulsar sobre el grande. 25. Pulsa Alinear a la izquierda y Alinear abajo.

Ejercicio 2:
1. Para agruparlos, selecciona todos los cuadrados y pulsa Ctrl + G. 2. Abre el panel Smbolos. 3. Pulsa en Nuevo smbolo. 4. Dale el nombre que prefieras y pulsa OK. 5. Para crear dos instancias, arrstralo fuera del panel Smbolos dos veces.

Unidad 5. La herramienta Lpiz (I)


5.1. La herramienta Lpiz

La herramienta Lpiz 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 dnde se colocan los puntos de ancla en el trazo, aunque s podamos editarlos despus. Es por ello, que a no ser que busquemos el efecto de hecho a mano, esta herramienta se suele utilizar para hacer bocetos

5.2. Dibujar con la herramienta Lpiz

La forma de dibujar con el lpiz es la ms natural, sobre todo si se utiliza una tableta grfica en vez de un ratn. Basta con seleccionar la herramienta, con lo que el cursor tomar forma de lpiz . 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 botn del mouse, pero no es necesario situarnos justo sobre el punto inicial.

5.3. Modificar trazados con el lpiz


Si seleccionamos un trazado y nos situamos sobre l con la herrmaienta Lpiz, veremos que la x del cursor desaparace . Esto indica que el nuevo trazo se aadir al existente. Pero claro, un trazo no puede tener varios extremos, por eso si prolongamos el trazo desde un punto, el trazo que haba desde ah hasta el extremos ms cercano desaparece. Con esto podemos realizar bsicamente tres acciones: Prolongar un trazo, continuando desde uno de sus extremos. Cambiar su forma, dibujando desde un punto del trazo, y finalizando tambin 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 sortar en el trazado final.

No obstante, al editar trazos con el lpiz es frecuente que obtengamos resultados que no esperamos, normalmente porque se elimina el la parte del trazo que no queramos. Recuerda que para deshacer una accin podemos pulsar Ctrl + Z. Puedes ver como realizamos un tarzado simple con el lpiz siguiendo el ejercicio paso a paso Dibujar con el lpiz.

Unidad 5. Ejercicio paso a paso: Dibujar con el lpiz


Vamos a crear un dibujo simple con el lpiz, en este caso una ballena. Recuerda algunos atajos:
Ctrl + Z elimina el ltimo trazo creado.

Pulsa Ctrl para alternar con la herrmienta Seleccionar sin tener que cambiar la herramienta lpiz.

Con el lpiz, no intentes crear el dibujo final a la primera, haz un boceto. Los pasos de este ejercicio son orientativos.

Ejercicio:
1. Abre Adobe Illustrator CS3, y un Nuevo documento. 2. Selecciona la herramienta Lpiz. 3. Primero hemos dibujado una lnea que forma el lomo de la ballena.

4. Del mismo modo, vamos dibujando los trazos que forman el dibujo, sin intentar dibujarlo todo en un mismo trazo.

Hemos coloreado cada trazo de un color para que se vean mejor que trazos independientes hemos utilizado. 5. Vamos a corregir errores. En este caso, empezamos por la cola. Seleccionamos el trazo que la forma, pulsando la tecla Ctrl y haciendo clic encima. 6. Hacemos clic sobre el trazo, desde el lugar del que queramos redibujar.

7. Dibujamos hasta llegar al lugar donde queramos "emplamar", pulsamos Ctrl y soltamos el botn del ratn. 8. Del mismo modo, seleccionando un trazo y sobreescribiendo, vamos corrigiendo la forma de los trazos, hasta aproximarnos a la deseada.

9. Por ltimo, dibujamos los detalles que falten.

5.4. Opciones de la herramienta Lpiz

Vamos a conocer las opciones que podemos configurar en la herramienta Lpiz, para poder ajustarla a nuestras necesidades. Para acceder a sus opciones, hacemos doble clic sobre su icono herramientas. Se abrir su ventana de preferencias: en la Barra de

En Toleracias podemos configurar: Fidelidad Controla la distancia a la que debe mover el ratn o el lpiz electrnico para que se cree un nuevo punto de ancla en el trazado. Cuanto mayor sea, se crearn menos puntos de ancla, por lo que los segmentos sern mayores y ms curvos, y el trazado ms suave. Si aumentamos el valor, se generarn ngulos ms cerrados. Suavizado Determina el suavizado que se aplica a la herrmienta. Como pasaba antes, a un mayor valor, el trazado ser ms suave y por tanto tendr menos puntos de ancla. Si reducimos el valor, el trazado ser ms sensible a las irregularidades del dibujo. En Opciones podemos marcar: Rellenar nuevos trazos de lpiz 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 opcin est marcada es lo que permite editar trazados existentes con el lpiz.

En x pxeles Si la edicin est permitida, aqui podemos concretar a qu distancia como mnimo debe de estar el cursor del trazo para que pueda editarlo.

5.5. La herramienta Suavizar


Si mientras utilizamos la herramienta Lapiz presionas la tecla Alt cambiamos a la herramienta Suavizar independiente. . Tambin la encontramos disponible como herramienta

Esta herramienta tambin dispone de unos valores de Suavizado y Fidelidad configurables. Y lo que hace es eso, reaplicar estos valores la trazado, previamente seleccionado, sobre el que se aplica la herramienta. Cada vez que utilicemos la herramienta sobre el mismo trazado, este se suavizar un poco ms, teniendo cada vez menos puntos de ancla.

Unidad 6. La herramienta pluma (I)


6.1. La herramienta Pluma

La herramienta Pluma (accesible con la tecla P) es la ms til y verstil en el dibujo vectorial, ya que con ella podemos concretar exactamente dnde y cuntos puntos de ancla tendr nuestro trazo, si son suavizados o vrtices, 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 tambin utilizarlas a medida que dibujamos con la pluma, jugando con el teclados y las teclas Ctrl y Alt. La herramienta Pluma nos permite dibujar un trazado, haciendo clic donde queramos crear un punto de ancla. La herramienta Aadir punto de ancla crea un nuevo punto de ancla al trazado sobre el que pulsemos, y en la posicin 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.

La herramienta Convertir punto de ancla transforma un punto ya existente. Por ejemplo, si hacemos clic sobre un punto suavizado, se convertir en un vrtice. Y si hacemos clic sobre un vrtice y arrastramos, podremos controlar las lneas de direccin y transformarlo en un punto suavizado.

6.2. Dibujar con la Pluma


Al principio puede resultar difcil el uso de esta herramienta, pero no es ms que la falta de costumbre. Cuando la dominemos, veremos lo verstil que resulta. Vamos a empezar paso a paso. 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 seleccin y hacer clic fuera del trazo. Dibujar una recta. El trazo ms simple que podemos realizar es una recta, del mismo modo que con la herramienta Segmento de lnea. Para dibujarla, hacemos clic en el punto de origen y, sin mantener pulsado el botn tras el clic, hacemos otro clic en donde queramos que acabe la lnea.

Si mantenemos pulsada la tecla Maysculas limitaremos el ngulo del segmento a mltiplos de 45. Esto nos facilitar crear rectas verticales u horizontales. Dibujar un polgono. Vamos haciendo clic en cada uno de los vrtices del polgono, 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 vrtice.


Pg. 6.1

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

Para crear un punto suavizado, hacemos clic en el documento, y son soltar le botn del ratn lo arrastramos. Veremos que estamos arrastrando uno de los puntos de direccin de ese punto de ancla. Los controles de direccin, nos permiten controlar el ngulo y la curvatura del segmento. La parte externa de la curva apuntar en la misma direccin 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 el clic final, lo mantenemos pulsado y arrastramos, podremos controlar tambin las lneas de direccin de este punto. Si movemos las lneas en la direccin opuesta a como las hemos movido en el primer punto, obtendremos un arco, pero si las movemos en la misma direccin, obtendremos una "S".

La diferencia entre al arrastrar el punto final o no (o el inicial, ya que podramos haber trazado el arco slo arrastrando desde el ltimo punto) es que el punto que creamos al arrastrar es suavizado. Por lo que si creamos otro segmento a continuacin, este tendr que ser curvo para poder adaptarse. Podramos seguir aadiendo segmentos curvos siguiendo estesistema, y al final dejarlo abierto o cerrarlo, volviendo a pulsar sobre el primer punto de ancla. Otra opcin sera crear dos segmentos unidos por un punto de vrtice. 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 vrtice y arrastramos hasta obtener la curva deseada.

Para volver a convertirlo en un punto de vrtice, bastara con hacer clic con la herramienta Convertir puntos de ancla sin arrastrar.

Combinar segmentos rectos y curvos. Hasta ahora hemos visto que al hacer un clic creamos un punto de ancla. Si soltamos el ratn inmediatamente, el punto creado es un vrtice, mientras que si arrastramos, el punto es suavizado, y los segmentos que unen curvos. Pero sabemos que puntos de vrtice tambin pueden unir segmentos curvos o rectos y curvos. Vamos a ver como lo hacemos. 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 prximo 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 tringulo . Hacemos clic y arrastramos. Vemos que en este caso slo aparece una lnea de direccin, que corresponde al futuro segmento. Despues, hacemos clic en el lugar donde finalizar el nuevo segmento.

En este ejemplo, el ltimo punto creado es un vrtice, porque no hemos modificado sus lneas de direccin (aunque podramos haberlo hecho). Por lo tanto si hacemos otro clic, el segmento resultante ser recto. Pero si queremos trazar un segmento recto despus 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 vrtice. Cuando lo que queremos es crear un punto de vrtice que una dos segmentos curvos, podemos tambin hacerlo como hemos visto: crear un arco, y si el ltimo punto es suavizado, convertirlo a un punto de vrtice haciendo clic antes de crear el nuevo trazado. Otra opcin ms rpida es utilizar la tecla Alt mientras manejamos las lneas de direccin del extremo final. Al pulsar la tecla, pasamos a controlar la direccin del siguiente segmento, como hacamos al volver a hacer clic y arrastrar tras crear una recta.

Otra forma de conseguir este mismo efecto es preocuparnos slo por modificar la primera de las lneas de direccin, y modificar la segunda despus de crear el punto, manteniendo pulsada la tecla Alt mientras pulsamos y arrastramos del punto de direccin.

Puedes repasar lo visto hasta ahora en el curso con el ejercicio pasoa paso Dibujar con la pluma.

Unidad 6. Ejercicio paso a paso: Dibujar con la pluma (I)


Vamos a utilizar lo visto hasta ahora para realizar un dibujo un poco ms complejo, en este caso un famoso personaje animado.

No vamos a dibujarlo todo en el mismo trazo, lo diviremos en distintos objetos que superpondremos. Normalmente, crearemos por lo menos un objeto distinto para cada color de la ilustracin. Intenta hacer los segmentos curvos lo ms largos posibles, es decir, que sus puntos de ancla estn muy separados. Ten en cuenta que unos objetos taparn a otros, por lo que podemos dibujar la parte que estar oculta como ms nos acomode. Para que te resulte ms fcil hacerlo, puedes utilizar el documento ejercicio_pluma.ai que encontrars en la carpeta de Ejercicios. Distintas guas, con los distintos elementos y con el trazado completo. Te resultar muy fcil seguir el trazado dibujando sobre la gua si acercas el zoom.

Ejercicio:
1. Abre Adobe Illustrator CS3, y crea un nuevo documento. 2. En la Pantalla de bienvenida, haz clic sobre Documento para web.... 3. Primero vamos a dibujar la silueta de la cabeza, sobre la que colocaremos todos los objetos. 4. Traza los puntos en las posiciones que se ven en la imagen, utilizando los puntos de direccin antes y despus de crear el punto de ancla. Forma un trazado cerrado, volviendo a hacer clic en el punto inicial.

5. Ahora crearemos la boca, un trazo abierto que parte del labio inferior y finaliza en la comisura:

6. La nariz, un trazo abierto en forma de "c" invertida, alargada.

7. Los ojos. El derecho ser una circunferencia. Del izquierdo slo nos interesa la parte que se ver. Ambos trazados son cerrados.

8. Y por ltimo la oreja, un trazado abierto en forma de "C".

9. Ahora, con la herramienta Seleccionar, colocamos cada objeto en su posicin final.

10. Ya que unos trazados se superponen a otros, es importante el orden de apilamiento. Abrimos el panel capas y desplegamos la capa actual. 11. Arrastramos los objetos en el panel hasta conseguir el siguiente orden: 1. Oreja 2. Ojo derecho 3. Nariz 4. Ojo izquierdo 5. Boca 12. Seleccionamos todos los elementos trazando un rectngulo con la herramienta Seleccionar. 13. Seleccionamos un trazo Negro en el panel Color, con un grosor de 2px en el panel Trazo. 14. Con la tecla Maysculas pulsada, hacemos clic sobre ojos y boca para deseleccionar esos elementos. 15. En el panel de Color, elegimos para el relleno el color amarillo de la piel. 16. Seleccionamos la boca y le damos el color de relleno marrn. 17. Seleccionamos los ojos y le damos un relleno blanco.

18. Con la herramienta Pluma, con un trazo negro de 2pt y relleno transparente, trazamos la "M" que forma el pelo sobre la oreja, y los dos arco de pelo de la cabeza. 19. Cambiando a la herramienta Lpiz, trazamos el dibujo de la oreja.

20. Por ltimo, con la herramienta elipse, sin contorno y relleno negro, dibujamos las dos pupilas.

6.3. 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 Aadir punto de ancla. Al hacer clic aadir 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 unirn 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 segmente en el cursor.

Por otra lado, si durante la creacin 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 ratn para desplazar la ubicacin del punto de ancla.

Ejercicios unidad 6: La herramienta pluma


Ejercicio 1:
Traza una estrella como la de la imagen. No es importante el color o el relleno. Puedes hacerla con la Pluma o directamente con la herramienta Estrella:

Cpiala tres veces, y modifica cada una de las estrellas con la herramienta Pluma hasta obtener estos tres objetos:

Si necesitas ayuda para resolver el ejercicio, aqu te lo explicamos.

Solucin al ejercicio 1:
1. Selecciona la herramienta Estrella. 2. Haz clic sobre el documento para acceder a su ventana de opciones. 3. Introduce una Radio 1 de 80 px y un Radio 2 de 25 px, 5 puntos. 4. Haz clic sobre el documento. 5. Selecciona la estrella haciendo Ctrl + clic. 6. Cpiala pulsanco Ctrl + C, y pulsa Ctrl + V tres veces para tener las copias. Seleccinalas y distribyelas. 7. Selecciona la herramienta Pluma. 8. Para hacer la flor, selecciona una estrella y convierte sus puntas en puntos suavizados, haciendo Alt + clic y arrastrando.

9. Para hacer la forma de la flecha, primero quita los puntos que sobraban (marcados con una x en la imagen) haciendo clic sobre ellos.

10. Convierte los puntos de los lados en puntos suavizados. 11. Para realizar la tercera figura, hay que aadir puntos de ancla, todos a la misma distancia del centro, por eso nos ayudaremos de una gua. 12. Selecciona la herramienta Elipse, y manteniendo pulsada la tecla Maysculas traza una crculo que coincida con el centro de la estrella. 13. Con el crculo seleccionado, haz clic derecho sobre l y elige Crear guas. 14. Selecciona la Pluma y haz clic para crear un punto de ancla en cada lugar que la gua corta a la estrella.

15. Haz clic sobre los puntos ms cercanos al centro para eliminarlos.

Unidad 7. El color (I)


7.1. El color
A travs 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 mxima 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 cmaras digitales, etc. tienen una fuente de luz propia. Pensemos en cada uno de los pxeles de la pantalla de un monitor. Cada pxel est dividido en tres subpxeles 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 proporcin 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 ms 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 nmero a partir de 9: A=10, B=11... F=15) con valores entre 00 y FF, como se utiliza en la normalmete web. Esto nos permite definir los principales colores como vemos en esta tabla: Rojo Verde Azul R:255, G:0, B:0 R:0, G:255, B:255 R:0, G:0, B:255 Magenta Amarillo Cyan R:255, G:0, B:255 R:255, G:255, B:0 R:0, G:255, B:255

El blanco puro se obtiene al mezclar todos los colores con intensidad mxima (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 mostrarn correctamente en una pgina Web. Colores sustractivos.

Cuando queremos dar color a un objeto sin luz propia, usamos tintas o pinturas. Se trata de sustancias diseadas 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. 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 slo 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 deberamos de quitar todos los reflejos. Los colores primarios sustractivos son el cyan, magenta y amarillo. Si recuerdas los colores primarios de RGB, vers 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 mximo, 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 aadido para obtener un mejor resultado en impresoras, un negro ms 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 ms claros y cercanos al blanco tienen valores ms bajos, y requieren de menos tinta. Diferencias entre CMYK y RGB Cuanto en illustrator queramos crear un grfico 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 conversin entre estos modos de color no dan como resultado exactamente los mismos colores. Incluso hay colores de un sistema que no pueden ser representado 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 fotografa de la izquierda (RGB) no son exactamente iguales que los de la derecha (CMYK). 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.

7.2. Seleccionar colores


En Illustrator tenemos mltiples 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 opcin que ms 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 ms parecido que s cumple con la advertencia. Podemos cambiar el modo de color del panle 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 seleccin de color del panel Color o de la Barra de herramientas.

Este panel nos permite ser ms preciso, tanto en la seleccin de color "a ojo" como insertando directamente los valores en en las escalas CMYK, RGB o tono-saturacin-brillo (HSB). Slo colores Web nos limita la seleccin a aquellos colores que ser visualizan correctamente en los exploradores Web. En vez de seleccionar un modo de color, podemos seleccionar utilizando las Muestras de color, teniendo un botn 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 tenamos un objeto seleccionado, tomar los nuevos colores. 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 el un color, puede que queramos complementarlo con colores armnicos. En el panel Gua de color encontraremos colores relacionados con el seleccionado que nos facilitarn esta tarea.

7.3. Pintar objetos

Hasta ahora hemos visto la forma ms simple de pintar un objeto: lo creamos, y elegimos un color o motivo, que se asignar al relleno o al trazo, segn lo que hayamos seleccionado en el selector.

Del mismo modo, aplicaramos motivos o degradados, por ejemplo del panel muestras. Pero este sistema tiene la limitacin 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 slo 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.

Ahora, si volvemos a pasar por encima con la herramienta, veremos la parte sobre la que estamos del objeto queda remarcada. Esto nos indica a que parte del objeto se le aplicar el color seleccionado en el Bote de pintura interactiva.

Esto tambin se puede hacer con los espacios resultantes de la interseccin de varios objetos.

En este caso hemos utilizado la herramienta Seleccin 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... Tambin podemos pintar los contornos con bote de pintura interactiva, aunque esta opcin 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. Tambin las opciones de apariencia, si se resaltan las reas de pintura interactiva y cmo. El grupo de pintura interactiva se crea agrupado. Podemos editar sus objetos independientes con la herramienta Seleccin directa o entrando en el grupo aislado. Al modificar los trazados originales, cambian las zonas de pintura interactiva. Podemos aadir crear o eliminar zonas aadiendo o quitando trazos.

7.4. Muestras
Las muestras son colores, motivos, degradados, grupos de colores, etc que podemos crear y guardar para utilizar en varias ocasiones. Igual que ocurre con los smbolos, 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: Cuatricroma . Una cuatricroma se imprime utilizando una combinacin de las cuatro tintas (cyan, magenta, amarillo y negro). Smbolo RGB . El color viene definido por los colores primarios aditivos.

Cuatricroma global . Las cuatricromas pueden ser globales o locales. Cuando son globales, y modificamos la muestra, el color ya aplicado se actualiza automticamente. 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 cuatricroma.

Degradados. Un degradado es una fusin gradual de colores o tonos distintos. Pueden ser definidos como cuatricroma CMYK, colores RGB o colores de tinta plana. Motivos. Los motivos son trazados repetidos en mosaico, formando una textura. Ninguno transparente. . La muestra Ninguno elimina el trazo o el relleno de un objeto, dejndolo

Registro . La muestra de registro utilizada en la impresin profesional de imprenta, hace que se imprima en todas la planchas para facilitar una alineacin ms precisa de las mismas. Grupos de colores conjunto. . Se trata de una serie de colores globales guardados en

Podemos acceder a las muestras desde el panel Muestras:

Para seleccionar cualquiera de las muestras existentes, basta con hacer clic, como hacamos con los colores. En la biblioteca encontraremos una gran cantidad de muestras predefinidas: grupos de colores, motivos, tintas planas, etc. Podemos aadir a este panel nuevas muestras, por ejemplo el grupo de colores de un objeto en el que estemos trabajano. Para hacerlo, lo seleccionamos y pulsamos Nuevo grupo de colores. Si lo que queremos es aadir todos los colores del documento como colores globales, sin tener ningunos seleccionado, desde el men de propiedades del panel, elegimos Aadir colores usados. Una forma ms rpida de agregar un color individual al panel de Muestras es arrastrarlo directamente desde el panel de Color. SI esta accin 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:

Nombre de la muestra, es el nombre que le identificar. Tipo de color, donde podemos elegir si es una cuatricroma o tinta plana. Global convierte la muestra en una cuatricroma global. Modo de color especifica y regula el modo de color de la muestra. Si marcamos previsualizar y ya hemos aplicado la muestra a algn objeto del documento, podremos ver los cambios reflejados en l.

7.5. Degradados

Un degradado es una fusin gradual de colores. Por ejemplo, un rectngulo 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 le desplegable Tipo, lineal donde los colores forman lneas paralelas, o radial, con el degradado formando crculos concntricos.

El regulador de degradado muestra dos elementos. Unos cuadrados en el punto donde el color se aplica puro, sin degradar todava. Cuando seleccionamos uno de estos controles, el tringulo 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 aparicin de un color, o que el cambio de color sea ms brusco. El control ngulo indica la inclinacin del degradado lineal, y Ubicacin la posicin del degradado. Pero estas propieades se pueden controlar mejor con la herramienta Degradado . Con el objeto del degradado seleccionado, hacemos clic en el lugar donde queramos situar el color de la izquierda del panel Degradado, que ser el centro si es radial, y sin soltar trazamos una recta hasta el punto donde colocar el color del otro extremo. Si despus hacemos un solo clic en un degradado radial, veremos como el centro se desplaza, dejando de tener la misma proporcin de color a cada lado del crculo. Para aadir colores al degradado, podemos arrastrarlos directamente desde el panel Color o Muestras. Tambin podemos pulsar en la zona de los controles de color para aadir 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 tecla Alt mientras presionamos sobre la muestra.

7.6. Color activo


Utilizando el color activo, podemos cambiar los colores de un objeto creado por nosotros, un smbolo, los motivos predefinidos... o de toda la ilustracin 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 slo 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 color activo desde el Panel de control pulsando en el icono Volver a colorear ilustracin , o si no a travs del men Edicin Editar colores Volver a colorear ilustracin. Llegaremos a una ventana como la siguiente:

Inicialmente lo que destaca, son dos columnas: La primera tiene los colores actuales de la ilustracin, los que se estn usando. En cada fila, podemos tener uno o varios colores. La segunda, contiene los colores nuevos que sustituirn a los de la primera. Si en la segunda columna no hay ningn color, nos indica que el color actual correspondiente no ser sustituido.

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

Maysculas y pulsando el botn Combinar colores en una fila

), pueden ser sustitudos 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 pestaita que aparece cuando nos situamos sobre el color.

Para tener ms control a la hora de elegir los colores, podemos pulsar en el botn Editar de la parte superior. La ventana cambiar a la siguiente...

Cada uno de los colores tiene un controlador, que podemos desplazar sobre la rueda para variar el color. En debajo de la rueda hay un controlador que nos permite regular el brillo, o la saturacin si hacemos clic sobre su icono. Para cambiar todos los colores a la vez, tenemos varios mtodos: Podemos sustituirlos por colores basados en Reglas de armona, del desplegable superior. Estos colores se generarn a partir del color base. Cuando el icono Enlazar / Desenlazar colores armnicos aparece enlazado, se mantiene la armona. Si desplazamos un color por la rueda, todos se movern a la vez.

Para entender mejor las posibilidades de esta herramienta, de recomendamos que sigas el ejercicio paso a paso Color activo.

Unidad 7. Ejercicio paso a paso: Color activo (I)

Vamos a practicar diversas formas de utilizar el color activo sobre una ilustracin. Para ello, utilizaremos siempre sta:

Puedes encontrarla en el documento ejercicio_color_activo.ai de la carpeta de Ejercicios. El primer paso en todos los ejercicios, ser siempre seleccionar el objeto a tratar, crear una copia para no modificar el original o el de ejercicios anteriores y acceder a la ventana de Color activo, desde el icono del Panel de control.

Ejercicio 1. Luminosidad
Partiendo del original, vamos a obtener esta ilustracin:

1. En la ventana Color activo, pulsamos Editar. 2. Ponemos desplazamos el controlador de luminosidad a la derecha del todo. 3. Pulsamos OK.

Ejercicio 2. Reglas de armona


Partiendo del creado en el ejercicio anterior, vamos a realizar esta composicin:

No tiene que quedarte igual, slo debes usar la misma tcnica. 1. Pulsamos el botn Editar. 2. En la rueda de color, cambiamos el color base. Por ejemplo, en la imagen de arriba a la derecha, hemos elegido el rojo. 3. Con el nuevo color base, desplegamos la pestaa de Colores armnicos en la parte superior, y elegimos una seroe de colores que nos agrade. 4. Si queremos variar alguno de los colores por separado, nos aseguramos de que no estn enlazados los colores armnicos. 5. Pulsamos Ok. 6. Repetimos el proceso con el resto de imgenes, cambiando el color base.

Ejercicio 3. No cambiar colores


Partiendo de la ilustracin creada en el ejercicio 1, crea una composicin parecida a sta.

1. En la ventana de Color activo, pulsamos Asignar. 2. Seleccionamos los dos colores de la cara, haciendo clic sobre la barra de color mientras mantenemos pulsada la tecla Maysculas. 3. Pulsamos el botn Excluir colores , para que esos colores no varen.

4. Si el color negro tambin est excluido, hacemos clic en la columna Nuevos, y pulsamos Aceptar. 5. Cambiamos el negro por otro, un verde oscuro en el caso de la imagen de arriba a la derecha. 6. Pulsamos el botn Editar. 7. Enlazamos los colores armnicos, pulsando en su icono. 8. Desplazamos los colores hacia el tono elegido, en el caso de la imagen de arriba a la derecha, hacia los tonos veres. 9. Pulsamos OK. 10. Creamos copias de la que acabamos de colorear, y repetimos los pasos necesarios con otros colores.

Ejercicio 4. Escala de colores


Partiendo de la ilustracin creada en el ejercicio 1, crea una composicin parecida a sta.

1. En la ventana de Color activo, pulsamos Asignar. 2. Seleccionamos todos los colores haciendo clic sobre la barra de color mientras mantenemos pulsada la tecla Maysculas. 3. Pulsamos el botn Combinar colores en una fila .

4. Hacemos doble clic sobre el color de la columna Nuevos.

5. Elegimos el color y pulsamos OK. En el caso de la primera imagen, hemos elegido el magenta. 6. Si no est seleccionado ya, desplegamos la pestaa del nuevo color y elegimos Cambiar a escala de color. 7. Pulsamos Para el resto de imgenes haremos lo siguiente: 8. Crea una copia de la que acabas de colorear. 9. Abre la ventana de Color activo. 10. Pulsa el botn Editar. 11. Pulsa el icono para Enlazar colores armnicos, si no estn ya enlazados. 12. Desplaza los controladores a los distintos tonos de color. OK.

Ejercicio 5. Reducir colores.


Partiendo de la ilustracin creada en el ejercicio 1, reduce los colores para obtener esta ilustracin:

1. En la ventana de Color activo, pulsamos Asignar. 2. Selecciona los colores que forman el cabello, el azul, el cyan y el violeta. 3. Pulsamos el botn Combinar colores en una fila .

4. Arrastra el color azul de la columna de colores actuales a la columna de Nuevos. 5. Despliega la pestaa del color nuevo, y elige Exacto. 6. Repite los pasos con los colores que forman la cara para dejar slo el ms claro. 7. Pulsa OK.

7.7. Transparencias
Podemos aplicar transparencias a nuestros objetos de Illustrator, de forma que se pueda ver a travs de ellos total o parcialmente. Recuerda: Para trabajar con transparencias resulta muy til la rejilla de transparencia (Ctrl + Maysculas + D). La transparencia ms simple es conseguir ver a travs del relleno de un objeto:

Lo nico que necesitamos para conseguir esto es reducir la Opacidad en el panel de Transparencia:

A la izquierda Opacidad encontramos otro desplegable. En l seleccionamos cmo se muestran los objetos que se ven a travs del transparente, el modo de fusin. Cuando aplicamos la transparencia a objetos agrupados, todos adoptan la misma transparencia, pero no los objetos del propio grupo no son visibles unos a travs de otros. Una opcin muy interesante de las transparencias, es poder crear una mscara de transparencia. La mscara no es ms que otro objeto que define cmo 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 mscara, 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 enmascarador, que por defecto oculta todo el anterior.

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 imgenes, a la derecha mostramos la mscara que hemos utilizado y a la derecha el resultado.

Otra forma de hacerlo, que nos puede resultar ms cmoda, es dibujar el objeto a enmascarar y encima el objeto enmascarador. Con ambos seleccionados, desde las opciones del panel Transparencia, pulsamos Crear mscara de opacidad. La opcin Recortar hace que slo se muestre el objeto enmscarado que est dentro de un objeto que haga de mscara, y la opcin Invertir mscara cambia los colores que definen la transparencia, es decir, el negro pasara a ser el opaco y el blanco el transparente. Para definir las transparencias hemos utilizado una escala de grises porque resulta ms fcil de entender. Pero esto puede hacerse con cualquier color, incluso utilizar motivos. Y podemos crear varios objetos que formen la mscara.

7.8. Pinceles
En vez de utilizar trazados lisos, podemos utilizar otros ms llamativos, con los pinceles. Illustrator tiene cuatro tipos de pincel: Pinceles caligrficos, que simulan el trazado de una pluma caligrfica. Pinceles de dispersin, que repiten un objeto a lo largo del trazado. Pinceles de arte, que dan un efecto artstico, modificando la forma forma del pincel o creando un objeto que se extiene a lo largo del trazado. Pinceles de motivo, que repiten un motivo de forma continua.

Podemos utilizar el pincel en un trazado ya creado seleccionado con el objeto, o dibujar directamente con el pincel utilizando la herramienta Pincel herramienta Lpiz . , cuyo uso es igual que la

Para seleccionar los pinceles, disponemos del panel Pinceles:

Su uso es muy semejante al de los paneles de Muestras o Smbolos: 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. Podemos modificar el trazado de pincel pulsando en el botn de Opciones de pincel. Estas opciones sern distintas dependiendo del tipo de pincel utilizado.

Ejercicios unidad 7: El color


Ejercicio 1
Reproduce el siguiente dibujo:

Ejercicio 2
Reproduce el siguiente dibujo:

Ejercicio 3
Utilizando el objeto del Ejercicio 2, crea la siguiente composicin:

Si necesitas ayuda para resolver el ejercicio, aqu te lo explicamos.

Solucin al ejercicio 1:
1. Selecciona la herramienta Estrella. 2. Haz clic sobre el documento para acceder a su ventana de opciones. 3. Introduce una Radio 1 de 170 px, un Radio 2 de 85 px, y 5 puntos. 4. Haz clic sobre el documento. 5. Selecciona la herramienta Cuadrcula polar.

6. Haz clic y crea una cuadrcula con una Altura y Anchura del doble del Radio 1 de la estrella, que parta de la esquina inferior izquierda, con 0 divisores concntricos y 5 divisiones raidales. Pulsa Ok. 7. Crea otra cuadrcula polar, pero con un tamao del doble del Radio 2 de la estrella, y que parta de la esquina superior izquierda. 8. Con la herramienta Seleccin directa, selecciona la circunferencia de una de las cuadrculas y pulsa dos veces Supr para eliminarla. 9. Reptelo con la otra cuadrcula polar. 10. Selecciona los tres objetos, y desde el Panel de control, cntralos vertical y horizontalmente. 11. Pulsa sobre ellos con la herramienta Bote de pintura interactiva. 12. Selecciona el color amarillo del panel Color. 13. Despliega el panel Gua de color y utiliza un amarillo claro y otro oscuro para colorear el dibujo en el Bote de pintura interactiva.

Solucin al ejercicio 2:
1. Selecciona la herramienta Elipse. 2. Haz clic sobre el documento para acceder a su ventana de opciones. 3. Introduce una Altura y Anchura de 300 px. 4. Haz clic sobre el documento. 5. Dale un borde negro de 3 pt. 6. Selecciona la herramienta Cuadrcula polar. 7. Haz clic sobre el documento para acceder a su ventana de opciones.. 8. Configura la cuadrcula de la siguiente manera: Altura y Anchura 150 px; Divisores concntricos: Nmero 1 y sesgar -260%; Divisores radiales:0. Pulsa Ok. 9. Vuelve a crear otra cuadrcula polar con las mismas caractersticas. 10. Selecciona ambas cuadrculas y qutales el borde. 11. Selecciona todos los objetos y desde el Panel de control alinalos al centro. 12. Selecciona la elipse y una de las cuadrculas y alinea sus lados superiores. 13. Selecciona la otra cuadrcula y la rejilla y alinea sus lados inferiores.

14. Selecciona la herramienta Cubo de pintura interactiva, y haz clic sobre los elementos seleccionados. 15. Elige el Degradado lineal 1, el degradado de blanco a negro, en el panel de Muestras. 16. Con el Bote de pintura interactiva, haz clic sobre las partes a pintar de negro. 17. Utiliza la herramienta Degradado para llegar al efecto deseado.

Solucin al ejercicio 3.
1. Selecciona el dibujo creado en el ejercicio anterior, y copialo. 2. Con la herramienta rectngulo, crea un rectngulo lo suficientemente grande como para contener la composicin. 3. Selecciona el relleno y el color rojo en el panel de Muestras. 4. Visualiza el panel de Transparencia. Si no lo ves, accede a l desde el men Ventana. 5. En este panel, haz doble clic a la derecha de la miniatura del rectngulo rojo. 6. Traza un cuadrado amplio, y rellenalo con el degradado de negro a blanco, de forma que el centro sea blanco y los lados negros. 7. Sobre el cuadrado y con el mismo relleno, crea un crculo con la herramienta Elipse, manteniendo pulsada la tecla Maysculas. 8. Sobre el crculo, pega el objeto que habas copiado. 9. Selecciona los tres objetos, y cntralos horizontal y verticalmente.

Unidad 8. El texto (I)


8.1. Introduccin

El texto es una de las funciones ms cuidada de Illustrator. Podemos aadir desde pequeas anotaciones a nuestra ilustracin a utilizar Illustrator para crear atractivos folletos, y dar a nuestro texto la forma que queramos tratndolo como un trazado. Disponemos de tres mtodos de insercin de texto, que elegiremos en funcin de la cantidad de texto a introducir y de cmo pretendemos utilizarlo: Texto de punto. Es una lnea de texto, en horizontal o vertical, sin un lmite definido. El texto comienza desde donde se hace clic, y no crea saltos de lnea automticos, aunque podemos hacerlos de forma manual. Utilizaremos este mtodo para aadir pocas palabras, como leyendas al pie de una ilustracin.

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 lnea, pulsamos la tecla Intro. Texto de rea o texto de prrafo. Los carcteres vienen contenidos en un objeto, que define sus lmites. Cuando llega a los lmites, el texto se va ajustando al elemento contenedor. Utilizaremos este mtodo para introducir texto de varios prrafos, ya que nos facilita posicionarlo con el resto de imgenes.

El smbolo que aparece en la imagen indica que el texto se ha desbordado, no cabe todo el 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 rectngulo con la herramienta Texto Texto en un trazado. El texto sigue la lnea y direccin del trazado sobre el que lo aadamos, ya sea abierto o cerrado. Utilizaremos este mtodo para introducir texto con formas especiales, como en ttulos. .

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 comenzar a escribir. para poder

El texto que introducimos normalmente es horizontal, pero tambin podemos introducir texto vertical. Esto no se refiere al texto en relacin con la parte horizontal del documento, si no a que un carcter 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 mtodos de introduccin de texto que hemos visto, que utilizaremos igual que las de texto horizontal.

Illustrator trae un espacio de trabajo especialmente pensado para trabajar con texto, que muestra los principales paneles que veremos a lo largo de la unidad. Este espacio de trabajo se llama [Tipo].

8.2. Formato carcter

Illustrator nos permite aplicar al texto los distintos formatos existentes, como fuente, tamao, interlineado, espacio entre carcteres, etc. Cuando aplicamos un formato a un elemento de texto, este se aplica a todos sus caracteres. Si queremos aplicarlo slo a una parte del texto, debemos seleccionar esos carcteres. Para poder seleccionar, hacemos doble clic sobre el elemento de texto con la herramienta Seleccin. El formato se puede aplicar desde el Panel de control, con un objeto de texto seleccionado, o desde el panel Carcter.

Si no conoces los tipos de formato carcter, puedes verlos en este bsico

En el men de opciones del panel, encontramos otras opciones, como los estilos de subndice y superndice, o convertir todo el texto a maysculas o versalitas, convirtiendo las minsculas a maysculas de menor tamao.

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. Tambin podemos cambiar el color y grosor del borde que forma el carcter.

Puedes ver el ejercicio paso a paso crear un logo con las propieades de carcter.

Unidad 8. Ejercicio paso a paso: Crear un logo con las propiedades de carcter
1. Hacemos clic sobre le documento con la herramienta Texto e introducimos el texto del logotipo:

2. Con el texto seleccionado, desde el panel Carcter o el men Texto, elegimos la fuente y tamao apropiados.

3. Le aplicamos un kerning ptico para evitar tanta separacin entre la T y la u.

4. Vamos a juntar ms todos los caracteres. Para ello le aplicamos un tracking de -100.

5. Vamos a bailar un poco las letras para darle un aspecto ms divertido. Le hemos aplicado a las letras i un desplazamiento vertical de -3 pts, a la u de -2 pts y a la r de 2 pts.

6. Ahora para mejorar el efecto, vamos a modificar el tracking entre las letras que sea necesario. La forma ms rpida de hacerlo es situar el punto de insercin entre dos letras y utilizar las combinaciones de teclas Ctrl + Flecha Izq. o Ctrl + Flecha dcha. para disminuir o aumentar tracking. Y de paso, hemos dado color a algunas letras.

8.3. Propiedades del prrafo


Existen otras propiedades que se aplican al conjunto del texto, a todo un prrafo. Estas son las propiedades de prrafo, y se refieren sobre todo a la alineacin del texto. Podemos manejar estas opciones desde el Panel de control, o desde el panel Prrafo.

Los valores de sangra y separacin se refieren a la distancia del prrafo con sus lados, o con el prrafo siguiente. Estos valores se aplican en las posiciones que se ve en esta imagen:

La alineacin del texto se refiere a cmo se alinea el texto con respecto a los lados del prrafo, igual que en cualquier procesador te texto. Alinear a la izquierda Alinear a la derecha Centrado alinea el texto con el lado izquierdo. hace lo propio con el lado derecho.

deja el mismo espacio a cada lado de la lnea de texto.

Estos mtodos 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 lnea. Este efecto puede no quedar atractivo en la ltima lnea si es muy corta, por eso podemos hacer que en el texto justificado la ltima lnea se alinee a la izquierda centro o derecha . ,

En el texto de ejemplo, vamos que cuando una palabra no cabe completa, se divide en slabas aadiendo un guin al final de la lnea. Esto se produce porque en el panel Prrafo est marcada la opcin Separar. Si lo desmarcamos, cuando la palabra no quepa se trasladar toda a la siguiente lnea.

Las propiedades del prrafo no podemos aplicarlas a grupos de carcteres aislados. Si seleccionamos un objeto de texto, y aplicamos una de estas propiedades afectar a todo el texto. Pero si estamos editndolo, slo se aplicar al prrafo en el que est el punto de interseccin. Recuerda, al escribir un texto, marcamos el fin de un prrafo cuando pulsamos la tecla
Intro, creando un punto y aparte.

8.4. Estilos de carcter y prrafo


Cuando utilizamos Illustrator para crear textos extensos, como folletos, nos encontramos con prrafos y caracteres a los que aplicamos las mismas propiedades. Por ejemplo, tendremos varios apartados, todos con la misma alineacin y sangra, y todos comenzando con un ttulo de mayor tamao y otro color. Y dentro de cada apartado, querremos resaltar palabras, ponindolas en negrita y con otro color. Incluso puede que utilicemos prrafos de mayor tamao para textos ms importantes. Todo lo anterior sera muy ineficaz si tuvisemos 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 prrafo o propiedades de carcter, tenemos dos paneles, Estilos de prrafo y Estilos de carcter, 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 smbolo +, 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 prrafo. Despus 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. Si hacemos doble clic sobre el estilo, podemos modificar todas sus propiedades.

Otra forma ms 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.

8.5. Texto de rea


El mtodo de insercin ms utilizado, sobre todo para escribir texto largo es el rea de texto. Una vez creado uno de estos elementos, podemos modificar su altura, anchura, nmero de columnas o filas, a travs del men Texto Opciones de texto de rea....

Llegamos as a la ventana Opciones de texto de rea:

La Anchura y Altura se refieren a las dimensiones del texto de rea, o de un rectngulo 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 Nmero de divisiones, el Alcance, ancho de la columna o alto de la fila y el Medianil, espacio entre columnas o filas. La opcin Fijo afecta si redimensionamos el texto de rea. Si est marcada, se tomar el alcance como fijo, y al aumentar el tamao aumentar el nmero de filas o columnas, sin variar el alcance. SI se desmarca, se respetar el nmero 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 lnea de base se refiere a la separacin de esta lnea con el borde superior del rea. Podemos elegir valores como Ascendente, donde la distancia es la de la letra d, Altura de mayscula para que tome la separacin del alto de una mayscula, Interlineado para que tome el mismo valor del interlineado o Fijo, para que tome como mnimo el valor introducido en el campo Mn., entre otros. La opcin 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 Seleccin directa para cambiar su forma, y aadir 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 pano, texto con formato y documentos de Word. Para hacerlo, slo 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.

8.6. Texto y objetos


Si estamos utilizando Illustrator para escribir texto ser porque vamos a crear una composicin de textos y grficos. Y normalmente adaptaremos el texto al espacio que dejen estos grficos, lo que tambin 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 estn 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 Ceir Crear.

Los objetos quedan as ceidos, autoajustndose el texto cada vez que los movamos. Podemos personalizar algunos aspectos, como el margen alrededor del objeto, escogiendo en el mismo men Opciones de Ceir texto.

En Desplazamiento podemos concretar los puntos de margen alrededor del objeto. Invertir ceido 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.

8.7. 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 Seleccin 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 este rea acercando o alejando estos controles, arrastrando desde cualquiera de ellos. Al arrastrar del control central, desplazamos el texto y todo el rea visible, sin modificar su tamao 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 ms 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 carcteres siguiendo la orientacin del trazado, y por encima de este. Podemos personalizar este comportamiento aplicando efectos de texto en trazados y modificando su alineacin vertical. Los efectos estn disponibles en le men Texto Texto en trazado, pero para modificar tambin la alineacin debemos elegir en submen la opcin Opciones de texto en trazado.

En Efecto por defecto aparece Arco iris, pero podemos elegir cualquiera de los siguientes:

La opcin Voltear refleja el texto al otro lado del trazado.

Alinear con el trazado se refiere a la alineacin vertical del texto en el trazado. Por defecto est seleccionada Lnea 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.

8.8. Enlazar elementos


Al escribir, podemos crear textos de reas con un texto fijo, y colocarlo en un lugar del documento. Pero pensemos en un trptico, por ejemplo. En este caso los ideal sera tener un texto de rea centra en cada pgina, 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.

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 smbolo . 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 Seleccin 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 continuacin. El cursor cambiar a , dndonos 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.

8.9. Revisin ortogrfica


Es muy importante, sobre todo en textos destinados a terceros o a ser publicados, no cometer fatas de ortografa. Illustrator permite la revisin ortogrfica a travs del men Edicin Revisar ortografa.

Si recuerdas, en el panel Carcter hay un desplegable de Idioma. La revisin ortogrfica buscar esa palabra en el diccionario de el idioma seleccionado.

La ventana Revisar ortografa es la siguiente:

Para comenzar la revisin, pulsamos el botn 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 botn para pasar a la siguiente. Ignorar todo, ignora la palabra y todas las repeticiones que encuentre. Cambiar sustituye la palabra por la seleccionada de la lista de sugerencias. Tambin 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, reemplaza todas las palabras por la seleccionada. Aadir. Illustrator no tiene todas las palabras en su diccionario, por eso algunas detectar algunas palabras que s sean correctas. En este caso podemos pulsar este botn para guardarlas en el diccionario.

Cuando terminemos con la correccin, pulsaremos Hecho. Aunque esta correccin es muy til, sobre todo para corregir letras bailadas al escribir con el teclado, esta revisin 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 vlidas palabras que en un contexto no lo sean. Por ejemplo, Illustrator tomara 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.

8.10. Transformar en trazado


El texto puede ser transformado fcilmente en un objeto, utilizando la opcin 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 carcter. Y cada carcter 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.

Ejercicios unidad 8: El texto


Ejercicio
Crea el siguiente documento con Illustrator CS3.

Haz clic en la imagen para verlo en su tamao original. En la carpeta ejercicios del curso encontrars: El archivo ejercicio_texto.txt con el texto del documento. El archivo ejercicio_texto_objetos.ai con el dibujo del primer Sol. La imagen sol.gif con la imagen.

Si necesitas ayuda para resolver el ejercicio, aqu te lo explicamos.

Solucin al ejercicio :
1. Si no lo tienes abierto, abre Illustrator CS3. 2. En el men Archivo, elige Abrir y selecciona el archivo ejercicio_texto.txt de la carpeta de ejercicios del curso. 3. Acepta las opciones por defecto. 4. Con el rea de texto seleccionada, el men Texto Opciones de texto de rea. 5. Introduce un nmero de 3 columnas y pulsa Ok. 6. Abre el panel Prrafo. 7. Con el texto de rea seleccionado para que se aplique a todos los prrafos, aplica una alineacin justificada con la ltima lnea a la izquierda, una sangra izquierda en primera lnea de 10 pt y un espacio despus del prrafo de 10 pt. 8. Haz triple clic sobre el prrafo "Importancia de la energa solar en la tierra", para seleccionarlo por completo. 9. En el panel Carcter selecciona un color naranja, y un tamao de fuente de 13 pt. 10. En el panel Prrafo, establece un Espacio antes del prrafo de 5 pt.

11. Ve al panel Estilos de prrafo, y gurdalo como un nuevo estilo. 12. Selecciona el prrafo "Precauciones necesarias para observar el Sol" y aplcale el estilo de prrafo que acabas de crear. 13. Selecciona el ltimo prrafo completo, y en el panel Carcter dale un estilo Italic. 14. En el panel Prrafo, alinalo a la derecha. 15. Despliega el men Archivo, elige Colocar y selecciona la imagen sol.gif de la carpeta ejercicios. 16. Muvelo a su posicin al final de la columna central. 17. Abre el documento ejercicio_texto_objetos.ai de la carpeta de ejercicios. 18. Arrastra el objeto a la posicin que debe estar al inicio del texto. 19. Selecciona los dos objetos grficos, y en el men Objeto, elige Ceir texto Crear. 20. Para crear el rtulo con un degradado, utilizaremos una mscara de transparencia. Crea una elipse con relleno degradado de rojo a amarillo. 21. En el panel Transparencia, haz clic junto a la miniatura para crear la mscara y marca Invertir mscara. 22. Haz clic con la herramienta Texto y escribe "elSOL". 23. Selecciona el texto, y en el panel Carcter, elige la fuente Cooper Std con estilo Black. 24. Selecciona los Caracteres "el" y en el men del panel elige Superndice. 25. Guarda el documento.

Unidad 9. Modificar objetos (I)


9.1. Transformar

Transformar un objeto consiste en mover, rotar, reflejar, cambiar la escala o distorsionar el objeto. Esto lo podemos hacer de mltiples formas, dependiendo por ejemplo de si queremos introducir un valor especfico o queremos hacerlo directamente sobre el objeto. Cuando seleccionamos uno o varios objetos, estos aparecen enmarcados por el cuadro delimitador, 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.

El resto de transformaciones disponen de herramientas especficas que veremos a continuacin. 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 travs del comando Transformar de cada herramienta, al que accedemos haciendo doble clic sobre la propia herramienta, o desde el men Objeto Transformar.

Hay herramientas comunes que nos permiten aplicar cualquier transformacin. Utilizando la herramienta Transformacin libre podemos modificar los objetos con el cursor. Al seleccionar esta herramienta, el objeto queda rodeado por una serie de controladores que nos permitirn modificarlo:

Al seleccionar el objeto con la herramienta Seleccin, podemos transformarlo igual que con la herramienta Transformacin 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 transformacin 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 transformacin seleccionada.

9.2. Metodos de escalar


Escalar un objeto es variar su tamao, 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.

Podemos escalar el objeto en cualquier direccin, 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 Maysculas pulsada, slo podremos escalar en vertical u horizontalmente, o ambos de forma proporcional si lo hacemos en diagonal. Cuando utilizamos esta herramienta, no tenemos porque arrastrar directamente sobre el objeto. De hecho, cuanto ms nos alejemos del objeto, el escalado necesitaremos ms movimiento del ratn para alcanzar determinado tamao, lo que proporciona un control ms preciso. Utilizando la herramienta Transformacin libre , podemos escalar el objeto estirando de sus controladores, escalndolo 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, debememos mantener pulsada la tecla Maysculas mientras lo hacemos.

Valores especficos o porcentajes: Otra opcin 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 botn que permite bloquear la proporcin. Cuan est la proporcin bloqueada las cajas de altura y anchura se unen por una lnea negra, y al introducir uno de los valores, se recalcula el otro. En vez de valores especficos, podemos especificar el alto y ancho en porcentajes. Por ejemplo, un valor de 50% reducir el tamao a la mitad, mientras que un 200% duplicar el tamao. Para introducir porcentajes, podemos utilizar el panel Transformar o volver a utilizar la herramienta Escala Escala. , pero esta vez haciendo doble clic sobre ella, para abrir la ventana

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.

En la imagen anterior, se ha escalado tambin el motivo y el trazo. La transformacin de motivo se puede aplicar del mismo modo con el resto de herramientas.

9.3. 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 Distorsin 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 Transformacin libre podemos distorsionar un objeto estirando de sus controladores mientras mantenemos pulsada la tecla Ctrl.

Valores especficos: Tambin podemos introducir los valores de la distorsin, haciendo doble clic sobre la herramienta Distorsin , para acceder a la ventana Distorsin.

Debemos elegir el ngulo de distorsin, con respecto al eje horizontal del objeto. La distorsin se aplicar sobre un Eje, que puede ser el Horizontal, el Vertical o un ngulo, que debemos especificar. La distorsin, 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 slo se aplique a los motivos.

En este caso, la distorsin se aplicar tomando como punto de referencia el centro del objeto. Para acceder a esta ventana usando otro punto de referencia, con la herramienta Distorsin haremos Alt + clic donde queramos situar el punto. Tanto el Panel de control como el Panel transformar nos permiten tambin distorsionar objetos:

Para ello slo hemos de especificar el Punto de referencia e introducir un valor para el ngulo de distorsin. Existe un mtodo de distorsin, llamado efectos lquidos. Puedes verlos en este avanzado .

Unidad 9. Avanzado: Efectos lquidos

Las herramientas de efectos lquidos modifican parte del trazado de los objetos y sus puntos de ancla. Estas herramientas no se pueden utilizar en smbolos, texto, grficas o archivos enlazados. Estos efectos se aplican a cualquier objeto del documento. Para restringir que slo afecte a determinados objetos, debemos de seleccionarlos primero. La herramienta Deformar con el cursor. curva los trazos del dibujo en la direccin que arrastremos

El resto de herramientas lquidas aplican un efecto preestablecido. El efecto se aplica mientras mantenemos pulsado el cursor, sin necesidad de moverlo.

En estas imgenes puedes ver el efecto producido por las distintas herramientas, aplicado durante un instante en el centro del mismo objeto:

Estas herramientas pueden distorsionar completamente el objeto si lo aplicamos por tiempo prolongado, como en la siguientes imgenes con la herramienta Molinete y Cristalizar:

El rea que se deforma del objeto depende del tamao del pincel. Podemos variar el tamao antes de usarlo haciendo clic con la tecla Alt pulsada. Aunque esta y otras opciones son configurables al hacer doble clic sobre la herramienta:

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 orientacin. Usar lpiz tctil, para aquellos usuarios que utilicen tabletas grficas sensibles a la presin. Detalle. Al utilizar estas distorsiones, se aaden puntos de ancla a los segmentos del objeto. Cuanto mayor sea el detalle, ms de estos puntos se crearn.

Dependiendo de la herramienta seleccionada, aparecern otras opciones especficas.

9.4. Modos de rotar


Rotar un objeto es girarlo, cambiar el ngulo que forma su eje horizontal con el del documento, y esto tambin se considera una transformacin. 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 opcin por defecto. Al arrastrar el cursor alrededor del objeto, ste rotar en esa direccin.

Con la herramienta Transformacin libre , si hacemos clic alrededor del objeto, y arrastramos hacia un lado u otro, conseguimos rotar el objeto. Podemos combinarlo con la tecla Maysculas para girar el objeto de 45 en 45 grados.

Valores especficos: Tambin podemos introducir directamente el ngulo de rotacin. Podemos hacerlo desde la ventana Rotar al hacer doble clic sobre la herramienta Rotar .

En esta ventana, encontramos la opcin para rotar los Motivos del relleno del objeto. Y como no, podemos rotar los objetos desde el panel Transformar:

9.5. Modos de reflejar


Reflejar un objeto es invertirlo con respecto a un eje, crear un objeto simtrico. 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 Transformacin libre podemos reflejar un objeto del mismo modo que lo escalamos, pero sobrepasando el controlador opuesto al que estamos estirando.

Valores especficos: 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 opcin Motivos. Puedes realizar el ejercicio Crear un tatuaje tribal para practicar lo visto hasta ahora.

Unidad 9. Ejercicio paso a paso: Crear un tatuaje tribal


Vamos a ver como crear un tribal, partiendo de un nico trazado, y utilizando las herramientas de escalar, girar y reflejar.

Ejercicio:
1. Creamos la forma base, ser curvada y acabada en punta, con la herramienta Pluma:

2. Seleccionamos la herramienta Escalar, con el trazado todava seleccionado. 3. Hacemos clic en el centro del comienzo de la parte ancha de la forma, a su izquierda, para situar el punto de insercin. 4. Escalamos, con el cursor alejado del objeto para tener mayor precisin, hasta obtener una forma parecida a la de la imagen. Cuando soltemos el botn del ratn, 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.

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 ms fcil trabajar con ellos. 9. Reflejamos el grupo entero para obtener una figura simtrica.

10. Y si lo queremos de mayor tamao, podemos reflejarlo tambin en el eje horizontal.

9.6. 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 Distorsin de envolvente.

Deformaciones preestablecidas. Para crear la envolvente con una de las formas predefinidas, seleccionamos el objeto y vamos al men anterior y elegimos Crear con deformacin. En el caso de elementos de

texto, podemos hacerlo directamente a travs del botn Envolvente De ambas formas llegamos a la ventana Opciones de deformacin:

del Panel de control.

En el desplegable Estilo podemos seleccionar cualquiera de los estilos de deformacin preestablecidos en Illustrator. Podemos elegir si la distorsin se aplicar en el eje Vertical o en el Horizontal. Las ditorsiones estn formadas por mallas con segmentos curvos. Cuanto mayor ms alejado de 0 sea el valor de Curvar, estas sern ms exageradas. En distorsin tenemos dos controladores, uno para el eje Vertical y otro para el Horizontal. Cuando estan a 0% el objeto no se distorsiona, pero al desplazarlo hacia un lado, el lado correspondiente del objeto se agranda, reducindose el opuesto.

Cuando todos los valores se encuentran a 0%, el objeto no sufre distorsin Deformaciones con malla. Si en el men escogemos Crear con malla, llegamos a la siguiente ventana:

La malla es una rejilla creada sobre el objeto, que luego deformaremos. Por eso lo nico que hay que elegir es el nmero de Filas y Columnas que tendr. Deformacin con otro objeto.

Para hacerlo basta con situar el objeto que servir para deformar encima del objeto a deformar, y escoger la opcin Crear con objeto superior. Modificar una envolvente: Despus de crearla podemos modificar la deformacin de la envolvente moviendo y modificando los puntos de ancla que la componen, con la herramienta Seleccin directa o con la herramienta Malla . Esta ltima, nos permite adems aadir lneas 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 botn Editar contenido de control. Veremos que el trazo que forma el objeto sigue siendo el original. Para volver a editar el envolvente, pulsamos en Editar envolvente .

en el Panel

Podemos cambiar a unos de los estilos de envolvente predefinidos directamente desde el Panel de control. Quitar envolventes: Para deshacer una envolvente, en el submen Objeto Distorsin de envolvente encontramos la opcin 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. Puedes practicar con el ejercicio crear una bandera con envolvente.

9.7. Combinar objetos


Con Illustrator podemos combinar objetos par obtener formas ms complejas. Para ello, disponemos de tres mtodos bsicos: Buscatrazos. Utilizando los efectos de buscatrazos y su panel, podemos combinar los objetos de diversas formas, aunque este mtodo no nos permite editar la interaccin entre los objetos. Para utilizar estos efectos, nos apoyaremos en en el panel Buscatrazos:

En la primera lnea encontramos los Modos de forma. Vamos a ver su efecto aplicado a dos objetos, aunque se pude aplicar a varios: Aadir rea de forma. Suma ambos objetos, englobndolos en el mismo trazado. Restar rea de forma. Quita el rea del objeto inferior que queda bajo el objeto superior. Formar interseccin con reas de formas. Muestra slo el rea del objeto inferior que queda bajo el superior. Excluir reas de forma superpuestas. Quita el rea de los objetos que forman interseccin, dejando el resto.

Al aplicar estos efectos, aunque los objetos reflejan los cambios, continan preservando sus trazos originales, lo que veremos en las formas compuestas. Para crear un nico objeto definitivo, pulsaremos el botn Expandir del panel. En la siguiente imagen vemos un dos objetos con interseccin, 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 obtenamos un objeto resultante de la combinacin, con estos podemos obtener varios, aunque agrupados. Afectan directamente a los objetos, como si pulssemos el botn 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 slo deja las partes de los objetos que estn dentro del objeto ms superior en el orden de apilamiento. Contornear. Deja los objetos slo como contornos, separados en segmentos por cada punto de interseccin. 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 slo dos objetos combinamos varios objetos simples, y utilizando las diversas formas compuestas como aadir, interseccin, etc... llegaremos a crear ilustraciones cada vez ms complejas de un modo sencillo.

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 mtodo Aadir 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 botn Expandir si queremos fusionarlo en un nico objeto. Puedes practicar lo visto con el ejercicio Crear formas compuestas. 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 propieades 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 slo. Para crearlo, seleccionamos los trazados y en el men emergente del botn 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 autointerseccin). Este comportamiento podemos variarlo en el panel Atributos:

Cuando est marcada la opcin Relleno sinuoso distinto de 0, se rellenan todos los puntos que quedan dentro del trazado ms extremo. La opcin Relleno par-impar hace que cuando encuentre un trazado cerrado dentro del primero lo deje vaco, rellenando el siguiente que encuentre junto a este, etc...

Los objetos que obtemos la crear formas compuestas y expandirlas, o al utililar los efectos del panel Buscatrazos son la mayora de las veces trazados cumpuestos.

9.8. 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 sobre un trazado seleccionado lo separa, cerrando los nuevos trazados. . Al pasarla

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 lneas de corte, y seleccionando slo 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 ms rpido y preciso seleccionar los puntos y pulsar el botn Cortar trazado en los puntos de ancla seleccionados del Panel de control.

9.9. Mscaras de recorte


Puede que tengamos un objeto demasiado grande, del que slo nos interesa mostrar una parte. Esto nos pasar sobre todo con imgenes 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. 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 grfico vectorial. Con ambos seleccionados, elegimos la opcin del men Objeto Mscara de recorte Crear.

Por ejemplo, sobre la siguiente imagen hemos creado una mscara de recorte basada en un tringulo, aunque podramos haber utilizado una forma ms compleja:

Otra mscara que podraos crear con la imagen anterior sera una con el mismo perfil de la montaa, que no dejase ver el cielo.

El objeto enmascarado sigue estando completo, pero agrupado con el trazado de recorte. Por ello, la forma ms simple de editarlos es hacer doble clic sobre ellos para entrar en el grupo aislado. Aqu aparecern como objetos independientes, que podemos desplazar para mostrar otra parte del objeto o editarlos para darle nueva forma. Para deshacer la mscara de recorte, basta con seleccionar la opcin del men Objeto Mascara de recorte Soltar.

9.10. Fusin de objetos


Al fusionar dos objetos, creamos copias del primero, que se va transformando suavemente hasta adquirir las caractersticas del segundo. A estas copias se les llama pasos.

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 Fusin , haciendo clic en ambos elementos, o directamente con el comando del men Objeto Fusin Crear, si hemos seleccionado previamente los elementos. Podemos concretar ms, indicando que un punto del objeto inicial corresponder con determinado punto del final, provocando la rotacin de los elementos generados en los pasos. Esto lo sonseguimos al seleccionar directamente los puntos de ancla con la herramienta Fusin. La fusin 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 travs de las Opciones de fusin, del men Objeto Fusin.

Espaciado se refiere a la distancia entre los objetos generados para la transicin. Tenemos tres opciones: o o o Redondear color, deja que Illustrator calcule el nmero de pasos para tener una transicin suave. Pasos especificados nos permite introducir el nmero de pasos entre los objetos. Distancia especificada nos permite introducir cada cuantos pxeles queremos que se cree un paso.

En Orientacin encontramos dos iconos. El primero, Alinear con la pgina, hace que los elementos de paso queden alineados con el eje horizontal de la pgina, mientras que el otro, Alinear con el trazado, alinea la base de los elementos de fusin con el trazado que une los dos elementos de la fusin. Esto se aprecia mejor cuando los elementos tienen la misma forma.

La fusin 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 adaptarn a las nuevas caractersticas. 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 crearn los elementos de paso. Por defecto se crea un trazado recto, pero podemos modificarlo para curvarlo, aadir 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 Fusin, seleccionamos Reemplazar lomo.

Los objetos que forman parte de la fusin dependen de sta, y no los podemos seleccionar, a no ser que pulsemos el men Objeto Expandir, lo que deshar la fusin pero mantendr los pasos como objetos independientes.

Ejercicios unidad 9: Modificar objetos


Ejercicio 1:
Crea el siguiente objeto:

Ejercicio 2:
Crea el siguiente objeto:

Ejercicio 3
Crea el siguiente objeto:

Si necesitas ayuda para resolver el ejercicio, aqu te lo explicamos.

Solucin al ejercicio 1:
1. Si no lo tienes abierto, abre Illustrator CS3. 2. Con la herramienta elipse creamos la circunferencia de mayor tamao. En este caso es de 192 px de dimetro. 3. Con la herramienta Escalar, hacemos Alt + clic en el punto de ancla de la base de la circunferencia. 4. En la ventana Escalar, marcamos un escalado Uniforme del 85%, y pulsamos en Copia. 5. Pulsamos la combinacin de teclas Ctrl + D 15 veces para realizar todas las copias escaladas.

6. Seleccionamos todas las circunferencias, hacemos clic derecho y elegimos Crear trazado compuesto. 7. En el panel Atributos, marcamos Usar regla de relleno par - impar.

8. Sobre este objeto, dibujamos un tringulo apuntando hacia abajo. 9. Con el tringulo seleccionado, vamos al men Objeto Distorsin de envolvente Crear con deformacin. 10. Seleccionamos un Estilo de Arco, en Horizontal con Curvar al 40%. Pulsamos OK. 11. Hacemos coincidir la base de las circunferencias con la del tringulo deformado. 12. Seleccionamos todos los elementos, y en el panel Buscatrazos pulsamos en Formar interseccin.

Ejercicio 2:
1. Creamos una circunferencia de 56 px de dimetro.

2. Con la herramienta cuchilla, cortamos una porcin. 3. Seleccionamos la porcin y la eliminamos. 4. Seleccionamos el objeto, y cogemos la herramienta Rotar. 5. Rotamos el objeto, creando una copia con la tecla Alt, que movemos a la derecha y cambiamos el relleno.

6. Seleccionamos ambos objetos, y con la herramienta Fusin, hacemos clic en el punto de ancla que hay en el interior de la circunferencia del primer objeto, y en el mismo punto del segundo objeto. 7. Vamos al men Objeto Fusin Opciones de fusin. 8. En Espaciado, elegimos Distancia especfica 4 px. Pulsamos OK. 9. Deseleccionamos el objeto, y hacemos clic con la herramienta Seleccin directa para seleccionar el lomo.

10. Con la Pluma, aadimos dos puntos de ancla al lomo. 11. Con la herramienta Seleccin directa, movemos los puntos creados hasta alcanzar la forma deseada.

Ejercicio 3
Nota: las imgenes estn con un zoom al 50%. 1. Crea un cuadrado de 230 px de lado. 2. Sobre l traza una lnea curvada con la herramienta Pluma.

3. Selecciona ambos objetos, y pulsa Dividir en el panel Buscatrazos. 4. El objeto queda dividido en dos. Selecciona y rellena el de arriba de gris claro. 5. En la parte inferior, inserta un texto de punto. Teclea el texto, alinealo al centro, y usa una fuente Eras Demi DTC (o la que prefieras) con un tamao de 30 pt.

6. Dibuja el tomate y colcalo en la parte superior. 7. Agrupa todo para que sea ms fcil de manejar.

8. Dibuja un rectngulo del mismo tamao, 230px por 230px. 9. Dibuja tres elipses de 230px de Ancho y 100px de Alto. La tercera la utilizaremos luego. 10. Colcalos como en la siguiente imagen y seleccinalos:

11. En el men del panel Buscatrazos, elige Crear forma compuesta. 12. Con la herramienta Seleccin directa, selecciona la elipse de arriba, y en el panel Buscatrazos pulsa Restar rea de forma.

13. Selecciona la forma compuesta, y pulsa el botn Expandir. 14. Haz clic derecho sobre la forma y elige Soltar trazado compuesto. 15. Coloca el objeto sobre el bote de tomate, alineados por la parte superior.

16. Selecciona todo y ve al men Objeto Distorsin de envolvente y elige Crear con objeto superior.

17. Selecciona la elipse que hemos dejado, y haz doble clic sobre la herramienta Escalar. 18. Marca un escalado Uniforme del 80% y pulsa Copiar. 19. Pulsa Ctrl + D 4 veces. 20. Agrupa las circunferencias. 21. Coloca este objeto como tapa del anterior. 22. Por ltimo, aplcale degradados para dar la sensacin de profundidad.

Unidad 10. Apariencia, filtros y efectos (I)


10.1. Apariencia

Hasta ahora, con Illustrator hemos creado objetos con la apariencia bsica. Un objeto con apariencia bsica 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 y Relleno. Y a medida que creemos nuevos elementos, el panel ir creciendo:

Para crear un nuevo trazo o relleno, seleccionamos uno de los existentes (haciendo clic), y pulsamos el botn Duplicar elemento seleccionado del panel. Tambin podemos elegir los comandos Aadir relleno nuevo y Aadir trazo nuevo directamente del men del panel. El el botn Duplicar elemento seleccionado nos sirve tambin 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 como veremos ms 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 ningn efecto, quedarn superpuestos y se ver slo el que est ms arriba. Para quitar un elemento, lo seleccionamos y pulsamos el icono Borrar elemento seleccionado.

Para quitar la apariencia tenemos dos opciones: el botn Reducir a apariencia bsica elimina los elementos adicionales, dejando slo el trazo y relleno original. Si pulsamos Borrar apariencia, el objeto quedar slo con un trazo y un releno, pero los dos como ninguno . En la parte inferior izquierda del panel, encontramos un botn, que aplica o no la apariencia al siguiente objeto que creemos.

Unidad 10. Apariencia, filtros y efectos (II)


10.2. Filtros
Podemos cambiar el aspecto de los objetos de Illustrator utilizando filtros y efectos (que tambin veremos en esta unidad). Con ambos podemos aplicar los mismos cambios al objeto, ya que los filtros los podemos encontrar como efectos. La diferencia, es que mientras que los efectos no modifican el objeto original y en cualquier momento los podemos quitar, al aplicar un filtro modificamos permanentemente el objeto.

Para aplicar un filtro a un objeto, lo primero es seleccionarlo. Si deseamos aplicar el filtro solo al relleno o al trazo del objeto, deberemos de seleccionar el atributo correspondiente en el panel Apariencia. Despus, en el men Filtro, elegimos el submen de la categora que nos interesa, y uno de sus filtros. Al elegir uno, puede que debamos introducir algunos parmetros. Illustrator nos permite tener en nuestro documento objetos de mapa de bits y objetos de grficos vectoriales. Estos objetos son muy distintos, y no todos los filtros se pueden aplicar a los dos. En este avanzado objetos. puedes ver qu filtros se pueden aplicar a qu tipos de

Otros elementos, como el texto, solo admiten los filtros Aadir puntos de recorte y Sombras paralelas, a no ser que lo expandamos primero. Para aplicar aplicar filtros de mapas de bits a grficos vectoriales, podemos convertir primero los grficos vectoriales a mapa de bits (rasterizar), o hacer lo contrario y convertir un mapa de bits a grfico vectorial (calcar), como veremos ms adelante. Pero llegados a este caso, seguramente nos convenga ms utilizar un objeto para no tener que convertir el objeto original.

Unidad 10. Avanzado: Filtros y tipos de objeto


Esta es la relacin de filtros y objetos a los que se pueden aplicar: Filtro Filtros de Illustrator Crear Mscara de recorte Mosaico de objetos Distorsionar Ajustar Distorsin libre Emborronar Fruncir y engordar Torcer Zigzag Estilizar Aadir puntas de flecha Redondear vrtices Sombra paralela
S S S No No S S S S S S S No No No No No No
S

Grfico vectorial

Mapa de bits

S S

No

Filtros de Photoshop

No

10.3. Filtros ms utilizados


Sombra paralela. Disponible como filtro o efecto, 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 parmetros:

El Modo (modo de fusin) 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 usbamos 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 ms 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 opcin, es que tome el color del propio objeto pero dndole un valor de Oscuridad para mezclarlo con negro. La oscuridad al 100% proyecta una sombra negra, y al 0% del mismo color del objeto.

Cuando aplicamos la sombra paralela como filtro, encontramos la opcin Crear sombras separadas. Esto tiene sentido cuando aplicamos el filtro a la vez a varios objetos independientes. Cuando est marcada, agrupa objeto y sombra, lo que hace que la sombra de un objeto superior se proyecte sobre uno inferior. Si no est marcada la opcin, todas las sombras quedan al mismo nivel.

En este caso el filtro no transforma al objeto original. La diferencia es que crea un objeto de mapa de bits en el documento, la sombra, que podemos tratar como un objeto independiente. Redondear vrtices. Otro filtro y efecto que encontramos en el submen Estilizar es el de Redondear vrtices. 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 mostrarn los nuevos puntos si lo hemos aplicado como filtro.

Emborronar. El filtro y efecto emborronar, convierten cada segmento del objeto en un trazada dentado, lleno de vrtices.

Podemos aplicarlo desde el submen Distorsionar Emborronar.... Al hacerlo, aparece una ventana para que modifiquemos los siguientes parmetros:

En Detalle, concretamos cuantos puntos de ancla por pulgada queremos crear. Nunca se restarn puntos de ancla al objeto original. En Tamao, 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 Vrtice.

En este tipo de filtros s modificamos el objeto original, pudiendo editar cada punto creado. Puedes practicar el uso de filtros con el ejercicio Crear formas utilizando filtros.

Unidad 10. Ejercicio paso a paso: Crear formas utilizando filtros

Vamos a utilizar los filtros para crear objetos complejos a partir de una elipse.

Ejercicio 1:
1. Crea una circunferencia de 130 px de dimetro, y rellnala con un degradado.

2. Crea una copia de la circunferencia. 3. A la primera, aplcale un Filtro Distorsionar Zigzag, con un Tamao del 12% (Relativo), 2 Crestas por segmento, y en Puntos elige Vrtice. 4. Aplcale tambin un Filtro Estilizar Redondear vrtices, con radio de 5 px. 5. Crea una copia de la circunferencia deformada. 6. A la primera copia, aplcale un filtro Filtro Distorsionar Fruncir y engordar, al 90%.

7. A la segunda, aplcale un Filtro Distorsionar Fruncir y engordar, al -57%.

8. Selecciona la copia que creaste en el paso 2. 9. Aplcale un Filtro Distorsionar Zigzag, con un Tamao del 1px (Absoluto), 45 Crestas por segmento, y en Puntos elige Suavizar. 10. Aplcale tambin un Filtro Distorsionar Fruncir y engordar, al -45%.

11. Selecciona los tres objetos creados, y cntralos vertical y horizontalmente. 12. Desde el panel Transparencia, con todos los elementos seleccionados, selecciona Luz fuerte y reduce la Opacidad al 70%.

10.4. Efectos
En el men Efecto encontramos una gran cantidad de efectos disponibles para Illustrator, a parte de los que funcionan como los filtros que ya hemos visto. Como ya hemos comentado, el efecto no modifica el objeto sobre el que lo aplicamos. Esto nos mantiene la posibilidad de reconfigurar los parmetros 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. Para aplicar un efecto a un objeto, seguiremos el mismo sistema que en los filtros. Lo primero es seleccionarlo. Si deseamos aplicar el efecto solo al relleno o al trazo del objeto, deberemos de seleccionar el atributo correspondiente en el panel Apariencia. Despus, en el men Efecto, elegimos el submen de la categora que nos interesa, y uno de sus efectos. Al elegir uno, puede que debamos introducir algunos parmetros.

Al aplicar un efecto, este se muestra como un atributo en el panel Apariencia del objeto. Para editar el efecto, basta con hacer doble clic sobre l y volver a configurar sus parmetros. Para quitar un efecto, lo eliminaremos desde el panel Apariencia. En el caso de los efectos, podemos aplicarlos tanto a mapas de bits como a grficos vectoriales. Esto se debe a que Illustrator transforma de forma virtual el objeto. Tambin algunos de los efectos, los llamados Efectos de rasterizado (los del submen Filtros SVG, la sombra paralalela, los resplandores, etc...) generan pxeles en vez de objetos vectoriales. En todos estos casos, el resultado depende de cmo hayamos configurado las opciones de rasterizacin. Puedes ajustar estas opciones en este avanzado .

Recuerda: La opcin 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.

Unidad 10. Avanzado: Opciones de rasterizacin


Rasterizar es convertir un grfico vectorial a un mapa de bits. Cada vez que apliquemos un filtro rasterizado, la resolucin y aspecto del resultado dependern de como hayamos ajustado las opciones de rasterizacin. 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 opcin, deja la imagen como un mapa de bits de 1 bit, es decir, solo con negro y el fondo. Resolucin. En el apartado Resolucin decidimos los puntos por pulgada (ppp) que tendr el mapa de bits. Si el destino de la ilustracin 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 ilustracin para imprimirla en alta calidad, optaremos por Alta. A mayor resolucin, mayor ser el archivo generado. Fondo. Aqu decidimos si el rea transparente de la ilustracin se rellena de Blanco o permanece Transparente. Opciones. Suavizar. Suaviza los bordes para reducir el efecto dentado, pero que tambin le resta nitidez, lo que puede ser contraproducente en trazos finos.

Crear mscara de recorte. En el caso de elegir el Fondo blanco, podemos marcar esta opcin para que se cree una mscara de recorte que cubra el fondo de la ilustracin, dejndolo transparente. Aadir alrededor del objeto. Con esta opcin aadimos alrededor del objeto, y como fondo el nmero de pxeles que indiquemos. Sera parecido a aadir un margen.

10.5. Efectos ms utilizados


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 aadir varios trazos y rellenos al objeto desde el panel Apariencia, y aplicando el efecto sobre estos, nos permite crear objetos con mltiples bordes ajustados a la medida. Al aplicar el efecto, aparece esta ventana:

Desplazamiento es la distancia que se desplazar el elemento de su posicin original. Valores positivos lo alejan del centro mientras que valores negativos lo acercan. En caso de hayan ngulos, en Uniones podemos decidir si queda Redondeada, Biselada o En ngulo. De elegir esta ltima opcin, Lmite en ngulo determina el tamao mximo 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 estn establecidas a En ngulo, Redondeada y Biselada. La estrella central verde, es un relleno con Desplazamiento negativo. 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 tambin en el submen Estilizar. En este caso, el nico parmetro es el Radio de desvanecer, que es la distancia desde borde del objeto a la que afecta el efecto.

En esta imagen, hemos aplicado el efecto a la sombra. Illustrator incluye filtros y efectos heredados de Photoshop, diseados para mapa de bits, aunque podemos aplicarlos como efectos a los grficos vectoriales. Puedes verlos en este avanzado .

Unidad 10. Avanzado: Filtros y efectos de Photoshop


Illustrator dispone de una serie de filtros y efectos de Photoshop. Estos filtros podemos aplicarlos sobre grficos de mapa de bits. Cuando los aplicamos como efectos, podemos aplicarlos sobre grficos vectoriales, pero hay que tener en cuenta que se trata de efectos de rasterizado, por lo que las opciones de rasterizacin elegidas influirn en el resultado. Podemos acceder a estos filtros y efectos desde la parte inferior de los mens Filtros y Efectos respectivamente. Si ya los conocemos, basta con elegir uno de los distintos submens e introducir los parmetros necesarios. Pero si no, en el mismo men encontramos el comando Galera de filtros... / Galera de efectos... con el que accedemos a la siguiente ventana, donde podemos probar cada uno cmodamente:

A la izquierda se muestra una previsualizacin del efecto o filtro sobre el objeto seleccionado. En la parte central, clasificados en categoras, encontramos los distintos filtros y efectos, que podemos aplicar con un clic. Cada filtro o efecto tiene unos parmetros que podemos configurar. Estos se muestran en el panel de la derecha.

Aqu vemos todos los efectos y filtros de Photoshop:

10.6. Efectos 3D

Dentro de los Efecto de Illustrator, encontramos los Efectos 3D.

El efecto Rotar nos permite girar un objeto en tres dimensiones, mientras que los efectos de Extrusin y biselado y Girar nos permite crear objetos tridimensionales. Al aplicar cualquiera de estos efectos, accedemos a una ventana que nos permite controlar la posicin y la superficie. Puedes ver estos controles explicados en este bsico Extrusin y biselado. Este efecto nos permite dar profundidad a un objeto. .

Podemos aplicar este efecto desde le men Efecto 3D Extrusin y biselado.... Llegamos a la ventana con los controles que ya hemos explicado. En la parte central aparecen los parmetros especficos para este efecto:

Las propiedades de extrusin son la la Profundidad de extrusin, y el Remate, que puede ser de Apariencia slida o Apariencia hueca .

La extrusin puede ser plana, o darle un bisel, seleccionndolo del panel Bisel. El bisel es un relieve ms o menos complejo. Podemos definir la Altura mxima de este relieve. Y tambin encontramos dos botones, para decidir si el bisel va hacia fuera tamao del objeto, o si va hacia dentro . , y se suma al

Girar. El efecto girar es el que nos permite crear los objetos tridimensionales ms complejos. Gira el objeto original sobre uno de sus lados para crear el objeto. Es decir, si giramos medio crculo, obtenemos una esfera.

Podemos aplicar este efecto desde le men Efecto 3D Girar.... Las opciones especficas 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.

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 especficas, pero nos permite utilizar el cubo de seguimiento para rotar el objeto. Colocar Ilustraciones en objetos 3D. Al crear un objeto 3D, por extrusin y biselado o por giro, el objeto pasa a tener varias caras. Por ejemplo, si aplicamos extrusin a un crculo, 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 ilustracin, que se ajustar a la forma del objeto.

Las ilustraciones que vayamos a colocar, debemos tenerlas en el panel de Smbolos. Es decir, si es un objeto del documento, lo arrastraremos al panel, y si es un smbolo de la biblioteca, lo seleccionaremos para que aparezca en el panel. Slo podremos colocar un smbolo por cara. Cuando tengamos preparados los smbolos, en la venana que definimos los parmetros del objeto 3D, pulsamos el botn Mapear ilustracin, para llegar a la ventana Mapear ilustracin:

Utilizando los controles de Superficie, nos situamos sobre la cara que queramos. En el objeto, se ir resaltando en rojo en qu cara estamos. Despus, en Smbolo, seleccionamos la ilustracin a colocar. En la parte central, movemos y redimensionamos el smbolo 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 botn Cambiar escala para ajustar, redimensiona la ilustracin para que ocupe toda la superficie de la cara. Para eliminar el smbolo de la cara, pulsamos Borrar. Si pulsamos Borrar todo, limpiamos el objeto quitando todas las ilustraciones. Tenemos dos opciones, Difuminar ilustracin hace que el difuminado se aplique tambin al smbolo. Si no lo marcamos, la ilustracin aparecer sin tonos oscurecidos ni claro. La opcin Geometra invisible hace que se oculte la superficie y se muestre slo la ilustracin. Es como si utilizsemos el objeto 3D como una envolvente.

10.7. Estilos grficos


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 tambin podemos guardarlo como un Estilo grfico, de modo que cuando

queramos aplicarlo a otro objeto solo tengamos que seleccionarlo. Esto adems har que si modificamos el estilo, todos los objetos a los que se lo hayamos aplicado reflejarn el cambio. Todo lo referente a los estilos grficos, los gestionamos desde el panel Estilos grficos.

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 botn Nuevo estilo . Si al pulsar el botn, tambin 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. Despus, 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 grficos. Para modificarlo, podemos cambiar el estilo del objeto y arrastrarlo sobre el estilo grfico 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 algn objeto, debemos romper el enlace al smbolo, seleccionando el objeto y pulsando el botn Romper enlace a estilo grfico del Panel. Si pulsamos el botn Borrar estilo grfico, eliminamos el estilo del panel, y todos los objetos que lo tengan mantienen las propiedades, aunque sin enlazar con ningn estilo.

Como ocurra con las muestras, smbolos y pinceles, tambin tenemos una Biblioteca de Estilos grficos, haciendo a la que accedemos por el botn que tiene en la parte inferior izquierda.

Clasificados en categoras, encontraremos estilos predefinidos muy atractivos. Los estilos que hayamos creado, estn 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 grficos, y planeamos utilizarlos en futuros documentos, nos ser ms cmodo pulsar en Guardar estilos grficos..., 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 ubicacin que aparece por defecto, aparecer con el resto de bibliotecas la prxima vez que iniciemos el programa. Puedes paracticar lo visto en esta unidad con e ejercicio paso a paso Crear rtulos con efectos.

Unidad 10. Ejercicio paso a paso: Crear rtulos con efectos (I)
Vamos a ver tres ejemplos de ttulos creados con Illustrator.

Ejercicio 1:
Vamos a crear este rtulo:

1. Crea un texto de punto con el texto de la imagen. 2. Desde el panel Carcter, dale un tamao de 72 pt, a la lnea central de 48 pt, y un estilo Bold Condensed. Desplaza hacia abajo la lnea superior y hacia arriba la inferior. 3. Desde le panel Prrafo, centra el texto. 4. Dale un relleno de color marrn claro. 5. Aplcale un Efecto 3D Rotar. 6. En la ventana del efecto 3D, en Posicin elige Frente, y despus rota el eje X 36. Dale una perspectiva de 158 y pulsa OK.

7. Aplcale otro efecto 3D, esta vez Extrusin y biselado. 8. Establece la Posicin a Frente, y rota el eje x 36. Deja perspectiva a 0, la profundidad a 50pt, remate slido y sin bisel. Pulsa OK. 9. Pulsa en el men Objeto Expandir apariencia. 10. Dale a la ilustracin un Trazo negro de 1pt.

11. Aplcale un Efecto Estilizar Garabatear. 12. En los Ajustes, elige Moir y pulsa OK.

Ejercicio 2
Vamos a crear este rtulo:

1. Crea un texto de punto con el texto de la imagen. 2. En el panel Carcter, establece una fuente de 72px y un estilo Bold condensed. 3. Desde el men del panel Apariencia, aade un Relleno nuevo y seleccinalo. Dale un degradado lineal parecido al de esta imagen:

4. Con la herramienta Degradado, haz clic a la altura que comienza la letra S, y mateniendo pulsada la tecla Maysculas, traza una lnea vertical hasta la altura donde acaba la y, para que quede el relleno como el de la imagen inicial. 5. Con el relleno seleccionado, pulsa Duplicar elemento seleccionado. 6. Selecciona el nuevo relleno, y aplcale un Efecto Trazado Desplazamiento de 10px. 7. Al releno, aplcale tambin el Efecto Trazos de pincel (efectos de Photoshop) Trazos con spray, con longitud del trazo 12, Radio 7 y Direccin Diagonal derecha. Pulsa OK. 8. Con la herramienta Degradado, traza una lnea vertical, pero comenzado un poco ms abajo de la base letra y, y finalizando un poco ms arriba parte superior de la S, para invertir el degradado.

9. Aplcale tambin un Efecto Estilizar Desvanecimiento de 22 px. 10. Al crear el primer relleno, se ha cre tambin un Trazo. Seleccinalo y dale un color gris claro (muestra K=20). 11. Aplcale un Efecto Trazado Desplazamiento de 10px.

12. El Trazo habr quedado por encima del rtulo. En el panel Apariencia, selecciona y arrastra en Trazo hasta colocarlo en la ltima posicin.

Ejercicio 3
Vamos a crear este rtulo:

1. Introduce un texto de punto con el texto. 2. En el panel Carcter, establece un tamao de 72pt y un estilo Bold. 3. Selecciona el texto y pulsa men Objeto Expandir. Acepta los opciones del dilogo. 4. Duplica el objeto con el texto, y reserva una copia para utilizarla ms adelante. 5. Entra en el grupo aislado y selecciona slo la primera letra, la W. 6. En el panel Apariencia al relleno aplcale un degradado lineal como el parecido a ste . 7. Aplcale un Efecto Estilizar Desvanecer de 3px. 8. Desde el Panel de control, reduce la Opacidad al 25%.

9. Duplica el relleno, y selecciona el de abajo.

10. Elimina el efecto Desvanecer desde el panel Apariencia.

11. Aplcale un degradado radial parecido a ste Opacidad del

, y una 55%.

12. Duplica el relleno, y selecciona el de abajo. 13. Aplcale un Efecto Trazado Desplazamiento de 1px.

14. Dale al relleno un degradado como lineal como ste 15. Pon la Opacidad al 100%. 16. Aplcale un Efecto Estilizar Desvanecer de

3px.

17. En el panel Apariencia, selecciona Trazado compuesto. 18. Aplcale un Efecto Estilizar Sombra paralela, con Opacidad al 60%, desplazamiento X de 3 px e Y de 3 px, y Desenfocar 1 px. 19. Abre el panel Estilos grficos, y arrastra la W sobre l. 20. Selecciona el resto de letras, y haz clic sobre el estilo grfico que acabas de aadir. 21. Sal del grupo aislado, y selecciona el objeto con el texto que habas duplicado. 22. Dale un relleno azul oscuro .

23. Selecciona los dos grupos con las letras y alinealos vertical y horizontalmente. 24. Selecciona slo el grupo con relleno liso y la herramienta Borrador 25. Psala sobre la parte superior del texto, siguiendo un . trazo ondulando.

26. Aplcale un efecto Desvanecer de 6 px. 27. El fondo es un rectngulo con un degradado.

Ejercicios unidad 10: Apariencia, filtros y efectos


Ejercicio 1:

Crea la siguiente ilustracin:

En la carpeta de Ejercicios, puedes encontrar el archivo mapamundi.gif con la superficie terrestre y estrellas.gif para el fondo. Guarda el ejercicio, lo usaremos ms adelante. Si necesitas ayuda para resolver el ejercicio, aqu te lo explicamos.

Solucin al ejercicio 1:
Nota: Las imgenes estn con un zoom del 50%. Para resolver el ejercicio, crearemos un objeto tridimensional, al que aadiremos las ilsutraciones de la superficie terrestre y las secciones de la estructura interna de la Tierra. 1. Crea una elipse, de 240px de Alto y 280px de Ancho, con trazo Ninguno. 2. Duplica la elipse. 3. En el panel Apariencia, selecciona el relleno y pulsa el botn Duplicar elemento seleccionado 3 veces, para acabar teniendo 4 rellenos. 4. Selecciona el primer relleno (por arriba). Dale un degradado de naranja a amarillo. En el menu Efecto, seleccionas Trazo Desplazamiento, e introduce -102 px. Pulsa OK. 5. Al segundo relleno, dale un degradado de rojo-marrn intenso a un color algo ms claro, y un efecto de Desplazamiento de -50 px. 6. Al tercer relleno, dale un color naranja y un Desplazamiento de -3,6 px.

7. Al

caurto

relleno,

dale

un

color

azul.

8. Pulsa en el men Objeto Expandir apariencia. 9. Traza una lnea recta vertical ms larga que el alto de la elipse, y alinealas al centro horizontalmente. 10. En el panel Buscatrazos, pulsa en Dividir. 11. Haz doble clic sobre el objeto para entrar en el grupo aislado. 12. Selecciona los elementos de la parte izquierda, y los brralos. 13. Seleccionael centro, y dale un Efecto Estilizar Resplandor exterior de color amarillo y Desenfocar 10px.

14. Sal del grupo aislado, y arrastra el objeto creado al panel de Smbolos, dndole el nombre que quieras. 15. Abre la carpeta Ejercicios desde el explorador de Windows, y arrastra el archivo mapamundi.gif al documento. 16. Con el mapa seleccionado, en el Panel de control pulsa Incrustrar, y arrstralo al panel de smbolos. 17. Selecciona la otra elipse que habas creado, y repite con ella los pasos 8 y 9, 10 y 11. 18. Con la media elipse seleccionada, ve al men Efecto 3D Rotar. 19. En la ventana Opciones de giro 3D rota el objeto hasta conseguir la posicin deseada (eje x -61, eje y 72 y eje z -62), y dale un ngulo de 300.

20. Pulsa el botn Mapear ilustracin.

21. En cada cara, coloca el smbolo que corresponda, pulsa el botn Cambiar escala para ajustar, y despus reduce, estira o gira la imagen para adaptarla. 22. Marca la opcin Difuminar ilustracin y pulsa OK. 23. Si lo crees necesario, pulsa en Ms opciones y regula la iluminacin. 24. Pulsa OK. 25. Coloca en el documento el archivo estrellas.gif de la carpeta de ejercicios, y ponlo detrs de la Tierra.

Unidad 11. Imprimir documentos (I)


11.1. Documentos para imprimir
Ya hemos visto que Illustrator ofrece configuraciones distintas dependiendo de si nuestro objetivo es imprimir un documento o crear un grfico para la web. Y esto no es por capricho, infloye en la calidad del resultado. Estas son algunas cosas que deberamos de tener en cuenta si estamos creando un documento para imprimir:

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 resolucin 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 resolucin o si utilizamos una imprenta profesional). Calibrar el monitor. La mayora de los monitores no estn correctamente calibrados, por lo que los colores que se muestra en pantalla no sern exactamente lo que se imprimir. Los profesionales usan aparatos que les ayudan a calibrar mejor el monitor.

Por defecto, en documentos de una pgina, se imprimr la ilustracin contenida en la Mesa de trabajo. Podemos cambiar las dimensiones y orientacin de la mesa de trabajo a travs de la opcin Ajustar documento del men Archivo. Otra cuestin a tener en cuenta es si queremos imprimir toda la ilustracin o slo algunas partes. Con las opciones por defecto, las capas no visibles de la ilustracin no se imprimen. Si queremos que una capa, aunque si sea visible, no se imprima, podemos desmarcar la opcin Imprimir de su ventana de opciones, a la que accedemos al hacer doble clic sobre la capa.

Si queremos imprimir slo alguna rea concreta de la ilustracin, podemos enmarcarla en un rea de recorte, con la herramienta rea de recorte elegir que slo se imprima esta parte. , y en las opciones de impresin

Una vez que hayamos terminado el documento, accederemos a las Opciones de impresin desde el men Archivo Imprimir. Al imprimir un documento, podemos generar una copia impresa en papel, peor tambin podemos imprimir a otro tipo de archivos, como pdf o xps.

11.2. Opciones generales al imprimir

Igual que en la mayora de aplicaciones de Windows, al querer imprimir accedemos a un dilogo donde podemos configurar cmo se imprimir el documento.

En la parte superior de esta ventana, encontramos un desplegable donde podemos elegir un Ajuste preestablecido de impresin (podemos guardar la configuracin que hagamos como un ajuste), y la impresora por la cual queremos imprimir, tanto impresoras fsicas 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 previsualizacin de la pgina, cmo quedara impresa. Esta ventana se divide en varias secciones, que podemos seleccionar en el cuadro de lista de la izquierda. Segn la seccin que elijamos, las opciones de la ventana cambiarn. Por ejeemplo, en la seccin Generales encontramos tres grupos de opciones: Al princio encontramos las opciones comunes a cualquier cuadro de dilogo de impresin: el numero de copias, el orden de impresin o qu pginas se imprimirn. En Medio, configuramos el tamao del papel sobre el que se imprimir. La opcin Definido por el controlador toma el tamao que detecte la impresora, peor podemos elegir uno de los tamaos preestablecidos, como A4 o algn tipo de sobre. Tambin podemos cambiar desde aqu la orientacin de la pgina. En Opciones, podemos cambiar que capas se imprimen. Por defecto, se imprimen las visibles en las que no hayamos desmarcado la impresin, pero podemos por ejemplo forzar a que se impriman todas las capas. Tambin podemos modificar la escala de la impresin,

imprimiendo al tamao original si marcamos No cambiar escala, ampliando o reduciendo para ajustar a la pgina si marcamos Encajar pgina, o podemos definir una Escala personalizada. Hay que tener en cuenta que si aumentamos mucho la escala podemos notar una prdida de resolucin en los objetos basados en mapa de bits del documento.

11.3. Ajustes de la pgina


Para configurar los ajustes de la pgina antes de imprimirla, debemos ir a la seccin Configuracin de la ventana Imprimir.

Lo primero que hay que ajustar es qu queremos imprimir, en el desplegabe Recortar imagen en:. Por defecto, est seleccionada la Mesa de trabajo, pero podemos seleccionar el Cuadro delimitador de la ilustracin o Ara de recorte. En caso de seleccionar est ltima opcin, debemos de haber creado el rea de recorte antes de acceder a las opciones de impresin. El siguiente paso es colocar la imagen. En la previsualizacin, podemos desplazar la imagen con respecto a la pgina. Tambin podemos usar los controles de Colocacin para alinear la imagen alos lados, a las esquinas o al centro. En cualquier momente, podemos volver a centrar la imagen haciendo doble clic sobre la previsualizacin. Si la imagen es mayor que la pgina en la que se imprimir, podemos optar por imprimirla en varias pginas. En el desplegable Segmentacin, elegimos Segmentar pginas. Para que se muestren varias pginas en la previsualizacin, arrastramos la imagen hacia afuera. Cada vez que lo hacemos, aparecen nuevas pginas. El valor de Superponer indica el solapamiento de las pginas. Es decir, si por ejemplo lo establecemos a 10mm, se imprimir lo mismo en el el ltimo centmetro del lado de una pgina y en su adyadcente. Esto nos ayudar a unir las pginas con mayor precisin.

11.4. Imprimir degradados de color


En algunas impresoras se pueden producir errores, como la impresind e bandas de color, al intentar imprimir algunos objetos en los que se mezclan gradualmente colores, como mallas, degradados o fusiones. Esto es ms probable que suceda cuanto ms larga es la fusin de colores, y por tanto se utilizan ms colores intermedios.

Si nos sucede esto, podemos hacer que Illustrator rasterice estos elementos antes de imprimirlos. Para hacerlo, desde la ventana Imprimir, en la seccin Grficos hay que marcar la opcin Imprimir degradados compatibles y mallas de degradado.

Los valores re resolucin que se utilan en el degradado son los mismos que podemos configurar desde el men Efecto Ajustes de efecto de rasterizado de documento.

11.5. Sobreimpresin
Por defecto, al colocar un objeto sin transparencia relleno un color sobre otro, el que est debajo queda tapado y no slo se ve el de arriba (cobertura).

Aplicando la sobreimpresin a un objeto, hace que a la hora de imprimir se comporte como si fuese transparente, mezcndose con el color que hay debajo. El color resultante depende de la tinta, el papel y el mtodo de impresin.

En la imagen de arriba, los objetos marcados con la S son a los que se ha aplicado la sobreimpresin. Para ver el resultado de la sobreimpresin en el documento, debemos pulsar en la opcin del men Ver Previsualizar sobreimpresin. Podemos aplicar la sobreimpresin a un objeto o grupo concretto, a su trazo o a su relleno, marcando Sobreimp. relleno o Sobreimp. trazo en el panel Atributos.

Una opcin ms habitual es la de sobreimprimir el negro de la ilustracin, ya que al ser la tinta ms opaca, no vara porque a travs del negro no se ven otros colores. Tambin ayuda a prevenir la aparicin de huecos entre zonas coloreadas de la ilustracin y zonas negras. Para sobreimprimir todo el negro, marcampos la opcin Sobreimprimir negro en las opciones se Salida del dilogo Imprimir. La sobreimpresin en negro ayuda a mejorar las marcas de registro. Puedes ver cmo imprimir marcas de impresora en este avanzado .

Puedes practicar la impresin de ilustraciones con el ejercicio paso a paso Imprimir un logotipo.

Unidad 11. Ejercicio paso a paso: Imprimir un logotipo


Vamos a imprimir el logotipo que puedes encontrar en la carpeta de Ejercicios del curso, en el archivo blueeyelogo.ai.

Ejercicio 1:
Vamos a imprimir tres pgina para escribir cartas de la empresa, con el logotipo situado en la esquina superior izquierda. Para no gastar tinta ni papel, lo imprimiremos en un archivo pdf. 1. Abre el documento. 2. Pulsa la opcin del men Archivo Imprimir. 3. En impresora, selecciona Adobe PDF. 4. En Generales, en Copias, introduce 3. 5. Ve a la seccin Configuracin. 6. En Recortar imagen en: selecciona Cuadro delimitador. 7. En el control de Colocacin, selecciona la esquina superior izquierda. 8. Ve a las seccin Marcas y sangrado. 9. Para que no quede pegado, establece el sangrado Superior y Derecho a 5mm. 10. Pulsa Imprimir. 11. Dale el nombre que quieras al archivo PDF y gurdalo.

Ejercicio 2.
Vamos a imprimir una versin del logotipo, sin la imagen del ojo, que ocupe toda la pgina. Para no gastar tinta ni papel, lo imprimiremos en un archivo pdf. 1. Abre el documento. 2. En el panel de capas, busca el elemento con la imagen en mapa de bits del ojo y ocltalo. 3. Pulsa la opcin del men Archivo Imprimir. 4. En impresora, selecciona Adobe PDF. 5. Ve a la seccin Configuracin. 6. En Recortar imagen en: selecciona Cuadro delimitador. 7. Ve a la seccin Generales. 8. En Orientacin selecciona Horizontal izquierda. 9. Marca Encajar en pgina. 10. Pulsa Imprimir. 11. Dale el nombre que quieras al archivo PDF y gurdalo

Unidad 12. Tcnicas de trabajo con objetos (I)


12.1. Introduccin
En esta unidad veremos las tcnicas y pasos que seguimos para crear algunos ejemplos. En la mayora de los casos, encontraremos varias formas de obtener un resultado, varias tcnicas. Descartaremos unas por ser ms complejas, por obtener peores resultados, o simplemente porque obteniendo lo mismo una tcnica nos resulta ms familiar, y por tanto ms cmoda, lo que no quiere decir que otras opciones sean peores.

12.2. Logotipo en 3D

Vamos a crear el siguiente logotipo inspirado en el de aulaClic:

Crear los elementos. Vamos a comenzar con el trazado del ratn, que haremos de perfil, utilizando la Pluma . Primero dibujamos el contorno.

Despus, dos trazados que dividen el ratn en los botones y en la parte inferior, sin preocuparnos de salirnos del contorno.

Lo que conseguimos as son tres trazados, uno cerrado y dos abiertos que lo cruzan. Pero lo que vamos a hacer, es dividir el trazado que forma el contorno en las tres reas que delimitan los trazados abiertos. Para ello, con todos seleccionados, desde el panel Buscatrazos pulsamos en Dividir. Ahora ya podemos colorear cada una de las distintas reas.

Para hacer la ruedecilla del ratn con un aspecto dentado, utilizaremos una estrella, con muchas puntas pero cortas. Utilizando una copia del trazado del ratn, o por lo menos de la parte donde ir la rueda, la dividimos desde el panel Buscatrazos, y nos quedamos slo con la parte visible, que es la que nos interesa. El resto lo podemos borrar.

Una vez que tenemos los trazados, vamos a convertirlos en objetos tridimensionales, utilizando el Efecto 3D Extrusin y biselado. Primero lo hacemos con el ratn. Nos preocupamos de girarlo a la posicin deseada y darle una profundidad de extrusin adecuada. Por ejemplo, al de la imagen le hemos rotado el eje x -18, el eje y -9 y el eje z 2. La profundidad de extrusin la hemos establecido en 120pt. A la ruedecilla le hemos aplicado los mismos valores de rotacin, para que encaje perfectamente, pero una profundidad de 20pt. Para ver el resultado, la colocamos sobre el ratn.

Vamos a crear ahora el birrete. Lo haremos en una capa nueva. De hecho, tambin la ruedecilla debe de estar en una capa distinta al ratn, porque ms adelante aadiremos ms capas para modificar la apariencia del ratn, que no querremos que se apliquen sobre la ruedecilla. Podemos dividir el birrete en dos partes, el cuerpo cilndrico, y el rectngulo de la parte superior. Para conseguir la primera, partiremos de una circunferencia, creada con la herramienta Elipse y para la segunda, utilizaremos un cuadrado redondeado, creado con la herramienta Rectngulo redondeado. El crculo ser un poco ms ancho que el ratn, y el cuadrado un poco ms que el crculo (en las siguientes imgenes se muestra al 50%).

Ahora, vamos a aplicarles dos efectos 3D. Primero un Efecto 3D Rotar, para darle cierta perspectiva, como si los visemos de lado, desde una esquina del cuadrado. A los dos le daremos los mismos valores, as que podemos aplicarlos a la vez. En este caso, hemos rotado el eje x 56, el eje y -38 y el eje z 23.

Para darles profundidad, les aplicaremos, esta vez por separado, un Efecto 3D Extrusin y biselado, de forma que la extrusin slo se proyecte hacia abajo.

Por ltimo, colocamos el cuadrado sobre el cilindro, y alineamos el centro verticalmente.

Cambiar la apariencia. Una vez creados los objetos, vamos a modificar su apariencia. La idea es personalizar cada una de las caras del objeto tridimensional. Pero al ser un efecto, slo podemos editar el trazado original. Para poder editar las distintas caras, tendramos que Expandir la apariencia desde el men Objeto. Esto podramos realizarlo directamente sobre los objetos creados y sera ms rpido y sencillo. Pero nuestra intencin es mantenerlos intactos, con el trazado original, ya que si expandimos la apariencia no podemos volver a editar los trazados originales. Esto nos permite en el futuro, por ejemplo, editar el efecto de extrusin y mapear la ilustracin.

As, que para mantener los objetos originales, en ambos casos duplicamos las capas desde el panel Capas. Es conveniente que bloqueemos las capas sobre las que no estamos trabajando, para evitar editarlas y no tener que preocuparnos de no seleccionar sus objetos. Ahora, comenzaremos por la capa del ratn. Lo primero que vamos a hacer es Expandir la apariencia del objeto. Esto nos habr divididido el ratn en todos los trazados que componen sus caras.

Slo nos interesan las caras visibles, el resto nos estorbar porque trabajaremos con transparencias, y veramos unas debajo de otras. As que las eliminaremos. Queremos poder seleccionar cada cara con un clic. Las caras se han creado agrupadas, por lo que o desagrupamos o vamos accediendo a los grupos aislados hasta el nivel que nos interesa, lo que nos resulte ms cmodo. Ojo, no hay que pasarse, dejaremos la ilustracin de forma que al pulsar sobre una cara se seleccione completa, y no cada uno de los trazados que la compone. Ahora, vamos a eliminar las que no nos interesan. Seleccionarlas es complicado, porque no vemos cuales hay. Por eso es ms sencillo si seleccionamos slo las que vemos. Cuando tengamos todas, las copiamos (Ctrl + G). Tras copiarlas seleccionamos todas y las borramos. La capa nos habr quedado completamente vaca y aqu pegamos lo que habamos copiado. A la hora de pegar, utilizaremos el comando Pegar delante (Ctrl + F). Este comando coloca la copia en la misma posicin que estaba el original, pero delante de ste. Con esto conseguimos una capa con las caras visibles del objeto tridimensional. Repetimos los mismos pasos con la capa que contiene el Birrete. Bsicamente lo que haremos, ser aplicar distintos rellenos a las caras, utilizando la herramienta Degradado para hacer que los degradados coincidan con la direccin del trazado. Y a estas caras normalmente les aplicaremos transparencias, de forma que se deje ver como fondo la cara del objeto original, el que est en la capa inferior. En algunos casos, duplicaremos las caras. Esto lo haremos copindola y pegando delante. Comenzamos por el ratn, en el que distinguimos 5 caras.

Nota: El contorno de las caras se ve de distinto color en esta imagen para que queden ms claras, pero por defecto, todos sern del mismo. Hemos seleccionado un degradado de la biblioteca de muestras, en la categora de Metales, llamado Acero azul. A la primera cara, le hemos aplicado ese degradado, regulndolo con la herramienta Degradado para que la zona ms clara coincida con el lugar donde queremos que d la impresin de reflejar ms luz. Tambin le hemos aplicado una transparencia en modo Trama con Opacidad al 50%. Esta capa la hemos duplicado, cambiando el degradado a radial, y reduciendo la opacidad al 40%.

Por ltimo hemos vuelto a duplicar la cara, con un relleno cyan liso. Pero en este caso hemos creado una mscara de opacidad, haciendo doble clic sobre su miniatura en el panel Transparencia. Para la mscara de opacidad, hemos utilizado una elipse rellena con un degradado que alterna negro y gris, donde el negro es totalmente opaco, y el gris, cuanto ms claro, queda ms transparente. El resultado es el siguiente:

Para la segunda cara, hemos hecho lo mismo, ya que queremos que tenga un aspecto similar a la primera, pero hemos cambiado la direccin de los degradados, para que guarde relacin con la perspectiva de la cara y con la iluminacin de la primera.

Para la tercera cara, no hemos creado tantas copias. nicamente le hemos dado un degradado de la misma biblioteca, Plata, con una transparencia Normal al 36%.

Para la cuarta hemos utilizado el mismo degradado que para al anterior, aunque variando su direccin, y aumentando la opacidad hasta un 54%.

Para la cara que nos queda, hemos hecho algo diferente. Vamos a crear un degradado, pero con la forma de la cara, por lo que utilizaremos una fusin. Partimos de cara que tenemos, la cual hemos redimensionado en alto y ancho al 80%, y le hemos dado un color de relleno un poco ms claro. Tambin hemos borrado la parte izquierda que sobresale, utilizando el Borrador . Del resultado, hemos creado una copia, la hemos reducido al 50%, y la hemos vuelto a rellenar de negro.

Una vez que tenemos las dos partes, colocamos la ms pequea un poco desplazada del centro de la otra. Antes de crear la fusin, hemos aplicado un efecto Desvanecer a la ms grande, para que el cambio de color con el fondo no sea tan brusco. Ahora, ya podemos fusionar los dos objetos. Si los colores son muy parecidos, al crear la fusin con la opcin Redondear color, se crearn muy pocos pasos, por lo que la fusin no quedar suave. En este caso, cambiaremos a la opcin Distancia especfica, que ajustaremos hasta tener una fusin suave. El resultado, con el fondo y la fusin, es el siguiente:

El ratn completo, mostrando la ruedecilla, nos ha quedado como el siguiente:

Para el birrete, lo hemos hecho de forma ms sencilla. Tras quitar las caras que no necesitbamos, les hemos aplicado uno de los degradados que ya habamos utilizado, Acero azul.

Lo hemos regulado con la herramienta Degradado las caras que slo tendrn un color, como las aristas.

, utilizando tambin rellenos lisos en

Vamos a aplicarle transparencia a estos objetos, dejando la Opacidad al 25%. Como aplicaremos la misma a todos los elementos, podemos aplicrsela a todos a la vez. Pero si los seleccionamos, y la aplicamos, vemos que el resultado no es el deseado.

Esto se debe a que al aplicar la transparencia directamente a todos los elementos, se aplica a cada uno por separado, por lo que a travs de la parte superior vemos los que estn debajo. Para que la transparencia afecte a todos los objetos como si slo fuesen uno, primero hemos de agruparlos.

El cable. Para crear el cable que une nuestros dos elementos, comenzaremos creando una nueva capa. sta la colocaremos debajo de las capas que componen el ratn, pero encima de las que componen el birrete, de forma que quede en medio. En esta nueva capa, dibujamos un trazo con la forma del cable. Ahora, vamos a darle volumen. Una forma de simular volumen a partir de un trazado abierto es la siguiente: Al trazado, le damos un color oscuro, y aumentamos el grosor. Copiamos el trazado, y lo pegamos delante. A la copia del trazado, le disminuimos el grosor, y le damos un color ms claro. Seleccionamos ambos trazados, y creamos una fusin.

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 reaplicaran al voltear el objeto, y el aspecto no sera el mismo. Una vez que lo hemos expandido, los agrupamos y los volteamos. La forma ms cmoda de hacerlo, es desde el men del panel Transformar, eligiendo la opcin 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 mscara de opacidad, haciendo doble clic junto a la miniatura del grupo en el panel Transparencia. En la mscara de opacidad, creamos un rectngulo 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.

12.3. Calcar un mapa de bits


Ya vimos que rasterizar una imagen era convertir un grfico vectorial en pxeles, obteniendo as un mapa de bits. El proceso contrario se llama Calco interactivo, es decir, generar un grfico vectorial a partir de un mapa de bits. Esto nos permite realizar un dibujo partiendo, por ejemplo, de una fotografa, que luego podremos editar, lo que nos puede ahorar tiempo. O si somos hbiles con el lpiz y papel, crear nuestros bocetos a mano, escanearlos, y acabarlos con Illustrator, dndoles color y estilizndolos. Antes de comenzar con algunos ejemplos, vamos a ver en que consiste este proceso. Partimos de un mapa de bits. La imagen la podemos haber abierto directamente, haberla colocado en un documento, o haberla generado por rasterizacin. Lo importante, es que tenemos una imagen en nuestro documento. Al seleccionarla, en el Panel de Control, encontramos el botn desplegable Calco interactivo . Si lo pulsamos,

creamos un calco con las opciones por defecto, y si pulsamos sobre la pestaita, se muestra un desplegable con los distintos Ajustes preestablecidos. Un ajuste preestablecido es una combinacin de opciones de calco interactivo, que puedes ver en este avanzado . Podemos ir cambiando de un ajuste a otro, hasta encontrar el que ms se asemeje al resultado que deseamos obtener. Una vez que hayamos elegido uno, afinaremos un poco ms ajustando las opciones principales,s normalmente el Nmero 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 d epintura interactiva, pudiendo editar tambin sus colores.

Imagen a color. Vamos a comenzar calcando una forotografa. Utilizaremos la imagen Tigre.gif que puedes encontrar en la carpeta de Ejercicios del curso.

Partiendo de esta imagen, queremos obtener un grfico vectorial pero con pocos colores. As, que desde el Panel de control, desplegamos los Ajustes preestablecidos del calco, y seleccionamos el que a priori ms 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 posible.

En este ejemplo, nos hemos quedado con 4 colores. Nota: Los colores pueden variar en funcin 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. Una vez que hemos ajustado los colores y tenemos el grfico definitivo vamos a editarlo. Como vamos a utilizar la herramienta Bote de pintura interactiva , lo convertimos a

intura interactiva, pulsando el botn 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 grfico vectorial utilizando os 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 ilustracin con pocos colores, podramos utilizar directamente el Bote de pintura interactivo, haciendo triple clic sobre un color para cambiar todos los que son iguales. Pero una opcin ms cmoda es utilizar el color activo, desde su icono del Panel de control .

Cuando hay bastantes colores y queremos guardar la concordancia, es ms rpido pulsar en Editar, enlazarlos y girar la rueda de color. En este caso, como slo 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 despus de cambiar el color:

Ahora, utilizaremos el Bote de pintura interactiva ms 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. Recuerda, para tomar un color de la ilustracin con el cuentagotas slo 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 Seleccin directa .

La imagen tiene un fondo, que no es ms que un trazado blanco con la silueta del tigre. Si en el documento vamos a colocar ms ilustraciones, puede que nos estorbe. En este caso, no tenemos ms que seleccionar dicho trazado y borrarlo.

Imagen en blanco y negro. El uso ms comn del comando Calco interactivo es importar grficos 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 cmo podramos hacerlo. El primer paso sera escanear la imagen, si la hemos creado a mano. El resultado sera un archivo de mapa de bits, normalmente un bmp, jpg o gif, segn las opciones del escner. 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 imgenes como sta, con algunos trazos ms marcados y en blanco y negro, resulta ms rpido establecer el umbral al mximo lo que mostrar demasiados detalles, e ir reducindolo hasta un valor que nos parezca apropiado.

Nosotros hemos dejado el Umbral a 230, pero esta decisin depende ntegramente de la imagen calcada y del resultado que queramos obtener.

Despus podemos probar a afinar otros valores, como el Ajuste de trazado, que hemos dejado al 1,5 o el rea mnima, 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 slo tres colores principales, que colorearn 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 pintara todo el rea comunicada. En cambio, si observas la imagen con el Umbral a 255 observars que no han quedado esos huecos. Esta es otra cosa a tener en cuenta si calcamos imgenes ms 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 Seleccin directa .

Una vez que hemos cerrado los huecos, slo nos queda colorear cada zona con el bote de pintura interactiva.

12.4. Grafitti

Vamos a realizar esta composicin:

Crear el texto. Al pensar en crear un objeto grfico con texto, lo primero que pensamos es en introducir texto con la fuente apropiada. Pero en casos como ste, en el que las letras son irregulares, no tenemos ninguna fuente que se ajuste al resultado. Entonces, podemos pensar en crear las letras con la Pluma . No es una mala y si somos hbiles manejando esta herramienta no nos costar mucho crear las formas que tenemos en mente. Pero lo que vamos a hacer es un poco de cada. Es decir, primero introduciremos un texto con una tipografa que se parezca lo ms posible al resultado final, aunque tampoco merece la pena perder el tiempo buscando una a una la ms exacta. Despus, la convertiremos a un grfico vectorial y modificaremos la forma del trazado hasta tener el deseado. En este caso, hemos introducido el texto con una fuente Comic Sans MS, en negrita (Bold), y con un tamao grande, 126 pt. Aunque tambin podamos haberlo escalado tras convertirlo a un grfico.

Para convertirlo a un trazado, pulsamos en el men Objeto Expandir, dejando marcado por lo menos Objeto en el dilogo Expandir. Con esto hemos conseguido los puntos de ancla, y podemos modificarlos. Pero al intentarlo, nos encontramos con demasiados puntos de ancla, lo que no hace nada cmodo modificar el trazado. Esto podemos solucionarlo utilizando el comando Simplificar, que encontramos en el men Objeto Trazado.

Reduciremos la Precisin de la curva hasta que veamos que no hay demasiados puntos de ancla.

Ahora ya podemos comenzar a modificar el trazado. Bsicamente, tendremos que hacer estas cosas: Mover puntos de ancla, arrastrndolos con la herramienta Seleccin directa .

Aadir o quitar puntos de ancla al trazado. Cuando nos sobre un punto podemos hacer clic sobre l con la Pluma , o el botn Quitar punto de ancla del Panel de control. Si hacemos clic con la pluma en un segmento seleccionado, aadiremos un punto de ancla, si nos es necesario para alcanzar la forma deseada. Pero recuerda, que un grfico cuanto ms simple sea, mejor.

Modificar los segmentos. Seleccionando un punto con con la herramienta Seleccin directa , aparecern las lneas y puntos de direccin, que nos permitirn corregir la curvatura del segmento.

Convertir puntos. Nos encontraremos con puntos de vrtice que debemos convertir a suavizados. Esto lo podemos hacer seleccionando el punto, y utilizando los botones Convertir del Panel de control, o utilizando la Pluma mientras pulsamos la tecla Alt. Unir puntos. Al expandir y simplificar puede que algn trazado haya quedado abierto, y al ir a mover un punto, descubramos que se trata de dos puntos extremos, superpuestos. En ese caso, los seleccionaremos y desde le men contextual, pulsaremos en Unir puntos.

En este ejemplo, tambin hemos rematado algunas letras con una punta de flecha. Esto podemos hacerlos de varias formas. Si en la parte de la letra ya existen los puntos de ancla,

podemos moverlos y convertirlos en vrtices para hacer el tringulo. Pero si adems hemos de aadirnos, puede resultar ms rpido colocar un tringulo encima, con la herramienta Polgono y pulsando la Flecha abajo para reducir el nmero de lados. Una vez lo hayamos colocado, desde el panel Buscatrazos pulsamos Unir y Expandir para crear una nica forma. Hay que tener cuidado de tener solamente seleccionados la letra y el tringulo antes de crear la forma compuesta, ya que es fcil que por error seleccionemos todas las letras, lo que creara un trazado compuesto y no podramos editar las letras de forma independiente.

Organizar los objetos. Una vez que tenemos el texto, colocamos cada letra en su lugar definitivo. Primero desagrupamos el texto. En este caso trabajaremos con capas, y no nos resultar prctico

tener un grupo con todo el contenido de la capa. Despues colocamos cada letra en su posicin. Podemos hacerlo moviendo las directamente letras, pero vamos a utilizar el panel Alineacin para repartir los espacios, y hacer que se solapen dndole un valor negativo. Partiendo de ah, ya podemos mover manualmente cada letra a su posicin final. Ahora, nos queda organizar el orden de apilamiento. Al estar una letra solapada con la siguiente es importante cul est encima de cul. Cuando esto lo queremos hacer con un par de objetos, podemos enviar uno detrs o delande desde el submen Organizar del men contextual. Pero en casos como ste, que hemos de organizar ocho elementos, utilizaremos el panel Capas.

En el panel encontramos una capa, la Capa 1, de la que cuelgan cada letra como un trazado compuesto. Podemos arrastrar los trazados compuestos arriba o abajo del panel, para organizar as el apilamiento. Veremos mejor como estn apilados si le damos un color de trazo y relleno distinto. Si pensamos trabajar con varias capas, como en este caso, es conveniente identificar cada una cambindoles el nombre. Incluso sera interesante dar tambin un nombre a los objetos importanes, aquellos que pensemos que podemos seleccionar desde el panel Capas. Pero no perderemos el tiempo renombrando cada trazado que hagamos en el futuro.

Volumen. Una vez que tenemos el texto definitivo, vamos a decorarlo. Vamos a empezar por darle volumen. Illustrator dispone de un par de herramientas para hacerlo: Podemos agrupar el texto, y aplicarle un efecto de Extrusin biselado, desde el men Efecto 3D. Desde el dilogo del men, solo tenemos que ajustar la posicin.

Descartaremos este mtodo porque, aunque el resultado es muy bueno, es demasiado preciso. Nuestro texto busca un aspecto informal, y queremos que el efecto de volumen tambin lo sea. Para poder modificar el volumen de cada letra deberamos Expandir la

apariencia, pero nos dara como resultado una gran cantidad de trazados, demasiados para que nos resulte cmodo. Utilizaremos este mtodo cuando busquemos un efecto ms preciso, o queramos aprovechar las opciones de iluminacin y mapear ilustraciones que nos ofrece esta herramienta. Otra opcin sera duplicar el objeto. Desplazarlo y crear una fusin, con pasos cada 1 px.

Esta opcin se acerca ms a lo que buscamos. Podemos reformar el trazado que est al fondo, lo que que nos permite conseguir un volumen irregular. Pero en este caso, tampoco podemos, por ejemplo, mostrar las aristas que forma el relieve. Vamos a utilizar una tcnica un poco ms laboriosa, pero que utiliza un trazado ms simple. Haremos el efecto de volumen "a mano".

Lo primero es duplicar el efecto para simular el volumen. Esto lo haremos duplicando la capa, seleccionando la capa en el panel Capas, y eligiendo Duplicar "capa" en el men. Desplazaremos la nueva capa debajo y la renombraremos. Como slo vamos a manipular la capa del volumen, es mejor bloquear la capa con las letras para no poder modificarla. Despues desplazamos el contenido de la segunda capa un poco, para dar la sensacin de proyeccin.

Ahora, modificaremos la capa inferior para que los vrtices de las letras que harn de volumen coincidan con las del texto. Modificaremos los puntos de ancla que queden ocultos, sin deformar la parte visible del volumen, salvo pequeos retoques estticos, como reducir el volumen en algunos puntos o hacerlo irregular. Podemos seleccionar libremente, ya que al estar bloqueada la capa superior, no podemos modificarla.

Color y detalles. Lo siguiente que hemos hecho ha sido dar color al texto. Hemos rellenado las distintas letras (tras desbloquear la capa) con distintos degradados, que podemos encontrar entre las Muestras, o en la biblioteca de muestras, en la categoras de Degradados. Tambin hemos rellenado las letras del volumen con un morado intenso.

Ahora, vamos a aadir algunos detalles sobre el objeto. Esto lo haremos sobre una nueva capa, que colocamos encima del resto, y bloqueamos las capas existentes para no modificarlas por accidente. Para dibujar pequeos detalles con trazos simples a mano alzada, utilizamos la herramienta Pincel .

Vamos a simular algunos reflejos plsticos. Para ello utilizaremos un Pincel de arte Carboncillo liso, con un trazo muy fino, 0.25pt, ya que por el tipo de pincel el trazo es grueso y de color blanco. El pincel har que el trazo no sea una simple lnea, como si utilizsemos el lpiz, dando un efecto redondeado en un extremo. Por eso es importante la direccin desde la que comenzamos el trazado. Los trazos sern bastantes simples, normalmente una recta o una curva. Para hacerlo ms sencillo, aumentaremos la tolerancia de fidelidad y suavizado en las opciones del panel. Haremos trazos junto al borde de las letras, mas o menos en la misma posicin para cada una. No tiene por qu salir perfecto a la primera, siempre podemos reformar el trazado. Utilizando un pincel similar, pero con el estilo Manchas de tinta 3 y color amarillo, hacemos un un trazo en la parte superior de cada letra, que simula brillo.

A parte de los detalles que hemos aadido con el pincel, vamos a crear otros basados en objetos simples.

El primero es un destello. Para hacerlo, partimos de una estrella, que crearemos con las puntas muy alargadas, haciendo que en proporcin haya mucha diferencia entre los radios (Radio 1 siete veces mayor que el Radio 2 ), y con bastantes puntas. En este caso, hemos creado 13. Para que quede mejor, le hemos aplicado un Efecto Estilizar Desvanecer de 2px.

El segundo est formado por dos lneas paralelas, una ms gruesa que la otra. Con la herramienta Segmento de lnea creamos la primera lnea, y para que la segunda sea paralela, hacemos clic sobre el documento y en el dilogo slo variamos la longitud. A parte, a la segunda lnea le hemos aumentado el grosor. Una vez vez hemos creado los objetos hemos de pensar que vamos a hacer con ellos. Por ejemplo, si slo van a aparecer una vez en la ilustracin los colocamos en su posicin. Pero si van a aparecer muchas veces y queremos que estn vinculados, por ejemplo que si modificamos el color o aadimos otra lnea y nos interesa que todos sean iguales, los guardaremos como smbolos. Para hacerlo, no hay ms que arrastrarlos sobre el panel Smbolos, y cada vez que queramos colocar uno, lo arrastraremos del panel a su posicin. Una vez creados los objetos, los vamos colocando en su sitio, y escalando cuando sea preciso.

Si nos va a interesar poder ocultar los objetos por separado, por ejemplo, todos los trazos o todas las lneas verdes, podemos agruparlos y ocultar el grupo en el panel Capas. El fondo. Por ltimo, vamos a aadir un trazado al fondo de la ilustracin. Lo primero que haremos, ser crear una nueva capa para el fondo, que colocaremos debajo de las otras, que de paso bloquearemos para evitar editarlas. Y si en nos molestan para crear el fondo, siempre podemos ocultarlas desde el panel Capas. El fondo es un trazado irregular, lleno de vrtices suavizados. Si tenemos que reproducir un trazado concreto, podemos hacerlo utilizando la Pluma para lograr mayor precisin. Pero en este caso, no nos preocupa que sea exactamente lo que tenemos en mente. As que como el

texto, partimos de un objeto. En etse caso, hemos creado un rectngulo de bordes redondeados.

Para modificarlo, necesitamos puntos ms puntos de ancla. En vez de crearlos uno a uno, le aplicaremos un filtro Emborronar con valores bajos, que a parte de crearlos, aproxima el trazado al que queremos conseguir.

Partiendo de este trazado, ya podemos modificarlo para darle la forma definitiva. A parte, vamos a aadirle algn detalle, simulando una gota que se separa del trazado. Una forma de lograrlo es estirar un punto de ancla, y cruzar sus lneas de direccin de modo que el trazado se cruce sobre s mismo en un punto. Cortamos por ese punto con la herramienta Cuchilla , dividiendo en dos el trazado. Separamos el trazado resultante y lo modificamos para darle la forma de la gota.

Y para rematar el trazado, le aadimos algunos reflejos con el mismo pincel blanco Carboncillo liso que utilizamos con las letras.

Y con esto, hemos completado el dibujo.

Ejercicios unidad 12: Tcnicas de trabajo con objetos


Ejercicio:
Partiendo de la imagen coche.jpg que puedes encontrar en la carpeta de Ejercicios:

Crea la siguiente ilustracin:

Si necesitas ayuda para resolver el ejercicio, aqu te lo explicamos.

Solucin al ejercicio :
Para resolver el ejercicio, crearemos un grfico vectorial a partir de la imagen, al que cambiaremos el color y aplicaremos un efecto 1. Partiendo de un documento en blanco, pulsa Archivo Colocar y selecciona el archivo coche.jpg de la carpeta de ejercicios del curso. Tambin puedes arrastrar el archivo desde la ventana del explorador de Windows al documento. 2. Selecciona la imagen, y en el Panel de control, junto al botn Calco interactivo, despliega el men y elige el ajuste preestablecido Color 6. 3. Pulsa el botn Expandir del Panel de control.

4. Con la herramienta Seleccin directa, ve seleccionado el fondo de la ilustracin y elimnalo. 5. Con el grupo seleccionado, pulsa el botn Volver a colorear ilustracin de control. 6. Pulsa el botn Enlazar colores armnicos, si no estaban ya enlazados. 7. Desplaza los controladores de color rojos a la zona de color azul. 8. Pula el botn OK para aceptar los cambios. 9. Aplcale a la ilustracin un Efecto Estilizar Garabatear. 10. En la ventana del efecto, elige el ajuste Enfocar y pulsa OK. del Panel

Unidad 13. Ilustraciones para Web (I)


13.1. Documentos para web
Illustrator es una herramienta ideal para crear grficos destinados a ser publicados en una pgina web. Estos grficos pueden ser imgenes estticas o en movimiento. Si nuestra intencin es crear uno de estos grficos, hemos de tener en consideracin unas cuantas opciones para tener los mejores resultados: Utilizar el perfil de documento para Web. Esto establecer la mayora de las opciones ptimas para generar grficos web, como las dos opciones siguientes. El modo de color ser RGB, y siempre que podamos utilizaremos colores compatibles con Web. La resolucin para los efectos de rasterizado ser suficiente con un valor de 72 ppp. Para generar el grfico, utilizaremos el comando Guardar para web y dispositivos, que nos permitir elegir el mejor formato de salida, normalmente PNG o GIF para imgenes de hasta 256 colores, y JPG para imgenes ms detalladas, y ajustar fcilmente la relacin entre calidad y tamao. Ajustar correctamente la relacin entre calidad y tamao es especialmente importante en estos grficos, ya que en una pgina con muchas imgenes, si estas son muy grandes puede tardar mucho tiempo en cargarse, aunque este problema est perdiendo importancia con las conexiones de cada vez mayor velocidad. Hay que tener en cuenta que aunque trabajemos con grficos 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 pxeles, aunque no mientras trabajamos con el documento. Podemos ver el documento tal y como se vera despus del rasterizado con el comando del men Ver Previsualizacin de pxeles.

13.2. Mapas de imagen


Crear un mapa de imagen es colocar enlaces sobre una imagen. Podemos dividir una imagen en varias reas, y que al pulsar sobre cada una de ellas nos lleve a un enlace distinto. Por ejemplo, en la siguiente imagen, al pulsar sobre cada icono accedemos al curso de aulaClic correspondiente.

Aunque el resultado sea una nica imagen, nosotros trabajaremos con distintos objetos, cada uno de los cuales puede tener un enlace. Para crear un enlace en un objeto, lo seleccionamos e introducimos la direccin en el campo URL del panel Atributos. En Mapa de imagen, seleccionamos si la zona del enlace ser un rectngulo o un polgono. Illustrator ajustar lo que elijamos a la forma del objeto. La informacin de qu zonas tienen enlace y a dnde no se guarda en el archivo de imagen. Estos datos se introducen con la etiqueta map en el html de la pgina. Al Guardar para web y dispositivos, tras elegir el formato, pasamos al dilogo donde establecemos la ubicacin del archivo. Ah, en tipo podemos elegir si generamos slo la imagen o tambin el una pgina con el cdigo necesario para generar el mapa. Podemos copiar se cdigo en nuestra web.

Por ejemplo, al crear este mapa con dos reas que enlazan a pginas distintas (los enlaces apuntan a pginas ficticias):

Hemos insertado el siguiente cdigo fuente, generado por Illustrator:

<!--

ImageReady

Slices

(MapasdeImagen)

-->

<img src="graficos/solyluna.gif" width="177" height="128" border="0" alt="" usemap="#solyluna_Map"> <map <area shape="rect" alt="" name="solyluna_Map"> 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 -->

13.3. Sectores
Illustrator nos permite crear una pgina web completa de forma grfica. Podemos crear un documento con imgenes, texto, etc. y luego exportarlo a una pgina web. Ahora bien, sera muy ineficiente que toda la pgina fuese una nica imagen, con un mapa de imagen. Por eso Illustrator nos permite dividir el documento en sectores, que pueden generar imgenes de distintos formatos, o directamente texto html.

Imaginemos una pgina web completa con el aspecto de la siguiente imagen:

Para el tamao del ejemplo, no merecera la pena dividirlo en sectores. Crearamos una nica imagen. Pero si lo tomamos como una pgina web lo ms lgico sera utilizar una imagen jpg para la fotografa de la montaa, utilizar gif para los iconos de dos colores, e introducir el texto como html. se ser el primer paso: identificar las distintas reas, que formarn 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 herramienta Sector . Al final lo que har Illustrator con los sectores ser crear una tabla, y cada sector ser una celda de esta tabla. Por eso, slo 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 ms 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 ms 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 slo html. La diferencia entre ambos es que en sin imagen podemos introducir el cdigo 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 tambin desde el dilogo Guardar para web y dispositivos. Iramos 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 ms 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 imgenes y html. Obtendremos una pgina web con una tabla que forma la ilustracin. No obstante, hay que decir que el cdigo 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 pgina web.

13.4. Animaciones

Con Illustrator podemos crear fcilmente imgenes en movimiento o animaciones basadas en Flash. Una animacin no es ms que una sucesin de imgenes. Cada una de estas imgenes forma un fotograma. Lo que haremos, ser que cada capa sea un fotograma. Una forma de trabajar sera: 1. Crear un objeto 2. Copiarlo 3. Crear una nueva capa 4. Pegarlo en la nueva capa (Usando Pegar delante lo pegamos en la misma posicin) Podramos resumir los pasos 2, 3 y 4 Duplicando la capa. 5. Modificarlo 6. Repetir los pasos 2 en adelante las veces que sea necesario Por ejemplo, una animacin en la que un objeto gira, cuanto menores sean los cambios entre fotogramas, ms suave ser el resultado, pero requerir ms fotogramas para completar el giro. Si queremos que se repita en bucle, el resultado de modificar el ltimo fotograma debera de ser un fotograma como el primero, aunque ste no lo crearemos.

En otros casos, podemos crear una fusin y expandir el resultado para generar los objetos intermedios. Una vez que hemos creado las distintas capas, utilizamos el comando del men Archivo Exportar, donde elegimos el formato Flash (*.SWF).

Aqu encontramos una serie de opciones de objetos Flash. La primera que hemos de ajustar para que se exporte como animacin es elegir Capas AI a fotogramas SWF en el desplegable Exportar como.

En las opciones Avanzadas encontramos un par que utilizaremos ms a menudo: Frecuencia de imagen es la velocidad, en cuadros por segundo. Cuanto ms alto sea el valor, ms cuadros por segundo se mostrarn, por lo que la velocidad ser mayor. Si marcamos Repeticin, la animacin se reproduce en bucle, al llegar al ltimo volveremos al primero.

Cuando hayamos configurado los valores, slo nos queda pulsar OK.

Los archivos Flash usan grficos vectorales, por lo que no perderemos resolucin al escalar los archivos. Como la mayora de programas de Adobe, Adobe Flash y Adobe Illustrator estn muy ligados, y permiten exportar ilustraciones conservando la mayora de los atributos, como capas, trazados o texto. Es comn, a la hora de crear archivos Flash ms complejos utilizar Illustrator para crear los grficos. Despus, podemos abrir el documento .ai desde Flash, o pegar directamente un objeto copiado en Illustrator, y para trabajar en Flash con estos grficos. Puedes realizar el ejercicio paso a paso Crear una animacin flash.

Unidad 13. Ejercicio paso a paso: Crear una animacin flash


Vamos a crear una animacin partiendo del archivo fantasma.gif que puedes encontrar en la carpeta de Ejercicios.

Ejercicio 1:
1. Abre un nuevo documento para web. 2. Pulsa la opcin del men Archivo Colocar y selecciona el archivo fantasma.gif. 3. Accede a las Opciones de calco, con la imagen seleccionada. 4. En Ajustes preestablecidos, elige Calco simple, y cambia Rellenos por Trazos. Pulsa Calcar.

5. En el Panel de control, pulsa Expandir. 6. Con la herramienta Seleccin directa, selecciona y elimina los detalles de reflejo. 7. Haz doble clic al para acceder al grupo aislado. 8. Dale un color de relleno al cuerpo del fantasma. 9. Sobre el cuerpo, pulsa el botn derecho y elige Organizar Enviar detrs para que se vean la boca y ojos. 10. Rellena boca y ojos de blanco.

11. Copia el fantasma. 12. Con el fantasma seleccionado, crea una gua, desde el men Ver Guas Crear guas. 13. Pega delante lo que habas copiado (Ctrl + F) 14. Utilizando la gua para ver cmo es el original, modifica la imagen para crear el movimiento final.

15. Desde el men contextual desmarca Bloquear guas y selecciona la gua. 16. Pulsa en el men Ver Guas Soltar guas, para recuperar el objeto inicial. 17. Vuelve a copiar el original. No har falta si no has copiado otra cosa desde que lo copiaste la primera vez. 18. Con el modificado seleccionado, pulsa Copiar delante (Ctrl + F). Debe quedar el original, encima el modificado y encima la copia del original. 19. Para crear los pasos intermedios, utilizaremos una fusin. Con los tres objetos seleccionados, ve al men Objeto Fusin Opciones de fusin. 20. Selecciona Pasos especficos y establece el valor a 3. Pulsa OK. 21. Con los tres objetos seleccionandos, pulsa men Objeto Fusin Crear.

22. Vamos a crear objetos a partir del resultado de la fusin. Pulsa Objeto Expandir. 23. Desagrupa el conjunto de objetos. 24. Selecciona el primer objeto y elimnalo, ya que es igual que el primero. 25. Ve al panel Capas, selecciona la capa y en el men del panel elige Soltar a capas (secuencia), para que cada objeto quede en una capa distinta. 26. Con la herramienta rea de recorte, ajusta el rea de recorte alrededor de los objetos.

27. Ve al men Archivo Exportar. 28. Selecciona el formato Flash (*.SWF) y llama al archivo fantasma.swf. 29. En las Opciones de SWF, en Exportar como: elige Capas AI a fotogramas SWF. Marca la opcin Recortar al rea de recorte. 30. Pulsa el botn Avanzado, y marca la opcin Repeticin. 31. Pulsa OK.

Ejercicio 1:
Crea el siguiente texto animado:

Ejercicio 2:
Utilizando el ejercicio propuesto de la Unidad 10, crea la siguiente animacin:

Si necesitas ayuda para resolver los ejercicios, aqu te lo explicamos.

Solucin al ejercicio 1:
1. Abre un nuevo documento para Web. 2. Introduce el un texto de punto con la palabra EROSIN. 3. Dale al fuente y tamao apropiados. Nosotros hemos utilizado la fuente Blackoak Std de 24 pt. 4. Expande el texto desde el men Objeto. 5. Rellenalo con un degradado o color de tu agrado. 6. Duplica la capa, seleccionando la capa y elgiendo Duplicar Capa 1 en el men panel Capas. 7. Oculta la primera capa y tarbaja sobre la nueva. 8. Con la herramienta Borrador letras. borra una pequeo trozo de la parte superior de las

9. Aplcale un Efecto Desvanecer de 2 px. 10. Duplica esta capa y ocultala. 11. Sobre la nueva capa, con la herramienta Borrador superior de las letras. borra un poco ms de la parte

12. Desde el panel Apariencia, edita el efecto Desvanecer y aumntalo en 1 px. 13. Repite los pasos 10, 11 y 12 hasta que haya desaparecido el texto.

14. Para volver al estado inicial y que no quede brusco, utilizaremos transparencias. Duplica la primera capa y colcala a continuacin del resto. 15. Reduce la Opacidad al 17%. 16. Duplica la capa y aumenta la opacidad. 17. Repite el paso 16 varias veces aumentando la opacidad hasta que llegue al 100%. 18. Con la herramienta rea de recorte, ajusta el rea de recorte alrededor de los objetos. 19. Ve al men Archivo Exportar. 20. Selecciona el formato Flash (*.SWF) y llama al archivo erosion.swf. 21. En las Opciones de SWF, en Exportar como: elige Capas AI a fotogramas SWF. Marca la opcin Recortar al rea de recorte. 22. Pulsa el botn Avanzado, y marca la opcin Repeticin. 23. Pulsa OK.

Solucin al ejercicio 2
1. Abre un nuevo dicumento para Web. 2. Abre el ejercicio propuesto de la Unidad 10. 3. Copia el planeta y el fondo. 4. Pega el planeta con el fondo en el nuevo documento y agrpalos. 5. Arrastra el fondo al panel de Smbolos para cobertirlo en un smbolo. Es ms eficiente utilizar smbolos para objetos repetitivos. 6. Crea una copia del grupo en el nuevo documento. 7. Utlizando el panel Apariencia, edita el efecto Giro 3D del planeta. 8. Desplaza la arista vertical hacia la izquierda hasta girar un cuarto el objeto, de foma que cada cara quede donde estaba la que tena a la derecha. Pulsa OK. 9. Crea una copia de este ltimo grupo, y vuelve a girarlo como en el paso 7. 10. Repite el paso 8, quedndote as cuatro planetas cada uno con un cuarto de giro.

11. Crea otra copia del primer grupo, y ordnala para que en el panel Capas aparezca a continuacin del resto.

12. Selecciona todos los elementos, y alinealos vertical y horizontalmente. 13. Para crear los pasos intermedios, utilizaremos una fusin. Ve al men Objeto Fusin Opciones de fusin. 14. Selecciona Pasos especficos y establece el valor a 4. Pulsa OK. 15. Con los tres objetos seleccionandos, pulsa men Objeto Fusin Crear. 16. Desde el panel Capas, seleccionamos la fusin, y en el men del panel pulsamos en Soltar a capas (secuencia). 17. Borramos la ltima capa, que es igual que la primera. 18. Con la herramienta rea de recorte, ajusta el rea de recorte alrededor del fondo. 19. Ve al men Archivo Exportar. 20. Selecciona el formato Flash (*.SWF) y llama al archivo giroTierra.swf. 21. En las Opciones de SWF, en Exportar como: elige Capas AI a fotogramas SWF. Marca la opcin Recortar al rea de recorte. 22. Pulsa el botn Avanzado, y marca la opcin Repeticin. 23. Reduce la Frecuencia de imagen a 8 fps. 24. Pulsa OK.

También podría gustarte