Guia de Aprendizaje IllustratorCS5

7/25/2019 Guia de Aprendizaje IllustratorCS5

1/216

Gua de aprendizaje

Illustrator CS5: gua de maquetacinINICIO | CRDITOS

ndice de tutoriales

Introduccin

Creacin de un fondo de pantalla

Creacin de un estampado geomtrico

Creacin de un banner de pgina web

Creacin de un icono para un dispositivo mvil

Cartel/pster vectorial

Creacin de una grfica vectorial

Creacin de arte para imprimir en una camiseta (

preparacin de impresin!

Crear una animacin "las# dentro de Illustrator

$%&Creacin de un edificio vectorial en perspectiva

$$&Creacin de un dibujo #aciendo uso de los

trazos atractivos

$'&Creacin de la ilustracin de un zorro con las

innovaciones pincel de Cerdas modo de

dibujo

$)&Creacin de una postal vectorial de flec#as

$*&Crear un anuncio web con lneas

discontinuas

$+&Creacin de una tarjeta virtual esttica

$,&Creacin de un objeto interactivo con

Illustrator C-+ "las# Catalst C-+&


2/216

Introduccin

.ienvenidos a la Gua de aprendizaje de dobe Illustrator C-+&

Illustrator es un programa 0ue os ofrece un rea de trabajo una interfaz deusuario mu eficaces para crear editar ilustraciones& 1stas ilustraciones podrnser utilizadas en distintos medios2 como impresin2 web dispositivos mviles&

Illustrator utiliza grficos vectoriales 0ue pueden ser reproducidos a cual0uier

escala sin perder calidad&

Comenzaremos nuestra gua de aprendizaje e3plicando la estructura general delprograma creando ilustraciones simples luego iremos a4adiendo complejidad alo largo de los diferentes tutoriales&

5os tutoriales de esta gua #an sido realizados utilizando un 6C7 las teclas 0uecorresponden en una 8ac sern como siguen


3/216

Gua de aprendizaje


Tutorial ! Creacin de un "ondo de #antalla6aso $ de $$

1n este tutorial vamos a crear

un fondo de pantalla como el

0ue vemos&

l crear este fondo de pantalla2

vamos a aprender sobre el

entorno de Illustrator2 sobre la

utilizacin de #erramientas

bsicas de ilustracin2 como

formas geomtricas2 tambin

sobre aplicacin de efectos

como el de fusin&

l final del tutorial veremos

cmo optimizar imgenes para

web&


4/216

Gua de aprendizaje


Tutorial ! Creacin de un "ondo de #antalla

6aso ' de $$

