Sei sulla pagina 1di 65

Segunda unidad del curso de

Computacin Diseo Grfico









Dibujo vectorial (con Adobe Illustrator)


1. Introduccin a Adobe Illustrator
1.1. Partes del software
1.2. Configuracin de unidades de medida
1.3. Creacin y configuracin de documento
1.4. Opciones de visualizacin
1.5. Reglas, guas y cuadrcula
2. Dibujo con formas geomtricas
2.1. Manipulacin del color
2.2. Creacin de formas
2.3. Seleccin
2.4. Cambio de tamao
2.5. Cambio de color
2.6. Colores degradados
2.7. Ancho del borde
2.8. Duplicacin
2.9. Orden de los objetos
2.10. Transparencia
2.11. Grabacin del proyecto
3. Manipulacin de formas geomtricas
3.1. Rotacin
3.2. Reflejo
3.3. Escala
3.4. Inclinacin
3.5. Edicin con propiedades de conjuntos
3.6. Alineacin y distribucin
3.7. Agrupacin
3.8. Trabajo con capas
3.9. Efectos
4. Dibujo con nodos
4.1. Tipos de nodos
4.2. Movimiento de nodos
4.3. Adicin y borrado de nodos
1. Esquema de contenidos




5
PRIMERA UNIDAD
Introduccin a la informtica
4.4. Recorte en base a nodos
4.5. Cambio de tipo de nodo
4.6. Dibujo a mano alzada
4.6.1. Dibujo con lapicero
4.6.2. Dibujo con lpiz
4.6.3. Dibujo con pincel
5. Texto, fotografas y mscaras
5.1. Uso de texto
5.2. Uso de fotografas
5.3. Mscaras




Unidad didctica Competencias Tiempo de
estudio
II. Dibujo
vectorial (con
Adobe
Illustrator)
Ubica los componentes bsicos del software 2 das
Dibuja utilizando formas geomtricas. 5 das
Dibuja utilizando vectores y nodos. 2 das
Utiliza adecuadamente textos, fotografas y
mscaras en un proyecto vectorial.
5 das
Concibe y crea logotipos y papelera
corporativa.
7 das


2. Competencias

En esta segunda unidad didctica, usted aprender a utilizar las herramientas de
Adobe Illustrator, un software de dibujo vectorial, que le permitirn hacer diseo de
logotipos, volantes y afiches, aplicando los conceptos aprendidos en la primera unidad.

Descubrir la versatilidad que pueden tener las formas geomtricas, los colores puros
y degradados, las herramientas de manipulacin tipo giro, distorsin, reflejo, etc.

Finalmente, adquirir la destreza de crear sus propias formas a travs de vectores y
nodos, lo que podr aplicar en el uso de textos y mscaras sobre fotografas.

ESQUEMA DE CONTENIDOS


3. Introduccin




5
PRIMERA UNIDAD
Introduccin a la informtica







1. INTRODUCCION A ADOBE ILLUSTRATOR
Adobe Illustrator se define como un software de creacin de imgenes vectoriales.
Recordemos que las imgenes vectoriales, como su nombre lo indica, son resultado
de vectores calculados matemticamente por la computadora, en base a una serie de
puntos que nosotros vamos a definir. Esto, como dijimos, nos permite mayor
versatilidad a la hora de manipular tamaos.
Este software es muy completo y complejo. Sirve para trabajar en la creacin de
logotipos, en impresos como afiches, volantes, hojas membretadas, etc. Adems,
puede ser utilizado para la creacin de diseos para web y multimedia.
En este curso no vamos a trabajar TODAS las herramientas existentes en el software.
Nos vamos a concentrar en las principales herramientas para el trabajo de diseo
grfico impreso, aquellas con las que usted est en capacidad de trabajar
profesionalmente. Sin embargo, los invitamos a participar en las asesoras y va el foro
respectivo, si ms adelante ustedes tienen inquietud por explorar otras herramientas
avanzadas.
Para efectos de este curso, utilizaremos la versin CS del programa, en ingls, debido
a que es la versin ms comn. Sin embargo, las herramientas que utilizaremos en su
mayora son comunes a versiones anteriores y posteriores del software, por lo que en
principio usted no debera tener mayores problemas si trabaja con Illustrator 10 u 11
(versiones anteriores) o Illustrator CS2 (posterior)
Va a descubrir, a lo largo de este curso y de otros de computacin, cmo las versiones
en los software cambian constantemente. La idea es que tenga una base slida de
conocimientos y aptitudes de investigacin, experimentacin y descubrimiento, que le
permitan trabajar con futuras versiones que aparezcan en el mercado.

1.1. PARTES DEL SOFTWARE
Una vez que el programa est instalado, aparece directamente en el men Inicio /
Todos los programas de Windows XP. Ingresamos al software y nos va a salir, en
principio, una pantalla como sta:
4. Contenidos




5
SEGUNDA UNIDAD
Dibujo vectorial (con Adobe Illustrator)


Los elementos que reconocemos aqu son los siguientes:
MENU SUPERIOR, donde encontraremos los comandos principales de manejo
del software. Similar a los mens con que cuentan los software de Microsoft
Office (Word, Excel, Power Point), si explora por los comandos encontrar
muchas similitudes, sobretodo en los mens de File y Edit, los dos primeros.
BARRA DE HERRAMIENTAS, donde se encuentran las ms importantes
herramientas de dibujo, diseo y diagramacin del software, aquellas que se
utilizan ms seguido.
VENTANAS DEL SOFTWARE, en las que se encuentran las dems
herramientas. Debido a la cantidad de herramientas con que cuenta este
software, generalmente no es cmodo mantener todas estas ventanas abiertas,
pero uno puede encontrarlas todas y abrirlas haciendo uso del men Window:

6
Diseo Grfico

Aqu vemos la lista completa de las ventanas, incluyendo barra de herramientas
(Tools).
Tal y como funcionan las ventanas en el sistema operativo Windows, estas ventanas
se pueden seleccionar y mover por todo nuestro espacio de trabajo, haciendo clic en la
barra de la parte superior de las mismas. En esta barra, a la derecha, tambin
observamos iconos para minimizarlas o cerrarlas.
Por otro lado, si en algn momento queremos dejar de verlas, sin cerrarlas, por
ejemplo para utilizar todo nuestro espacio en un dibujo grande, hacemos uso de la
tecla TAB , que en el teclado se encuentra a la izquierda, arriba de la tecla de bloqueo
de maysculas, generalmente con el smbolo .

1.2. CONFIGURACION DE UNIDADES DE MEDIDA
En este curso vamos a trabajar el diseo para grfica impresa, por eso vamos a
trabajar en milmetros, pues tenemos que tener como referencia el tamao que




7
SEGUNDA UNIDAD
Dibujo vectorial (con Adobe Illustrator)
nuestro proyecto va a tener en la pgina impresa. Por lo tanto, lo primero que
debemos hacer es configurar o verificar la configuracin de las unidades de medida,
para que estn en milmetros. El software permite tambin hacer grfica para web y
multimedia, en cuyo caso ya no se trabajara con milmetros sino con pxeles, que son
las unidades de medida de la pantalla de la computadora.
Para ver y editar esta configuracin, lo que debemos hacer es ir al men Edit /
Preferences / Units & Display Performance, de la siguiente manera:


Ah nos va a salir una ventana en la que debemos fijarnos que General, Stroke y
Type se encuentren en Milimeters. Si no estuvieran as, los cambiamos y hacemos
clic en el botn OK, al lado derecho de la ventana.


8
Diseo Grfico

1.3. CREACION Y CONFIGURACION DE DOCUMENTO
Lo siguiente que debemos hacer, para empezar cualquier proyecto, es crear un
documento. Esto lo hacemos a travs del menu File / New. Al hacerlo, veremos una
ventana que llenaremos con los siguientes datos:


