DISEÑO GRÁFICO DIGITAL

UNIDAD 2:

Adobe Illustrator

1. Interface

Lo primero que vemos cuando abrimos Adobe Illustrator es la interface del programa.

Del lado izquierdo podemos ver la Barra de Herramientas (A), en esta incluyen utilidades para crear y

editar imágenes, ilustraciones, elementos de página, colocar textos, etc. Las herramientas

relacionadas están agrupadas.

Cuando se esté trabajando con alguna Herramienta, en la parte superior aparecerá un Panel de

Control (A.1) donde el usuario podrá manejar las características de la Herramienta que esté

utilizando.

En la parte superior vemos la Barra de Menús (B), acá se organizan los comandos de manejo de la

herramienta. Lugar donde están ubicados los comandos de Abrir, Guardar, Colocar, Imprimir,

Implementar Efectos, controlar que ventanas van a estar visibles, etc.

Del lado derecho podemos observar que están los botones (C) que despliegan paneles que se utilizan

por ejemplo para manejar los colores, modificar las fuentes tipográficas, colocar transparencias,

modificar los trazos de las líneas vectoriales, etc.

Para comenzar a trabajar debemos dirigirnos a la Barra de Menús y seleccionar el botón Archivo. Al

tocarlo se despliega y debemos elegir la primera opción: “Nuevo…”. Aparecerá la siguiente ventana:

Siempre que iniciamos un área nueva de trabajo, este programa automáticamente nos muestra este

cuadro, en el cual podemos seleccionar el tamaño de nuestra hoja, si queremos que nuestro trabajo

tenga nombre, que orientación queremos que tenga (horizontal y vertical), el modo de color (RGB o

CMYK), el número de hojas, etc.

Para comenzar a trabajar en Illustrator, seleccionamos el botón “OK”.

La primera pantalla que aparece es esta, nos muestra la hoja en blanco (D), las 2 barras a los

costados ya mencionadas y se agregará una tercera barra en la parte inferior: la Barra de Estado (E).

En esta barra se mostrará el nivel actual de zoom, que herramienta se está utilizando y la mesa de

trabajo (hoja) actual en uso.

En la parte superior de la hoja en blanco podemos ver la solapa con el nombre del documento en el

cual se esté trabajando.

La Barra de Herramientas

Las Herramientas principales de Illustrator están agrupadas en esta barra.

Como habíamos mencionado esta barra nos permite crear, seleccionar y manipular objetos en el

programa. Algunas herramientas disponen de opciones que aparecen al hacer doble click en una de

ellas o también si dejamos presionado el mouse aparecerán otras herramientas nuevas que están

relacionadas a la elegida.

Paneles Illustrator posee paneles en su espacio de trabajo. Para abrir un nuevo panel hay que elegirlo dentro

del desplegable que se encuentra en la opción “Ventana” en la Barra de Menú.

Para ocultar todos los Paneles podemos presionar la tecla <Tab> o pulsar el botón “Contraer Iconos”

ubicado en la parte superior izquierda de cada panel.

Los paneles se utilizan para realizar el trabajo y modificarlo. Pueden ser paneles de texto, imágenes o

ambos. Se pueden abrir muchos paneles al mismo tiempo en cada aplicación, dando la posibilidad al

usuario de acomodarlos a gusto.

Estas modificaciones a los objetos que se encuentran en el espacio de trabajo pueden realizarse de

varias maneras, dependiendo el panel que se esté utilizando. Por ejemplo en el Panel de TRAZO,

utilizando las flechas situadas a los costados de los valores, los objetos se irán modificando haciendo

que el trazo aumente su grosor.

Otro ejemplo podría ser con el Panel de COLOR, donde los valores se pueden modificar directamente

moviendo el regulador (un triángulo blanco) con el mouse.

El panel de Control

Desde este panel el usuario se puede ver las opciones disponibles de la herramienta seleccionada

para modificar el objeto con el que se está trabajando.

Por ejemplo cuando se está trabajando con texto, este panel muestra opciones como: nombre de la

tipografía, tamaño, recorrido, etc. Si luego seleccionamos otro objeto, como una figura, se muestran