5a pantalla de bienvenida de Illustrator (0ue

aparece al abrir el programa! est dividida en

tres reas principales

$%&rir un elemento reciente: lista de los

9ltimos documentos usados&%&rir: #aremos clic en el icono Carpeta si

nuestro documento no aparece en la lista&

$Crear nue'o: nos da la opcin de crear un

elemento nuevo con las caractersticas

especficas&

Desde #lantilla: Illustrator

ofrece plantillas usables de ejemplo&1mpezaremos nuestro tutorial creando un

documento nuevo para web (Crear nue'o (

Documento #ara )e&!&

:5a parte inferior de la pantalla muestra la gua

de usuario* nue'as "unciones* recursos

lugares de Internet donde se comparten

conocimientos acerca del programa&


5/216


6aso ) de $$5a siguiente pantalla 0ue nos aparece nos da la

opcin de nombrar nuestro documento darle

determinadas caractersticas2 desde a0u

podemos volver a cambiar el tipo de documento

(web2 impresin&&&!2 as como las medidas de

ste podemos elegir el n9mero de mesas de

trabajo&

5as mesas de tra&a+o sustituen a la

#erramienta de ;ecorte de versiones pasadas

son las reas de nuestro espacio de trabajo 0ue

contendrn las ilustraciones imprimibles&

6odremos crear #asta $%% mesas en un mismo

lienzo seg9n el tama4o de stas guardar2e3portar e imprimirlas de manera conjunta o

separada&

6ara empezar2 crearemos slo una mesa de

trabajo en un documento web (pues nuestro

fondo est destinado a verse en una pantalla!

0ue llamaremos 1strella2 de


6/216


6aso * de $$6artes principales de la interfaz

! -arra de a#licacin: contiene un

conmutador de espacio de trabajo

men9s (en >indows!&

.! -arra de /erramientas: contiene

#erramientas de seleccin2

transformacin dibujoprincipalmente&

0! 1anel de control: nos muestra

opciones especficas de la

#erramienta seleccionada en el

momento&

2! 3entana de documento:

muestra la ventana en la 0ue

trabajamos& 5os documentos sepueden organizar en fic#as2

agrupar acoplar&

5! 1aneles: audan a controlar

modificar elementos& 1s como

unaversin ampliada del 6anel

decontrol& 6odemos

personalizarlos desde el men9

3entana!

4! esa de tra&a+o: dondedibujaremos nuestras ilustraciones&


7/216

6ara nuestro tutorial usaremos el espacio de trabajo aspectos esenciales desde elmen9 desplegable de la barra de aplicacin&


8/216


6aso + de $$

6ara dibujar nuestra estrella comenzaremos

seleccionando la /erramienta de Rect6ngulo!

.ajo todos los iconos 0ue contienen un

pe0ue4o tringulo en la parte inferior derec#a

se encuentra un men9 desplegable al 0ue

podemos acceder manteniendo el botn del

ratn pulsado sobre el icono&

Cuando el men9 se despliega2 podemos elegir

la #erramienta deseada (en este caso la

7strella! si soltamos el ratn2 podemos

comenzar a dibujarla& -i 0ueremos 0ue este

men9 desplegable est siempre a nuestro

alcance2 podemos #acer clic en el tringulo de

la derec#a (marcado en la ilustracin

siguiente!&

6odemos dibujar figuras geomtricas de dos

maneras o bien seleccionando la figura

(#aciendo clic en el icono deseado!2 pulsando

arrastrando el ratn #asta conseguir la

medida deseada2 o bien #aciendo clic

soltando& l #acer esto aparece una ventananueva en la0ue podemos insertar las medidas

e3actas&

-i lo deseamos2 siempre podremos

cambiarlasdesde el 6anel de control ms

tarde2 con ellopodemos modificar el tama4o

de la estrella encual0uier momento&

6ara conseguir 0ue la estrella sea

perpendicular con la #orizontal2 pulsaremos

S/i"t o a89sculas al crearla&

-i 0ueremos cambiar el n9mero de #untas

denuestra estrella2 pulsaremos las flec#as del

teclado arriba (ms! abajo (menos! seg9n el

numero de puntas deseado& 1l mnimo es tres

no tiene m3imo de puntas& 6ara nuestraestrella elegiremos * puntas&


9/216


6aso , de $$

Cual0uier figura podr tener un

relleno (color de dentro! un trazo

(color del borde!& 6ara esta

estrella no es preciso elegir un

trazo& 6araello #aremos clic en

?razo

elegiremos la opcin de@inguno&

6odemos acceder cambiar

los trazos rellenos de

cual0uierobjeto seleccionado

: Aesde el 1anel de control:

: Aesde el panel de Color si no est visible2

podemos acceder a ste ( a cual0uier otro

panel! desde el men9 3entana ( Color

: Aesde la &arra de /erramientas:

6ara seleccionar un o&+eto en Illustrator basta

con #acer clic en la flec#a negra de la barra de

#erramientas2 para seleccionar una parte

especfica de los objetos2 pulsaremos en la

fec#a blanca2 llamada #erramienta de

Seleccin directa&

Bamos a #acer clic en el relleno de nuestro

objeto seleccionaremos un color2 por ejemplo

un amarillo!


10/216


6aso = de $$-i #acemos doble clic en el cuadrado del

relleno del panel de Color2 nos abre un cuadro

de dilogo en el 0ue podemos elegir cual0uier

color por valores numricos (;G. o C8D!2 o

#aciendo clic en la gama de color&

1l siguiente paso es crear otra estrella en el

interior de la primera7 para sta elegiremos un

color diferente2 por ejemplo un azul&

Aos maneras de #acer la nueva estrella o bien

pulsando Ctrl C (para copiarla! Ctrl ;

(pegarla al frente de la otra! o bien creando una

nueva como la primera vez&

6resionando ma89sculas (para mantener la

proporcin!2 %lt (para 0ue lo #aga desde todos

los ngulos a la vez! 8 arrastrando #acia el

centro crearemos una estrella mas pe0ue4a

la situaremos en el centro de la original&

-i por cual0uier razn la estrella no est en el

centro2 la acercaremos mientras nos

acercamos pondremos atencin a las guas

inteligentes (las 0ue nos indican las

intersecciones2 el centro2 puntos de alineado

entre los objetos 0ue son movidos otros en

nuestro documento!& -i las guas inteligentes

no estn activas2 las activaremos desde 3er (


11/216


6aso < de $$

-iguiendo el mismo mtodo

usadoantes2 a#ora vamos a crear

unaestrella de muc#as puntas

($%%puntas! esta vez

a4adiremos un trazo de ' pt

desde el men9desplegable de

?razo en el 6anelde control&

1legimos colores de relleno

(morado! trazo (amarillo! al

trazar la primera estrella ste es

el resultado obtenido

Copiaremos pegaremos una

estrella igual en frente de la

primera Ctrl C Ctrl ;

#aremos esta 9ltima ms pe0ue4apresionando a89sculas 8 %lt&

"usionamos estas dos &&

na vez realizada la fusin

#aremos doble clic en la estrella

pe0ue4a para moverla& 1l resto de

la ilustracin la seguir como si

colgaran todas de un #ilo2 esto

nospuede audar a crearperspectivas interesantes&

na vez tenemos la forma

deseada seleccionaremos la

estrella entera con la flec#a

negra giraremos sta desde

unaes0uina&


12/216


6aso J de $$

5os siguientes pasos sern

simplemente e3perimentar con

otras formas geomtricas otros

colores de relleno o incluso usar

trazo de diferentes tama4os para

crear una composicin 0ue nos

guste&

-e pueden variar tambin las

posiciones de los objetos 0ue

vamos a fusionar e incluso

fusionarobjetos fusionados&

1l siguiente paso ser colocar las

estrellas donde 0ueramos& 6ara

mover objetos unos delante

otrosdetrs de estos primeros2

pulsaremos el botn derec#o del

ratn para llegar a un men9 0ue

nos permite organizar los objetos&

6rimero #emos de #acer clic fuera

de la ilustracin para salir del

modo fusin de la 9ltima estrella&

-abremos 0ue est en este

estadosi el resto de la ilustracin

aparecemenos iluminado2 como

en lasiguiente ilustracin (donde

la estrella azul est en modo

fusin!&

#ora s pulsaremos el botn derec#o para llegar al men9

de organizar objetos (pulsaremos Traer al "rente para

traer el objeto por encima de todos los dems7 >acia

delante2 para subir un nivel7 >acia atr6s2 para bajar un

nivel 7n'iar detr6s para mandar la ilustracin debajo de

todas las dems&

1n la siguiente pgina se puede ver un fondo de pantalla

creado con las estrellas 0ue se #an mostrado en este

tutorial&


13/216


6aso $% de $$

na vez creada la composicin

deseada la guardaremos desde

%rc/i'o (


14/216

na vez en esta pantalla2 podemos #acer clic en diferentes

opciones& 1n nuestro caso #aremos clic en 2 co#ias (desde laspesta4as de arriba! comparemos los pesos tama4os2 as como

el tiempo 0ue tarda en cargarse en una pgina web2 elegiremos

B17< de calidad0&


15/216


6aso $$ de $$

-i tomsemos la decisin de

13portar la imagen2 por0ue igual

no necesitamos visualizar el

estado final de nuestras imgenes2

podremos ir directamente a

%rc/i'o ( 7?#ortar las opciones

0ue nos ofrece Illustrator en este

caso son

1n la siguiente pantalla2

elegiremos un sitio adecuado

unnombre2 dejaremos el resto

de lasopciones como estn


16/216

#aremosclic en O,& @uestro

resultado


17/216

Tutorial .! Creacin de un estam#ado geomtrico

6aso $ de elados2 ste seguir

un trazado elptico& 6ara #acerlo trazaremos

primero una eli#se sin relleno ni trazo (barra de

#erramientas L #erramienta 1lipse!&

cercndonos al

trazado elptico

pinc#aremos en ste

cuando las guas

inteligentes nos avisen

con el te3to traGado e

introduciremos el te3to

>elados&

Jo seleccionaremos le

daremos un color rosa de

relleno podemos eliminar el

trazo& ?ama4o fuente )%%

puntos&

Cuando seleccionamos elte3to en el 6anel de control

nos aparecen opciones 0ue

pueden ser una auda rpida&

continuacin activaremos el

#anel de Car6cter desde el

men9 3entana ( Te?to (

Car6cter @Ctrl TA&

-eleccionando el te3to cambiando con

las flec#as del teclado el tipo de fuente

desde el #anel Car6cter o desde el

1anel de control2 vamos a cambiar de

fuente a 1ristina2 con 0 #untos de

tama4o sin trazo& Aesde el men9 Te?to

( ;uente podemos ver ejemplos de las

fuentes 0ue podemos aplicar&


71/216

Tutorial 5! Cartel#ster 'ectorial

6aso < de $+a un men9 bajo la barra de men9s 0ue se llama Te?to& 1n ste

podemos encontrar varias opciones para editar nuestro te3to&

?ambin aparece en este men9 un submen9 llamado

O#cionesde traGado!0u #emos elegido el e"ecto 7scaln&

1n este men9 podemos elegir tambin opciones como alinear conel trazado por encima2 por debajo2 centrado o en la lnea de base

(estos valores tambin pueden ser modificados ms tarde desde

en9 ( Te?to ( Te?to en traGado ( O#ciones de te?to en

traGado&

l seleccionar el

trazado de la elipse

del te3to se nos

muestran tres

corc/etes uno

se4ala el inicio2 otro

el #unto medio

otro el #unto "inal&

Colocando el puntero

sobre el corc/ete

delcentro aparecer

unpe0ue4o icono

juntoal puntero

como semuestra en

lasiguiente

ilustracin

Centraremos el corc/ete situado en

medio con el indicador de la mitad de

la elipse para centrar o tambin

podemos llevar los corc#etes de los

lados #acia abajo del todo luego

desde el #anel 16rra"o: 3entana (

Te?to ( 16rra"o @Ctrl %lt TA

centraremos el te3to en nuestra elipse&

-i aparece una cruz roja dentro de los

cuadros pe0ue4os2 significa 0ue a9n

#a ms te3to pero no est visible

a#ora mismo& aremos doble clic para

mostrarlo&


72/216


6aso J de $+#ora vamos a dar volumen al

te3to& 6ara ello

seleccionaremosnuestro te3to2

pulsando %lt lo

arrastraremos #acia arriba un

poco a la derec#a& 5e damos

relleno blanco para aparentar unpoco de volumen&

Ae esta manera tambin

podramos #acer sombras

transformando el ngulo de la

copia dndole un color ms

claro al original o jugando con

laopacidad&

#ora vamos a #acer el dise4o del

#elado 0ue va a formar parte del

nombre de la #eladera (5ola!2

ms concretamente de la letra

EMF&6ara ello realizaremos una

bola de #elado de c#ocolate con

c#ocolate negro derretido 0uecaer por encima&

Crearemos una elipse le

#aremos un degradado de tipo

lineal 0ue contendr colores

c#ocolate una tonalidad ms

clara de un color similar&

Con nuestra elipse seleccionada iremos al men9 7"ecto (


73/216


6aso $% de $+Nste es el

resultado 0ue

#emos obtenido

#ora vamos a #acer

el c#ocolate derretido

de encima2 para lo

0ue usaremos uncolor ms oscuro&

Bamos a crear el c#ocolate con la

/erramienta 1luma despus

elegimos el color de c/ocolate

negro o viceversa&

Con el c#ocolate seleccionado

vamos a utilizar la /erramienta

De"ormar (barra de #erramientas!2

0ue nos va a audar a dar una

apariencia ms suave a las gotas

de c#ocolate 0ue van caendo&

na vez seleccionada la

#erramienta2 #aremos clic

arrastraremos sobre las zonas

0ue 0ueramos suavizar&

6ara dar una sensacin

de volumen ms realista

le daremos un degradado lineal

como los 0ue a #emos realizado

antes&

#ora vamos a e3perimentar

con otros efectos2 como son el

efecto de Res#landor interior

8 e?terior& 6ara acceder a

estos efectos iremos al men9

7"ecto ( 7stiliGar (

Res#landor interior o bien (

Res#landor e?terior (bajo el

mismo men9!&

1ste efecto2 como su nombre

indica2 proporciona un efecto de

brillo interior 0ue podremos

regular a nuestro gusto&

6or ejemplo podremos editar el

modo de fusin de este brillo

con las dems capas

cambiarel tono del brillo& 6ara

nuestro c#ocolate elegiremos

un &rillode un marrn claro2

como en la captura de pantalla

en lapgina siguiente&


74/216


6aso $$ de $+

6odremos cambiar las opciones del cuadro

anterior visualizarlas en el momento como

en la galera de efectos&

Nste es el resultado 0ue #emos obtenido

#ora vamos a aplicar el mismo

efectopero en la &ola de #elado&

6ara steelegiremos odo: Normal*

O#acidadde 40* Desen"ocar 4*H

mm 8Centrar&

l aplicar efectos intentaremos buscar las

propiedades de los materiales con los

0ue trabajamos o intentamos imitar&

@uestro c#ocolate cuando va caendo podra

parecerse a la cera de una vela

consumindose2 sta podra parecer como si

fuera de plstico&

continuacin veremos el efecto de plstico en

nuestro c#ocolate&

Nste es un detalle


75/216


6aso $' de $+

1l siguiente efecto 0ue vamos a

aplicar no est en la galera de

efectos2 sino 0ue est en la

barrade men9s2 dentro del

men97"ecto ( 0D ( 7?trusin

8&iselado&

1ste efecto es mu verstil2 a

0ue podemos utilizarlo de varias

maneras2 previsualizarlo en el

momento aplicarlo a objetos

te3to& Con l realizaremos el

cono del #elado&

6ara nuestro cono2 trazaremosun tri6ngulo de relleno de color

ca0ui sin borde& 6ara rotarlo a

nuestro gusto iremos al men9

)A

L 13trusin biselado le

pondremos los siguientes datos

marcados en la ilustracin

l pinc#ar en el cubo de )A se puede controlar la

perspectiva mu fcil rpidamente mientras

#acemos esto2 nuestro triangulo tomar un aspecto

parecido al siguiente en modo de previsualizacin&

Cuando estemos contentos

con la forma obtenida para

nuestro cono2 #aremos clic

en MD&

#ora situaremos el cono

bajo la bola de #elado2

deformaremos sta un poco

para 0ue parezca derretirse

sobre el cono utilizando la

/erramienta De"ormar

@a89sculas RA de la barra

de #erramientas (0ue a

usamos previamente!&

?ambin se puede deformar

despus #aciendo clic en

nuestro tringulo pinc#ando

arrastrando en las es0uinas

o lados de nuestro cono&


76/216


6aso $) de $+

6ara la E5F de 5ola vamos a crear

unas cuc#arillas de plstico con

la/erramienta Rect6ngulo

redondeado de la barra de

#erramientas&

?razaremos un rectngulo

redondeado pulsando la tecla

8a9sculas para conseguir un

cuadrado perfecto luego otro

para el mango de la

cuc#arilla2pero esta vez lo

alargaremos#acia abajo&

5o centraremos

seleccionando

ambas formas

utilizando el panel

linear o poniendo

atencin a las

guas inteligentes&

sando otra vez la

#erramientade ;ectngulo

redondeado trazaremos uno

en el interiordel primero&

6ara crear un poco de

profundidad le aplicaremos un

degradado 0ue vaa de unazuloscuro a transparente&

Nste es el

resultado 0ue

obtenemos al

aplicar el

degradado

6or 9ltimo2 daremos un efecto

#lasti"icado a nuestra cuc#arilla&

Como antes2 desde la galera de

efectos elegiremos el siguiente

icono con las siguientes

caractersticas Intensidad: 4*

Detalle: * Sua'iGado: 4&

gruparemos los elementos de

lacuc#arilla mediante el &otn

derec/o del ratn ( %gru#ar

#aremos una copia de la cuc#ara

para rotarla cambiar el color&

s a tendremos formada

nuestra E5F de cuc#arillas&

Bamos a utilizar la /erramienta

1incel para la segunda ElF de

5ola& 6ara esto simplemente

#aremos clic en la #erramienta

6incel desde la barra de

#erramientas con un trazo

verde de J pt de grosor la

trazaremos&

na vez trazada la lnea

podremos transformar sus

puntos de ancla&


77/216

Tutorial 5! Cartel#oster 'ectorial

6aso $* de $+

1l 9ltimo elemento de nuestro cartel ser la

letra a& 6ara sta vamos a elegir un tipo de

fuente 8riad 1ro Regular2 con tama4o de

5 puntos e It6lica (cursiva!&

1n las siguientes ilustraciones se muestra la

misma letra antes despus de cambiar a

cursiva& Como vemos2 sta no cambiasolamente la inclinacin del trazo2 sino 0ue

cambia totalmente su apariencia2 aun0ue no

esmu normal puede ocurrir con algunos

tipos de letra&

6ara practicar un poco mas con )A vamos a

aplicar perspectiva a esta letra a& 6ara ello

seleccionaremos la letra e iremos al men9

7"ecto ( 0D ( 7?trusin 8 &iselado

#aremos clic en la zona del cubo

arrastraremos #asta encontrar la perspectiva

deseada& ?ambin podemos ir bajo posicin elegir posiciones predeterminadas&

ntes o despus de aplicar el efecto

de)A podemos cambiar el color de

nuestra letra si lo deseamos& emos

aplicado un p9rpura con el efecto )A

ese color en la parte de la perspectiva

cambia automticamente para dar una

sensacin de perspectiva ms realista&

na vez #ec#o esto el resultado de la

letra es el de la siguiente ilustracin&


78/216

Tutorial 5! Cartel#oster 'ectorial

6aso $+ de $+

6ara finalizar2 guardaremos la

imagen final desde el men9

rc#ivo L 13portar (elegir lugar

donde se va a guardar tipo de

documento TI;;!

1legimos TI;; por0ue contamos

con 0ue este pster2 al ser de

grandes dimensiones2 va a ser

impreso en una impresora de

gran formato calidad& 1ste

formato ser ideal para

impresoras con m6s de cuatrotintas&

%cti'idad: crear un pster para el

circo con un destello de fondo

te3to 0ue diga Circo siguiendo un

trazado circular en )A&


79/216

Tutorial 4! Creacin de una gr6"ica 'ectorial

6aso $ de $'

1n este tutorial vamos a realizar

dos gr6"icas2 una ms sencilla

(#asos a H! otra en la 0ue

vamos a incluir dise4os nuevos

(a partir del paso

n9mero F!&

@uestra primera grfica va a ser

una grfica lineal& 5a segunda

va a ser de &arras&

prenderemos a realizar

grficas a editar tanto el te3to

como los detalles de stas&


80/216


6aso ' de $'

1n este tutorial vamos a realizar

dos gr6"icas2 una ms sencilla

(#asos a H! otra en la 0ue

vamos a incluir nuestros propios

dise4os (a partir del paso

n9mero F!&

@uestra primera grfica va a ser

una grfica lineal&

6ara empezar crearemos un

documento 0ue nombraremos


81/216

Illustrator CS5 gua de maquetacin


6aso ) de $'

aciendo clic en este icono se

muestra un men9 desplegable en

el0ue podemos #acer una

seleccin rpida del tipo de grfica

0ue0ueremos&

l #acer esto2 los 'alores del e+e M se

dispondrn autom6ticamente para cubrir

nuestros valores& na vez #ec#o esto

#aremos clic en aplicar&

aciendo do&le clic en este icono se

muestra una ventana nueva con ms

opciones para elegir nuestra grfica

como se muestra en la ilustracin

siguiente&

na vez #ec#a nuestra seleccin de opciones de

grfica2 #aremos clic en O, despus #aremos

clic arrastraremos #asta 0ue la grfica alcance

el tama4o deseado&

Introduciremos los valores de nuestra grfica

manualmente& (?ambin podemos im#ortarlos

desde un documento 13cel u otros o simplemente

copiando pegando los datos!&

6ara #acer una le8enda pondremos los

ttulos de sta en la fila mostrada en la

ilustracin anterior (gatos 8 gallinas!&

6ara los datos del e+e #a 0ue

ponerlos entre comillas como muestran

los a4os de la ilustracin&

1l siguiente sera el resultado inicial de

nuestra grfica& #ora vamos a

convertirla en una imagen un poco ms

interesante llamativa&


82/216


6aso * de $'

na vez realizada la grfica2 si nos

#ubisemos olvidado de insertar

alg9ndato o 0uisiramos introducir

alg9notro cambio2 lo #aramos desde

elmen9 O&+eto (


83/216

Tutorial 4! Creacin de una gra"ica 'ectorial

6aso + de $'

6ara el te3to del eje 2 vamos a ver cmo alinearlo con el

eje cambiaremos la fuente como indicamos en la anterior

captura de pantalla (del 6anel de control!&

1l resultado es el 0ue se muestra a la derec#a&

6ara el te3to del eje Q utilizaremos las mismas

caractersticas2 pero en lugar de alinear los n9meros a la

derec#a2 los centraremos 2 despus2 desde el men9

Car6cter* los alinearemos en la 'ertical como se indica en

la siguiente ilustracin @con un 'alor de $A&

Bamos a dejar a0u de

momento los datos de la

grfica vamos a editarla&

#ora desde el men9

7"ecto ( 0D ( 7?trusin

8 &iselado daremos a

nuestra grfica la

perspectiva profundidad

deseadas&

a 0ue tener cuidado

con la le8enda2 si nos

pasamos con la

perspectiva puede 0ue se

mezcle con el grfico o

viceversa& 6odemos

evitaresto tac#ando la

casilla de previsualizar&

1l resultado es el

siguiente


84/216


6aso , de $'

na vez #ec#o esto2 0ueremos

eliminar esos pe0ue4os puntos

0ue audan a visualizar los puntos

0ue insertamos en nuestra tabla

por0ue no 0uedan mu bien con

laperspectiva (stos pueden ser

sustituidos por dise4os pero no ennuestro caso!&

-e pueden ver algunos de

ellosbajo los crculos rojos de

lasiguiente ilustracin

Como a dijimos2 no podemos

volver al men9 de dise4o2 as 0ue

vamos a #acer una pe0ue4a

trampa para eliminarlos&

aciendo clic derec#o vamos a elegir Seleccionar (

1rimer o&+eto encima (se nos seleccionarn dic#os

puntos! #aremos clic en Su#rimir desde el

teclado&

Bamos a dar color a la grfica& 6ara ello 0ueremosdesagruparla como anteriormente&

plicaremos color desde el 6anel de control7 #emos

elegido un rosa para los datos de gato #emos dejado

el gris un poco ms claro para las gallinas&

?ambin vamos a cambiar el grosor de nuestro

traGo de las lneas (desde el 6anel de control! a

un valor de #untos dejamos el estilo en

-6sico (como estaba!&

6ara dar un poco ms de iluminacin al

grfico vamos a utilizar un efecto 0ue a

usamos en la bola de c#ocolate del

tutorial anterior (elados 5ola!& 7"ecto (

Res#landor interior elegiremos

centrar con una opacidad de 4

desenfo0ue de 5 #?&

Gua de aprendizaje

Illustrator CS5 gua de maquetacinINICIO | CRDITOS


85/216

g q


6aso = de $'

Mbtendremos el siguiente resultado

#ora vamos a juntar las dos partes

de nuestra grfica intentando alinear

los trazos con las medidas de los

ejes

las vamos a agrupar de nuevo&

1l 9ltimo paso 0ue vamos a dar con

esta grfica va a ser dibujar unos

trazados discontinuos 0ue vaan por

encima de nuestros trazados a la

altura de las medidas del eje &

Con la #erramienta 1luma (de la barra de

#erramientas! seleccionada a la altura delas medidas de nuestro eje vamos a trazar

lneas&

aremos clic en el punto donde 0ueramos

0ue empiece la lnea luego a la vez 0ue

pulsamos la tecla 8a9sculas (para 0ue

las lneas sean rectas! pulsaremos donde

0ueramos 0ue acabe&

Re#etiremos este paso o copiaremos

pegaremos las lneas tantas veces como

puntos #a en el eje &

Bamos a #acer esas lneas trazos

intermitentes& na vez realizadas las lneas

las vamos a seleccionar (#aciendo clic en

una luego mientras presionamos Ctrl en

las dems #asta tenerlas todas

seleccionadas! e iremos al men9 TraGo

(desde el panel %#ariencia!&na vez a0u seleccionaremos el grosor

deseado ($pt! seleccionaremos Jnea

discontinua& 5uego introduciremos valores

de 5 #t de guin 8 5 #t de /ueco

sucesivamente&

Gua de aprendizaje

Illustrator CS5 gua de maquetacinINICIO | CRDITOS


86/216

g q


87/216


88/216

Tutorial 4! Creacin de una gra"ica 'ectorial

6aso J de $'

#ora pues vamos a comenzar

nuestrasegunda grfica&

6ara sta no vamos a e3plicar todos los

puntos bsicos a tocados en la primera parte

de este tutorial2 sino 0ue nos vamos a centrar

en cmo incluir diseKos #rede"inidos ocmopodemos crear nue'os dise4os para

incluir en nuestra grfica&

Bamos a comenzar realizando una grfica

simple como la 0ue #emos realizado al

comienzo de este tutorial2 pero esta vez

utilizando la #erramienta


89/216


6aso $% de $'

#ora vamos a grabar este

dise4o en Illustrator para 0ue lo

podamos incluir en la grfica&

6ara #acer esto vamos a

Seleccionar el diseKo

elegimos O&+eto (


90/216


6aso $$ de $'

#ora vamos a incluir un diseKo de

Illustrator& Con la /erramienta

Seleccin de gru#os

seleccionaremos la leenda @do&le

clicA& #ora vamos a im#ortar

diseKos #redeterminados desde el

men9 3entana ( -i&liotecas de

muestras ( Otra &i&lioteca&

6ara obtener estas muestras iremos a

la carpeta de Illustrator dentro de

esta iremos a 7?tras interesantes (

%rc/i'os de e+em#lo ( DiseKos de


91/216


6aso $' de $'

a tenemos entonces nuestra

segunda grfica formada por un

dise4o 0ue #emos creado

nosotros por un segundo 0ue

#emos importado a nuestra

biblioteca de muestras&

Como acti'idad se puede

#acerotra grfica con un

dise4ocreado con otra

#erramienta tambin se le

puede aplicar1fecto )A de

rotacin&

1sta vez2 e3portaremos la

grfica como B1


92/216

Tutorial H! Creacin de arte #ara im#rimir en una camiseta

6aso $ de $"&

Aespus iremos a %'anGado (en la lista a mano derec#a de la ventana!

una vez en la nueva ventana elegiremos Sin #rdida

seleccionaremosRe#eticin&

6ara previsualizar nuestra animacin #aremos clic en 1re'isualiGacin en

)e& (tambin se puede guardar como un documento "las# luego abrirlo

en una ventana de e3plorador en blanco!&

1n la siguiente animacin podemos

ver el resultado de nuestra

animacindel cartel de open

Insertar documento llamado

%nimacion!s)"


121/216

azul:

Tutorial F! Creacin de una animacin en Illustrator

6aso = de $$

#ora vamos a ver una segunda

manera de realizar una animacin

"las# dentro de Illustrator&

6ara empezar2 crearemos un

documento nuevo R


122/216


6aso < de $$

#ora vamos a agrupar cada ilustracin

a alinearlas todas desde

el #anel %linear @3entana ( %linear o

a89sculas ;H desde el tecladoA

Aesde ste #aremos clic en %linear

'ertical 8 /oriGontalmente2 como se

muestra en la siguiente captura de

pantalla&

1l resultado visual es el siguiente

aciendo doble clic en la

/erramienta ;usin (desde la

barrade #erramientas! abriremos la

ventana de o#ciones de ;usin&

1n esta nueva ventana vamos a

#acer clic en 1asos se#arados F

orientacin %linear con

#6gina! Aespus #aremos clic

en

O,&


123/216

Aespus de esto iremos al men9 O&+eto ( ;usin

( Crear para crear la fusin&

5a imagen 0ue vemos en nuestra mesa detrabajoa#ora es la siguiente


124/216


6aso J de $$

Con nuestra ilustracin a9n

seleccionada lo 0ue 0ueremos es2

como en la primera parte de este

tutorial2 conseguir 0ue estas

formasestn cada una en una

capa&

1ntonces2 como anteriormente2

iremos al men9 O&+eto ( 7?#andir2

0ue nos dejar con la siguiente

visualizacin de nuestra ilustracin

1l siguiente paso 0ue #a

0ue dar es desagrupar

las formas men9 O&+eto

(Desagru#ar&

Aesde el men9 de Capas

@3entana ( Ca#asAobservamos 0ue todas

estas formas estn

separadas engrupos pero

todava estncontenidas en

una solacapa&

@uestra siguiente tarea es

se#ararlas en di"erentesca#as& Como en el tutorial

anterior2 con la ilustracin

seleccionada desde el

men9 desplegable de arriba

a la derec#a del panel de

Capas #aremos clic en

Soltar a ca#as

@secuenciaA&

#ora nuestro panel de capas

contiene una capa 0ue est

dividida en otras '< capas

comovemos en la captura de

pantallasiguiente


125/216


6aso $% de $$

Como se puede apreciar2

Illustrator da colores a las

capas para diferenciarlas mejor&

Nstas lgicamente coincidirn

en la ilustracin en el panel

decapas& @uestra forma se

veralgo as

Ae la misma manera 0ue

#icimosen nuestro primer

tutorial2 vamos a#ora a 7?#ortar

nuestro documento&

Iremos entonces al men9 %rc/i'o

( 7?#ortar2 en el 0ue elegiremos

las opciones indicadas en la

ilustracin de la derec#a

1n la ventana 0ue aparece nuevamente #aremos clic en 7?#ortar: Ca#as %i a

"otogramas SE;& Aesde la pesta4a de %'anGado #aremos clic en ;ormato de

imagen: Sin #rdida en "recuencia de imagen (. "#s! con re#eticin&


126/216


6aso $$ de $$

6odemos #acer una previsualizacin de

cmo va a 0uedar nuestra animacin2

pues puede 0ue 0ueramos ajustar las

opciones a ms rpido2 ms despacio2

etc& -i no2 lo guardaremos

directamentepara poder verlo ms

tarde en unaventana del e3plorador&

% la derec/a #odemos 'er el

resultado "inal de nuestra animacin!

%cti'idad: realizad una animacin

partiendo de tres di&u+os creados con

la tcnica de trans"ormacin 8

rotacin variando las formas&

partir del siguiente tutorial de nuestra

gua de aprendizaje (?utoriales J al $+

inclusive! vamos a centrarnos en

e3plicar las novedades actualizaciones

de Illustrator C-+&

Insertar documento

llamado nimacion'&swf

Gua de aprendizaje



127/216

Tutorial ! Creacin de un edi"icio 'ectorial en #ers#ecti'a

6aso $ de$*

1n este tutorial vamos a crear

un edificio vectorial 0ue de la

sensacin de estar dibujado en

tres dimensiones como el 0ue

se muestra en esta pantalla&

6ara crear este edificio en

perspectiva vamos a utilizar una

#erramienta nueva de Illustrator

C-+ la erramienta

Cuadrcula de #ers#ecti'a2 la

cual nos permitir crear objetos

con perspectiva de uno2 dos

tres puntos adems nos

facilitar el trabajo de mover2

cambiar la escala2 #acer

transformaciones #asta

duplicados de objetos de

manera dinmica& 1sto nos ser

mu 9til a la #ora de dibujar2 por

ejemplo2 las ventanas

directamente en perspectiva&


128/216


6aso ' de$*

a 0ue tener en cuenta 0ue a

pesar de 0ue podemos lograr un

efecto de perspectiva bastante

realista2 no estamos trabajando en

un entorno en )A tambin

conviene saber 0ue una vez

trazada la cuadricula el dibujo2

las posibilidades de manipulacin

de los mismos se vern

reducidas&

6ara empezar abriremos Illustrator

C-+ crearemos un documento

nuevo para >eb& %rc/i'o (

Nue'o ( Documento2 una vez

#ec#o esto aparecer una nueva

ventana donde daremos el

nombrede 1dificio a nuestro

documento en el men9

desplegable 0ue dice@uevo

perfil de documentoelegiremos

Im#rimir&


129/216


6aso ) de$*

-er conveniente #acer una buena

planeacin de la ilustracin antes de

comenzar&

6ara facilitar la creacin de nuestro

dibujo es una buena idea el #acer un

&oceto de lo 0ue 0ueremos realizar o

bien podemos utilizar una "otogra"a en

la 0ue nos podamos apoar a la #ora

de realizar la ilustracin vectorial&

5o siguiente 0ue #aremos va a ser escanear el boceto (en

este caso! colocar el dibujo escaneado en el documento

para 0ue nos sirva de gua& 6ara ello #aremos clic en el

men9 %rc/i'o ( Colocar una vez se abre la nueva

ventana #a 0ue buscar seleccionar el arc#ivo

escaneado guardado en nuestro ordenador #aremos

clic en

Colocar&

a con el arc#ivo colocado en

la mesa de trabajo

transformaremos el tamaKo

#aciendo clic en los pe0ue4os

cuadros (puntos de ancla! 0ue

se delimitan las es0uinas de el

documento escaneado

presionaremos la tecla

a89sculasS/i"t antes de

arrastrar para mantener las

proporciones originales&


130/216


6aso * de$*

6or 9ltimo2 pinc#aremos

arrastraremos en la imagen de el

documento #asta dejarlo en el

lugardeseado&

1l siguiente paso a dar va a ser crear

una plantilla con la capa del

documentoescaneado&

aciendo clic en el 1anel de ca#as

se nos desplegar el correspondiente

panel 0ue muestra la 9nica capa

(documento escaneado!&

Con sta capa seleccionada #aremos

clicen el men9 desplegable de arriba a

laderec#a elegiremos 1lantilla!

#ora el documento tiene una capa blo0ueada 0ue no

podremos mover ni modificar a no ser 0ue #agamos

clicen el pe0ue4o candado 0ue aparece en la capa del

panel de capas&

Mtra opcin para convertir nuestra capa a plantilla es

simplemente #acer doble clic en la capa (desde el panel

decapas! elegiremos VplantillaW en la ventana 0ue

aparece&?ambin podemos elegir a0u cmo de tenue

0ueremos 0ue aparezca la plantilla en porcentaje&


131/216


6aso + de$*

#ora necesitamos #acer otra capa donde poner

nuestra ilustracin& Aesde el 6anel de Capas

#aremos clic en el icono de Crear nue'a ca#a

para crear la ilustracin en ella&

#ora vamos a utilizar la >erramienta

Cuadrcula de #ers#ecti'a #aciendo clic en el

icono de la misma desde el panel de

erramientas& Ae inmediato veremos como

aparece en la pantalla la cuadrcula de

perspectiva sobre eH dibujo escaneado&

6or defecto se nos muestra una perspectiva de . puntos& ?ambin se puede

acceder a la Cuadrcula de perspectiva desde la barra de 8en9s2 en el en9 3er (

Cuadricula de #ers#ecti'a ( ostrar cuadrcula!

Mtra forma de mostrar la cuadrcula de perspectiva es presionando la tecla CmdCtrl

a89sculas I para ocultarla volveremos a presionar las mismas teclas&

-i en lugar de ' puntos 0ueremos crear una cuadrcula de perspectiva de 0

puntos lo podremos #acer desde en9 3er ( Cuadrcula de #ers#ecti'a (

1ers#ecti'a deuno* dos tres #untos! Aebajo de estas opciones tambin

tenemos la opcin de L


132/216


6aso , de$*

?ambin tendremos

la oportunidad de

cambiar los colores

de los planos de la

cuadrcula otras

opciones

personalizadas eneste caso vamos a

respetar las

opciones 0ue nos

#asugerido

Illustrator&

@uestra cuadrcula de perspectiva est formada por varias partes

(! Eidget de cam&io de #lano* @-A Jnea /oriGontal* @CA 1unto de "uga iGquierdo* @DA 7?tensin de cuadrcula 'ertical* @7A 1unto de

"uga derec/o* @;A Ni'el del /oriGonte* @A 7?tensin de cuadrcula* @IA 8 @OA Ni'el del suelo* @BA Control de #lano de cuadrcula

derec/a* @,A TamaKo de la celda de la cuadrcula* @JA 1unto de Origen* @A Control de #lano de cuadrcula /oriGontal* @NA Control de

#lano de cuadrcula iGquierda!


133/216


6aso = de$*

-i lo deseamos podemos audarnos

con la regla de cuadrcula por medio

del men9 3er ( Cuadrcula de

#ers#ecti'a ( mostrar reglas

tambin podemos cambiar el tipo de

medidas de la misma&

#ora 0ue conocemos las partes de

la cuadrcula2 lo 0ue tenemos 0ue

#acer es a+ustar la cuadrcula a la

plantilla2

-i no vemos los puntos de fuga en

pantalla (a veces 0uedan bastante

alejados! nos alejaremos un poco de

nuestra ilustracin #aciendo clic en

CmdCtrl $ utilizando la

>erramienta de Voom desde el

panel de erramientas

presionando%lt #asta 0ue aparezca

un signomenos (:! en la lupa 0ue

acompa4aa la flec#a de ratn&

6ara transformar mover la

cuadrcula debemos de tener la

erramienta seleccionada&

justaremos primero la #orizontal de

lacuadrcula con la de el documento

escaneado #aciendo clic en el punto(I! Ni'el del suelo para alinearlo

dondecomienza el suelo de la

plantilla2 a su vez lo alinearemos con

los planos iz0uierdo derec#o de

nuestraplantilla&

5o siguiente va a ser ajustar la

altura #aciendo clic

arrastrando el #unto de

e?tensin 'ertical (A! #acia

abajo #asta encontrar la altura

deseada&

tilizaremos los #untos de

"uga iz0uierdo (C! derec#o

(1! para conseguir 0ue la

cuadrcula cubra toda la

superficie deseada&


134/216


6aso < de$*

1n este caso2 como la

plantilla fue creada desde

una ilustracin #ec#a a

mano2 laperspectiva no era

totalmente correcta2 no

intentaremosseguir esta en

su totalidadpero si nos sirve

como guageneral&

8overemos la lnea de

/oriGonte ("! #asta 0ue

los planos derec#o e

iz0uierdo coincidan con la

plantilla (marcados en rojo

en la captura de pantalla

siguiente!

6ara ajustar un poco mejor lacuadrcula vamos a presionar en el

punto de TamaKo de celda de

cuadrcula (D! lo arrastraremos

#acia arriba o #acia abajo seg9n

0ueramos agrandar o

empe0ue4ecer las celdas&

6ara 0ue la cuadrcula no

dificulte la creacin de la

ilustracin2 le vamos a reducir

la opacidad desde 3er (

Cuadrcula de 1ers#ecti'a

( De"inir cuadrcula nos

aparecer la siguiente

pantalla donde #aremos clicen la seccin de Color 8

o#acidad de cuadrcula (

O#acidad: .5 #aremos

clic en O,&


135/216


6aso J de$*

6ara 0ue no se mueva nuestra perspectiva sin 0uererlo2 vamos a

blo0uearla desde el men9 3er ( Cuadrcula de #ers#ecti'a ( -loquear

cuadrcula!

#ora vamos a comenzar a poner las

ventanas en el edificio& 6ara ello vamos a

seleccionar la perspectiva en la 0ue 0uiero

poner las primeras ventanas utilizando plano

(azul por defecto! del Eidget de la cuadrcula

de perspectiva2 o presionando el n9mero

del teclado&

aremos zoom CmdCtrl para ver mejor

la ilustracin elegiremos la /erramienta de

rect6ngulo desde el men9 de #erramientas&


136/216


6aso $% de$*

dems de las #erramientas del men9

anterior2 tambin podemos utilizar otras

"ormas &6sicas como se muestra en la

imagen siguiente2 en la perspectiva 0ue

encontraremos en el men9 de

#erramientas menos la /erramienta

destello2 0ue no es compatible con la

#erramienta de cuadrcula de

perspectiva&

na vez #ec#o esto comenzaremos a

dibujar las ventanas con perspectiva&

Con la /erramienta de rect6ngulo

seleccionada pinc#aremos

arrastraremos #asta 0ue consigamos la

forma deseada&

na vez trazadas la primera

ventana de el plano de la

iz0uierda iremos al men9

desplegable deTrans"ormar2

donde podremoscontrolar la

escala de la misma de una

manera ms e3acta&

5as medidas 0ue se muestran

a0u son las de nuestro rectngulo

sin perspectiva&

6odemos #acer 0ue nuestras

ventanas se acoplen a la

cuadrcula de perspectiva desde el

men9 3er ( cuadrcula de

#ers#ecti'a ( a+ustar a

cuadrcula!

#ora vamos a ir al men9 de #erramientas L

/ i t d ti / i t d

presionaremos la tecla %ltO#cin para #acer un

d li d l ll # t d d


137/216

/erramienta de #ers#ecti'a ( /erramienta de

seleccin de #ers#ecti'a!

(?ambin utilizaremos esta 9ltima opcin

para

cuando 0ueramos cambiar detama4o lasventanas 0ue conserven la

mismaperspectiva!&

na vez #ec#o esto

presionaremosa89sculasS/i"t

seleccionaremos las ventanas

0ue 0ueramos duplicar2 a#ora

duplicado las llevaremos #asta donde

0ueramos2 una vez logradas las cuatro primeras

podemos #acer clic en Mbjeto L transformar L

volver a transformar CtrlCmd D

nos

copiara estas sucesivamente guardando la

distancia 0ue aplicamos la primera vez #asta

completar la segunda #ilera de ventanas&

Gua de aprendizaje

Illustrator CS5: gua de maquetacinINICIO | CRWDITOS


138/216


6aso $$ de$*

-i presionamos * .* 0 2 cuando

arrastramos las ventanas2 stas se

adaptarn a la perspectiva de los distintos

planos de la cuadricula2 sta es una manera

rpida de trabajar con la #erramienta de

cuadricula&

-i presionamos a89sculasS/i"t cuando

arrastramos las ventanas conseguiremos

0ue stas se muevan en lneas rectas&

@os audaremos de las


139/216


6aso $' de$*

6odemos cambiar la vista de el documento de

contornos a previsualizar desde el men9 3er

(1re'isualiGar #resionando CtrlCmd

M! ;ealizaremos esta misma accin cuando

0ueramos volver a vista de contornos&

#ora vamos a seleccionar todas las ventanas

desde el panel de capas e iremos al #anel de

degradado2 donde elegiremos un degradado

lineal como 0ueremos 0ue sea un degradado

azul elegiremos un color azul claro2 uno medio

otro oscuro #aciendo doble clic en los

reguladores de degradado eligiendo los

colores&

na vez #ec#o esto #aremos clic en la

>erramienta de degradado luego en

la ilustracin como a tenemos

seleccionadas las ventanas nos aplicar

el degradado lineal sobre las mismas

obteniendo el siguiente resultado&

#ora vamos a #acer lo mismo

con las paredes del edificio con

la acera&


140/216


6aso $* de$*

6ara complementar la

ilustracin con algunos detalles

a4adiremos unos arbustos

unos rboles alrededor de el

edificio& Crearemos una capa

nueva donde colocar estos

detalles2 e iremos a

-i&liotecas de sm&olos (

naturaleGa!

0u elegiremos unos detalles para animar

un poco el edificio& Bamos a ponerlos ennuestra ilustracin sin cuadrcula activa

usando el Eidget presionando el n9mero

2 en nuestro teclado&

1n este tutorial

#emos puesto en

prctica entre

otras2 la

innovadora

#erramienta de

Illustrator C-+

>erramienta de#ers#ecti'a!

#ora iremos a

men9 %rc/i'o (

guardar lo

guardaremos en

esta ocasin

como

documento de

Illustrator!


141/216


6aso $* de$*

1ste es el resultado final&

Como actividad de

prctica podemos realizar

una caja de cerillas en

perspectiva en la 0ue

pongamos tambin un

te3to en perspectiva la

marca de las cerillas&

1n el siguiente tutorial

veremos la creacin de

un dibujo #aciendo uso

de los traGos atracti'os!


142/216

Tutorial ! Creacin de un di&u+o con traGos atracti'os!

6aso $ de J

1n este tutorial vamos

a crear la siguiente

imagen vectorial&

l realizarla vamos a

practicar el uso de

traGos atracti'os de

diferentes grosores2

0ue es una de las

mejoras en la

utilizacin de trazos

0ue Illustrator C-+

nos ofrece en esta

versin del programa&


143/216


6aso ' de J

Comenzaremos este

tutorial creando un

documento de

Illustrator nuevo

como se muestra en

la figura siguiente&

Bamos a comenzar

el tutorial dibujando

con la /erramienta

de di&u+o deseada&

1n este caso #emos

usado la

#erramienta lpiz

desde la barrade

#erramientas2para

dibujar una cara

(imitando una

ilustracin de

5eonardo Aa Binci!&


144/216


6aso ) de J

na vez seleccionada la

#erramienta vamos a

proceder a modificar el

primer trazo2 #emos

elegido el contorno de la

cara simplemente

#emos #ec#o clic sobre

el mismo lo #emosarrastrado #asta

obtenerel grosor de

trazodeseado como

vemosen la captura de

pantallasiguiente&

continuacin vamos

a modificar utilizando

la /erramienta de

anc/ura

presionando

a89sculas E en

el teclado&

#ora vamos a #acer otro cambio de grosor

del mismo trazo en la parte de la derec#a

del rostro realizando la misma operacin&


145/216


6aso * de J

continuacin vemos el proceso de cambio

de grosor de otro tramo del mismo trazo&-i 0ueremos guardar este perfil de

trazo solo tenemos 0ue ir al #anel de

traGo ( men9 des#lega&le de #er"il

(guardar (#aciendo clic en el icono

deguardar!&

continuacin le vamos a dar un

nombre2 por ejemplo X#er"il de rostroY

podremos utilizarlo despus tantas

veces como 0ueramos&

6ara la nariz vamos a utilizar uno de los

perfiles preestablecidos2 por ejemplo el

llamado 1er"il de anc/ura .&


146/216

Si cuando pinchamos en el trazo pulsamos la tecla Alt/Opcin, tendremos la posibilidad de cambiar el grosor del trazo de la

parte inerior del trazo).

!ara los ojos vamos a agrandar el tama"o del trazo en la mitad # lo vamos a hacer ms delgado en los e$tremos simplemente pinchando # arranchura seleccionada).


6aso + de J

tilizando un grosor de trazo de 2 #t* as es

como0uedara nuestra ilustracin

#ora vamos a seleccionar los trazos de todo

el pelo los vamos a agrupar2 para estos

vamos a elegir un trazo de 4 #t el #er"il de

anc/ura 4&

s es como nos 0uedara la

ilustracin despus de realizar esto&


147/216


6aso , de J

aremos lo mismo con la

otra mitad del trazo loguardaremos como

#er"ilde o+o!

continuacin seleccionaremos el trazo del otro

ojo para aplicarle este nuevo perfil de ojo 0ue

#emos creado2 le cambiaremos el grosor del

trazo a un . #t resultndonos lo siguiente

6ara la ceja derec#a elegiremos un trazo de 2 #t

el #er"il de anc/ura &

6ara la ceja derec#a elegiremos un trazo de 2

#t! el #er"il de anc/ura 2 adems

cambiaremos la anc#ura de la parte iz0uierda

para 0ue sea un poco ms gruesa de lo 0ue es

a#ora obteniendo la siguiente imagen


148/216


6aso = de J

6ara los labios vamos a comenzar transformando

el labio de arriba2 presionando la tecla %ltO#cin

del teclado elevando los dos picos&

5uego bajaremos un poco la parte de la mitad

tambin presionando %ltO#cin para 0ue no

mueva la parte de abajo por 9ltimo #aremos

el labio de abajo utilizando la misma tcnica&

#ora vamos a elegir un color rojo para el

trazo de los labios nos 0uedarn como

muestra la siguiente imagen

1l #er"il de anc/ura .2 es el perfil 0ue #emos

utilizado para los trazos restantes (cuello

#ombros! de la ilustracin&


149/216


6aso < de J

6or 9ltimo podemos guardar el arc#ivo de Illustrator desde

el men9 %rc/i'o (


150/216


6aso J de J

1ste es el resultado 0ue #emos

obtenido&

Como mencionamos al principio2

este tutorial nos #a audado

principalmente a practicar con la

nueva /erramienta de traGos

atracti'os a crear guardar

nue'os traGos personalizados&

Como prctica podemos

realizarun carcter de dibujos

animadospor ejemplo2 a 0ue

probablemente abundarn en l

trazos de diferentes grosores&

1n el siguiente tutorial veremos

principalmente el #incel de

Cerdas los modos de di&u+o

nuevos de esta versin de

Illlustrator C-+&


151/216

Tutorial ! Creacin de una ilustracin con el #incel de cerdas 8 modos de di&u+o!

6aso $ de $+

1ste tutorial va a tratar varias

/erramientas de di&u+o una vez

#ec#o el dibujo veremos como

utilizar los nuevos pinceles de

Illustrator (C-+! llamados 1incel

de cerdas!

1stos pinceles nos permiten

realizar ilustraciones con semejanza

a lo 0ue podramos crear con

pinceles de arte reales como vemos

en esta representacin de la

ilustracin 0ue vamos a realizar en

este tutorial&

?ambin como novedad2 veremos

cmo utilizar el nuevo modo de

di&u+o: di&u+ar en el interior& 6ero

antes de ver esto realizaremos el

zorro en si utilizando otras tcnicas&


152/216


6aso ' de $+

Bamos a crear un documento

nuevo de Illustrator con las

siguientes caractersticas

Documento #ara im#rimir2 de

tama4o %22 de resolucin de 0

##i un perfil de color CM,&

Bamos a realizar una ilustracin de

un zorro& 6ara ello vamos a

comenzar realizando un &oceto

0ue vamos a escanear e im#ortar

a Illustrator C-+ en modo de

plantilla (como #abamos #ec#o

con el tutorial del edificio en

perspectiva!&

?ambin lo podemos crear

directamente con la /erramienta

#luma u otra /erramienta de

di&u+o2 pero el boceto nos

facilitar esta tarea&


153/216


6aso ) de $+

Iremos a %rc/i'o (

colocar2 elegiremos el

arc#ivo deseado2 luego

#aremos clic en colocar

despus de colocado

aplicaremos otra vez

alrededor de un .5 de

opacidad al realizar una

plantilla 0ue no moleste

demasiado&

6ara esto tenemos 0ue

#acer clic en el #anel de

ca#as desde el men9

desplegable de arriba a la

derec#a elegiremos

6lantilla luego #aciendo

doble clicen la ca#a del

panel decapas elegiremos:

%tenuar im6genes /asta

un .5 #aremos clic en

O, paraguardar los

#aciendo clic en elmismo para 0ue desaparezca

nos permitir #acer los cambios deseados&


154/216

-i tambin 0ueremos mover agrandar el tama4ode el zorro2 como es el caso2 lo

vamos adesblo0uear desde el candado de al lado de la capa $ del panel de capas2

ec#o esto volveremos a &loquear la capa para

0ue no se mueva volviendo a #acer clic donde

estaba el candado (en el panel de capas2 junto a

la capa correspondiente!&


155/216


6aso * de $+

#ora vamos a comenzar a realizar los

trazos principales de la ilustracin& 6ara

ello vamos a crear una capa nueva

(llamada ca&eGa!&

Comenzaremos a trazar el contorno del

zorro #aciendo uso de la /erramienta de

#luma del panel de #erramientas o

presionando la letra 1 en nuestro teclado&

Comenzaremos 0uitando el relleno

#aciendo el trazo de #t de grosor

luego #aciendo clic en un punto

moviendo el ratn #asta el siguiente

#asta completar el contorno de la

cara de el zorro&

1sto nos abrir una ventana nueva donde

podemos personalizar la manera en 0ue se

van a reducir los puntos del trazado&

1n esta ventana tambin podemos elegir

0ue se muestre el trazado original el

nue'o a la vez para ver la diferencia el

n9mero de puntos de ancla 0ue se van a

reducir en nuestro caso van a bajar de 2H

a #untos2 esto va a audar a Illustrator

a trabajar mejor por0ue es un trazado mas

simple&

#ora vamos a reducir el n9mero de puntos

de ancla 0ue trazamos con la pluma2 es decir2

para simplificar la forma un poco simplemente

#aciendo clic en el men9 O&+eto ( traGado (

sim#li"icar!


156/216


6aso + de $+

ec#o esto podemos modi"icar de nuevo algunos

puntos si los 0ueremos de otra manera2 para ello

usaremos la /erramienta de seleccin directa

pinc#ando en los puntos de ancla deseados

arrastraremos moveremos los manejadores

#asta0ue obtengamos un resultado satisfactorio&

#ora vamos a trazar el

resto del cuerpo (en una

nue'a ca#a llamada

cuer#o! con la /erramienta

#luma esta vez vamos a

sua'iGar el trazado para

0ue nos redondee un poco

los trazos&

6ara ello #aremos clic en la /erramientasua'iGar desde el panel de #erramientas

pasaremos la misma por encima del trazado del

cuerpo del zorro&


157/216


6aso , de $+

1l siguiente paso va a ser trazar los detalles de

la cara de nuestro zorro2 volviendo a la ca#a de

ca&eGa!

Comenzaremos con el o+o iGquierdo&tilizando otra vez la /erramienta 1luma la

seleccionaremos despus #aremos clic en

unpunto del ojo2 soltaremos el ratn

#aremos clic en el siguiente punto arrastrando

el mismo (sin dejar de #acer clic esta vez!

#asta conseguir la curva deseada&

?ambin podemos modi"icar

esto ms tarde con la

/erramienta de seleccin

directa moviendo los

mane+adores de los #untos

de ancla& 5uego soltaremos

el ratn #aremos clic

sucesivamente siguiendo el

contorno del ojo2 repitiendo la

operacin de arrastre de un

punto de ancla cuando sea

necesario&

;epetiremos esto con el segundo ojo

sim#li"icaremos los trazos a0u tambin

con la #erramienta de suavizado como

anteriormente&

6ara la nariz vamos a #acer un tri6ngulo

in'ertido2 para ello #aremos clic en la

/erramienta de estrella mientras

pinc#amos arrastramos vamos a pulsar la

tecla de "lec/a /acia a&a+o del teclado

para reducir el n9mero de lados de la

estrella #asta llegar al tri6ngulo al mismo

tiempomantendremos pulsada la tecla

a89sculas para 0ue mantenga la

/oriGontal del tringulo&


158/216


6aso = de $+

#ora vamos a redondear un poco los ngulos de la

nariz2 desde el men9 efecto L estilizar L es0uinas

redondeadas&

ec#o esto vamos a invertir

el tringulo por medio del

&otnderec/o (

Trans"ormar (Re"le+o una

vez en la ventana 0ue resulta

de ello#aremos clic en

#re'isualiGarpara ver mejor

lo 0ue ocurrirantes de

aceptar despus #aremos

clic en >oriGontal O, para

aceptar los cambios&

Bamos a ac#atar un poco la nariz

primero la seleccionaremos

cuando aparecen los cuadros

delimitadores estiraremos del de la

mitad de la derec#a #acia la

derec/a a la vez 0ue presionamos

CtrlCmd en el teclado para 0ue

mantenga la proporcin entre los

dos lados de la nariz&plicaremos un

radio de 5 p3eles2

despus #aremos

clic en O, para

aceptar los

cambios&


159/216


6aso < de $+

Con la /erramienta eli#se trazaremos una

circunferencia mientras mantenemos presionada la

tecla a89sculasS/i"t para realizar una

circunferencia perfecta& 5a arrastraremos #asta ms

o menos encima del trazo de la nariz pero un poco

ms #acia el centro (va a representar un orificio de

la nariz! como vemos en la ilustracin siguienteora #aciendo clic en la misma2 la arrastraremos

#asta el lado opuesto utilizando el #anel de

&uscatraGos @3entana ( -uscatraGos

presionando a89sculas CtrlO#t ;! #aremos

clic en la opcin menos frente a la vez 0ue

pulsamos %ltO#cin e3pandiremos la forma&

Con la /erramienta eli#se trazaremos

una pe0ue4a elipse en la mitad de la

nariz desde el men9 linear2 0ue

conseguiremos desde 3entana (

%linear2 seleccionaremos %linear a&a+o

tambin en Distri&uir al centro& s

mismo2 le daremos un color negro derelleno&

Bamos a utilizar la misma forma

para las pupilas del zorro

entonces vamos a copiar

pegar la elipse dos veces una

para cada ojo&

#ora vamos a #acer los

mofletes del zorro2 para ellovamos a utilizar la /erramienta

de arco 0ue se encuentra en la

barra de #erramientas vamos

a #acer do&le clic en ella&


160/216


6aso J de $+

l #acer esto nos aparece la siguiente pantalla2 en

la0ue seleccionaremos las opciones marcadas en

la captura de pantalla siguiente&

5uego daremos clic con el botn derec#o del ratn

seleccionaremos Re"le+o ( 3ertical 8 Co#iar&

Como vemos a continuacin2 lo

0ue#emos #ec#o a sido reflejar

duplicar el arco&

Aespus seleccionaremos la

9ltima parte la alinearemos

sirvindonos de las guas

inteligentes&

na vez 0ue tengamos los dos

arcos juntos daremos clic

derec/o elegiremos =nir&

;epetiremos lo 9ltimo para

conseguir el otro moflete los

alinearemos con la nariz& #ora

seleccionaremos los mofletes la

nariz los vamos a rotar un poco

#acia la iGquierda&

6or 9ltimo a4adiremos alg9n detalle

ms con la /erramienta #luma en

las ore+as dibujaremos la cola

sua'iGando los trazos de la misma

una vez dibujados&

T t i l C i d il t i l i l d d d d di& +


161/216


6aso $% de $+

6ara el color base de

rellenodel cuerpo la

cabeza delzorro #emos

utilizado uncolor gris 0ue

luego iremos tapando con

pelo de varioscolores&

@ombraremos el

grupo de colores

como

#eloZGorro

#aremos clic en

O, para guardar

el nuevo grupo

de colores&

#ora vamos a crear un

nuevogrupo de colores 0ue

utilizaremos a la #ora de pintar

el pelo del zorro& Aesde el

#anel uestras2 bajo la barra

de men9s2 vamos crear una

nueva muestra o nuevo grupo

de colores #aciendo clic en

Nue'o gru#o de colores&

5uego #aremos clic en

muestra nue'a para ir

a4adiendo colores para

el grupo peloTzorro

#asta 0ue tengamos

todos los colores

deseados&



162/216


6aso $$ de $+

#ora vamos a

empezar a dibujar el

#elo del zorro2 para

ello vamos a utilizar los

pinceles de cerdas 0ue

mencionamos al

principio del tutorial& -itenemos una tableta

podremos controlar

mejor la direccin del

pincel la presin&

6odemos visualizar los

pinceles desde el

men93entana (

-i&liotecasde#inceles ( #incelde

cerdas ( &i&lioteca

de #incel de cerdas

nos aparecer una

biblioteca con varios

pinceles de cerdas&

Bamos a crear un pincel nuevo desde el panel de 6inceles2 para ver este panel iremos

a 3entana ( 1inceles2 presionando ;5 accediendo a l desde el panel de control&

na vez en el panel de pinceles #aremos clic en Nue'o #incel ( #incel de cerdas&

-e abrir una

nueva

ventana

donde

podremos

personalizar

ste2 como

se indica en

la imagen

siguiente&



163/216


6aso $' de $$

Bolvemos al zorro vamos a seleccionar el traGo

e?terior de la cabeza del zorro vamos a

seleccionar elegir el modo de dibujar en el interior

desde la parte baja de la barra de #erramientas2

representada con el icono 0ue mostramos a

continuacin&

5uego #aremos clic a"uera

para0ue no nos cambie el

trazo2 sino0ue podamos pintar

en el interior solamente con la

/erramienta #incel

seleccionada un color

#aremos clic de afuera #aciaadentro2 o viceversa2 veremos

cmo solamente el trazo 0ue

0ueda dentro ser el 0ue 0uede

visible2 lo dems desaparece&

6otencialmente2 lo 0ue estamos

#aciendo al usar este modo de dibujo

(dibujar en el interior! es una m6scara

de recorte2 una vez #ec#a esta

podremos volver a modificar la misma

el contenido #aciendo clic en uno de

los dos botones 0ue aparecern en el

panel de control cuando tengamos

seleccionada la mscara&

Cuando utilizamos este modo de pintura

slo podemos seleccionar un trazado cada

vez& para cambiar entre los modos de

conmutacin rpidamente pulsaremos

a89sculas D (estocambiar el modo

de dibujo entre Di&u+arnormal* di&u+ar detr6s

di&u+ar en el interior2 sucesivamente!&-eleccionaremos el color deseado la

/erramienta de #incel crearemos

aremos esto sucesivamente

#asta0ue obtengamos el resultado

deseado podremos cambiar entre


164/216

unos trazos con el#incel de cerdas&

Conforme vaamos creando nuevos

pinceles nos irn apareciendo en el

#anel de #incelesjunto a unn9mero

0ue es el tama4o delmismo&

deseado2 podremos cambiar entre

tipos de pinceles2 colores todas

las opciones 0ue nos ofrece cada

pincel&

Tutorial Creacin de una ilustracin con el #incel de cerdas 8 modos de di&u+o


165/216


6aso $) de $+

-i una vez #emos aplicado un pincel luego lo vamos a cam&iar

de a#ariencia2 grosor2 u otras opciones con las 0ue creamos el

mismo en un principio2 slo tenemos 0ue #acer do&le clic en el

pincel desde nuestro #anel #inceles cambiarlo como 0ueramos2

una vez #ec#os los cambios #aremos clic en O, nos aparecer

la pantalla siguiente2 donde Illustrator nos preguntar si 0ueremos

aplicar los cambios a los trazos de pincel e3istentes o dejarlos

como estn&

6ara los o+os de color elegimos un color de relleno 'erde para lanariG de un color marrn ro+iGo&

?erminado el zorro2 slo 0ueda recordar 0ue si presionamos

CmdCtrl M veremos 0ue los trazos 0ue #emos realizado son

simplemente trazos vectoriales& 6or 9ltimo vamos a e3portar

nuestro zorro como documento TI;;2 para ello iremos al men9

Documento

( 7?#ortar2 en la ventana 0ue se nos abre elegiremos el lugar donde

0ueremos 0ue se guarde documento TI;;2 #aremos clic en Sa'e para

guardar&

tenga ms de 0 trazos #ec#os con el pincel de cerdas2 Illustrator

C-+ nos avisar 0ue el documento puede ser demasiado complejo

para imprimirlo o guardarlo como 71S 1D; o "ormatos


166/216

6ara guardar el arc#ivo de el zorro vectorial como

documento de Ilustrator @Vorro!aiA* usaremos el men9

%rc/i'o ( guardar& 13iste la posibilidad de 0ue el dibujo

para imprimirlo o guardarlo como 71S* 1D; o "ormatos

/eredados& ?ambin sugiere la posibilidad de rasteriGar los trazos

de pincel de cerdas para mantener la apariencia reducir la

complejidad del documento&



167/216


6aso $* de $+

Como el zorro tiene

ms de 0 trazos de

pincel de cerdas2

vamos a rasteriGar

los trazos de la

imagen 0ue tengan

trans#arencias2 es

decir los 0ue tengantrazos del pincel de

cerdas2 los

seleccionaremos

desde el panel de

capas e iremos a

O&+eto ( RasteriGar&

5as opciones elegidas

en la pantalla de

rasterizado son las

indicadas en la

captura de pantalla

siguiente&



168/216


6aso $+ de $+

6odemos guardar dos

copias una sin rasterizar

otra rasterizada por si

acaso 0ueremos editar el

documento ms adelante&

1l resultado 0ue #emos

obtenido es el siguiente&

Como actividad podemos

crear una fruta de un

bodegn como si

estuviera pintada con

pinceles reales&

1n el siguiente tutorial

veremos cmo crear una

postal vectorial formada

fundamentalmente por

flec#as&

Tutorial . Creacin de una #ostal 'ectorial de "lec/as


169/216

Tutorial .! Creacin de una #ostal 'ectorial de "lec/as!

6aso $ de $%

1n este tutorial

crearemos la siguiente

postal vectorial&

1n este tutorial

veremos las mejoras

del traGo con #untas

de "lec/a2 as como eldi&u+o en el interior

pero esta vez

trabajando con te?to&

?ambin

mencionaremos las

mejoras a4adidas a las

mesas de tra&a+o elnuevo #anel de mesas

de tra&a+o!

Tutorial . Creacin de una #ostal 'ectorial de "lec/as


170/216


6aso ' de $%

Comenzaremos

creando un nue'o

documento de

Illustrator con las

siguientes medidas

caractersticas para

realizar una postal 0ue

ms tarde podamosimprimir&



171/216


6aso ) de $%

#ora vamos a escribir unas palabras (podemos elegir

las 0ue 0ueramos! en nuestro caso E/ere ne?t[

Con el te3to seleccionado iremos a cambiar el tipo de

fuente desde Te?to ( ;uente ( Coo#er &lac

#aremos clic en la misma&

?ambin podemos #acer

esto desde el panel de

carcter 0ue podemos

visualizar desde Bentana L

Te?to ( Car6cter2

presionando CtrlCmd T

aun0ue en este no se nos

muestra una vista

preliminar de cmo es

cada tipo de fuente&

a 0ue estamos en el

panel carcter vamos a

elegir el tama4o de la

fuente le vamos a dar

una medida de ,% pt&

Como no nos cabe en el cuadro delimitador

#aremos ms grande el mismo desde los

cuadritos 0ue aparecen en los bordes cuando

seleccionamos el te3to&

#ora 0ue a podemos visualizar todo el

te3to vamos a estirarlo para #acerlo un

poco diferente2 para ello vamos a

seleccionar el te3to utilizar un valor de

en el cuadro de tracing como se

muestra a continuacin&



172/216


6aso * de $%

1l resultado obtenido se muestra en

la siguiente ilustracin&

#ora vamos a inclinar un poco el ngulo

del te3to& 6ara ello usaremos el #anelTrans"ormar 0ue podemos visualizar

desde el panel de control2 desde

3entana

( Trans"ormar bien2 utilizando el atajo

de teclado a89sculas ;F!

5o siguiente 0ue vamos a

realizar va a ser alinear el te3to

con la mesa de trabajo2 paraello tenemos 0ue tener visible el

#anel %linear 0ue obtendremos

desde 3entana ( %linear

a89sculas ;H!

6uede 0ue necesitemos #acer clic en el men9

desplegable para ver las opciones&

na vez #ec#o esto elegiremos la opcin del

men9 desplegable %linear con: esa de

tra&a+o& 6or 9ltimo #aremos clic en Centrar 8

Centrar 'erticalmente!

#ora vamos a

seleccionar el icono de

mesas de tra&a+o2

desde la barra de

#erramientas vamos

a crear una nue'a

como mostramos en la

imagen siguiente&



173/216

uto a C eac de u a #osta ecto a de ec as

6aso + de $%

Mtra de las mejoras de Illustrator C-+ est

precisamente relacionada con las mesas de

trabajo con el nuevo panel de mesas de trabajo

0ue encontraremos en 3entana ( esas de

tra&a+o&

1n este panel podemos ver las mesas 0ue #emos

creado podemos modificar el orden de las

mismas2 esto es especialmente 9til cuando

0ueremos #acer una presentacin a alg9n cliente

o incluso para e3portar especificas mesas de

trabajo en formato 1D;&

Uueremos #acer un fondo de puntos para

situarlos dentro del te3to2 tambin

podemos #acer lo mismo con una foto u

otro grfico&Bamos a situarnos en la nueva

mesa de trabajo crearemos una

circun"erencia perfecta con relleno de

color rosa porejemplo2 #aciendo clic en la

/erramienta eli#se presionandoa89sculasS/i"t obtendremos la

primera&

6resionando %ltO#cin 8 a89sculasS/i"t la

copiaremos situaremos a la derec#a

recordando la distancia 0ue #emos utilizado&

;epetiremos lo anterior presionando

O&+eto ( Trans"ormar ( 3ol'er a

trans"ormar con el atajo de

teclado Ctrl D& aremos esto

sucesivamente #asta 0ue

calculemos 0ue cubrimos el te3to

creado en la primera mesa de

trabajo&5uego #aremos la misma operacin

seleccionando todas las anteriores

co#i6ndolas #acia abajo usando

a#ora la misma distancia 0ue

utilizamos entre las primeras

circunferencias ( presionando otra

vez a89sculas 8 %ltO#cin!&

Ae nuevo repetiremos la

transformacin como antes

(Ctrl D!&



174/216

#

6aso , de $%

a tenemos el fondo de te3to

a#ora #a 0ue agruparlo

seleccionando todas las

circunferencias desde el

men9O&+eto ( %gru#ar*

&otnderec/o ( %gru#ar*

Ctrl


175/216

%uando estamos en este panel, podemos cambiar las caracter&sticas de las mesas derabajo.

#

6aso = de $%

?ambin podemos nombrar las

mesas de trabajo para 0ue sea

ms fcil identificar cada una&

Bamos a nombrarlas

esa : 1ostal*

esa .: 1untos

M esa 0: ;lec/as!

na vez en cada una de ellas

#aremos esto desde el panel

decontrol&

-i necesitramos mover las

mesas fsicamente en el

documento2 podemos #acerlo

primero en el #anel de mesas

de tra&a+o luego desde el

men9des#lega&le del mismo

panel iremos a ReorganiGar

mesas de tra&a+o!

1legiremos las opcionesdeseadas #aremos clic en O,2

al #acer esto se reorganizarn

las mesas en el documento as

como las dejamos en el panel

demesas de trabajo&



176/216

#

6aso < de $%

6odemos movernos

de mesa en mesa

fcilmente desde la

parte de abajo de la

'entana de

documento!

-eleccionada la

esa 0: ;lec/as2

desde el men9

des#lega&le del

lado iz0uierdo

iremos a la opcin

7nca+ar en la

#antalla&

Mtra opcin 0ue nos da Illustrator C-+ cuando trabajamos

con mesas de trabajo es la de copiar un objeto pegarlo

en conte3to (lo pegar en el mismo lugar de otra mesa de

trabajo! pegarlo en todas las mesas de trabajo& -i

0uisiramos #acer esto iramos a copiar el objeto (Ctrl C!

luego a 7dicin ( 1egar en conte?to 1egar en todas

las mesas de tra&a+o respectivamente&

#ora 0ueremos realizar unas "lec/as 0ue

irn detrs del te3to2 para ello

comenzaremos trazando la primera flec#a

con la /erramienta arco2 le daremos un

relleno verde un trazo de F #t&

aremos clic en Di&u+ar normal desde el #anel

de /erramientas (si todava estamos en el modo

de dibujo Aibujar detrs!&

Aesde el panel

trazo (3entana (

TraGo desde

el teclado: Ctrl

;!

seleccionaremos

una #unta de

"lec/a #aciendo

clic en el icono

0ue se muestra

en la siguiente

ilustracin&



177/216

6aso J de $%

aremos esto sucesivame

Documents

Guia de Aprendizaje IllustratorCS5