En Name va el nombre de nuestro proyecto, el que ser utilizado posteriormente a la
hora de grabarlo.
En Size vamos a escoger el tamao de nuestro proyecto. Si nos fijamos en las
opciones que podramos escoger, separadas por una lnea dentro de una lista
desplegable, veremos las siguientes:

CUSTOM (TAMAO PERSONALIZADO) Esta opcin la escogeremos cuando
queramos que nuestro proyecto tenga un tamao que nosotros decidamos, es
decir, utilizando nuestras propias medidas, obtenidas al clculo o en base a la
medicin de un modelo. En este caso, en las opciones width (ancho) y height
(alto), debemos escribir el tamao en milmetros de nuestro proyecto.

TAMAOS PARA WEB Y MULTIMEDIA. Debido a que este curso no es de diseo
para web y multimedia, sino de diseo grfico para impresos, no nos detendremos
mucho en este punto. Bastar decir que, dentro de las opciones que nos ofrece Adobe
Illustrator, 640 x 480 (pxeles) es la medida de resolucin estndar de las
primeras computadoras personales; 800 x 600 (pxeles) es la medida estndar
de resolucin de monitor de computadora, que se puede ver en la mayora de
las actuales computadoras personales; y 468 x 60 (pxeles), es una medida




9
SEGUNDA UNIDAD
Dibujo vectorial (con Adobe Illustrator)
internacional para el tamao de los banner publicitarios que aparecen
generalmente en la parte superior de los sitios web.

TAMAOS PARA PROYECTOS DE IMPRESIN. Aqu tambin vamos a
encontrar una serie de nombres y cdigos de medidas estndar, que se utilizan en la
mayor parte del mundo. Estn basadas en la norma ISO 216, adoptada por muchos
pases, incluyendo el Per, para que todo el diseo que se realice pueda ser utilizado
internacionalmente. Para tener una idea de estas medidas estndar, podemos ver los
esquemas comunes en esta norma:

En estos dos grficos observamos cmo se han definido las medidas de las pginas.
El software adobe Illustrator, de todas estas opciones, considera las tamaos letter
(llamado en espaol tamao carta), legal, A4 (el ms conocido), A3 (el doble de A4,
utilizado generalmente para imprimir afiches), B5 y B4. El formato tabloid es el doble
del tamao carta o letter, utilizado para la impresin de peridicos de formato
pequeo, por ejemplo La Repblica, Ojo, Peru 21, etc.
En la mayora de los ejercicios que realicemos vamos a escoger A4, que es el tamao
estndar de una hoja de papel, para poder imprimir nuestro trabajo en una impresora
convencional.

10
Diseo Grfico
En Orientation, escogeremos la primera opcin, para tener en nuestro proyecto una
hoja vertical. La otra opcin nos dara una hoja horizontal o, como algunos la llaman
comnmente, apaisada.
Finalmente, en Color mode, escogeremos el modo CMYK, que como ya explicamos
en la primera unidad, es el modo de color adecuado para trabajar proyectos de
impresin.

1.4. OPCIONES DE VISUALIZACION
Cuando trabajemos con este software, vamos a tener varias opciones para la
visualizacin de documentos:
La posibilidad, como dijimos lneas arriba, de esconder y volver a ver las
ventanas y la barra de herramientas con la tecla TAB . Descubriremos que
esto nos va a ser muy til, pues cuando trabajemos proyectos grandes y
complejos vamos a necesitar, por momentos, ver toda la pantalla, sin
necesidad de estar abriendo y cerrando ventanas cada vez que las
necesitemos.
La posibilidad de ver el mismo documento como Preview (con todos los
colores, texturas e imgenes, ideal para ver el proyecto final) o como Outline
(solamente las lneas de referencia de los objetos utilizados, ideal para trabajar
rpidamente, pues ocupa menos memoria RAM). Esta visualizacin se cambia
presionando al mismo tiempo las teclas Control y Y .





11
SEGUNDA UNIDAD
Dibujo vectorial (con Adobe Illustrator)
La posibilidad de ver una parte del documento, a travs de la herramienta
Zoom tool (lupa), ubicada en la parte inferior de la barra de herramientas:

Al hacer clic con esta herramienta sobre una parte del documento, vemos esta
parte ampliada. Tambin podemos, manteniendo presionado el botn izquierdo
del mouse, seleccionar un rea para ampliar especficamente un parte de
nuestro proyecto. Si queremos volver a ver nuestro documento completo,
tenemos dos opciones:
o Utilizar la misma herramienta Zoom tool manteniendo presionada la
tecla ALT , para que en vez de ampliar la vista del documento se
reduzca.
o Abrir un men desplegable que se encuentra en la parte inferior
izquierda del programa, donde nos ofrece la opcin de ver diversos
tamaos del documento, expresados en porcentajes, adems de la
opcin Fit in window, que nos muestra el documento completo en toda
la pantalla, centrado:

La posibilidad de utilizar la herramienta Hand (mano), ubicada al costado de la
lupa, que nos permite mover la visualizacin del documento, de un lado a otro.
Esta opcin es til sobretodo cuando estamos viendo nuestro proyecto
ampliado:



12
Diseo Grfico
La posibilidad de dibujar fuera de la hoja. Recuerde usted que hemos creado
una hoja A4, sin embargo, podemos dibujar fuera de esa hoja, el programa lo
permite. La diferencia es que aquello que dibujemos fuera de la hoja no va a
imprimirse. Pero se pueden conservar ah dibujos que, por ejemplo, vayan a
ser utilizados posteriormente:

1.5. REGLAS, GUIAS Y CUADRICULA
Para trabajar en nuestro documento con referencias, que ms adelante, nos van a
permitir ordenar los objetos en el proyecto, trabajamos con estas herramientas.
Las reglas estn ubicadas en la parte superior e izquierda de nuestro proyecto. Si nos
las viramos, podemos presionar las teclas CONTROL y R . Como hicimos la
configuracin al inicio (vea 1.2. CONFIGURACION DE UNIDADES DE MEDIDA), las
reglas estn expresadas en milmetros.
Si hacemos clic dentro de alguna de las reglas, sea la horizontal o la vertical, y
manteniendo presionado el botn izquierdo del mouse arrastramos hacia adentro del
documento, estaremos creando guas. Estas son lneas que colocamos para tener
como referencia en nuestros proyectos, pero que no aparecen en la impresin final:

Si queremos controlar las guas, podemos ingresar al men View / Guides:




13
SEGUNDA UNIDAD
Dibujo vectorial (con Adobe Illustrator)


En el submen que se despliega encontramos tres opciones activadas:
Hide Guides, sirve para dejar de ver las guas, pero sin borrarlas.
Lock Guides, activada por defecto, sirve para evitar que las guas se muevan.
Puede desactivar temporalmente esta opcin si por ejemplo, desea mover una
gua o borrarlas. Pero es recomendable mantenerla activa, para no mover las
guas casualmente al mover los objetos.
Clear Guides, sirve para borrar todas las guas del proyecto.
Finalmente, si deseamos contar con una cuadrcula en todo el espacio de trabajo,
podemos verla con el men View / Show Grid. Si deseamos configurar sus
caractersticas, ingresamos al men Edit / preferentes / Guides & Grid, donde
veremos la siguiente ventana:

Aqu podemos configurar las caractersticas de las guas y de la cuadrcula: el color, si
deseamos que sean lneas continuas o punteadas y el tamao de las cuadrculas.

Conociendo las caractersticas de visualizacin, reglas y guas, usted debe
acostumbrarse a utilizarlas practicando. Al principio, para realizar dibujos sencillos,
puede que no le parezcan de mucha utilidad, pero posteriormente, al hacer diseos
complejos, ver lo tiles que pueden llegar a ser.
A continuacin comenzaremos a conocer las herramientas bsica de dibujo.

