Tema 1.

Introduccin a Illustrator CS4

1.1. Qu es Illustrator?

Illustrator CS4 es una herramienta desarrollada 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. 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 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. 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 formados 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, Paint Shop Pro o GIMP trabajan sobre mapas de bits. Estos programas estn ms enfocados al tratamiento y retoque fotogrfico. Otros programas, como Illustrator, Corel Draw o InkScape 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. .

1.2. Novedades en Illustrator CS4

, Illustrator CS4 cuenta con las siguientes mejoras y novedades: Varias mesas de trabajo. En vez de tener en nuestro documento una mesa de trabajo y un rea de recorte, ahora podemos crear varias mesas de trabajo, y modificarlas como hacamos con el rea de recorte.

El trabajo con la herramienta Degradado se ha mejorado. Por un lado, incluye controles que nos permiten regular el degradado directamente sobre el elemento. Por otro, los degradados nos permiten ahora elegir tambin el nivel de transparencia. Se ha aadido la herramienta Pincel de manchas . Al dibujar, se comporta de forma parecida al Pincel, pero el resultado es un relleno, formado por un nico trazado. Esto nos permite dibujar libremente como si lo hicisemos sobre un mapa de bits.

El panel Apariencia se ha mejorado. Desde l podemos aadir y editar directamente efectos, trazados, rellenos y transparencias, lo que nos ahorrar mucho tiempo. Los efectos se han mejorado, y se han eliminado los filtros que ya no podremos utilizar, pero logramos el mismo resultado expandiendo la apariencia de los efectos. Mientras dibujamos o movemos objetos, podemos utilizar las Guas inteligentes, que nos muestran informacin sobre propiedades del elemento actual (tamao, ngulo, etc...).

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 segundos, dependiendo de la potencia de nuestro ordenador.

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 . 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 qu 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 parmetro, 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 comando Abrir. Desde ambos lugares, al pulsar Abrir se mostrar el cuadro de dilogo Abrir, desde el que elegir el archivo.

Unidad 1. Bsico: Formatos de archivo compatibles con Illustrator

Como ya veremos, Adobe Illustrator es compatible con una gran cantidad de formatos de archivo. Y por tanto unos sern adecuados para unas cosas pero no para otras. Vamos a ver los formatos ms utilizados:

Archivos de imagen
Formatos basados en mapa de bits: JPEG Es uno de los formatos ms utilizados hoy en da, indicado sobre todo para fotografas e imgenes en tono continuo en Internet por su capacidad de conseguir imgenes suficientemente reales y con un gran nmero de colores. Este formato soporta los modos de color CMYK, RGB y la escala de grises sin canales alfa, llegando a convertirse en uno de los formatos ms populares por su versatilidad y una compresin bastante alta. TIFF De mayor calidad que el formato JPEG, pero con compresiones mucho menores. Este formato es utilizado sobre todo en la impresin de imgenes digitales, debido a que crea archivos de gran calidad. El nico inconveniente de este formato es el tamao de los archivos que crea, por lo que no suele utilizarse para publicar imgenes ni almacenamiento. A pesar de ello, TIFF es uno de los formatos ms flexibles y prcticamente admitidos por todas las aplicaciones de pintura, edicin de imgenes y diseo. Soporta casi todos los modos de color: RGB, CMYK, Lab, Indexado y escala de grises, todos ellos con canales alfa, y mapa de bits sin canales alfa. BMP Este formato tiene su origen en la plataforma Windows y DOS, aunque ahora se ha expandido y es caracterstico por su usabilidad y el soporte en la mayora de software de imagen que podamos encontrar hoy en da. Admite RGB, color indexado, escala de grises y mapa de bits sin canales alfa. Muy utilizado por las aplicaciones basadas en Windows, podemos encontrarlo en infinidad de imgenes, aunque su uso mayoritario es en el desarrollo de juegos y aplicaciones DirectX. GIF Uno de los formatos ms utilizados en Internet, crea grficos e imgenes de color indexado en la web. Aunque una de sus carencias es la de admitir muy pocos colores (256 como mximo), se ha expandido mayormente por su capacidad de compresin al ser capaz de crear archivos de unos pocos kilobytes. Muy utilizado tambin en animaciones, al ser posible almacenar ms de una imagen por fichero, creando pequeas pelculas formadas por secuencias de imgenes que se repiten en el tiempo.

PNG Formato creado como alternativa a GIF. Viendo que este ltimo careca de un aspecto tan importante como es el modo de color, PNG nace con la pretensin de ser el nuevo formato de imagen de intercambio en Internet. PNG admite compresin con menos prdidas de informacin, produce transparencias de fondo sin bordes irregulares y soporta los modos RGB, escala de grises y color indexado sin canales alfa. Este formato est siendo utilizado cada vez ms para sustituir a GIF en grficos para web, y cada vez ms en imgenes con mayor calidad que antes eran comprimidas con JPEG. Formatos de grficos vectoriales: SVG Ms que un formato, es un lenguaje que permite describir grficos vectoriales, animados o estticos. Con este lenguaje se pueden crear formas grficas de vectores, imgenes en mapas de bits y texto. Los navegadores actuales soportan en su mayora este tipo de formato, a excepcin de Internet Explorer (hasta su versin 7) que requiere de la instalacin de un plug-in de Adobe.

Archivos de aplicaciones
Adobe Illustrator dispone de un tipo de archivo propio, con la extensin .ai que permite guardar los documentos creados con todas sus opciones y caractersticas. No obstante, tambin es compatible con archivos de otras importantes aplicaciones, como puede ser Photoshop, Corel Draw, AutoCad o Microsoft Word.

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 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 grfico puede 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 listo 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.

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. 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 de la mesa de trabajo (el rectngulo negro).

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

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.

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. Tambin podemos buscar ayuda sobre un tema escribindolo directamente en la caja de bsqueda de la parte superior.

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.