otras opciones diferentes, como el tamaño del trazo, el tipo de línea, opciones para rotar, etc.

El Panel de Control también tiene opciones ocultas (que aparecen al seleccionar las flechas ubicadas

a los lados de los valores) y enlaces a otros paneles.

REGLAS Y GUÍAS Illustrator dispone de una serie de elemento que nos pueden ayudar a posicionar de forma precisa

elementos en nuestro documento.

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 > Reglas > Mostrar reglas (cuando se muestran cambia

a Ocultar reglas), o con la combinación de teclas Ctrl + R.

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

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

pulsando sobre la esquina superior izquierda de la ventana del documento.

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

regla.

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

documento, como ya vimos en el primer tema. No obstante, podemos cambiarla en cualquier

momento haciendo clic derecho sobre la regla y eligiendo otra unidad.

Guías

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

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

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

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

muestra como una línea del color azul cyan.

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

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

escogemos en el menú Ver > Guías > Crear guías.

Podemos recuperarlo eligiendo en el mismo menú la opción Soltar guías.

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

desbloqueadas).

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

Guías inteligentes

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

unas líneas verdes cuando dos elementos están alineados, además de un cuadradito con información

sobre el elemento:

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

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

horizontal con otro elemento próximo. Esta opción, aunque es muy cómoda cuando queremos

ajustar unos elementos con otros, nos resta cierta libertad, ya que no nos permite crear un punto

muy cerca de otro sin que se alinee automáticamente.

Para activar/desactivar estas guías desde el menú Ver > Guías inteligentes, o con las teclas Ctrl +U.

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

menú Edición → Preferencias → Guías inteligentes.

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

determinado momento para no perder los cambios realizados, o porque deseamos terminar la sesión

de trabajo y continuar más adelante.

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

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

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

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

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

Guardar un documento en proceso:

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

trabajando con él, lo llamaremos simplemente Guardar, y normalmente lo haremos en el formato

propio de Illustrator, con la extensión .ai.

Tenemos varias opciones:

Archivo > Guardar:

Archivo > Guardar como.

Archivo > Guardar copia. Es como Guardar como, pero nos permite seguir trabajando con el

documento original.

Exportar

Al exportar, solo se guarda la parte del documento que aparece dentro de la mesa de trabajo.

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

archivo que podemos elegir.

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

formatos que no conservan las propiedades de Illustrator, aunque algunos, como el formato de

Photoshop si permitan exportar algunas características, como las capas. Por eso es importante

guardar una copia del documento en formato de Illustrator para poder volver a editarlo.

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

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

incluyendo transparencias; si elegimos un JPEG podremos elegir entre mejor calidad o un archivo

más pequeño, la resolución, aspectos del formato...; y si elegimos algo más complicado, como Flash,

encontraremos una gran cantidad de opciones específicas para ese formato.

2. Herramientas de creación de formas

Dentro de la Barra de Herramientas, como dijimos anteriormente, encontramos el grupo de

las Herramientas de Dibujo.

En esta Unidad veremos las herramientas de Formas Básicas, compuestas por el Rectángulo,

Rectángulo redondeado, Elipse, Polígono y Estrella.

Estas formas aparecen en la barra izquierda de trabajo y es fácil de trazar, ya que solo hay

que seleccionar un elemento, arrastrar el puntero hasta que se tenga el tamaño deseado.

La herramienta Rectángulo dibuja cuadrados y rectángulos.

La herramienta Rectángulo redondeado dibuja cuadrados y rectángulos con vértices

redondeados.

La herramienta Elipse dibuja círculos y elipses.

La herramienta Polígono dibuja formas regulares de varios lados.

La herramienta Estrella dibuja estrellas.

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

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

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

contorno viene definido por el propio trazo, siendo el aspecto que le podemos dar, mientras que el

trazo es la esencia del contorno, su definición. Cuando un objeto no está seleccionado, sólo vemos su

contorno. En la imagen, vemos un contorno negro, con grosor.

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 que quedaría cerrada si uniésemos los extremos con una recta.