14
Diseo Grfico
2. DIBUJO CON FORMAS GEOMETRICAS
Ahora vamos a aprender a dibujar formas bsicas y a darles color. Las formas bsicas
de adobe Illustrator son el rectngulo (con el que hacemos un cuadrado si hacemos
que sus lados sean iguales), el rectngulo con bordes redondeados, el valo (que
puede ser un crculo si su ancho y altura son iguales), el polgono y la estrella. Como
hemos dicho anteriormente, para empezar debemos crear un nuevo documento, al
que llamaremos ejercicio01.

2.1. MANIPULACION DEL COLOR
El color en Adobe Illustrator se divide en color de fondo del objeto y color del contorno
del objeto, el que se define en la parte inferior de la barra de herramientas:


Aqu observamos dos figuras grandes superpuestas. Debajo de ellas vemos tres
figuras pequeas, una al lado de la otra. Entre las dos figuras grandes, una de ellas
representa el color de fondo (arriba a la izquierda, en nuestro ejemplo, un cuadrado de
color blanco) y la otra el color de la lnea de contorno (abajo a la derecha, en nuestro
caso un cuadrado hueco de color negro). Debo, el primer icono de la izquierda nos
permite seleccionar el trabajo con un color plano, el segundo trabajar con colores
degradados y el tercero trabajar sin color, es decir, con transparencia.
Trabajemos primero con colores planos, ms adelante veremos los colores
degradados y la transparencia. Para esto, concentrmonos en las dos figuras grandes
superpuestas. Cunado la figura superior izquierda, la del fondo, est encima, significa
que la tenemos seleccionada. Lo que debemos hacer, si queremos modificarle el color,
es trabajar con la ventana color. Si no viramos esta ventana en nuestro proyecto,
podemos abrirla buscando en el men superior Window/color:





15
SEGUNDA UNIDAD
Dibujo vectorial (con Adobe Illustrator)

Aqu vemos 4 manejadores, los tringulos que se encuentran en la parte inferior de las
barras, uno para cada una de las letras CMYK. Haciendo clic y manteniendo
presionado el botn izquierdo del mouse sobre cada uno de los manejadores podemos
moverlos para obtener el color que queramos. De igual manera, podemos hacer clic en
alguna zona de la barra multicolor en la parte inferior. Tambin tenemos, a la izquierda
de la barra multicolor, la opcin de que el color sea transparente, o a la derecha el
blanco y el negro absolutos.
De esta manera podemos modificar el color de fondo de nuestro objeto. Podemos
modificar igualmente el color de la lnea de borde haciendo clic en el icono inferior
derecho, para que quede de la siguiente manera:

A partir de ah, con la ventana color, escogemos tambin un color de lnea de borde.

2.2. CREACION DE FORMAS
Una vez escogidos ambos colores, el de fondo y el de borde, hacemos clic con el
botn izquierdo del mouse en el botn que tiene forma de cuadrado, llamado
rectangle tool. A partir de aqu es importante que recordemos que los nombres de las
herramientas aparecern en color amarillo cuando pasemos el mouse sobre ellas:

Lo siguiente es hacer clic en algn punto de la hoja A4, con lo que saldr una ventana
donde definimos las dimensiones de nuestro dibujo, ancho (width) y altura (height).
Aqu podemos dibujar un cuadrado o un rectngulo. En el caso de nuestro ejemplo,
dibujamos un cuadrado de 50 x 50 milmetros:

16
Diseo Grfico


Otra forma de dibujar un rectngulo es manteniendo presionado el botn izquierdo del
mouse y arrastrndolo hacia un lado. En este caso no tendramos control del tamao
en milmetros, las dimensiones del objeto dibujado de esta forma no son exactas, pero
es muy comn trabajar as, pues es ms rpido. Ms adelante veremos como cambiar
las dimensiones de los objetos.
Luego de haber dibujado el cuadrado, mantenemos presionado el clic izquierdo del
mouse sobre la herramienta rectangle tool, hasta ver aparecer una sucesin de
conos con las dems opciones.
Muchas de las herramientas de este software tienen ms de una opcin y se activan
realizando esta accin, manteniendo presionado el clic izquierdo del mouse sobre
ellas, as que es bueno que recordemos esto.
Una vez que vemos los conos, sin dejar de presionar el botn izquierdo del mouse,
nos movemos hasta la segunda opcin, llamada Rounded rectangle tool, y ah
soltamos el botn del mouse:


Ahora volvemos a hacer clic en algn punto de nuestra hoja A4, donde aparecer una
ventana similar a la de la creacin del rectngulo, pero adems de ancho (width) y
altura (height), ahora deberemos definir el radio de las esquinas (corner radius), pues
se trata de una forma rectangular con bordes redondeados:




17
SEGUNDA UNIDAD
Dibujo vectorial (con Adobe Illustrator)


Volvemos a la herramienta, que ahora se llama Rounded rectangle tool,
mantenemos presionado el botn izquierdo del mouse nuevamente, y esta vez
seleccionamos la siguiente opcin del men desplegable, que es Elipse tool.
Hacemos clic en algn punto de nuestra pantalla y veremos una ventana donde
definiremos las dimensiones de la forma circular que esta vez vamos a dibujar:

Repetimos el proceso para desplegar las opciones de forma, escogiendo esta vez la
forma siguiente, que es Poligon tool. Hacemos clic en otra parte de la hoja para crear
un polgono, en el cual definimos el radio y el nmero de lados que queramos que
tenga:

Finalmente, creamos el ltimo objeto, la estrella, seleccionando del men desplegable
la opcin Star tool. En este caso, al hacer clic en un punto de la hoja, veremos en la
ventana que nos pide los valores de radius 1 (el radio exterior, aquel que afecta a las
puntas de la estrella), radius 2 (el radio interior, el que se forma en el centro donde se

18
Diseo Grfico
empiezan a formar las puntas) y points (las puntas que queremos que tenga nuestra
estrella):


2.3. SELECCIN
Ahora que tenemos todos estos elementos en la pantalla. Lo que vamos a hacer es
hacer clic en la herramienta Selection tool, la que tiene forma de flecha de color
negro, que est en la esquina superior izquierda de la barra de herramientas:


Con esta herramienta nosotros podemos seleccionar cualquiera de los elementos que
tengamos en pantalla, para acomodarlos en el espacio. Para esto, hacemos clic sobre
alguno de ellos con el botn izquierdo del mouse y lo mantenemos presionado,
arrastrndolo:

Pero adems de poder moverlos, los objetos seleccionados van a ser afectados por
las acciones que realicemos con la mayora de las otras herramientas. Por ejemplo, si
queremos borrarlos, una vez seleccionados presionamos la tecla Supr (Suprimir)




19
SEGUNDA UNIDAD
Dibujo vectorial (con Adobe Illustrator)
Tambin podemos seleccionar ms de un mismo objeto al mismo tiempo, haciendo
clic con el botn izquierdo del mouse y mantenindolo presionado dibujar un conjunto
imaginario alrededor de los objetos que queremos seleccionar:


2.4. CAMBIO DE TAMAO
Para cambiar el tamao de un objeto, primero tenemos que seleccionarlo. Por
ejemplo, seleccionemos el primero, el rectngulo convencional. Luego coloquemos el
mouse (todava sin hacer clic) sobre uno de los manejadores, que son los puntos
blancos que aparecen en los lados y las esquinas del objeto. Al hacerlo, veremos que
el cono del mouse cambia a una flecha que apunta a ambos lados:

Lo que hacemos en cuanto veamos este cono del mouse es hacer clic, y sin soltar el
botn del mouse, arrastrarlo hasta donde creamos conveniente, por ejemplo hacia la
izquierda. Vamos entonces a convertir el cuadrado en un rectngulo:

Como en el dibujo anterior, podemos utilizar los manejadores de los lados si queremos
modificar el ancho o el alto por separado de alguna de las figuras que hayamos

20
Diseo Grfico
creado. Pero adems, con los manejadores de las esquinas, podemos modificar el
ancho y el alto al mismo tiempo. En este ltimo caso, mientras estamos moviendo el
mouse, podemos mantener presionada la tecla shift , para que la proporcin entre el
ancho y el alto se mantenga. Hagamos esto ltimo con el cuadrado de bordes
redondeados:

2.5. CAMBIO DE COLOR
Al estar seleccionado un elemento, tambin podemos cambiar el color de fondo y de
borde, haciendo uso de las mismas herramientas que describimos anteriormente, en el
punto 2.1. MANEJO DE COLOR. Es decir, las que se encuentran en la parte inferior
de la barra de herramientas y la ventana Color:


Por ejemplo, cambiemos el color del crculo que hemos dibujado anteriormente. Para
ello lo seleccionamos, nos aseguramos que el fondo en la barra de herramientas se
encuentre encima, nos vamos a los manejadores de color CMYK y los movemos para
obtener un color de fondo. Luego, hacemos clic en el icono del borde de la barra de
herramientas para cambiar el color del borde, podemos hacerlo transparente haciendo
clic en el smbolo cuadrado blanco con una lnea diagonal roja atravesada:





21
SEGUNDA UNIDAD
Dibujo vectorial (con Adobe Illustrator)
Otra forma de cambiar el color de los objetos es copiando el color de uno a otro. Esto
se hace con la herramienta Eyedropper Tool, que tiene forma de gotero. Para usarla,
seleccionamos primero el objeto al que vamos a cambiar de color, luego hacemos clic
en la herramienta Eyedropper Tool, y finalmente hacemos clic en el objeto del que
queremos copiar el color:



2.6. COLORES DEGRADADOS
Los colores degradados son colores mezclados, de tal forma que se ven como una
transicin gradual de uno a otro. En el caso de Adobe Illustrator, pueden ser lineales si
van en lnea recta de un punto a otro, o radiales si parten de un centro hacia los lados:


Para trabajar con colores degradados, podemos utilizar alguna de las figuras que
hemos dibujado anteriormente, por ejemplo la estrella. La seleccionamos y luego
hacemos clic en el icono Gradient de la barra de herramientas, que se encuentra en la
parte de abajo de la barra de herramientas:


22
Diseo Grfico
Al hacerlo, se abrir (si estaba cerrada) o se activar (si ya estaba abierta) la ventana
Gradient. Adems, automticamente el color de fondo de la figura pasar a ser un
degradado:

En la ventana Gradient, podemos seleccionar el tipo de degradado (Type), como
Linear (Lineal) o Radial. Si est en lineal, como nuestro ejemplo, tambin podemos
escoger el ngulo de la lnea del degradado. Por ejemplo, podemos ponerle 45 para
ver el degradado en diagonal:

Tambin podemos, con la herramienta Location, mover el rombo que se encuentra en
la parte superior de la barra que representa los colores del degradado. Esta
herramienta se activa haciendo clic sobre el rombo. El rombo tambin se puede mover
manualmente, haciendo clic y manteniendo presionado el botn izquierdo del mouse.
La herramienta Location sirve para desplazar la lnea central imaginaria que se forma
en el degradado ms hacia un color u hacia otro. Podemos probar con valores de 20%
y 80% para ver la diferencia.

En el caso del degradado radial, slo se cuenta con Location para modificar el
dimetro del centro:




23
SEGUNDA UNIDAD
Dibujo vectorial (con Adobe Illustrator)

Ahora vamos a cambiar los colores del degradado. Hacemos clic en uno de los iconos
cuadrados que se encuentran en los extremos y debajo de la barra, por ejemplo en el
de la izquierda. Enseguida vamos a la ventana Color, donde veremos el color
seleccionado:

Si en la ventana de color no viramos las cuatro barras de color CMYK, podemos
hacer clic en el smbolo en forma de crculo con una flecha, ubicado en la esquina
superior derecha, seleccionndolo del men desplegable. Enseguida hacemos las
modificaciones respectivas, como cuando buscbamos colores planos, para encontrar
el color que buscamos. Hacemos lo mismo con el cuadrado de la derecha:


24
Diseo Grfico
Adems, podemos crear degradados de ms de dos colores. Para esto, creamos los
iconos cuadrados que sean necesarios, haciendo clic en la parte superior de la barra
cuando veamos aparecer el nombre Gradient slider:

En este caso hemos creado uno, al que tambin podemos cambiar el color. Luego de
haberlo cambiado, podemos acomodar, con la herramienta Location, los rombos y el
cuadrado central hasta lograr el efecto requerido.

Si en algn momento deseamos eliminar alguno de estos cuadrados intermedios,
simplemente lo arrastramos hacia abajo de la ventana para que desaparezca.

2.7. ANCHO DEL BORDE
En los objetos que hemos dibujado, tambin se puede cambiar el ancho del borde.
Para esto, seleccionamos o abrimos la ventana Stroke:

En esta ventana vemos el comando Weight (ancho). Para utilizarlo, seleccionamos
primero la figura que escojamos, y luego procedemos a mover el valor, utilizando las
flechas al costado izquierdo del nmero, la opcin desplegable (que en este caso no




25
SEGUNDA UNIDAD
Dibujo vectorial (con Adobe Illustrator)
es la mejor opcin, pues est en pxeles) o simplemente escribiendo el valor del ancho
del borde. Por ejemplo, 5 mm.:


2.8. DUPLICACION
Para hacer una copia de cualquier objeto primero lo seleccionamos. Luego apretamos
las teclas Control y C , con lo que estamos copiando el objeto y ponindolo en
nuestro portapapeles. Luego, apretamos las teclas Control y V . Observamos que el
objeto se ha duplicado, es decir, que se ha creado una copia del objeto. Esta copia es
independiente y se puede modificar por separado en tamao y color.


2.9. ORDEN DE LOS OBJETOS
Generalmente, cuando dibujemos vamos a utilizar dos o ms formas al mismo tiempo,
una encima de la otra. Veamos un ejemplo, con las figuras que ya hemos dibujado
queremos hacer el siguiente logo:


26
Diseo Grfico
Si primero hemos dibujado la estrella y luego el hexgono, cuando tratemos de
juntarlos la estrella va a quedar debajo del rombo:

Lo que debemos hacer, en este caso, es seleccionar la estrella, y una vez
seleccionada, hacer clic con el botn derecho del Mouse, buscando en el men
emergente Arrange / Bring to front:

Con esta accin veremos que la estrella pasa al frente del hexgono. En este men
desplegable, vamos a observar cuatro opciones:
Bring to front, para colocar el objeto seleccionado ENCIMA DE TODOS LOS
DEMS OBJETOS del proyecto.
Bring forward, para colocar el objeto seleccionado solamente ENCIMA DEL
PRIMER OBJETO que tenga encima. Es decir, si por ejemplo tenemos tres
objetos uno encima del otro y queremos que el que est atrs quede en medio.
Send backward, para colocar el objeto seleccionado solamente DEBAJO DEL
PRIMER OBJETO sobre el que se encuentre.
Send to back, para colocar el objeto seleccionado DEBAJO DE TODOS LOS
DEMS OBJETOS del proyecto





27
SEGUNDA UNIDAD
Dibujo vectorial (con Adobe Illustrator)
2.10. TRANSPARENCIA
En los objetos que dibujemos tambin podemos controlar su nivel de transparencia u
opacidad, a travs de la ventana Window / Transparency:

Para hacerlo, seleccionamos el objeto y luego, con la opcin opacity a la derecha de
esta ventana, reducimos o aumentamos el porcentaje de su transparencia:


2.11. GRABACION DEL PROYECTO
Una vez que hayamos dibujado, procedemos a grabar el proyecto. Para ello,
ingresamos al men File / Save. Esto nos va a llevar a una ventana convencional de
grabacin de Microsoft Windows:


28
Diseo Grfico
Por una cuestin de orden, sugerimos que cree una carpeta que se llame ejercicios
illustrator. Dentro de ella, se grabar este archivo como ejercicio01.ai
El formato ai es el formato de cualquier proyecto en Adobe Illustrator, grabarlo as le
permitir posteriormente seguir trabajando el proyecto, pues es un formato editable.
Esto es muy importante, pues ms adelante ver que existen muchos proyectos
complejos cuya realizacin le puede tomar das.

Hasta este punto hemos trabajado las principales herramientas del dibujo con formas
geomtricas. Aunque en el siguiente captulo vamos a seguir trabajando con ellas,
hemos credo conveniente hacer una divisin aqu, para darle oportunidad de
experimentar haciendo sus propias creaciones. Le invitamos a dibujar, inventando o
copiando en base a modelos que haya visto. Si tiene alguna duda o dificultad al
hacerlo, le invitamos a plantearla en las asesoras o en el foro respectivo.






29
SEGUNDA UNIDAD
Dibujo vectorial (con Adobe Illustrator)
3. MANIPULACION DE FORMAS GEOMETRICAS
Hasta ahora hemos aprendido a crear formas geomtricas, seleccionarlas, moverlas,
borrarlas, cambiarles el tamao, cambiarles el color de fondo y de borde, pintarlas con
colores degradados, cambiar el ancho de sus bordes, duplicarlas y ordenarlas unas
respecto de otras.
Con todas estas opciones ya estamos en capacidad de poder realizar dibujos
sencillos. A continuacin, veremos algunas otras herramientas que nos podrn ayudar,
siempre con formas geomtricas, a hacer proyectos de dibujo un poco ms complejos.
Recuerde que antes de empezar, debemos crear un nuevo documento.

3.1. ROTACION
Comencemos por crear un cuadrado de 50 mm. de lado.
Digamos que queremos rotar este cuadrado para que se convierta en un rombo. Para
hacerlo tenemos dos opciones:
Lo seleccionamos, y luego movemos el mouse por alguna de sus esquinas,
hasta ver aparecer el icono de una flecha curva:

Cuando veamos este icono, volvemos a hacer clic y lo movemos hacia uno de
los lados. Veremos que el objeto gira. Si adems, mientras lo hacemos,
mantenemos presionada la tecla SHIFT , veremos que nuestra rotacin se
hace en ngulos exactos (45, 90, etc.)
Probemos rotndolo algunas veces. Luego, presionemos CONTROL y Z las
veces que sea necesario para volver al cuadrado original.
La otra forma es, siempre manteniendo el objeto seleccionado, ir a la barra de
herramientas y hacer DOBLE clic en la herramienta Rotate tool, que tiene
forma de una flecha circular:


30
Diseo Grfico
Al hacerlo veremos una ventana donde podemos escoger el ngulo en que
vamos a rotar nuestro objeto. Si adems activamos la casilla Preview, en
cuanto coloquemos un ngulo de giro nuestro objeto se mover antes de haber
cerrado la ventana, permitiendo que veamos previamente como quedara:

Luego de ver que la rotacin es la que buscamos, hacemos clic en el botn OK.

3.2. REFLEJO
Ahora dibujemos un tringulo, utilizando la herramienta polgono y asignndole tres
lados. Lo seleccionamos y mantenemos presionado el clic sobra la herramienta Rotate
tool hasta que aparezca la opcin desplegable, Reflect tool:

Hacemos DOBLE clic en esta herramienta y vamos a ver una ventana que nos va a
permitir reflejar el objeto horizontalmente, verticalmente o en base a un ngulo:






31
SEGUNDA UNIDAD
Dibujo vectorial (con Adobe Illustrator)
3.3. ESCALA
Ya hemos visto anteriormente como hacer ms grandes y ms pequeos los objetos.
Sin embargo existe una herramienta para hacerlo de forma ms precisa. En este caso
dibujemos un crculo, y vayamos a la herramienta Scale tool, que se encuentra al
costado de las dos herramientas que hemos usado previamente, para rotar y reflejar
objetos:

Luego, hacemos DOBLE clic en la herramienta, y veremos una ventana que nos va a
permitir, porcentualmente decidir el cambio de tamao de nuestro objeto, en ambas
dimensiones o por separado horizontal y verticalmente:

3.4. INCLINACION
Ahora vamos a dibujar un rectngulo. Luego, lo seleccionamos, mantenemos
presionado el mouse en la herramienta de escala y veremos aparecer un men
desplegable, del que escogeremos la herramienta Shear tool:



Enseguida le haremos DOBLE clic a dicha herramienta, para abrir una ventana que
nos va a permitir inclinar el objeto:

32
Diseo Grfico

En esta ventana podemos decidir el ngulo de inclinacin (Shear Angle), y luego
podemos elegir el eje de la inclinacin entre tres opciones: horizontal, vertical o en
ngulo que definamos.
Recordemos que si queremos ver los cambios en nuestro objeto antes de cerrar la
ventana, debemos activar la casilla Preview. Y finalmente, cuando nuestro objeto haya
quedado como queremos, hacer clic en el botn OK.

3.5. EDICION CON PROPIEDADES DE CONJUNTOS
Para comprender las funciones del siguiente conjunto de herramientas, en un
documento nuevo dibujemos un crculo y un cuadrado, ponindolos uno encima del
otro de la siguiente manera:

Enseguida vamos a duplicarlo 4 veces, pues lo que veremos es la manera como
podemos realizar las 4 operaciones bsicas de teora de conjunto en este dibujo:
adicin, sustraccin, interseccin y exclusin.
Para ello, buscamos la ventana Pathfinder, si no est abierta en nuestro escritorio la
ubicamos en el men Window / Pathfinder. En ella hay una lnea de 4 efectos
llamados Shape modes. Seleccionamos uno a uno los conjuntos de cuadrado y
circulo, y le aplicamos una de las cuatro propiedades, para ver y comparar el
resultados en cada una de ellas:




33
SEGUNDA UNIDAD
Dibujo vectorial (con Adobe Illustrator)


Grabemos todos los ejercicios que hemos hecho hasta ahora con el nombre
ejercicio02.ai. Como prctica, en este mismo documento, usted puede hacer otros
dibujos utilizando las herramientas que ha aprendido hasta el momento.

3.6. ALINEACION Y DISTRIBUCION
Las herramientas de alineacin y distribucin nos vana permitir acomodar los objetos
unos respecto de los otros.
Vamos a hacer un ejercicio sencillo de dibujo para conocerlas, donde primero
aplicaremos algunas de las herramientas que hemos estado conociendo. Va a
consistir en dibujar un poste como el siguiente:

Para ello, primero creamos un nuevo proyecto llamado ejericio03.ai. En dicho proyecto
dibujamos un rectngulo de color oscuro, que tenga 20 mm. de ancho por 120 mm. de
altura. Enseguida creamos un crculo de 32 mm. de ancho y de altura, con un
degradado circular. Ambas figuras deben tener el borde transparente.