Otra herramienta que permite dibujar formas básicas como la línea recta es la

Herramienta Segmento de Línea.

Podemos conseguir distintos comportamientos si mientras trazamos la recta, mantenemos pulsada

una de las siguientes teclas:

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

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

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

Cuadrículas Rectangulares y cuadrículas Radiales/Polares.

Ambas herramientas se encuentran en el grupo de la herramienta Segmento de línea.

La herramienta Cuadrícula rectangular nos permite crear un rectángulo, dividido vertical y

horizontalmente con tantas líneas como indiquemos, repartidas proporcionalmente. Para dibujarla,

la utilizamos igual que la herramienta Rectángulo, salvo porque podemos ayudarnos de las flechas de

dirección Izquierda y Derecha para quitar o añadir divisiones verticales, y de las

flechas Arriba y Abajo para añadir líneas horizontales.

Haciendo un clic sobre cualquier lado de la hoja de trabajo aparecerá la ventana para crear la

cuadricula:

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

derecha el selector de punto de origen.

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

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

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

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

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

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

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

objeto, un rectángulo, aunque las internas permanecerán independientes.

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

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

polar .

Esta cuadrícula está formada por elipses concéntricas, y líneas que hacen de radio. Al dibujarlas lo

hacemos igual que con la herramienta Elipse, pero utilizando las flechas de

dirección Arriba y Abajo para aumentar o disminuir el número de elipses, y Derecha e Izquierda para

aumentar o disminuir el número de radios.

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

derecha el selector de punto de origen.

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

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

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

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

mismos.

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

concéntricas.

Esto se aprecia mejor al marcar la opción Rellenar cuadrícula la rellena con el color de relleno actual.

Herramientas de Manipulación de Formas

Rotación de objetos

Al rotar un objeto, éste gira alrededor de un punto fijo que define el usuario. El punto de referencia

por defecto es el punto central del objeto. Si tiene varios objetos en una selección, los objetos

rotarán alrededor de un solo punto de referencia, que es el punto central de la selección o el cuadro

delimitador por defecto. Para hacer rotar cada objeto alrededor de su propio punto central, utilice el

comando Transformar individualmente.

Con la herramienta Selección , desplace el puntero fuera del cuadro delimitador y cerca de un

manejador de cuadro delimitador hasta que se convierta en y, a continuación, arrástrelo.

La herramienta Rotar permite controlar la exactitud del ángulo de rotación que se aplica a un objeto.

Para rotar el objeto alrededor de un punto de referencia distinto, seleccione la herramienta Rotar. A

continuación, mantenga pulsada la tecla Alt y haga clic en el lugar que elija como punto de referencia

en la ventana del documento.

Para rotar el objeto alrededor de su punto central, seleccione Objeto > Transformar > Rotar o haga

doble clic en la herramienta Rotar.

Transformación de objetos

La transformación abarca mover, rotar, reflejar, cambiar escala y distorsionar objetos. Puede

transformar objetos mediante el panel Transformar, los comandos Objeto > Transformar y algunas

herramientas especializadas. También se pueden realizar muchos tipos de transformaciones

arrastrando el cuadro delimitador de una selección.

Al distorsionar un objeto, éste se inclina o distorsiona sobre el eje horizontal o vertical, o sobre un

ángulo determinado respecto a uno de los ejes. Los objetos se distorsionan respecto a un punto de

referencia, que varía según el método de distorsión que elija, y que se puede cambiar en casi todos

los métodos. Puede bloquear una dimensión de un objeto mientras lo distorsiona, así como

distorsionar un objeto o varios a la vez.

A B Comparación entre distorsión con respecto al centro (A) y distorsión con respecto a un punto de referencia de-finido por el usuario (B).

Bibliografía

Pablo Katcheroff, Diseño Gráfico. Colección USERS 2009

Carlos C. Durán, Manual de Adobe Illustrator. Univ. De San Nicolas de Hidalgo 2011

Alan Swann, “Bases del Diseño Gráfico”. Editorial GG 1995

Maggie Gordon, Manual del Diseño Gráfico Digital. Editorial Rústica 2007