34
Diseo Grfico
A continuacin, seleccionamos el rectngulo, lo duplicamos y le damos un color claro.
Seleccionamos esta copia y le aplicamos la herramienta de escala, dejando en la
ventana el porcentaje horizontal en 100% y cambiando el vertical a 10%.
Enseguida le aplicamos la herramienta de inclinacin, poniendo el ngulo en -25 y
dejando el eje en vertical. Duplicamos el objeto resultante 5 veces, y luego los
acomodamos de acuerdo al modelo.
Hasta este momento hemos utilizado herramientas que ya conocamos. Sin embargo,
descubriremos en este ltimo paso, al acomodar las piezas, que posiblemente nos
tome mucho tiempo y no sea muy preciso. Aqu es donde podemos trabajar con las
herramientas de alineacin y distribucin. Dejemos los objetos creados ms o menos
de la siguiente manera, a un lado los trapecios de color claro y al otro el crculo y el
poste, no importa que estn descentrados:

Ahora vamos a la ventana align. Si no la encontramos en nuestro escritorio, la
podemos buscar en el men superior Window / Align:

Primero seleccionemos TODAS las lneas oblicuas claras (que estn a la izquierda) y
hagamos clic, en el segundo icono de la columna Align Objects, llamado Horizontal
Align Center. Despus, en el segundo icono de la columna Distribute Objects,
llamado Vertical Distribute Center. Veremos que se alinean y se distribuyen de manera
uniforme, es decir, que se acomodan proporcionalmente:




35
SEGUNDA UNIDAD
Dibujo vectorial (con Adobe Illustrator)

Finalmente, seleccionamos todos los objetos, incluyendo estos trapecios, el crculo y el
poste, y los alineamos con al opcin Horizontal Align Center:

Grabemos este poste como ejercicio03.ai, pues lo vamos a utilizar posteriormente.
Como habremos notado, estas herramientas nos permiten alinear diversos a la
izquierda, al centro horizontal, la derecha, arriba, el centro vertical y abajo. Adems,
nos permiten distribuir varios objetos horizontal y verticalmente. El uso que le podamos
dar a esta herramienta para crear dibujos concretos o abstractos va a depender de
nuestra imaginacin e inventiva. Piense usted un momento, cmo hara los
siguientes dibujos? Qu otros dibujos hara usted?



36
Diseo Grfico
3.7. AGRUPACION
Ahora que empezamos a hacer trabajos cada vez ms complejos, necesitaremos
agrupar algunos objetos. Para comprender la utilidad de esta herramienta haremos
otro ejercicio. Para hacerlo abrimos nuevamente el archivo ejercicio03.ai que
habamos grabado anteriormente, el del poste (File / Open).
Ahora vamos a dibujar la siguiente imagen:

Ya que tenemos un poste, lo que podemos hacer primero es dibujar la pista. Para ello,
dibujamos un rectngulo negro. Luego, creamos una copia, le cambiamos el color a
blanco y la reducimos. A continuacin la duplicamos 5 veces. Esas cinco lneas
blancas las ponemos sobre la pista, centrndolas con la herramienta Horizontal Align
Center y separndolas proporcionalmente, con la Horizontal distribute center.
Ahora, vamos a seleccionar toda esta parte del dibujo, es decir la pista negra con las
lneas blancas. Hacemos clic con el BOTON DERECHO del mouse y en el men
desplegable que aparece seleccionamos Group:





37
SEGUNDA UNIDAD
Dibujo vectorial (con Adobe Illustrator)
A partir de haber hecho esta agrupacin, todas las caractersticas que hemos estado
viendo hasta ahora para modificar un objeto, como cambiar el tamao, rotar, inclinar,
etc. se podrn hacer a todos los objetos agrupados como si fueran uno solo. En
nuestro caso, utilizamos aqu la herramienta de inclinacin para darle la forma de
nuestro dibujo, ponindole un ngulo de inclinacin de 50:

A continuacin agrupamos tambin los elementos del poste:

Para poder fcilmente reducir el poste proporcionalmente a la pista, luego duplicarlo 8
veces y distribuirlo a ambos lados.
No olvidemos de grabar este ejercicio, con el men File / Save. Se va a grabar con el
nombre ejercicio03.ai.

3.8. TRABAJO CON CAPAS
Cada vez nos iremos adentrando ms en la complejidad de dibujos con Adobe
Illustrator. Y cuanto ms complejos se hagan nuestros proyectos, necesitaremos
organizarlos en capas.
Consideremos por ejemplo un dibujo como el siguiente:

38
Diseo Grfico

Todo este dibujo ha sido hecho en Adobe Illustrator. Y debido a su tamao y
complejidad, resulta conveniente organizarlo en capas.
Una capa es como una transparencia. Un proyecto puede tener la cantidad de capas
que sea necesaria para poder trabajar por separado en los diferentes elementos del
dibujo. En el ejemplo que usted est viendo, la choza se dibuj en una capa, en otras
capas se dibujaron cada uno de los personajes, y en otras capas las luces. De esa
manera se poda trabajar en los detalles de cada uno.
Hagamos un ejercicio sencillo para conocer las capas. Primero vamos a crear un
documento llamado ejericio04.ai. En este documento dibujamos un rectngulo
alargado y unos cuadrados pequeos, que colocamos alineados y distribuidos
simulando una pelcula, de la siguiente manera:

A continuacin, abrimos (o buscamos si est abierta) la ventana llamada Layers:





39
SEGUNDA UNIDAD
Dibujo vectorial (con Adobe Illustrator)
En esta ventana vemos que estamos trabajando sobre una capa llamada Layer 1. Si
hacemos DOBLE CLIC sobre su nombre, podremos ver una ventana para cambiar
algunas de sus caractersticas:

Podemos ver que el nombre de la capa se puede cambiar, de acuerdo a nuestra
conveniencia. Vamos a ponerle Pelcula para recordar posteriormente que de eso se
trata. El color es el utilizado por el software en las seleccin de los elementos que se
encuentren dentro de esta capa. Hacemos clic en el botn OK.
Ahora vamos a crear a una nueva capa, haciendo clic en el icono respectivo, que se
encuentra en la parte inferior de la ventana, en forma de una hoja con una punta
doblada:

Va a aparecer una segunda capa llamada Layer 2, hacemos DOBLE CLIC en su
nombre y volvemos a tener la ventana de propiedades de capa. Ah le ponemos
Cuadro 1. Nos aseguramos de que haya un nuevo color de la seleccin y hacemos
clic en OK.

Asegurndonos de que tenemos seleccionada la capa que ahora se llama Cuadro 1,
dibujamos un rectngulo con bordes redondeados. Notemos que la seleccin ahora
tiene el color que definimos en esta segunda capa:

40
Diseo Grfico

Enseguida creamos una capa ms, a la que llamaremos Cuadro 2, y en ella
duplicaremos el rectngulo de bordes redondeados del cuadro 1. Para ello, luego de
seleccionarlo y apretar CONTROL C , seleccionamos la capa Cuadro 2 y solo
entonces apretamos las teclas CONTROL V . De esta manera la figura se habr
duplicado dentro de la capa Cuadro 2.
Repetimos este proceso en una capa llamada Cuadro 3. Podemos seleccionar los
cuadros al mismo tiempo, as se encuentren en diferentes capas, haciendo clic en
cada uno mientras presionamos la tecla SHIFT . De esta manera podemos alinearlos
y distribuirlos en el dibujo:

Cada una de las capas tiene al costado izquierdo un icono en forma de ojo. Al hacer
clic en este icono podemos dejar de verlas sin borrarlas, por ejemplo para trabajarlas
por separado. En este caso como un ejercicio, en cada cuadro podra usted dibujar
una escena diferente.
Adems, si es necesario, en la esquina inferior derecha de la ventana tenemos otro
icono en forma de bote de basura, con el que se borra la capa seleccionada.

3.9. EFECTOS
En parte superior del software, encontramos tambin un men llamado Effect, que es
muy til para generar distorsiones en los objetos geomtricos que dibujemos.





41
SEGUNDA UNIDAD
Dibujo vectorial (con Adobe Illustrator)
El software cuenta con una lista larga de efectos que tienen distintas aplicaciones. La
idea es que usted explore por ellos para encontrar diferentes efectos que le pueden
ayudar en su creatividad.
Como muestra, aqu podemos ver algunos de estos efectos aplicados sobre un crculo
sencillo:


Pruebe usted mismo aplicando efectos sobre otras formas, como estrellas, polgonos y
rectngulos, y con otros efectos para tener una idea de lo que puede realizar con estas

42
Diseo Grfico
herramientas. Le sugerimos que tome nota si encuentra un efecto que puede ser til
para usted posteriormente.

Hasta este punto del curso hemos avanzado en el dibujo de formas geomtricas. Le
sugerimos que siga dibujando, por ejemplo copiando logotipos de empresas o dibujos
en general. Podemos discutir y ver sus avances o desafos que se le presenten, en las
asesoras o en el foro respectivo.
A continuacin, veremos el tema del dibujo con nodos, en el que aprovecharemos en
mayor medida las caractersticas vectoriales de este software.






43
SEGUNDA UNIDAD
Dibujo vectorial (con Adobe Illustrator)
4. DIBUJO CON NODOS
Cuando hablamos de grficos vectoriales, nos referimos a grficos en los que
solamente existen unos puntos unidos matemticamente por vectores. Esos puntos,
en Adobe Illustrator, son los llamados nodos.
Todo lo que hemos dibujado hasta el momento ha sido hecho en base a vectores, y
por lo tanto, cuenta con nodos. A continuacin vamos a aprender a conocerlos y a
manipularlos por separado.

4.1. TIPOS DE NODOS
Bsicamente existen dos tipos de nodos:
Nodos rectos, los llamamos as porque forman un ngulo recto al unir dos
vectores. Por ejemplo, en un polgono:

Aqu vemos claramente definidos 6 nodos rectos, uniendo 6 vectores rectos.
Nodos curvos, aquellos que unen dos vectores curvos. Recordemos que los
vectores estn hechos en base a clculos matemticos. Esto hace que la
curvatura de los vectores se defina desde los nodos y no desde los vectores
mismos:

En el caso del crculo, vemos 4 nodos que unen 4 lneas curvas.

4.2. MOVIMIENTO DE NODOS
Los nodos se pueden mover con la herramienta Direct Selection Tool, que se
encuentra en la parte superior de la barra de herramientas. Se trata de la flecha de
color claro que se encuentra al costado derecho de la herramienta de seleccin:

44
Diseo Grfico

En este caso, vamos a trabajar con el hexgono de nuestro ejemplo, as que abara un
proyecto nuevo y dibujelo. Para mayor comodidad, activaremos la cuadrcula (el
proceso de activar y configurar la cuadrcula se describe en la primera parte de esta
unidad)
Una vez que hemos seleccionado la herramienta de seleccin directa (SIEMPRE
PRIMERO), seleccionamos el hexgono. Debemos observar, al hacerlo, que los nodos
se ven como pequeos cuadrados blancos:

Entonces hacemos clic con el botn izquierdo del Mouse sobre alguno de los nodos y
lo arrastramos hacia un lado:

Podemos seguir moviendo los nodos hasta encontrar la forma que estemos buscando:


En el caso de los nodos curvos, la tcnica es similar. Es decir, tomar la herramienta de
seleccin directa, seleccionar el objeto y mover uno a uno los nodos. La diferencia es
que los nodos curvos cuenta con un par de lneas llamadas manejadores, que sirven




45
SEGUNDA UNIDAD
Dibujo vectorial (con Adobe Illustrator)
para controlar la curvatura de los vectores. En el extremo de los manejadores tambin
encontramos puntos, los que se pueden mover para acomodar dicha curvatura,
encogiendo o alargando las lneas que los unen al nodo si es necesario, para obtener
ms o menos curva en los vectores:


4.3. ADICION Y BORRADO DE NODOS
En un objeto, los nodos tambin se pueden agregar o quitar. Para eso, hacemos uso
de las herramientas que se encuentran en el men desplegable de la herramienta Pen
Tool. La herramienta para agregar nodos tiene el smbolo ms (+), y la herramienta
para eliminar nodos tiene el smbolo menos (-):



Para agregar un nodo, se selecciona la herramienta con el smbolo ms (+) y luego se
hace clic en un vector.
Para eliminar un nodo, se selecciona la herramienta con el smbolo menos (-) y se
hace clic en el nodo a eliminar.

4.4. RECORTE EN BASE A NODOS
Para recortar una figura tomando como base sus nodos, utilizamos la herramienta
Scissors Tool:



Por ejemplo, digamos que queremos cortar un hexgono por la mitad. Hacemos clic en
los nodos extremos de izquierda y derecha, y tendremos dos trapecios:

46
Diseo Grfico


4.5. CAMBIO DE TIPO DE NODO
Los nodos pueden convertirse de curvos a rectos y viceversa. A manera de ejmplo,
vamos a dibujar una gota.
Primero creamos un circulo, luego seleccionamos la herramienta Convert Anchor
Point, que se encuentra en el mismo men desplegable donde encontramos las
herramientas de agregar y quitar nodos, al final. Se trata de un icono con forma de
ngulo:


Con esta herramienta hacemos clic en el nodo superior del ovalo, convirtindolo de
nodo curvo a nodo recto:


Y para darle ms realismo a nuestra gota, arrastramos el recin convertido nodo hacia
arriba, con la herramienta de seleccin directa (Direct Selection Tool):





47
SEGUNDA UNIDAD
Dibujo vectorial (con Adobe Illustrator)
Cuando cambiamos de un nodo recto a un nodo curvo podemos adems cambiar la
direccin de los manejadores. En los nodos curvos originales, como los del circulo con
el que trabajamos lneas arriba, los manejadores giran en forma paralela, de tal forma
que si uno trata de curvar un vector necesariamente el otro tambin se mueve. Con
esta herramienta, podemos separarlos, para hacer que giren de manera
independiente.
Dibujemos un cuadrado, y luego, convirtamos a nodo curvo la esquina inferior
derecha, MANTENIENDO PRESIONADO el clic del Mouse y movindolo a un lado:


Ahora, siempre con la misma herramienta de conversin de nodo, movamos el
manejador que se encuentra en la parte inferior:

A partir de ah, con la herramienta de seleccin directa, podemos mover los
manejadores por separado para formar figuras como por ejemplo sta, que puede ser
el dintel o la base superior de una columna:


48
Diseo Grfico

4.6. DIBUJO A MANO ALZADA
Adobe Illustrator cuenta con una serie de herramientas que permiten el dibujo a mano
alzada, como si uno estuviera dibujando sobre una hoja. Estas herramientas en
principio fueron hechas pensando en los diseadores convencionales, acostumbrados
al dibujo a mano en una poca en que no eran tan comunes las computadoras.
Sin embargo, actualmente nos sirven para dibujar rpidamente formas que no sean
geomtricas.
4.6.1. DIBUJO CON LAPICERO
El lapicero (Pen tool) es la herramienta que se encuentra primero en el mismo men
desplegable de la barra de herramientas, donde encontramos las herramientas para
agregar nodos, quitar nodos y cambiarlos:

Con esta herramienta, podemos crear nodos en nuestro espacio de trabajo.
Si queremos trabajar con nodos rectos, hacemos clic en nuestra hoja hasta formar la
figura deseada:

Un aspecto importante a notar es que cuando cerramos un dibujo, es decir, cuando el
ltimo punto dibujado coincide con el primero, como en este caso, al costado del
cursor aparece un crculo pequeo.
En el caso de que queramos dibujar con nodos curvos, la diferencia es que
mantenemos presionado el botn del Mouse en cada nodo, y lo arrastramos antes de
soltarlo, con lo que formamos la curva y los manejadores:







49
SEGUNDA UNIDAD
Dibujo vectorial (con Adobe Illustrator)
4.6.2. DIBUJO CON LAPIZ
La herramienta lpiz (Pencil Tool) se encuentra en la barra de herramientas, sobre las
herramientas de escala e inclinacin que ya hemos visto anteriormente:

Seleccionando esta herramienta, podemos hacer clic y manteniendo presionado el
botn de Mouse, dibujar. Es decir, en este caso no ponemos puntos, sino trazamos
directamente las lneas. Al soltar el botn de Mouse, el software interpreta aquello que
hayamos dibujado, convirtindolo en nodos y vectores:


4.6.3. DIBUJO CON PINCEL
El pincel (Paintbroush Tool) se encuentra al costado izquierdo del lpiz en la caja de
herramientas:

La forma de uso de esta herramienta es igual a la del lpiz, es decir, haciendo clic y
sin soltar el botn del mouse, dibujar hasta obtener la figura requerida.
La diferencia es que en este caso no dibujamos con lneas, sino con pinceles. Los
pinceles son motivos grficos que tratan de imitar texturas de pinceles reales.
Podemos seleccionar el pincel que queramos utilizar en la ventana Brushes:


50
Diseo Grfico
Con la herramienta seleccionada, en esta ventana podemos escoger el tipo de tazo
que queramos utilizar, obteniendo diversos tamaos y motivos:


Hasta aqu hemos visto las herramientas de dibujo que trataremos en este curso.
Practicando con ellas y dominndolas, estar en capacidad de elaborar proyectos
profesionales.
El software Adobe Illustrator cuenta con otras herramientas que no hemos detallado,
las que usted puede descubrir y utilizar haciendo uso de su criterio. Recuerde que con
la prctica constante le ser ms sencillo comprender la lgica del software.





51
SEGUNDA UNIDAD
Dibujo vectorial (con Adobe Illustrator)
5. TEXTOS, FOTOGRAFIAS Y MASCARAS
Hasta el momento hemos hecho ejercicios sencillos y aislados, para aprender a
conocer la herramientas de dibujo. Es importante que usted vaya practicando con las
herramientas que le estamos exponiendo, aprovechando las asesoras y los foros para
resolver sus dudas y dar rienda suelta a su creatividad. Al finalizar esta unidad,
veremos algunas aplicaciones prcticas de lo aprendido.
Las ltimas herramientas que veremos estn referidas al texto y las imgenes.

5.1. USO DE TEXTO
El texto en Adobe Illustrator se crea con la herramienta Type Tool:

La forma ms sencilla de utilizar esta herramienta es haciendo clic en algn punto de
pantalla, y a partir de ah escribir. Luego, seleccionamos el texto que hayamos escrito
con la herramienta Selection Tool y abrimos la ventana Window / Type / Character,
para cambiar caractersticas como tipo de letra, tamao, especio entre letras, etc.

Adems si desplegamos el men pera descubrir otras formas de escribir texto,
encontramos herramientas para escribir sobre figuras previamente trabajadas,
llenando el rea o el contorno, horizontal y verticalmente:


52
Diseo Grfico
Para hacer esto, primero creamos una forma, que puede ser una forma geomtrica o
una creacin hecha con lpiz o lapicero. En seguida seleccionamos alguna de las
herramientas de texto, hacemos clic sobre la forma y escribimos:

Adems, con la ventana Window / Type / Paragraph, podemos escoger las diferentes
opciones de alineacin de texto:


5.2. USO DE FOTOGRAFIAS
Para diagramar, muchas veces vamos a necesitar contar con fotografas o imgenes
digitales que no se pueden trabajar directamente en el software. Para integrarlas, hay
que hacer una importacin.
Para ello utilizamos el men File / Place. Veremos entonces una ventana del sistema
operativo, donde buscaremos el archivo que deseamos importar:





53
SEGUNDA UNIDAD
Dibujo vectorial (con Adobe Illustrator)
Una vez que la fotografa o imagen est en nuestro proyecto, podemos transformarla
con algunas de las herramientas que hemos estado trabajando, por ejemplo
cambindole de tamao, rotndola, inclinndola, cambiando su nivel de opacidad o
transparencia, agrupndola, etc.:


5.3. MASCARAS
Las mscaras son figuras que nos permiten hacer una intercepcin. Nos van a
permitir, en el caso de las imgenes, quitarles algo de rigidez a nuestros diseos. Por
ejemplo, consideremos la siguiente fotografa que hayamos importando:

Lo que hacemos es colocar sobre ella alguna imagen que hayamos dibujado. En este
caso, vamos a dibujar una figura irregular con la herramienta lpiz (Pencil Tool):
Enseguida seleccionamos ambos, figura y fotografa, hacemos clic con el botn
derecho del mouse y en el men desplegable escogemos la opcin Make Clipping

54
Diseo Grfico
Mask. El resultado ser una fotografa recortada en base a la forma irregular que
hayamos dibujado:

Pero en realidad no la hemos recortado. La fotografa original sigue ah, con una
mscara incorporada. En cualquier momento podemos hacer clic con el botn derecho
del Mouse, y seleccionar Release Clipping Mask, con lo que separaremos la imagen
original de al figura. De esta manera, podemos duplicar la imagen y colocarle
diferentes mscaras:

Podemos hacer mscaras tambin con texto. Pero para ello, primero tenemos que
convertir el texto a nodos y vectores. Esto se logra haciendo clic sobre el texto con el




55
SEGUNDA UNIDAD
Dibujo vectorial (con Adobe Illustrator)
botn derecho del Mouse, y escogiendo en el men emergente la opcin Create
Outlines. Luego, el texto se puede colocar sobre la imagen para generar la mscara
respectiva:





1. Adobe Illustrator es un software con el que se pueden dibujar imgenes
vectoriales.
2. Los dibujos ms sencillos se pueden hacer a travs de formas geomtricas
que el software ya tiene como predeterminadas (rectngulo, rectngulo con
bordes redondeados, elipses, polgonos y estrellas)
3. Estas formas se pueden manipular a nivel de transparencia, agrupaciones,
color, efectos y varios tipos de distorsiones.
4. En un nivel ms avanzado, uno puede dibujar sus propias figuras utilizando
nodos rectos y nodos curvos, y dibujando a mano alzada con tcnicas que
emulan el lpiz, el lapicero y el pincel.
5. Se puede trabajar con fotografas importadas al software, las que se integran
con la imagen vectorial a travs de mscaras.
6. El texto tambin puede convertirse en un objeto vectorial, y por lo tanto
adquiere la flexibilidad de este tipo de grfico.




5. Resumen



CYR, Lisa L. Broshure design that works. Rockport, EEUU. 2002. 159 pginas.

KARLINS, David. Illustrator CS a su alcance. Barcelona, Mcgraw Hill, 2005. 360
pginas.

SILVER, Lisa. Logo design that works. Rockport, EEUU, 2001. 160 pginas.
6. Fuentes de informacin


Ubique una empresa o institucin de su localidad y en base a la
informacin que pueda obtener de ella disee un logo y la papelera
corporativa asociada al mismo.

Tome como referencia una fotografa con un elemento sencillo y
dibjela con nodos. Trate de conseguir sombras y texturas con colores
degradados, transparencias y superposicin de objetos.

Cree alguna composicin de tipo collage con fotografas utilizando
mscaras. Puede tomar como referencia las tendencias actuales del
arte moderno, a partir de Andy Warhol y el pop art.


Cualquiera de estas actividades puede compartirla a travs del aula virtual. Puede ser
un interesante tpico de debate discutir sobre la tcnica en su realizacin o sobre la
concepcin terica y esttica de sus productos grficos. Adems, al recibir
retroalimentacin de su tutor y de sus compaeros, usted estar incrementando
cualitativamente su aprendizaje.


7. Actividades sugeridas