Tutorial de Illustrator cs5

Diseo Vectorial
ISBN 978-607-7272-85-4
9 786077 272854
Carlos Zepeda Chehaibar
PROFESOR
Illustrator CS5
Diseo Vectorial
Illustrator CS5
Diseo Editorial:
Csar Carranza Contreras
Apoyo Editorial:
Sandra A. Rodrguez Romero
Correccin de Estilo:
Jennifer P. Castillo Ascencio
Desarrollo de Tutoriales:
Mnica Lorena Aduna Esponisa
Direccin de Arte:
Alfredo Salazar de la Vega
Coordinador Ilustracin Portada:
Mario Martnez Ramrez
Ilustracin de Portada:
Ana Mara Gonzalez Marmolejo
Autor:
Apoyo en Desarrollo y Actividades:
Samantha Mndez Domnguez
Mnica Lorena Aduna Espinosa
Coordinacin Editorial:
Alejandro Flores Ledesma
Ilustracin de Interiores:
Judith Lourdes Sierra Prez
Miriam Tatiana Zamora Gutirrez
Csar Carranza Contreras
Revisin de Recursos Digitales:
Jennifer Priscila Castillo Ascencio
Gregorio Snchez Hernndez
Fotografa:
Diseo Vectorial Illustrator CS5. Profesor

2 Edicin 1 Reimpresin
Junio 2015
D.R. Grupo Educare, S.A. de C.V., Cerro de Mesontepec, nmero 83, Colonia Colinas del Cimatario, Quertaro, Qro., CP.
76090, 2011.
Queda prohibida la reproduccin total o parcial de esta obra por cualquier medio, sin autorizacin de los editores.
ISBN 978-607-7272-85-4
Impreso y hecho en Mxico.
Esta es una obra protegida por las leyes internacionales de derechos de autor. Prohibida la reproduccin total o parcial de
esta obra y/o los recursos que la acompaan, por cualquier medio, sin autorizacin escrita de Grupo Educare, S.A. de C.V.
Editado por Grupo Educare S.A. de C.V.
Impreso por: Grupo Formavi, S.A. de C.V.
Calz. Santo Toms #139 Col. Santo Toms Del. Azcapotzalco, C.P. 02020 Mxico, D.F.
El logotipo de Grupo Educare es propiedad de Grupo Educare, S.A. de C.V.
El diseo editorial y contenidos grficos son propiedad exclusiva de Grupo Educare, S.A. de C.V.
Todos los nombres de empresas, productos, direcciones y nombres propios contenidos en esta obra, forman parte de ejemplos ficticios, a menos
que se indique lo contrario. Las citas, imgenes y videogramas utilizados en esta obra se utilizan nicamente con fines didcticos y para la
crtica e investigacin cientfica o artstica, por lo que el autor y Grupo Educare, S.A. de C.V. no asumen ninguna responsabilidad por el uso que
se d a esta informacin, ni infringen derecho de marca alguno, en conformidad al Artculo 148 de la Ley Federal del Derecho de Autor.
Microsoft Office, MS DOS, MS Windows, Word, PowerPoint, Excel, FrontPage y Access y sus logotipos son marcas comerciales de Microsoft
Corporation. Microsoft y el logo de Microsoft Office son marcas registradas de Microsoft Corporation en los Estados Unidos y/o en otros
pases. Microsoft no patrocina, endosa o aprueba esta obra. Flash, Illustrator, Fireworks, Freehand, Dreamweaver, Photoshop y sus logotipos
son marcas registradas de Adobe Inc. Adobe no patrocina o endosa esta obra.
Contenido
Diseo Vectorial
Illustrator CS5
Propuesta Pedaggica
Unidad1Introduccin a Illustrator
tema
AIntroduccin e historia
Lmina1-01Historia de Adobe
BImgenes Vectoriales
Ventajas de los Vectores
Desventajas de los Vectores
tema CFormatos de archivo
Imgenes de mapa de bits
tema
Lmina1-02Vectores vs. Bitmaps

Actividad1-01Vectores vs. Bitmaps
9
10
10
11
11
12
13
13
14
14
DAbriendo y creando un documento nuevo

Abrir archivos
16
18
EEspacio de trabajo
La interfaz y el rea de trabajo
20
21
tema
Video1-01Abriendo y creando un documento nuevo

Actividad1-02Reafirmando conceptos clave y abriendo archivos
tema
Video1-02El espacio de trabajo

Actividad1-03Identificando el espacio de trabajo
Evaluacin01
Unidad2Panel Herramientas
tema
APanel Herramientas
Video2-01Herramientas de Seleccin
Video2-02Herramientas de Dibujo
Video2-03Herramientas de zoom y desplazamiento
Actividad2-01Investigando herramientas
18
19
22
23
24
25
26
27
29
29
30
Color Fill (Relleno) y Color Stroke (Trazo)

Cmo se usan los paneles?
30
31
Tcnicas de ilustracin con las herramientas

Herramientas de Reforma
39
39
Video2-04Color Fill (Relleno) y Stroke (Trazo)

Proyecto2-01Dibujando figuras simples para un diseo
Proyecto2-02Agitador de conciencia social
Proyecto2-03Haciendo una caja de regalo Parte 1
Actividad2-02Identificando Herramientas
Video2-05Tcnicas de pluma y lpiz artstico
Video2-06Herramientas de Reforma
Herramienta de Pintura
31
32
33
35
37
39
40
41
42
Contenido
Video2-07Herramientas de Pintura
Video2-08Herramientas de Smbolos
Video2-09Herramientas de Grficas
Actividad2-03Herramientas de Pintura
43
44
45
45
Zona de selectores de color
46
Herramientas de corte
Herramientas de texto
48
49

Proyecto2-06Creando grficas
Video2-10Herramientas de Sector y Cuchilla
Video2-11Herramientas de Texto
Evaluacin02
Unidad3Paneles de Adobe Illustrator Parte 1

APaneles de Adobe Illustrator Parte 1
Navigator (Panel Navegador)
Layers (Panel Capas)
Create New Layer (Crear nueva capa)
Creacin de Templates (Capas plantilla)
Capa activa
Ocultar y mover capas
Lock (Bloqueo de capas)
Delete Selection (Eliminar capas)
tema
46
47
49
49
50
51
52
52
52
53
53
54
54
54
54
Video3-01Capas 54
Actividad3-01Recordando: Capas
55
Actividad3-02Capas reales
56
Proyecto3-01Usando capas para organizar una ilustracin
57
Transform (Panel de Transformacin)

Actions (Panel de Acciones)
58
58
Align (Panel de Alineacin)

Appearance (Panel de apariencia)
Graphic Styles (Panel de estilos grficos)
60
60
61
Clipping Mask (Mscaras de recorte en las capas)
63
Actividad3-03Recordando: acciones y transformaciones
Video3-02Panel Appearence (Apariencia)

Proyecto3-02Conociendo el panel Apariencias
59
61
62
Video3-03Paneles 63
Video3-04Mscaras de recorte
65
Proyecto3-03Ejercicio de recorte de imgenes
65
Actividad3-04Paneles 67
Actividad3-05Operaciones con capas
68
tema
BAgrupar y desagrupar objetos
Actividad3-06Agrupar y desagrupar
Evaluacin03
69
69
70
Contenido
Unidad4Color 71
AColor 72
La Psicologa del color
72
tema
Lmina4-01Color 73
Actividad4-01Comprendiendo el color
74
Clasificacin del color
75
El Crculo Cromtico
77
Color (Panel de color)

Swatches (Panel de Muestras)
82
83
Actividad4-02El color, la luz y el ojo
75
Actividad4-03Diagramas de color
78
Proyecto4-01Colores armnicos y complementarios
79
Actividad4-04Campaa publicitaria de un producto
80
Actividad4-05alimenticio 80
Actividad4-06Los modos de color
81
Video4-01Panel de color
Evaluacin04

AMs paneles
Stroke (Panel Trazo)
tema
Video5-01Panel de Trazo
Brushes (Panel de Pinceles)

Gradient (Panel de Degradado)
Video5-02Panel de Pinceles
Video5-03Panel de Degradado
Proyecto5-01Papelera de Identificacin personal
Actividad5-01Identificando paneles
tema
83
84
85
86
86
87
88
88
88
89
89
91
BLogotipos 92
Lmina5-01Logotipos 92
Actividad5-02Analizando logotipos
92
Proyecto5-02Creando un logotipo
94
CTransparencias 95
Transparency (Panel de Transparencia)
95
Mscara de opacidad
95
tema
Video5-04Panel de transparencia y mscara de opacidad

Proyecto5-03Degradado transparente
Proyecto5-04Degradado transparente en fotografas
Blending Modes (Modos de fusin)
Lmina5-02Blending Modes (Modos de fusin)

Video5-05Blending Modes (Modos de fusin)
Proyecto5-05Conociendo los modos de fusin
tema
95
96
97
98
98
99
99
DPathfinder (Buzcatrazos) 100
Video5-06Pathfinder (Panel buscatrazos)

Proyecto5-06formas compuestas
101
102
Contenido
EEffects (Efectos) 103
Ajustes de los efectos de rastrillado
103
tema
Video5-07Ajustes de los efectos de rastrillado
103
Artistic (Artsticos)
Blur (Desenfocar)
Brush Stroke (Trazos de pincel)
Distort (Distorsin)
Pixelate (Pixelar)
Sharpen (Enfocar)
Sketch (Bosquejar)
Stylize (Estilizar)
Texture (Textura)
104
105
105
106
106
107
107
108
108
Video (Video)
109
Lmina5-03Efectos 108
Proyecto5-07Trabajando con efectos
Evaluacin05
Unidad6Elementos de dibujo vectorial

tema
ALos elementos del dibujo vectorial
Lmina6-01Elementos del dibujo vectorial

Actividad6-01Tcnica de puntillismo y lnea
Actividad6-02Los elementos del diseo grfico
tema
111
112
112
113
113
BEl Espacio
115
CLos smbolos
120
Proyecto6-01Composicin artstica libre

Actividad6-03Reflexin sobre perspectiva
Proyecto6-02Generando perspectiva
Proyecto6-03Ilustrando una fotografa
tema
109
110
Proyecto6-04Creando un smbolo
DOrganizacin del texto

Creacin de contornos
Texto en un trazado
tema
Proyecto6-05Experimentando con texto
116
117
117
118
120
121
121
121
122
Envolventes 122
Proyecto6-06Pgina interna de una revista
tema
EVectores 3D
Proyecto6-07Creando un texto 3D
123
124
124
FArchivos 126
Formatos 126
Preparando un archivo para imprenta
126
tema
Video6-01Formatos de archivo
Lmina6-02Principales requisitos y normas de impresin
Actividad6-04Reconociendo formatos
Evaluacin06
126
126
127
128
Recursos
Material Impreso
Este material forma parte de un conjunto de recursos que conforman el Programa
de Informtica y Tecnologa (PIT). Est organizado en bloques integrales que
incluyen todo lo necesario para aprender, practicar y evaluar habilidades o
competencias. Las explicaciones, imgenes, tablas, actividades, notas y tips,
apoyadas con las lminas y tutoriales, permiten integrar la experiencia de
aprendizaje desde mltiples perspectivas. As, podemos afirmar que el PIT de
Grupo Educare es la mejor manera de aprender haciendo.
Recursos Digitales
Los recursos digitales que acompaa al material impreso contienen videos que
te ayudarn a comprender los conceptos y a poner en prctica las habilidades
adquiridas. Adicionalmente encontrars los archivos que se requieren para realizar
las actividades, algunos documentos y aplicaciones tiles. No olvides que los
recursos digitales son parte integral del programa, por lo que es muy importante
que lo conozcas y utilices en el curso.
Explicacin Iconogrfica
Actividad
Este icono nos indica un ejercicio que refuerza la parte terica de
este material.
Proyecto
Este icono nos indica un ejercicio que refuerza de manera prctica.
Video
Es el material digital de los recursos del programa. La representacin
en video de la parte terica.
Lmina de apoyo
La lmina es un recurso del profesor, que sirve como refuerzo
dinmico e interactivo a un tema denso, que complementa la teora
del material impreso.
Evaluacin
Este icono indica un elemento fundamental del proceso educativo
que sirve para valorar el proceso de aprendizaje.
NOTA
Nota
Las notas que vers dentro de tu texto, puntualizan la teora o los
aspectos ms importantes de un tema.
T IP
Tip
Es una sugerencia que complementa un tema del material impreso,
dando un panorama ms amplio al alumno sobre cmo ejecutar
una actividad de manera ms sencilla y prctica.
Las propuestas didcticas son flexibles, adaptables a la forma personal de

trabajo del maestro y necesidades especficas de cada clase maximizando as
el empleo de los recursos disponibles.
P ropuesta Did ctica

NIVEL: Bsico
DURACIN SUGERIDA: 40 SESIONES / 45-50 MINUTOS
Este libro lo integran las siguientes Unidades:

Unidad01Introduccin a Illustrator
Unidad02Panel Herramientas
Unidad04Color
Unidad06Elementos de dibujo vectorial
Diseo Vectorial Illustrator

Autor:
CS5
Diseo Vectorial
Illustrator CS5
Unidad
Tema
Subtema
Conocer la historia de
Adobe Illustrator.
tema A Introduccin e
Historia
tema B Imgenes
vectoriales
1 - Introduccin a Illustrator
tema C Formatos de
archivo
Objetivos
Ventajas de los vectores

Desventajas de los
vectores
Conocer las caractersticas

de las imgenes
vectoriales.
Conocer los bitmaps y las
diferencias que existen con
las imgenes vectoriales.
Sesiones Sugeridas 5
II
tema D Abriendo y creando

un documento nuevo
Conocer las diferentes

maneras para abrir un
archivo, cmo importar
imgenes y la creacin de
un documento nuevo.
tema E Espacio de trabajo
Conocer el entorno y rea

de trabajo, sus elementos
y cmo utilizarlos de
manera ms accesible
para facilitar el trabajo en
ellas.
La interfaz y el rea de
trabajo
PropuestaDidctica
Competencias
Actividades sugeridas para el

alumno
Tutorial Sugerido
Describe las diferentes

maneras para abrir un
archivo, cmo importar
imgenes y la creacin de un
archivo nuevo.
Recursos
Lmina 1-01 Historia de

Adobe
Identifica las reas que

conforman el espacio para
facilitar la elaboracin de los
archivos.
Describe la evolucin de
Adobe Illustrator a travs
del tiempo.
Actividad 1-01 Vectores vs.

Bitmaps
Reconoce la diferencia
entre las imgenes de mapa
de bits, de las imgenes
vectoriales, conociendo sus
principales caractersticas.
Actividad 1-02 Reafirmando

conceptos clave y abriendo
archivos
Distingue diferentes
programas que trabajan con
archivos de tipo vectorial y
que es posible modificarlos
con cualquiera de ellos.
Actividad 1-03 Identificando

el espacio de trabajo
Evaluacin 01
Lmina 1-02 Vectores vs.

Bitmaps
Video 1-01 Abriendo y

creando un documento nuevo
Video 1-02 El espacio de

trabajo
III
Diseo Vectorial
Illustrator CS5
Unidad
Tema
Subtema
Objetivos
Herramientas de seleccin
Collor Fill (Relleno) y color
stroke (trazo)
A Identificar cada uno

de los elementos que
conforman el panel
de herramientas, para
Tcnicas de ilustracin con
conocer su uso al
las herramientas
momento de realizar una
tema A Panel Herramientas
ilustracin, diseo, etc.,
Herramientas de reforma
as como conocer los
Herramienta de pintura
atajos del teclado que
harn ms rpido y fcil el
Zonas de selectores de
proceso.
color
Cmo se usan los
paneles?
2 - Panel Herramientas
IV
PropuestaDidctica
Competencias

alumno
Tutorial Sugerido
Recursos
Video 2-01 Herramientas de

seleccin
Actividad 2-01 Investigando
herramientas
Proyecto 2-01 Dibujando
figuras simples para un
diseo
Proyecto 2-02 Agitador de
conciencia social
Proyecto 2-03 Haciendo una
caja de regalo. Parte 1
Identifica cada una de las

herramientas del panel,
conociendo su uso y la
herramientas
manera de acceder a ellas de
forma rpida con el teclado.
Actividad 2-03 Herramientas
de pintura
Proyecto 2-06Creando
grficas
Evaluacin 02

dibujo
zoom y desplazamiento
Video 2-04 Color Fill (Relleno)
y Stroke (Trazo)
Video 2-05 Tcnicas de
pluma y lpiz artstico
reforma
pintura
smbolos
grficas
Sector y Cuchilla
Texto
Diseo Vectorial
Illustrator CS5
Unidad
Tema
Subtema
Objetivos
Navigator (Navegador)
Create new layer (Nueva
capa)
Creacin de templates
(Capas plantila)
Capa activa
Lock (Bloque de capas)
3 - Paneles de Adobe
Illustrator Parte 1
tema A Paneles de Adobe

Illustrator Parte 1
Delete selection (Eliminar

capas)
Transform (Panel de
Transformacin)
Actions (Panel Acciones)
A Identificar cada uno de

los paneles, as como sus
funciones que permiten
trabajar las imgenes,
modificarlas, escalarlas,
recortarlas, etc... y cmo
administrarlos en el
espacio de trabajo para
facilitar el proceso del
diseo.
Align (Panel Alineacin)

Appearance (Panel
Apariencia)
Graphic Styles (Panel
Estilos grficos)
Clipping Mask (Mscaras
de recorte en las capas)
tema B Agrupar y
desagrupar objetos
VI
B Conocer las opciones

para agrupar y desagrupar
objetos.
PropuestaDidctica
Competencias

alumno
Tutorial Sugerido
Recursos
Actividad 3-01 Recordando

capas
Actividad 3-02 Capas reales
Proyecto 3-01 Usando capas
para organizar una ilustracin
Actividad 3-03 Recordando
Identifica los paneles, sus
caractersticas, conocer cmo acciones y transformaciones
se pueden acomodar, acoplar
Proyecto 3-02 Conociendo el
para facilitar el trabajo,
panel apariencia
as como las funciones de
algunos de ellos.
Proyecto 3-03 Ejercicio de
recorte de imgenes
Video 3-01 Capas

Video 3-02 Panel Appearence
(Apariencia)
Video 3-03 Paneles
Video 3-04 Mscaras de
recorte
Actividad 3-04 Paneles

Actividad 3-05 Operaciones
con capas
Identifica que el comando

de agrupar objetos es ms
sencillo el trabajo con
varios objetos, tanto para
desplazarlos, como para
transformarlos.
Actividad 3-06 Agrupar y

desagrupar
Evaluacin 03
VII
Diseo Vectorial
Illustrator CS5
Unidad
Tema
Subtema
Objetivos
Conocer los conceptos

del color. Identificar cada
una de las herramientas
del panel color, as como
El crculo cromtico
ponerlos a la prctica en
diferentes actividades y
Color (Panel Color)
proyectos para reafirmar
Swatches (Panel Muestras) los conceptos aprendidos.
La psicologa del color
4 - Color
tema A Color

tema A Ms paneles
Gradient (Panel
Degradado)
5 - Paneles de Adobe Illustrator

Parte 2
tema B Logotipos
VIII
Brushes (Panel Pinceles)
Aprender las herramientas

de los paneles para
lograr transparencias,
modos de fusionar
dibujos e imgenes, a
utilizar las mscaras de
opacidad, los degradados
de transparencia y los
buscatrazos, ponindolos
en prctica en diferentes
ejercicios de la unidad.
Aplicar los conceptos
aprendidos para la
creacin de un logotipo,
utilizando las herramientas
contenidas en esta unidad.
PropuestaDidctica
Competencias

alumno
Tutorial Sugerido
Recursos
Actividad 4-01
Comprendiendo el color
Actividad 4-02 El color, la luz
y el ojo
Reconoce y comprende
el concepto de color, su
clasificacin, psicologa y su
uso; as como a identificar los
elementos que componen el
panel y los diferentes modos
de color.
Actividad 4-03 Diagramas de

color
Proyecto 4-01 Creando un
mural con colores armnicos
Video 4-01 Panel de color
Lmina 4-01 Color
Actividad 4-04 Campaa

publicitaria de producto
alimenticio
Actividad 4-05 Los modos de
color
Evaluacin 04
Identifica cada una de las

herramientas de diferentes
paneles y reforzando los
conocimientos adquiridos a
travs de la realizacin de
diferentes ejercicios.
Crea un logotipo utilizando

las herramientas de Adobe
Illustrator basndonos en
los conceptos explicados en
esta unidad.
Proyecto 5-01 Papelera de

identificacin personal
Video 5-01 Panel Trazo

Video 5-02 Panel Pinceles

paneles
Lmina 5-01 Logotipos

Actividad 5-02 Analizando
logotipos
logotipo
IX
Diseo Vectorial
Illustrator CS5
Unidad
Tema
tema C Transparencias
Subtema
Transparency (Panel
Transparencia)
Mscara de opacidad
Blending modes (Modos
de fusin)
Objetivos
Conocer el concepto de
transparencia al efectuar
cambios en parmetros
de los paneles y aplicar
modos de fusin en
composiciones.
Comparar las opciones
del panel Pathfinder
(Buscatrazos), con
funciones matemticas
para crear figuras
complejas con objetos
simples
tema D Pathfinder
(Buzcatrazos)
Ajustes de los efectos de

rastrillado
Cont. Unidad 5
Blur (Desenfocar)
Brush Stroke (Trazos de
Pincel)
tema E Effects (Efectos)
Distort (Distorsin)
Pixelate (Pixelar)
Sharpen (Enfocar)
Sketch (Bosquejar)
Stylize (Estilizar)
Texture (Textura)
Video (Video)
Comprender cada uno de

los efectos que maneja
Adobe Illustrator para
saber cundo aplicar cada
uno segn el trabajo que
se est realizando.
PropuestaDidctica
Competencias
Emplea las herramientas
de los paneles, a aplicar
transparencias, mscaras
de opacidad, degradados de
transparencia, los diferentes
modos de fusin.

alumno
Proyecto 5-03 Degradado
transparente
Proyecto 5-04 Degradado
transparente en fotografas
Proyecto 5-05 Conociendo los
Modos de fusin
Realiza diferentes
combinaciones de objetos por
medio del panel buscatrazos Proyecto 5-06 Combinacin
a travs de la realizacin
de objetos para crear formas
de diferentes ejercicios
compuestas
reafirmando los conceptos
aprendidos.
Aplica cada uno de los

efectos de Adobe
Illustrator para conocer sus
caractersticas.
Tutorial Sugerido
Video 5-03 Panel
Transparencia y Panel
Opacidad
Video 5-04 Blending Modes
(Modos de fusin)
Recursos
Lmina 5-02 Blending Modes

(Modos de fusin)
Video 5-05 Pathfinder (Panel

Buzcatrazos)
Proyecto 5-07 Trabajando con

Video 5-06 Ajustes de los
efectos
efectos de rastrillado
Evaluacin 05
Lmina 5-03 Efectos
XI
Diseo Vectorial
Illustrator CS5
Unidad
Tema
Subtema
tema A Los elementos del

dibujo vectorial
Comprender los elementos

del dibujo vectorial
aplicando conceptos como
puntillismo, lnea, ritmo,
contorno y forma al crear
composiciones.
tema B El espacio
Definir el concepto de
espacio al analizar la
relacin que existe entre
los objetos de un plano
bsico.
tema C Los Smbolos
Identificar lo que es un
smbolo, cmo crearlos y
guardarlos en la librera de
Illustrator.
6 - Elementos de dibujo
vectorial
tema D Organizacin del
texto
Texto en un trazado
Envolventes
Utilizar herramientas para

deformar el texto por
medio de envolventes
y ajustar el texto a un
trazado.
tema E Vectores 3D
Aprender a crear
elementos con efectos 3D.
tema F Archivos
Identificar y describir los

formatos en que pueden
guardarse los archivos
creados en Illustrator
dependiendo el tipo de
salida que tendrn.
Formatos
XII
Objetivos
Preparando un archivo
para imprenta
PropuestaDidctica
Competencias
Reconoce los principales
elementos que componen
una ilustracin vectorial
para crear composicin que
integren estos elementos.

alumno
Tutorial Sugerido
Actividad 6-01 Tcnica de

puntillismo y lnea
Recursos
Lmina 6-01 Los elementos

del dibujo vectorial
Actividad 6-02 Los elementos

del diseo grfico
Proyecto 6-01 Composicin
artstica libre
Identifica la relacin de los

elementos con el plano y de
los elementos entre s.
Actividad 6-03 Reflexin sobre

perspectiva
Proyecto 6-02 Generando
perspectiva
Proyecto 6-03 Ilustrando una
fotografa
Reconoce lo que es un
smbolo, aprender a crearlos
y guardarlos en la librera de
Illustrator.

smbolo
Define los tres tipos de

fuentes, aplicar envolventes
a texto para crear efectos en
texto y que es posible acoplar
texto en un trazo.
Proyecto 6-05
Experimentando con texto
Crea elementos con efectos

de 3D.

texto 3D
Describe cada uno de

los formatos en que se
pueden guardar los archivos
generados en Illustrator
segn el uso que se les dar
al final.
Proyecto 6-06 Pgina Interna

de una revista
Actividad 6-04 Reconociendo

formatos
Evaluacin 06
Video 6-01 Formatos de

Archivos
Lmina 6-02 Principales

requisitos y normas de
impresin
XIII
Diseo Vectorial
Illustrator CS5
Inventario de habilidades
Este inventario se emplea para medir las habilidades de los alumnos que inician
el curso. Esto no es una prueba, es un indicador que va del 1 al 5, dnde uno
establece poco o nulo conocimiento del tema por parte del alumno y cinco que
est completamente familiarizado con el mismo.
Habilidad
Reconocer diferencias entre mapa de bits y vector.

Listar las caracteristicas de las imgenes vectoriales.
Reconocer el espacio de trabajo de Illustrator.
Abrir y guardar archivos en Illsutrator .
Diferenciar Color de Relleno y Color de Trazo.
Modificar una seleccion.
Crear capas.
Modificar el tamao de un objeto.
Emplear el panel buzcatrazos.
Utilizar las herramientas de alineacin.
Emplear smbolos de Illustrator.
Agrupar y desabrupar objetos.
Organizar texto en Illustrator.
Optimizar archivos para la Web o medio impreso.
Diferenciar los modos de color RGB y CMYK.
Aplicar efectos en Illustrator.
Configurar ajustes de los efectos de rastrillado.
Aplicacin de filtros a una fotografa.
Utilizar mscara de opacidad.
Crear composiciones con ritmo y forma.
XIV
Adobe Ilustrador es un programa de creacin y manipulacin vectorial. Fue

lanzado al mercado en marzo 19 de 1987, bajo la versin Adobe Illustrator 1.1,
exclusivamente para sistema Macintosh. Los formatos nativos de Illustrator son:
.FXG, .AI, .PDF, .EPS, .AIT, .SVG y .SVGZ.
Un id ad
01
NIVEL: Bsico
Introduccin a
I l lus trator
Durante el desarrollo de esta unidad aprenders a:

A Conocer la historia de Adobe Illustrator.
B Conocer las caractersticas de las imgenes vectoriales.
C Conocer los bitmaps y las diferencias que existen con las imgenes vectoriales.
D Conocer las diferentes maneras para abrir un archivo, cmo importar
imgenes y la creacin de un documento nuevo.
E Conocer el entorno y rea de trabajo, sus elementos y cmo utilizarlos de
manera ms accesible para facilitar el trabajo en ellas.

Autor:
CS5
Diseo Vectorial
Illustrator CS5
tema
AIntroduccin e historia
El programa de Adobe Illustrator naci en 1987 junto con la tecnologa de Apple y una
impresora llamada LaserWriter, la cual manejaba un nuevo formato de archivo grfico conocido
como PostScript. En su primera versin, lo que se creaba con Illustrator slo se poda imprimir
en esa impresora, lo que era una gran limitante para la comercializacin del programa.
El usuario poda trabajar con

grficos monocromticos (un solo
color) y una resolucin de pantalla
de 512 x 387 pxeles. El elemento
primordial del documento eran
las curvas de Bzier, utilizadas
para crear lneas, arcos y figuras
trigonomtricas.
Imagen 1-1: Impresora Apple LaserWritter
Actualmente, Adobe Illustrator es una aplicacin de software de diseo grfico, que proporciona
la libertad creativa que se necesita para materializar ideas de forma rpida y eficaz. Illustrator
ha definido por muchos aos el lenguaje grfico contemporneo mediante el dibujo vectorial.
Las mentes ms creativas en el mundo de las artes grficas, utilizan Illustrator para pintar,
trazar, reproducir y automatizar diseos de todo tipo. Adems, gracias a la integracin con otros
programas, permite producir extraordinarios grficos para formato impreso, video, internet y
dispositivos mviles.
Imagen 1-2: Ejemplo de trazo en Illustrator
1-01
LMINA
10
Historia de Adobe
IntroduccinaIllustrator
tema
BImgenes Vectoriales
Recuerdas que en las clases de fsica se estudian los vectores? En diseo grfico, un vector
est constituido por una serie de puntos y lneas, rectas o curvas, definidas matemticamente.
Las caractersticas de un vector son las siguientes:
Tienen una lnea de contorno (tambin llamado trazo) y un color de relleno. Las
caractersticas del contorno y del relleno se pueden cambiar en cualquier momento.
Los vectores se pueden agrupar, separar, recortar, intersectar y relacionar con otros
vectores en el dibujo.
Cada vector se manipula por separado del resto de los objetos. Se puede ordenar
de cualquier manera y modificar sin afectar otros vectores.
Para comprender mejor por qu se les llama
vectores a estos objetos, primero recuerda
que, en geometra, un punto del plano se
puede definir por sus coordenadas y dos
puntos cualesquiera se pueden unir mediante
una lnea recta.
Si en lugar de unir dos puntos con una
recta, se hace con una curva, los puntos se
denominan nodos o puntos de anclaje. La
forma de la curva (suave o pronunciada), se
define por otros puntos invisibles en el dibujo
llamados puntos de control, manejadores o
manecillas.
Imagen 1-3: Ejemplo ojo vectorizado
Cualquier forma abierta o cerrada como un polgono, rectngulo, elipse o una curva irregular,
se basa en nodos y puntos de control. Para rellenar un grfico vectorial, es necesario que los
puntos estn unidos formando una lnea cerrada.
Los contornos o trazos pueden ser delgados o gruesos y tener una forma determinada. Esto
permite crear dibujos lineales o creaciones artsticas con un contorno caligrfico.
Ventajas de los Vectores

No importa el tamao en el que se dibuje o despliegue un vector: siempre aparecer con
la misma nitidez y calidad al escalarlo (hacerlo ms pequeo o ms grande), tanto en la
pantalla como en la impresin.
Cada objeto est definido por frmulas matemticas independientes al resto de los dems.
Puede escalarse, distorsionarse, cambiar de forma o resituarse sin afectar a los otros
elementos del dibujo.
11
Diseo Vectorial
Illustrator CS5
Se puede controlar con gran precisin la forma, orientacin y orden de los elementos.
Las imgenes vectoriales no estn limitadas a un rea rectangular como los mapas de bits.
Cualquier cambio que se aplique a los objetos puede modificarse en cualquier momento: el
dibujo siempre es editable.
Se puede reutilizar un dibujo vectorial o parte de l en otros proyectos.
El peso del archivo es muy reducido, dado que no se almacena informacin para definir cada
punto de la pantalla.
Permite trabajar con texto sin limitaciones.
Imagen 1-4: Fotografa en mapa de bits
Imagen 1-5: Imagen vectorizada
Desventajas de los Vectores

Los grficos vectoriales no pueden producir imgenes fotogrficas realistas, ya que estn hechos
de reas de color slido o degradado y no pueden representar los tonos continuos de una
fotografa. Por eso la mayora de las imgenes vectoriales tienen una apariencia de caricatura.
Los vectores son de aspecto fro, con un contorno o trazo perfecto, sin naturalidad.
Un uso frecuente que se da a la conversin de mapas de bits a vectores, es la necesidad de
publicarlos en web. Los formatos ms comunes y aceptados para la imagen vectorial en web son
el Shockwave Flash (SWF) y PNG.
12
tema
CFormatos de archivo
Existen diferentes aplicaciones que trabajan con archivos de tipo vectorial, como Adobe Illustrator,
Corel Draw , Macromedia Freehand o Xara X . Aunque cada aplicacin maneja sus formatos
de archivo nativos, en general es posible abrir y modificar los grficos creados en una aplicacin,
utilizando otra aplicacin.
Los formatos de archivo nativos principales reconocidos por otras aplicaciones son:
Adobe Illustrator (AI)

Corel Draw (CDR)
Corel Exchange (CMX)
Computer Graphics Metafile (CGM)
Macromedia Freehand (FH)
Auto CAD (DXF)

Las imgenes de mapa de bits o bitmaps estn compuestas por pxeles. Los pxeles son los
elementos mnimos de imagen.
Un mapa de bits es una cuadrcula de esos pequeos
puntos individuales de color, que estn ordenados
de una forma determinada para definir un patrn y
formar la imagen que observas en pantalla.
Las imgenes bitmap dependen de la resolucin, es
decir, del nmero de pxeles que existen en un rea
determinada. La resolucin se mide en dpi (dots per
inch) o puntos por pulgada.
Imagen 1-6: Acercamiento imagen mapa de bits
Debido a que los mapas de bits dependen de la resolucin, es difcil incrementar o disminuir su
tamao sin reducir la calidad de la imagen.
Cuando se hace ms pequea una imagen bitmap,
se eliminan pxeles y cuando se hace ms grande, se
crean nuevos pxeles.
As, cuando se crean nuevos pxeles, el programa de
edicin que se est utilizando, estima el valor del color
de los nuevos pxeles basado en los ya existentes. El
resultado siempre es una calidad reducida.
Imagen 1-7: Imagen de mapa de bits
13
Diseo Vectorial
Illustrator CS5
Los bitmaps pueden modificarse con programas tales como: Microsoft Paint, Adobe
Photoshop, Corel Photo Paint, Jasc Paint Shop Pro y Unlead Photoimpact.
Imagen 1-9: Imagen en alta resolucin
Imagen 1-8: Imagen en baja resolucin
1-02
LMINA
Vectores vs. Bitmaps
ACTIVIDAD
1-01
Vectores vs. Bitmaps
1. Un mapa de bits (bitmap) est formado por una matriz o arreglo de puntos, cada uno de
ellos con caractersticas diferentes como color, intensidad y posicin.
a. Verdadero
b. Falso
2. Por su capacidad para almacenar grandes cantidades de colores y detalles, se usa para
manipular fotografas.
a. Vector
b. Bitmap
3. Est formado por puntos o pxeles y un acercamiento disminuye la calidad.
a. Vector
b. Bitmap
14
4. Un vector se define por medio de una serie de puntos de control o nodos, que se combinan
para formar curvas de diferente extensin y diversos atributos.
a. Verdadero
b. Falso
5. Generalmente se usan para grficas, dibujos sencillos y de colores simples. En diseo
editorial son muy populares como Clipart.
a. Vector
b. Bitmap
6. Qu es un vector?
Un vector es una serie de puntos y lneas, rectas o curvas, definidas matemticamente.
7. Qu es un pxel?
Los pxeles son elementos mnimos de una imagen de mapa de bits.
8. Dibuja un pxel.
9. Qu es un mapa de bits?
Es una cuadrcula de pequeos puntos individuales de color, ordenados para
definir un patrn y formar la imagen.
10. En el espacio en blanco especifica si estamos hablando de un vector o de un mapa de bits.
No importa el tamao al que se dibuje, siempre tendr
la misma nitidez y calidad al escalarlo.
Vector
Se controla de manera precisa la forma, orientacin y

orden de los elementos.
Vector
Depende de la resolucin y es difcil incrementar o

disminuir el tamao sin perder calidad.
Mapa de bits
Pierde pxeles si se hace ms pequeo.
Mapa de bits
El tamao del archivo es muy compacto.
Vector
15
Diseo Vectorial
Illustrator CS5
tema
DAbriendo y creando un documento nuevo

Una vez abierto Adobe Illustrator, para crear un nuevo documento utiliza el men File/New
(Archivo/Nuevo) o la combinacin de teclas <Ctrl+N>. Aparecer una ventana de dilogo en
la que debes especificar varios parmetros:
3
4
7
5
6
10
11
9
12
13
14
15
Imagen 1-10: Cuadro de dilogo para crear un documento nuevo.
1. Name (Nombre del documento): El ttulo que quieras dar al archivo.

2. New Document Profile (Nuevo perfil de documento): Se pueden crear documentos
destinados a diferentes tipos de salida, dependiendo del uso que se le dar al archivo,
puede ser para imprimir, para la web, etc. Cada perfil incluye valores predeterminados para
el tamao, el modo en color, unidades, orientacin, transparencia y la resolucin.
3. Artboards (Mesa de trabajo): Nmero de espacios de trabajo a utilizar.
4. Spacing (Espacio): Es el espacio que se tendr entre las mesas de trabajo.
5. Columns and Rows (Columnas y filas): Estos iconos sirven para acomodar nuestras mesas
de trabajo por columnas o filas y si quieren comenzar a trabajar de derecha a izquierda o
viceversa.
6. Units (Unidades del documento): Puedes definir las medidas de la mesa de trabajo en
puntos (unidad utilizada en tipografa que equivale a 1/72 de pulgada), picas (equivale a
12 puntos), pulgadas, milmetros, centmetros o pxeles.
16
7. Size (Tamao del documento): Elige el formato que requieras, dependiendo del tamao
y la forma de la mesa de trabajo que se va a realizar. Los formatos ms comunes en el
diseo impreso son el tamao Letter (Carta), el Legal (Oficio) y el Tabloid (Doble carta).
Para el diseo Web el formato ms utilizado es el de 800 x 600 pxeles (para pginas web)
y 480 x 60 pxeles (para banners).
8. Width (Ancho del documento): Puedes definir el ancho de la mesa de trabajo manualmente,
si no deseas utilizar las medidas del tipo de la mesa de trabajo elegida.
9. Height (Alto del documento): Puedes definir el alto de la mesa de trabajo manualmente, si
no deseas utilizar las medidas del tipo de la mesa elegida.
10. Orientation (Orientacin): Las dos opciones que direccionan la mesa de trabajo en forma
vertical u horizontal.
11. Bleed (Sangrado): Es la cantidad de material grfico que queda fuera del rea de impresin,
este material son las franjas, fondos, fotografas, etc., que quedan rebasadas del tamao
de la mesa de trabajo y que sern cortadas cuando se encuentren impresas.
12. Color Mode (Modos de color): Hay dos modos de color para trabajar en la aplicacin:
CMYK Color (Cyan, Magenta, Yellow, Black): Se usa para trabajar con imgenes
que se destinarn a impresin.
RGB Color (Red, Green, Blue): Se utiliza para imgenes que slo se vern en
pantalla.
13. Raster Effects (Efectos de rasterizado): Especifica la resolucin de los efectos de rasterizado
del documento. Son efectos que generan pxeles en lugar de datos vectoriales.
14. Preview Mode (Modo de vista previa): Permite ver en diferentes maneras cmo lucir
nuestro documento. Tiene 3 opciones: Default (Por defecto): El diseo creado en vectores
se ver en full color, el zoom in/out conserva la suavidad en las curvas. Pixel (Vista
previa de pxel): Rejilla que se observa con el zoom al 600%. Overprint (Vista previa de
impresin): Permite ver colores con anticipacin, impresiones y modos que se mezclan
para saber cmo se vern al imprimirse el archivo.
15. Si se selecciona, los nuevos objetos se alinearn en la rejilla del pxel.
17
Diseo Vectorial
Illustrator CS5
Abrir archivos
Los objetos vectoriales e imgenes ya existentes se abren y se importan en varios formatos de
archivo. Para abrir un archivo:
1. Selecciona el men File/Open (Archivo/Abrir) o la combinacin de teclas <Ctrl+O>.
2. Selecciona el archivo que quieres abrir. Si el archivo no aparece, selecciona la opcin All
Documents (Todos los archivos) en el men emergente del tipo de archivo.
3. Haz clic en Open (Abrir). En algunos casos aparece un cuadro de dilogo que permite
configurar opciones especficas de algn formato.
Si ya ests trabajando en un documento y deseas incluir un archivo externo en l, puedes
utilizar el men File/Place (Archivo/Acomodar). El cuadro de dilogo que se muestra es muy
similar al de Open (Abrir), pero adems debes especificar alguno de los campos que aparecen
en la parte inferior: Link (Link o vnculo), Template (Plantilla) y Replace (Reemplazo).
Debes seleccionar la opcin Link (Vnculo), para que la imagen se abra dentro del archivo con
un tamao mucho menor al que tena originalmente.
Tipo de documento
Nombre del documento

Acomodar
Vnculo
Plantilla
Reemplazo del
documento
Imagen 1-11: Cuadro de dilogo para acomodar una imagen.
Puedes importar imgenes al programa desde bancos de imgenes, PDFs, clipart, dibujos
vectoriales de Freehand y Corel Draw, escaneos de fotografas, transparencias, negativos y
grficos, entre otros.
1-01
VIDEO
18
Abriendo y creando un documento nuevo
ACTIVIDAD
1-02
Reafirmando conceptos clave

y abriendo archivos
1. Describe lo que entiendes para cada uno de estos conceptos de Illustrator:

a. Picas
Sistema de medicin para calcular el tamao de la letra.
b. Orientacin del documento
Si el documento es horizontal o vertical.
c. CMYK
Son cuatro colores: cyan, magenta, amarillo y negro. Son los colores de
impresin.
2. Inicia Adobe Illustrator y abre los siguientes archivos que se encuentran en los Recursos
Digitales:
a. Utilizando el cuadro de dilogo de inicio, abre los documentos Vector1.ai, Vector2.
ai y Vector3.ai.
b. En el mismo documento coloca el archivo Vector4.ai y Vector5.ai, utilizando el men
File/Place (Archivo/Acomodar).
c. Utiliza cualquier mtodo para abrir los archivos Vector6.ai y Vector7.ai.
3. Observa con atencin las caractersticas comunes de los archivos en el estilo que representan,
la calidad y sensaciones que transmiten. Qu caractersticas tienen los grficos vectoriales?
Tienen una lnea de contorno o trazo.
Tienen color de relleno.
Se pueden agrupar entre s.
Se pueden relacionar con otros vectores.
19
Diseo Vectorial
Illustrator CS5
tema
EEspacio de trabajo
Al iniciar Adobe Illustrator vers la siguiente ventana de trabajo. Los elementos que componen
la pantalla de trabajo son los siguientes:
6
1
2
4
Imagen 1-12: Espacio de trabajo de Illustrator
1. Barra de aplicacin. Contiene un conmutador de espacio de trabajo, mens y otros

controles de la aplicacin. Tambin contiene la barra de mens que da detalle de todas
las operaciones que se le pueden hacer a la mesa de trabajo o al programa.
2. Panel de control. Muestra opciones especficas de la herramienta seleccionada en el
momento.
3. Panel herramientas. Incluye utilidades para crear, modificar, vectorizar y editar imgenes,
ilustraciones, elementos de pgina, etc. Las herramientas relacionadas estn agrupadas.
4. Paneles. Ayudan a controlar y modificar el trabajo. Permiten trabajar con los distintos
20
aspectos de un documento como son las capas, los colores, el buscador de trazos, los
smbolos, las acciones y la transformacin, entre otros. Los paneles se pueden agrupar,
apilar o acoplar. Si mueve alguno de sus elementos o si cambia su tamao, todos los
elementos que integra responden en consecuencia para evitar su superposicin.
5. rea de Trabajo. Contiene el espacio donde se crean los grficos.
6. Ventanas de documento en forma de fichas. Muestra el archivo en el que se trabaja. Las
ventanas de documento se pueden organizar como fichas y en ciertos casos se pueden
agrupar y acoplar.
7. Conmutador de espacio de trabajo. En el se muestran los nombres de los espacios de
trabajo predeterminados y personalizados. Al seleccionar algn nombre de la lista, el
acomodo de los elementos se modificar segn la configuracin establecida.
Cualquier disposicin de estos elementos se denomina espacio de trabajo.
T IP
Como el espacio de trabajo es personalizable,

es recomendable utilizar la distribucin
predeterminada mientras te familiarizas
con la aplicacin. Utiliza el men Window/
Workspace/Essentials (Ventana/Espacio de
trabajo/Objetos esenciales).
La interfaz y el rea de trabajo

En Adobe Illustrator el rea de trabajo de un documento ocupa todo el espacio dentro de la
ventana de la aplicacin. El rea de trabajo se divide de la siguiente forma:
rea de imagen (A): El rea de imagen est delimitada por las lneas punteadas
internas y es la seccin de la pgina destinada a la impresin. Slo lo que est
dentro de esta rea saldr en la impresin, aunque debes recordar que la mayora
de las impresoras no pueden imprimir tan cerca del borde del papel.
rea no imprimible (B): Es el rea que est situada fuera de las lneas punteadas,
representando el lmite no imprimible del documento.
Borde de la pgina (C): El borde de la pgina est delimitado por las lneas
21
Diseo Vectorial
Illustrator CS5
continuas externas del documento.

Mesa de trabajo (D): La mesa de trabajo est limitada por las lneas punteadas
y concentra la regin que contiene las imgenes a imprimirse. La mesa de trabajo
tiene el mismo tamao que el rea de imagen (A), pero la puedes aumentar o
reducir.
rea de pruebas (E): El rea de pruebas es la parte que queda por fuera de la
mesa de trabajo y que se extiende hasta el borde de la ventana. El rea de pruebas
representa un espacio donde se pueden crear, editar y almacenar elementos
vectoriales antes de colocarlos en la mesa de trabajo. Los objetos colocados en el
rea de pruebas se vern en la pantalla, pero no se imprimirn.
A
D
Imagen 1-13: Espacio de trabajo.
T IP
Para ver todas las reas en Illustrator

puedes utilizar el men View/Show Print
Tiling (Ver/Mostrar margen de pgina).
Si el margen est oculto, no se vern las
lneas punteadas que delimitan el rea
imprimible.
1-02
VIDEO
22
El espacio de trabajo
ACTIVIDAD
1-03
Identificando el espacio de trabajo
En equipos de 2 a 4 personas y en medio pliego de papel bond o cartulina, dibujen las reas
que conforman el espacio de trabajo Essentials de Adobe Illustrator. Utilicen colores, papeles
de color, revistas, peridicos, plumones, textos de computadora o imgenes de internet. Sealen
cada parte del espacio de trabajo y anoten la funcin de cada una de ellas.
Barra de mens
Barra de opciones
Barra de estado
Barra de herramientas
Paneles
Incluye en tu trabajo los siguientes elementos del espacio de trabajo:
rea de imagen
rea no imprimible
Borde de la pgina
Mesa de trabajo
rea de pruebas
Escribe una e si se trata de un espacio de trabajo o una a si es el rea de trabajo segn

corresponda en cada una de las siguientes afrimaciones.
A

El rea de pruebas es la parte exterior de la mesa de trabajo que se extiende hasta el

borde de la ventana.
El rea de imagen es imprimible.
Los paneles sirven para cambiar aspectos de los elementos del archivo.
E
La barra de estado proporciona informacin como el tamao del archivo que se est
trabajando.
23
Diseo Vectorial
Illustrator CS5
Qu aprendiste?
TEMA A: A conocer las diferentes maneras para abrir un archivo, cmo importar imgenes y
la creacin de un archivo nuevo.
TEMA B: A conocer las reas que conforman el espacio para facilitar la elaboracin de los
archivos.
TEMA C: La evolucin de Adobe Illustrator a travs del tiempo.
TEMA D: A diferenciar las imgenes de mapa de bits, de las imgenes vectoriales, conociendo
sus principales caractersticas.
TEMA E: Que existen diferentes programas que trabajan con archivos de tipo vectorial y que
es posible modificarlos con cualquiera de ellos.
EVALUACIN
01
Contesta las preguntas correctamente.
1. En qu ao naci Adobe Illustrator?
Adobe Illustrator naci en 1987.
2. Menciona dos maneras diferentes de iniciar un documento.
1. Desde la ventana de bienvenida, dando click en el icono nuevo documento.
2. Desde el men File/New (Archivo/Nuevo) <Ctrl.+N>
3. Qu es el espacio de trabajo?
El espacio de trabajo contiene todos los elementos que componen la pantalla
de trabajo, barras, mens y paneles.
4. Explica brevemente, qu es una mesa de trabajo?
La mesa de trabajo est limitada por las lneas punteadas y concentra la regin
que contiene las imgenes a imprimirse. La mesa de trabajo tiene el mismo
tamao que el rea de imagen pero la puedes aumentar o reducir.
24
En 1987, Adobe Illustrator contaba con slo 13 herramientas y slo 5 mens. La

versin cs5 tiene 28 herramientas en panel, ms 55 ocultas y 9 mens. Pueden
agregarse herramientas especficas a travs de un Plug in.
Un id ad
02
NIVEL: Bsico
Pa nel
Her ra m ientas

A Identificar cada uno de los elementos que conforman el panel de
herramientas, para conocer su uso al momento de realizar una ilustracin,
diseo, etc., as como conocer los atajos del teclado que harn ms rpido
y fcil el proceso.

Autor:
CS5
Diseo Vectorial
Illustrator CS5
tema
APanel Herramientas
Este panel agrupa las herramientas que te ayudarn a realizar tus actividades dentro
del programa. Las herramientas de Adobe Illustrator estn comnmente agrupadas
en el lado izquierdo de la ventana de aplicacin. Aunque el panel herramientas se
puede mover, es recomendable tenerlo siempre visible en esta zona de la pantalla.
Las herramientas estn representadas por iconos. Hay algunas herramientas que
incluyen un men lateral, que se identifica por un pequeo tringulo de color negro
en la esquina inferior derecha del botn de la herramienta. Para desplegar ese men,
debes mantener un clic sostenido sobre el botn de la herramienta.
Las herramientas se clasifican en grupos de acuerdo a la funcin que desempean
dentro de la aplicacin. El uso detallado de las herramientas se ve en las actividades,
pero a continuacin se describe cada herramienta de forma general para que las
utilices cuanto antes.
En las siguientes tablas, las herramientas que estn en Negritas comparten el
mismo botn (botones con tringulo negro en la esquina inferior derecha) con las
herramientas que siguen debajo y que estn en letra normal. Recuerda que debes
hacer un clic sostenido sobre la herramienta actual, para tener acceso a las otras
herramientas incluidas en un botn.
Imagen 2-1: Panel Herramientas
T IP
26
Si el panel herramientas est

oculto, mustralo con el men
Window/Tools (Ventana/Herramientas).
PanelHerramientas
Herramientas de
Seleccin
Atajo
Funcin
Herramienta de seleccin
<V>
Selecciona y mueve los objetos.
Seleccin Directa
<A>
Selecciona puntos o nodos de un

objeto para manipularlo.
Selection
Direct Selection
Permite seleccionar como grupo

los elementos que conforman a un
objeto.
Seleccin de Grupos
Group Selection
Varita Mgica
Magic Wand
Herramienta de lazo
Lasso
Mesa de Trabajo
Artboard
Imagen
<Y>
Selecciona vectores que se

encuentran dentro de un rango de
color parecido al vector elegido.
<Q>
Permite seleccionar libremente reas

de la imagen.
<Shift+O>
Crea mesas de trabajo

independientes para la impresin o
la exportacin.
2-01
VIDEO
Herramientas
de Dibujo
Herramientas de Seleccin
Atajo
Funcin
Pluma

Dibuja lneas rectas y curvas para crear

objetos.
Aadir punto de ancla
<+>
Agrega puntos de ancla a trazos.
Eliminar punto de ancla
<->
Elimina puntos de ancla de los trazos.
Pen
Add Anchor Point
Delete Anchor Point

Convertir punto de ancla
Convert Anchor Point
<>
Imagen
Cambia vrtices redondeados a vrtices

cuadrados y viceversa.
27
Diseo Vectorial
Illustrator CS5
Herramientas
de Dibujo
Segmento de lnea
Liner Segment
Atajo
<\>
Arc
Espiral
Dibuja espirales en ambos sentidos.
Spiral
Cuadrcula rectangular
Dibuja cuadrculas rectangulares.
Rectangular Grid
Dibuja cuadrculas de grficas

circulares.
Cuadrcula polar
Polar Grid
Rectangle
<M>
Rounded Rectangle
Elipse
<L>
Polgono
Estrella
Dibuja estrellas.
Star
Crea efectos de destello de una lente o

solar.
Destello
Flare
Pencil
<N>
Suavizar
Borrador de trazos
Borra trazados y puntos de ancla del

objeto.
Path Eraser
Perspective Grid
Seleccin de perspectiva
Perspective Selection
28
Dibuja y modifica lneas a mano alzada.

Suaviza las curvas Bzier.
Smooth
Cuadrcula de perspectiva
Dibuja crculos y elipses.

Dibuja formas regulares de varios lados.
Polygon
Lpiz
Dibuja cuadrados y rectngulos.

Dibuja cuadrados y rectngulos con
vrtices redondeados.
Rectngulo redondeado
Elipse
Dibuja segmentos de lnea rectos

individuales.
Dibuja segmentos de curva cncavos y
convexos individuales.
Arco
Rectngulo
Funcin
<Shift+P>
Permite crear e interpretar ilustraciones

en perspectiva.
<Shift+V>
Permite colocar objetos, texto y

smbolos en perspectiva, mover objetos
en perspectiva y mover objetos en
perpendicular a su direccin actual.
Imagen
PanelHerramientas
2-02
VIDEO
Herramientas
de Zoom y
Desplazamiento
Mano
Herramientas de Dibujo
Atajo
<H>
Hand
Print Tiling
<Z>
Zoom
Imagen
Mueve la mesa de trabajo dentro de la

ventana de ilustracin.
Ajusta la cuadrcula de la pgina para
controlar dnde aparece la ilustracin en la
pgina impresa.
Segmentacin de impresin
Zoom
Funcin
Aumenta y reduce la ampliacin de la vista

del documento.
2-03
VIDEO
Herramientas
de Visualizacin
Opciones de Visualizacin
Modo Normal
Normal Screen Mode
Herramientas de zoom y desplazamiento
Atajo
<F>
Pantalla completa
<F>
Full Screen Mode
Imagen
<F>
Pantalla completa con mens
Full Screen Mode with Menu Bar
Funcin
29
Diseo Vectorial
Illustrator CS5
ACTIVIDAD
2-01
Investigando herramientas
Contesta las siguientes preguntas. Si tienes dudas puedes consultar la ayuda del programa o bien
probar las herramientas en un documento.
1. Para qu sirve la herramienta Hand (Mano)?
La herramienta Mano sirve para mover la ventana de trabajo de la aplicacin.
2. Para qu sirve la herramienta Zoom (Zoom)?
La herramienta Zoom sirve para alejar o acercar la vista de una imagen.
3. Qu tecla debe presionarse simultneamente con la herramienta Zoom para hacer un
alejamiento?
Se debe presionar <Alt> simultneamente con la herramienta zoom para hacer
un alejamiento
4. Explica en qu consiste cada uno de los tres modos de visualizacin de un documento de
Adobe Illustrator
Modo Standard: Este modo muestra todos los mens de la aplicacin.
Modo Visualizacin pantalla completa con mens: Este modo muestra el rea
de trabajo completo con los mens de la aplicacin.
Modo pantalla completa: Muestra la pantalla completa sin barra de mens
pero con las paletas y herramientas visibles.
Color Fill (Relleno) y Color Stroke (Trazo)

En la parte inferior del panel herramientas, siempre hay visibles dos cuadros grandes de color
llamados selectores de color. Estos cuadros corresponden a los colores de relleno y de trazo
activo. Para cambiar cualquiera de estos colores, basta hacer doble clic sobre alguno de los
selectores y elegir un color del panel Picker (Seleccin color).
Los objetos que se dibujen utilizarn los colores activos. Tambin puedes utilizar los selectores
de color para modificar el color de cualquier objeto seleccionado.
30
PanelHerramientas
Color de relleno
Color de trazo
None (/)
Gradient (>)
Imagen 2-2: Selector de color.
Color (<)
T IP
Para intercambiar los colores de relleno

y de trazo, haz click sobre el icono de
doble flecha.
As, haces que el
color que se encontraba en el recuadro
del trazo pase al frente como color de
relleno.
Cmo se usan los paneles?

Los paneles de Adobe Illustrator son pequeas cajas que contienen opciones y comandos
para controlar, modificar y mejorar las ilustraciones. Los paneles se pueden mover, agrupar,
mostrar y ocultar para organizar el espacio de trabajo a cada necesidad. Recuerda que siempre
puedes volver al espacio de trabajo predeterminado utilizando el men Window/Workspace/
Essentials (Ventana/Espacio de trabajo/Objetos esenciales).
Para separar un panel que est agrupado con
otros, basta arrastrarla desde la ficha donde se
encuentra su nombre. El procedimiento inverso se
puede usar para agrupar dos o ms paneles en
una sola caja.
Todos los paneles se pueden mostrar desde el
men Window (Ventana), donde los paneles
visibles en ese momento aparecen sealados.
Imagen 2-3: Panel Color
2-04
VIDEO
Color Fill (Relleno) y Stroke (Trazo)
31
Diseo Vectorial
Illustrator CS5
T IP
Para visualizar las opciones de panel

haz clic en el botn
situado en
la esquina superior derecha. Se puede
abrir un men de panel incluso cuando
el panel est minimizado.
PROYECTO
2-01
Dibujando figuras simples para

un diseo
1. Inicia un documento con las siguientes caractersticas:
Size (Tamao): Letter (Carta)

Units (Unidad): Centimeters (Centmetros)
Orientation (Orientacin): Vertical (Vertical)
Color Mode (Modo de color): CMYK Color (Color CMYK)
2. Selecciona la herramienta Rectangle (Rectngulo) y arrastra sobre la mesa de trabajo para

crear un cuadrado. Para que el cuadrado sea perfecto, mientras arrastras la herramienta
presiona la tecla <Shift>.
3. Localiza el panel Stroke (Trazo). Si no est en el espacio de trabajo utiliza el men Window/
Stroke (Ventana/Trazo). Define el tamao de trazo (Weight) a 10 pts.
4. Crea un nuevo cuadrado en otro lugar de la mesa de trabajo. Con la herramienta de
seleccin, arrstralo para que quede sobre el primero. Luego da un clic sobre l con el botn
secundario del ratn y del men emergente selecciona Arrange/Send to Back (Organizar/
Enviar atrs).
5. Para modificar el tamao de las figuras, arrastra los puntos de control que aparecen cuando
las seleccionas con la herramienta de Selection (Seleccin).
6. Aplica un color de trazo diferente a cada cuadrado utilizando los selectores de color. Recuerda
que puedes dar doble clic sobre el selector en el panel herramientas para elegir el color.
7. Cmbiale el color de relleno al primer cuadrado.
32
PanelHerramientas
8. Ahora vas a repetir todos los pasos para crear cada una de las figuras geomtricas que el
programa permite. Recuerda que para activar todas las formas bsicas, debes mantener
sostenido un clic sobre la herramienta Rectangle (Rectngulo).
9. Aplica a cada figura colores de relleno y trazo.
10. Organiza las figuras en la mesa de trabajo de forma creativa en una composicin interesante
y atractiva. Puedes utilizar ms de una figura de cada tipo si tu diseo lo requiere.
11. Para evitar perder tu trabajo utiliza el men File/Save (Archivo/Salvar) y guarda el archivo en
la carpeta que indique el profesor.
PROYECTO
2-02
Agitador de conciencia social
1. Abre el archivo Agitador que se encuentra en los Recursos Digitales. Al abrirlo vers que los
grficos tienen lneas gua. Representan las dos caras de un agitador de bebidas que una
vez impreso y recortado, servir adems para promover la conciencia social.
2. Localiza o abre el panel de Layers (Capas) y observa que ya existe una capa. Crea una
nueva capa utilizando el botn Create New Layer (Crear Nueva Capa), que se encuentra en
la parte inferior del panel Layers (Capas). Aparecer una segunda capa arriba de la actual.
3. Renombra la nueva capa dando doble clic sobre ella en el panel Layers (Capas). Dale el
Name (Nombre) Agitador 02.
4. Asegrate de tener seleccionada la capa agitador en el
panel Layers (Capas). Ahora selecciona la herramienta
Rectangle (Rectngulo) y con ella da un solo clic sobre
el espacio de trabajo para que aparezca la ventana de
las opciones del rectngulo. Introduce los siguientes
valores: Width (Ancho): 0.7 y Height (Alto): 10.1 cm. y
da clic en el botn Ok.
Imagen 2-4: Opciones de Rectngulo
5. Acomoda el nuevo rectngulo sobre el espacio que le corresponde en el agitador del lado
izquierdo.
6. Utiliza las herramientas de Zoom (Zoom) y Hand (Mano) para agrandar y mover el espacio
de trabajo, de modo que puedas ver todos los detalles.
33
Diseo Vectorial
Illustrator CS5
7. Ahora selecciona la herramienta Elipse (Elipse) y da un clic sobre el espacio de trabajo para
que se abra el panel de las opciones. Introduce los siguientes valores: Width (Ancho): 4.4 y
Height (Alto): 4 cm. y da clic en Ok.
8. Vuelve a tomar la herramienta Elipse (Elipse) y de forma similar crea una figura de 3.6 x 3.3
cm.
9. Acomoda las dos elipses sobre las guas en el agitador izquierdo.
10. Crea un nuevo rectngulo de 5 x 1 cm. Seleccinalo con la herramienta Select (Seleccin).
Cuando acercas el puntero del ratn a uno de los puntos de control de las esquinas del
rectngulo seleccionado, el puntero toma forma de doble flecha curva, indicando que
puedes arrastrar para girar la figura. Grala y hazla coincidir con el rectngulo gua que est
inclinado.
11. Dibuja rectngulos siguiendo la forma del personaje en la parte de arriba (hombros, tronco,
brazo, antebrazo, pierna y pie). Acomdalos sobre la figura. Los rectngulos deben traslaparse
unos sobre otros, ya que los uniremos en el siguiente paso.
12. Selecciona simultneamente los rectngulos de tronco, hombros, espalda, pierna y pie.
Localiza el panel de Pathfinder (Buscatrazos). Si no est visible mustralo con el men
Window/Pathfinder (Ventana/Buscatrazos). Manteniendo presionada la tecla <Alt>, haz
clic en la opcin Add to Shape Area (Aadir). Esto hace que los rectngulos seleccionados
se conviertan en una sola forma.
13. Haz lo mismo para unir en una sola forma los
rectngulos de brazo y antebrazo.
14. Termina creando la cabeza del personaje.
15. Ahora lo vas a colorear. Aplica colores de relleno a
todas las formas para lograr una combinacin agradable.
Imagen 2-5: Panel Buscatrazos
16. Cuando el lado izquierdo del agitador est terminado, selecciona todos los objetos y
agrpalos utilizando el men Object/Group (Objeto/Agrupar) o las teclas <Ctrl+G>.
17. Mientras arrastras el agitador con la herramienta de Select (Seleccionar) presiona la tecla
<Alt>. Suelta primero el clic y despus la tecla. Obtendrs una copia exacta de la forma.
Ahora para reflejarla hazle un clic con el botn secundario del ratn y del men emergente
selecciona la opcin Transform/Reflect/Vertical (Transformar/Reflejar/Vertical).
18. Acomoda el agitador derecho con la ayuda de las herramientas Select (Seleccionar), Hand
(Mano) y Zoom (Zoom). Haz un clic en un rea vaca del documento para asegurarte de que
no hay ningn objeto seleccionado.
34
PanelHerramientas
19. Para darle ms vida, vamos a cambiar el color del crculo del agitador
derecho. Como los objetos estn agrupados, para seleccionar slo el
crculo, es necesario utilizar la herramienta Direct Selection (Seleccin
directa), seleccinalo y cambia su color.
20. Utiliza la herramienta Text (Texto) <T> para crear dos mensajes como
Ahora manejo mi vida y Evita el exceso.
21. Dale color a los textos y un tamao adecuado para que los puedas
colocar en los agitadores. Puedes usar cualquier rea que creas
conveniente, as como tipografa, tamaos y colores. Incluso puedes
poner cada palabra del mensaje en un lugar diferente del agitador.
22. Guarda tu trabajo con el nombre Agitador_CS en la carpeta que indique
tu profesor.
Imagen 2-6: Diseo agitador
PROYECTO
2-03
Haciendo una caja de regalo Parte 1
1. Inicia un nuevo documento con las siguientes caractersticas:

Units (Unidad): Inches (Pulgadas)
Orientation (Orientacin): Horizontal (Horizontal)
Color Mode (Modo de Color): Color CMYK (CMYK Color)
2. Haz visibles las reglas en men View/Show Rulers (Vista/Mostrar reglas). Teclea <D> para
restablecer los colores predeterminados: blanco para el Fill (Relleno) y negro para el Stroke
(Contorno).
3. Selecciona la herramienta Rectangle (Rectngulo) y crea un rectngulo de 6 x 3.5 pulgadas.
Este rectngulo ser la parte delantera de la caja.
4. Con la herramienta Select (Seleccin) mueve el rectngulo hacia la parte de arriba de la
pgina para tener espacio en la parte de atrs de la caja.
5. Duplica el rectngulo y coloca la copia exactamente debajo del original, de manera que
la lnea inferior del primero coincida con la lnea superior del segundo. Aydate del panel
de control para hacer coincidir las coordenadas x y definir las coordenadas y de los
rectngulos.
35
Diseo Vectorial
Illustrator CS5
6. Selecciona la herramienta Elipse (Elipse) y crea una

figura de 1.5 x 3.5 pulgadas. Elimina el color de relleno de
la elipse para que quede hueca.
7. Enciende las Smart Guides (Guas inteligentes) en el
men View/Smart Guides (Ver/Guas inteligentes). Esta
herramienta mostrar el centro de los objetos al pasar el
ratn sobre ellos y te servir para alinearlos.
8. Mueve la elipse al centro de la orilla del lado izquierdo
del rectngulo, como se muestra en la imagen 3-8. Utiliza
el panel de control para determinar las coordenadas
precisas.
Imagen 2-7: Ejemplo del paso 8.
9.
Selecciona la elipse y toma la herramienta Convert
Anchor Point (Convertir punto de ancla), que se encuentra
en el panel herramientas, agrupada en el mismo botn de
la herramienta Pen (Pluma). Da un clic con la herramienta
en los puntos de ancla que muestra la elipse arriba y abajo.
Esto har que se afilen las orillas de la elipse.
Imagen 2-8: Ejemplo del paso 10.
10.
Duplica la elipse modificada y ubica la copia en el
extremo derecho del rectngulo superior como se muestra
en la imagen 3-9. Luego selecciona de forma simultnea
las dos elipses y duplcalas para colocar una copia en los
laterales del rectngulo inferior. Observa la figura.
11. Crea un crculo perfecto de 1 x 1 pulgadas sin relleno.

Colcalo al centro de la lnea exterior izquierda de la
primera elipse. Duplica el crculo en el otro extremo.
12. Selecciona el crculo junto con la elipse con la
herramienta Select (Seleccin) o <V>.
Imagen 2-9: Ejemplo del trazo de la caja.
13. Localiza el panel Pathfinder (Buscatrazos). Si no

est visible utiliza el men Window/Pathfinder (Ventana/
Buscatrazos) presiona <Alt> y da clic en la opcin Substract
from Shape Area (Sustraer de la forma), para eliminar el crculo
de la elipse. Repite el mismo procedimiento para el crculo de
la elipse contraria. Ahora tienes la forma bsica de la caja.
14. Guarda el archivo con el nombre Caja10 en la carpeta
que indique tu profesor. Utilizars el archivo en el siguiente
proyecto.
Imagen 2-10: Trazo terminado de la caja.
36
PanelHerramientas
ACTIVIDAD
2-02
Identificando Herramientas
Identifica la herramienta apoyndote en la imagen, escribe su nombre y si es herramienta de

Seleccin, de Visualizacin o de Edicin. Escribe en el espacio la funcin que corresponde a
cada herramienta.
Nombre: Herramienta Mano.
Herramienta de: Visualizacin.
Funcin: Mueve el rea de trabajo de la aplicacin.
Nombre: Herramienta Lpiz.
Herramienta de: Dibujo.
Funcin: Dibuja y modifica lneas a mano alzada.
Nombre: Herramienta Varita Mgica.
Herramienta de: Seleccin.
Funcin: Selecciona vectores que estn dentro de un rango de color
Nombre: Eliminar punto de ancla.
Herramienta de: Dibujo.
Funcin: Elimina puntos de ancla de los trazos.
Nombre: Herramienta Lupa (Zoom).
Herramienta de: Visualizacin.
Funcin: Acerca o aleja la vista de una imagen.
Nombre: Herramienta Dibujo.
Herramienta de: Espiral.
Funcin: Dibuja espirales en ambos sentidos.
Nombre: Herramienta de Seleccin.
Herramienta de: Mesa de trabajo.
Funcin: Crea mesas de trabajo independientes.
37
Diseo Vectorial
Illustrator CS5
Contesta correctamente las siguientes preguntas, selecciona a, b o c segn corresponda.

1. Son pequeas cajas que contienen opciones y comandos para controlar, modificar y mejorar
las ilustraciones. Se pueden mover, agrupar, mostrar y ocultar para organizar el entorno de
trabajo a cada necesidad.
a. Las Paletas extensibles de Adobe Illustrator
b. Las Paletas flotantes de Adobe Illustrator
c. Las Fichas desplegables de Adobe Illustrator
2. Est delimitada por las lneas punteadas internas y es la seccin de la pgina destinada a
la impresin.
a. rea de imagen
b. rea de diseo
c. rea de pruebas
3. En la parte inferior de la Barra de herramientas siempre hay visibles dos cuadros grandes de
color llamados:
a. Cuadros de color
b. Paleta de color
c. Selectores de color
4. Contiene a detalle todas las operaciones que se le pueden hacer al documento o al programa.
a. Barra de estado
b. Barra de mens
c. Barra de opciones
5. Las funciones de ________________ abarcan tanto la exploracin de imgenes, como
poder moverlas de una carpeta a otra, crear nuevas carpetas, renombrar archivos o recuperar
fotos desde dispositivos externos.
a. Adobe Bridge
b. Adobe Illustrator
c. Adobe Photoshop
6. Si ya ests trabajando en un documento y deseas incluir un archivo externo en l, puedes
utilizar el:
a. Men Archivo (File)/Place (Acomodar)
b. Men Archivo (File)/Open (Abrir)
c. Men Archivo (File)/Import (Importar)
38
PanelHerramientas
Tcnicas de ilustracin con las herramientas

La herramienta Pen (Pluma) se utiliza para crear trazos rectos y curvos en la ilustracin. Hay
varias tcnicas para crear lneas y stas son las bsicas.
La herramienta Pencil (Lpiz) se utiliza para crear trazos a mano alzada que se convierten
en curvas delimitadas por puntos ancla. Cuando uses esta herramienta debes tener cuidado
de mantener un pulso firme, para evitar generar una cantidad excesiva de puntos ancla que
dificultaran mucho la edicin y afectan la suavidad de la lnea resultante.
2-05
VIDEO
Tcnicas de pluma y lpiz artstico
La transformacin de un vector permite modificarlo de muchas maneras, por ejemplo, hacerlo
ms pequeo, voltearlo, darle perspectiva o distorsionarlo.
Herramientas
de Reforma
Atajo
Funcin
Rotar
<R>
Gira objetos alrededor de un

punto fijo.
Reflejo
<O>
Refleja objetos respecto a un eje

fijo.
Escala
<S>
Cambia de tamao los objetos en

torno a un punto fijo.
Rotate
Reflect
Scale
Distorsin
Inclina objetos respecto a un

punto fijo.
Reformar
Suaviza o modifica trazos sin

cambiar su forma original.
Shear
Reshape
Anchura
Width
<Shift+W>
Imagen
Permite crear trazos de anchura

variable.
39
Diseo Vectorial
Illustrator CS5
Herramientas
de Reforma
Deformar
Warp
Atajo
<Shift+R>
Funcin
Moldea objetos con el
movimiento del cursor.
Crea distorsiones en espiral en
un objeto.
Molinete
Twirl
Fruncir
Desinfla o adelgaza objetos.
Pucker
Infla un objeto alejando los

puntos de control del cursor.
Engordar
Bloat
Aade al contorno de un objeto

detalles en forma de arco
redondeados.
Festonear
Scallop
Aade detalles en punta

aleatorios al contorno de un
objeto.
Cristalizar
Crystallize Tool
Aade detalles con aspecto de

arruga al contorno de un objeto.
Arrugar
Wrinkle Tool
Transformacin libre
Free Transform Tool

Creador de formas
Shape Builder Tool

Fusin
Blend Tool
<E>
<Shift+M>
<W>
Escala, rota o sesga la seleccin.

Combina formas simples para
crear formas complejas y
personalizadas.
Crea una serie de objetos
fusionados con el color y la
forma de varios objetos.
2-06
VIDEO
40
Imagen
PanelHerramientas
Hay dos herramientas de Reforma nuevas en Illustrator CS5:

1. Herramienta Shape Builder (Creador de Formas), una herramienta interactiva que permite
crear formas complejas mediante la combinacin y eliminacin de formas ms simples.
Puede configurar y personalizar distintas opciones, como la deteccin de huecos, el origen
del color y la iluminacin, haga doble clic en la herramienta Shape Builder Tool (Creador
de Formas) del panel herramientas para definir estas opciones.
2. Herramienta Width (Anchura) que permite dibujar trazos de anchura variable que puede
ajustar sin problemas en cualquier punto, de forma simtrica o a lo largo de un lado.
Tambin puede crear y guardar perfiles de anchura personalizados para aplicarlos a
cualquier trazo.
PROYECTO
2-04
1. Abre el archivo Caballito.ai que se encuentra en los Recursos Digitales. Es la silueta de un

caballito de mar creada slo con lneas gua. Las lneas gua no son objetos reales por lo que
no es posible colorearlos.
2. Acerca la pantalla para que puedas visualizar mejor los detalles. Utiliza la herramienta Zoom
(Lupa) o <Z>.
3. Utilizando las herramientas y sub-herramientas Pluma y Lpiz, empieza a trazar el caballito
de mar. Comienza por las curvas que adornan la cabeza. Sigue las tcnicas para crear lneas
y curvas que se explicaron anteriormente. Trata de usar los menos puntos ancla posibles. En
muchos casos slo se requiere uno inicial y uno final para cada segmento de curva como
se muestra a continuacin.
Imagen 2-11: Trazado del caballito de mar.
41
Diseo Vectorial
Illustrator CS5
4. Cuando termines de trazar el caballito de mar, abre el documento Caja10 que creaste en
el Poyecto 01.
5. Selecciona todo el caballito y cpialo. Pgalo sobre la figura de la caja de regalo y modifica
su tamao para que quede en una de las caras de la caja.
6. Guarda el documento con el nombre Caja12 en la carpeta de costumbre.
Herramienta de Pintura
Existen varios tipos de herramientas de pintura. Las herramientas relacionadas con smbolos
utilizan diseos vectoriales predefinidos para crear efectos interesantes. Los smbolos estn
disponibles en el panel Smbolos y debes elegir alguno antes de poder utilizar las herramientas
de esta seccin.
Las herramientas relacionadas con grficas sirven para representar datos a partir de una tabla
de valores. Cuando utilizas alguna de estas herramientas, un cuadriculado se despliega para
introducir los valores que se desean graficar.
Herramientas
de Pintura
Pincel
Paintbrush
Pincel de manchas
Blob Brush
Malla
Mesh
Degradado
Gradient
Cuentagotas
Eyedropper
42
Atajo

<Shift+B>
Funcin
Dibuja lneas a mano alzada y
caligrficas, adems de aadir
dibujos y trazos de los pinceles de
cerdas a los ya existentes.
Dibuja trazos que expanden y
combinan automticamente
trazos de pincel caligrfico que
comparten el mismo color y que
son consecutivos en el orden de
apilamiento.

Crea y edita mallas y envolventes de

malla.
<G>
Ajusta los puntos inicial y final, as

como el ngulo de los degradados
dentro de los objetos.

Toma y aplica atributos de color,

texto y de apariencia, incluidos los
efectos de los objetos.
Imagen
PanelHerramientas
Herramientas
de Pintura
Atajo
Medicin
Live Paint Bucket
Seleccin de pintura
interactiva
Live Paint Selection
Imagen
Mide la distancia entre dos puntos.
Measure
Bote de pintura interactiva
Funcin
<K>
Pinta las caras y los bordes de los

grupos de pintura interactiva con los
atributos de pintura actuales.
<Shift+L>
Selecciona las caras y los bordes de

los grupos de pintura interactiva.
2-07
VIDEO
Herramientas
de Smbolos
Rociar smbolo
Symbol Sprayer
Desplazar smbolo
Symbol Shifter
Herramientas de Pintura
Atajo
<Shift+S>
Funcin
Coloca varias instancias de un
smbolo como un conjunto en la
mesa de trabajo.
Mueve instancias de un smbolo.
Reunir/Separar smbolos
Acerca o aleja las instancias de

smbolo.
Cambiar tamao de smbolo
Cambia el tamao de instancias de

un smbolo.
Symbol Scruncher
Symbol Sizer
Girar smbolo
Symbol Spinner
Manchar smbolo
Symbol Stainer
Rota instancias de smbolo.

Colorea instancias de smbolo.
Translucir smbolo
Aplica opacidad a instancias de

smbolo.
Aplicar estilo a smbolo
Aplica el estilo seleccionado a

instancias de smbolo.
Symbol Screener
Symbol Styler
Imagen
43
Diseo Vectorial
Illustrator CS5
2-08
VIDEO
Herramientas
de Grficas
Grfica de columnas
Column Graph
Grfica de columnas apiladas
Stacked Column Graph
Atajo
<J>
Funcin
Crea grficas que comparten valores mediante
columnas verticales.
Crea grficas similares a las de columnas pero
apila las columnas una sobre otra en vez de
acomodarlas lateralmente.
Grfica de barras
Crea grficas similares con columnas colocadas

en forma horizontal como barras.
Grfica de barras apiladas
Crea grficas de barras similares a las de

columnas pero apiladas horizontalmente.
Bar Graph
Stacked Bar Graph
Grfica lineal
Line Graph
Grfica de reas
Area Graph
Grfica de dispersin
Scatter Graph
Grfica de pastel
Pie Graph
Grfica de radar
Radar Graph Tool
44
Herramientas de Smbolos
Crea grficas que utilizan puntos para

representar uno o ms conjuntos de valores,
con una lnea diferente para unir los puntos
de cada conjunto. Se utiliza para mostrar la
tendencia de uno o varios conceptos durante un
periodo de tiempo.
Crea grficas similares a las de lneas pero
resalta los totales, adems de los cambios de
valor.
Crea grficas que traza puntos de datos como
pares de coordenadas en los ejes x/y, sirven
para identificar tendencias en los datos y si las
variables influyen entre s.
Crea grficas circulares cuyas porciones
representan los porcentajes relativos de los
valores comparados.
Crea grficas que comparan conjuntos de
valores en puntos determinados en el tiempo
o en categoras concretas. Se muestran en
formato circular, tambin se le conoce como
grfica de red.
Imagen
PanelHerramientas
2-09
VIDEO
Herramientas de Grficas
ACTIVIDAD
2-03
Herramientas de Pintura
Escribe en el espacio que corresponda un ejemplo real donde utilizaras cada una de las
herramientas de Pintura que se muestran a continuacin. Da un ejemplo diferente para cada
herramienta
Para poder crear texturas en la imagen o para agregar smbolos a un diseo.
Al tener una ilustracin, el degradado sirve para darle volumen.
Crear una grfica para ejemplificar datos para una actividad de geografa, biologa, matemticas, etctera.
Al tener una figura geomtrica bsica se puede deformar por medio de sus
nodos.
Para copiar los atributos de color de un objeto y aplicrselo al texto.
Rota instancias de smbolo.
Dibuja trazos que expanden y combinan automticamente trazos de pincel

caligrfico que comparten el mismo color.
45
Diseo Vectorial
Illustrator CS5
Zona de selectores de color

Adems de los selectores de color de relleno y trazo que hemos ya explicado, el panel
herramientas muestra estos botones de seleccin:
Herramientas
Selectores de color
Atajo
Funcin
Color
<<>
Agrega color slido al relleno y contorno de

la ilustracin.
Degradado
<>>
Agrega degradado al relleno de la figura o

ilustracin.
Ninguno
</>
Sin color tanto en el relleno como en el

contorno de la imagen vectorial.
Color
Gradient
None
Imagen
PROYECTO
2-05
1. Abre el documento Caja12 que creaste en el Proyecto 02.

2. Con la herramienta Select (Seleccin) o <V> selecciona el cuerpo del caballito y da doble
clic en el selector de Fill (Color de relleno) del panel herramientas. Busca un color rosado
para darle color. En el Stroke (Selector de color de contorno) quita el color con la opcin
None (Ninguno).
3. Manda la forma del cuerpo hacia atrs dando un clic con el botn secundario del ratn
y seleccionando del men emergente la opcin Arrange/Send to Back (Organizar/Enviar
atrs).
4. De forma similar ve dando color a las diferentes partes del caballito, usando tonalidades
ligeramente diferentes. Vers que hay que organizar las figuras para que unas no tapen a
otras, ya sea envandolas al frente o hacia atrs.
5. Ya que tiene color todo el caballito de mar, duplcalo y utiliza el botn secundario del
ratn para reflejarlo con la opcin Transform/Reflect (Transformar/Reflejar). Acomoda el
duplicado junto al original y luego duplica todo el conjunto nuevamente. Debes obtener una
composicin como en la Imagen Acomodo del caballito de mar..
46
PanelHerramientas
6. Dale color a la caja. Un color contrastante puede ser negro o algn otro color oscuro.
7. Detalla la caja y revisa que todo est bien. Guarda el archivo terminado.
8. Imprmela en papel grueso o mndala a
imprimir a cualquier tienda que tenga servicio
de impresin digital.
Imagen 2-12: Acomodo del caballito de mar.
9. Recorta la caja dejando un espacio adicional para

poder pegarla.
Imagen 2-13: Caja lista para impresin.
10. Dblala y rmala.
PROYECTO
2-06
Creando grficas
1. Crea un nuevo documento con las siguientes opciones:

Units (Unidades): Pxeles (Pixels)
Orientation (Orientacin): Vertical (Vertical)
Color Mode (Modo de color): RGB
2. Selecciona la herramienta Pie Graph (Grfica de pastel). Se encuentra agrupada en el

mismo botn que la herramienta de Column Graph (Grfica de columnas).
3. Con la herramienta da clic en cualquier parte del espacio de trabajo para que aparezca la
caja de dilogo de opciones de la grfica. Define el tamao 200 x 200px.
47
Diseo Vectorial
Illustrator CS5
4. Ahora Adobe Illustrator desplegar una mini hoja de clculo en donde podrs introducir
los valores. Para escribir los valores tienes que usar el campo en blanco que se sita en la
parte superior izquierda de la hoja de clculo. Para cambiar de campo usa la tecla <Tab>
o las flechas.
5. Introduce datos que quieras representar como calificaciones de algunas materias,
popularidad de algn programa de televisin o cualquier otro que tenga lgica. Utiliza la
primera fila para los nombres de las categoras y la segunda para los valores de cada una.
6. Al terminar de introducir los valores da clic en el botn Apply (Aplicar) en la parte superior
derecha de la hoja y cierra la hoja de clculo.
7. Adobe Illustrator muestra las rebanadas en diferentes tonos de gris. Para agregarles color
debes seleccionarlas primero con la herramienta Direct Select (Seleccin directa). Aplica a
cada rebanada un color diferente.
8. Revisa que tu grfica se pueda interpretar lgicamente y que se vea bien. Agrgale un ttulo
con la herramienta de texto y dale formato. Guarda tu trabajo con el nombre Grfica15 en la
carpeta que indique tu profesor.
Hay dos tipos de herramientas de corte. El primer tipo se utiliza para crear secciones que
puedan exportarse de forma independiente para su uso en web. El segundo tipo se usa para
cortar vectores en el espacio de trabajo.
Herramientas
de Sector y Cuchilla
Sector
Slice
Seleccionar sector
Slice Select
Borrador
Eraser
Tijeras
Scissors
Cuchilla
Knife
48
Atajo
Funcin
<Shift+K>
Divide las ilustraciones en imgenes

independientes.
<>
Selecciona sectores.
<Shift+E>
Borra cualquier rea del objeto sobre

la que pase al arrastrar.
<C>
Corta trazos por puntos especficos.

Corta objetos y trazos.
Imagen
PanelHerramientas
2-10
VIDEO
Herramientas de Sector y Cuchilla
Illustrator proporciona las siguientes herramientas de texto:
Herramientas
de Texto
Texto
Atajo
<T>
Type
Texto de rea
Area Type
Texto en trazado
Type on a Path
Texto vertical
Vertical Type
Texto de rea vertical
Vertical Area Type
Texto vertical en trazado
Vertical Type on a Path
Funcin
Imagen
Crea texto y contenedores de texto

individuales, permitiendo tambin introducir
y modificar texto.
Convierte los trazos cerrados en
contenedores de texto y permite introducir y
modificar el texto en su interior.
Convierte trazos en trazos de texto
permitiendo introducir y modificar el texto
de los mismos.
Crea textos y contenedores de texto
verticales permitiendo introducir y modificar
el texto vertical.
Convierte trazos cerrados en contenedores
de texto vertical permitiendo introducir y
modificar el texto de los mismos.
Convierte los trazos en trazos de texto
vertical permitiendo introducir y modificar el
texto de los mismos.
2-11
VIDEO
Herramientas de Texto
49
Diseo Vectorial
Illustrator CS5
Qu aprendiste?
TEMA A: A identificar cada una de las herramientas del panel, conociendo su uso y la
manera de acceder a ellas de forma rpida con el teclado.
EVALUACIN
02
1. A qu grupo de herramientas pertenece la Reflect (Reflejo) y para qu sirve? .
Pertenece al grupo de herramientas para reformar y refleja objetos respecto a
un punto fijo.
2. Explica brevemente 3 herramientas de pintura.
Malla: Crea y edita mallas y envolventes de mallas.
Degradado: Aplica degradados a los objetos.
Cuentagotas: Toma y aplica atributos de color, texto y apariencia incluidos los
estilos de los objetos.
3. Qu es un punto ancla en una figura vectorial?
El punto ancla ayuda a controlar mejor un trazado o bien extender un trazado
abierto, un trazado con menos puntos es ms fcil de editar.
50
Capas: Por defecto, Illustrator asigna un color nico a cada capa (hasta
nueve colores) del panel Capas. El color se muestra al lado del nombre de la
capa en el panel.
Un id ad
03
NIVEL: Bsico
Pa neles de A dobe
I l lus trator Pa r te 1

A Identificar cada uno de los paneles, as como sus funciones que permiten
trabajar las imgenes, modificarlas, escalarlas, recortarlas, etc... y cmo
administrarlos en el espacio de trabajo para facilitar el proceso del
diseo.
B Conocer las opciones para agrupar y desagrupar objetos.

Autor:
CS5
Diseo Vectorial
Illustrator CS5
tema
APaneles de Adobe Illustrator Parte 1

Navigator (Panel Navegador)
En ocasiones cuando ests trabajando con un documento
grande, se pierde la imagen dentro de la aplicacin o es difcil
detallar alguna seccin del diseo. Puedes ayudarte de las
herramientas Zoom (Zoom) y Hand (Mano) para moverte por
el documento, pero tambin podras usar el panel Navigator
(Navegador).
El panel Navigator (Navegador) de Adobe Illustrator te permite
cambiar rpidamente la posicin y vista del objeto para lograr
un mejor detalle en la visualizacin de la imagen.
Imagen 3-1: Panel Navegador.

El panel Layers (Capas) se sita por lo general en el extremo inferior derecho de la mesa de
trabajo. Recuerda que si no se encuentra activa, puedes desplegarla desde el men Window/
Layers (Ventana/Capas).
Imagen 3-2: Panel Capas.
Las capas sirven para organizar todos los elementos que componen o pueden componer a la
imagen vectorial, desde las formas bsicas hasta el color. Cuando se crea una imagen nueva,
Adobe Illustrator proporciona un rea en blanco en una sola capa incial, para empezar a
trabajar sobre ella. A partir de este punto se puede crear un mximo de 100 capas que son
suficientes para cualquier demanda.
Al estar trabajando con las capas, tendrs la sensacin de estar utilizando hojas transparentes,
cada una con determinada informacin. Las capas se pueden combinar y ordenar para que te
faciliten el trabajo.
En el panel de capas, cada una est identificada con un nombre junto al que se muestra lo que
contiene en un tamao miniatura. Utilizando el pequeo tringulo a la izquierda de la miniatura,
se puede desplegar un segundo nivel (sub capas) para mostrar los elementos contenidos.
52
PanelesdeAdobeIllustratorParte1
Si analizas con atencin, todo lo que se haga en un documento de Illustrator est en alguna
sub-capa de forma independiente, por lo que se le puede modificar con todas las opciones del
panel Layers (Capas).
capas
sub-capas
Imagen 3-3: Muestra de capas y sub-capas del panel.
Create New Layer (Crear nueva capa)

Para aadir nuevas capas a la composicin, haz clic en el icono Create New Layer (Crear
nueva capa).
T IP
Para una mejor organizacin de tu

trabajo es importante nombrar las
capas. Basta con dar doble clic sobre
el nombre de la capa y escribir el de
tu eleccin.
Creacin de Templates (Capas plantilla)

Crea un Template (Capa plantilla) siempre que desees basar una ilustracin nueva en otra ya
existente, para que no trabajes doble. Una capa plantilla se hace a partir de cualquier capa
existente o capa nueva. Al hacer doble clic en el nombre de la capa, aparecer el cuadro de
dilogo Layer Options (Opciones de capa). Selecciona en ese cuadro la casilla Template
(Plantilla) y haz clic en OK.
En el panel capas, las capas plantilla se identifican por un pequeo icono con figuras geomtricas
en el extremo izquierdo.
Capa plantilla
Imagen 3-4: Muestra del icono de una capa plantilla.
53
Diseo Vectorial
Illustrator CS5
Capa activa
En la mayora de los proyectos se trabaja con muchas
capas y aunque se nombren, no siempre podemos
recordar en cul estamos situados cada momento.
El panel capas, nos ayuda resaltando la capa activa
con un color slido (azul o gris, dependiendo de la
configuracin del Sistema Operativo).
capa
activa
Imagen 3-5: Muestra de capa activa.

Dentro del documento de trabajo es posible habilitar y deshabilitar temporalmente las capas.
La razn es simple, en ocasiones necesitamos imprimir un documento evitando que aparezca
cierta informacin. En este caso slo se imprimirn aquellas capas visibles, es decir, las que
tengan el icono del ojo visible
en el recuadro izquierdo.
Si deseas mostrar nicamente una capa, mantn pulsada la tecla <Alt> mientras haces clic
sobre el icono del ojo que corresponde a la capa a mostrar.
Las capas tambin se pueden mover para ajustar su posicin en el trabajo. Para esto necesitas
seleccionar una capa y arrastrarla hacia arriba o hacia abajo, dependiendo de la composicin
que quieras realizar.
Si necesitas llevar un elemento del dibujo de una capa a otra, puedes seleccionar la imagen,
copiarla (o cortarla) y pegarla en la capa que hayas seleccionado.
Lock (Bloqueo de capas)

Otra herramienta importante dentro del panel de capas, es el bloqueo. Su principal funcin es
evitar mover o modificar las capas. Para evitar cambios a los objetos de una capa, haz clic en la
casilla que est a la derecha del icono del ojo en cada capa. Un pequeo candado
indica
que la capa est bloqueda.
Delete Selection (Eliminar capas)

Para borrar una capa seleccionada, presiona el botn Delete Selection (Eliminar capa). Otra
forma de eliminar la capa, es arrastrarla y soltarla sobre el mismo icono de la papelera
.
3-01
VIDEO
54
Capas
ACTIVIDAD
3-01
Recordando: Capas
Contesta las siguientes preguntas.

1. Cul es la funcin de las capas?
Las capas sirven para organizar todos los elementos que componen o puedan
componer la imagen vectorial.
2. Cuntas capas como mximo se pueden utilizar en un proyecto de Illustrator?
Como mximo se pueden utilizar 100 capas en Illustrator.
3. Describe una forma para crear una capa nueva.
Dando clic en el icono Create New Layer (Capa nueva).
4. Para qu sirve una sub-capa?
Una sub-capa sirve para modificar de forma independiente los elementos
de la capa.
5. Qu es una capa plantilla y cmo se crea?
Es usar una ilustracin ya existente para trabajar un nuevo proyecto, se crea
dando clic en el nombre de la capa, aparecer el cuadro de dilogo Layer
Options (Opciones de capa). Selecciona la casilla Template (Plantilla) y dar Ok.
6. Describe una situacin especfica en la que sera til ocultar una capa. Explica con un
ejemplo en vez de mencionar el objetivo de la funcin de ocultar.
Tengo un texto en la parte de arriba pero no es agradable a la vista o sale
sobrando de la imagen, se puede ocultar la capa donde se sita el texto
para ponerlo con o sin texto.
7. Describe una situacin especfica en la que sera til bloquear una capa. Explica el ejemplo
en vez de mencionar el objetivo de la funcin de bloquear.
Al tener el proyecto terminado se pide que se le agreguen ms elementos,
se bloquea la capa del proyecto, se crea una nueva y sobre esa se aaden
esos nuevos elementos.
55
Diseo Vectorial
Illustrator CS5
ACTIVIDAD
3-02
Capas reales
Para esta actividad no se requiere la computadora. Se necesita un acetato transparente tamao

carta y plumones de colores. Tambin se pueden utilizar pinturas.
1. Recorta el acetato en cuatro partes iguales.
2. En el primer cuarto de acetato dibuja con un plumn punto fino o estilgrafo, el contorno de
una figura.
3. Usa el segundo cuarto de acetato para darle color a la figura. Coloca este acetato sobre el
primero, para que el relleno no pase el rea del contorno.
4. En el tercer cuarto de acetato dibuja sombras a la figura.
5. Usa el ltimo cuarto de acetato para escribir un texto pequeo.
6. Ordena los acetatos de manera que formen una sola composicin.
7. Anota tus conclusiones:
a. Cul es el orden (de arriba hacia abajo) en que mejor quedan acomodados los
elementos (relleno, sombra, contorno y texto)?
1. Contorno
2.Relleno
3.Sombra
4.Texto
b. Qu ventajas tiene trabajar cada elemento en una capa independiente?
La ventaja de trabajar en capas independientes es que puedes manipular
individualmente cada objeto que conforma a la imagen vectorial.
c. Esta tcnica se ha usado tradicionalmente para la animacin o caricatura, incluso antes
de la existencia de computadoras. Qu elementos crees que se podran dibujar en
cada capa para facilitar la creacin de un dibujo animado?
Los movimientos del personaje
Ms personajes
Lugares y fondos
56
PROYECTO
3-01
Usando capas para organizar una

ilustracin
1. Abre el archivo Monita.ai que est en los Recursos Digitales.

2. Localiza o abre el panel Layers (Capas). En la esquina superior derecha del panel hay un
pequeo botn con una flechita negra. Haz un clic en este botn para desplegar el men
emergente del panel. Elige de este men la opcin Panel Options (Opciones de panel).
3. En el cuadro de dilogo que aparece especificars los siguientes valores:
Row Size (Tamao de fila): Large (Grande)
Thumbnails (Miniaturas): Layers (Capas), Groups (Grupos) y Objects (Objetos).
Estas opciones simplemente amplan la apariencia de los elementos del panel Layers (Capas)
para facilitar el trabajo.
4. Oculta todas las capas y ve mostrando una a la vez para revisar su contenido. Expande las
sub-capas y revisa lo que contiene cada una.
5. Normalmente en el panel Layers (Capas) se asignan nombres genricos a las capas,
grupos y objetos. Al darles nombres ms descriptivos a estos elementos, resulta ms fcil su
identificacin. Renombra las capas existentes de forma apropiada.
6. Arrastra las capas para ordenarlas y corregir la ilustracin.
7. Crea una nueva capa y en ella introduce un texto con tu nombre y grupo.
8. Crea otra capa y en ella dibuja un rectngulo con borde
grueso y relleno claro, para enmarcar la ilustracin. Enva
esta capa detrs de todas las dems. Guarda los cambios
con el nombre Capas en la carpeta que indique tu profesor.
Imagen 3-6: Panel de Opciones.
57
Diseo Vectorial
Illustrator CS5
Transform (Panel de Transformacin)

El panel de transformacin permite modificar
numricamente y con gran exactitud un objeto
seleccionado: escalarlo, voltearlo, darle perspectiva
o distorsionarlo. El panel se puede mostrar usando el
men Window/Transform (Ventana/Transformar) y ofrece
diferentes modos u opciones de transformacin:
Imagen 3-7: Panel de Transformacin.
Transformacin
Funcin
Eje X
La imagen se mueve sobre el eje de las

X (horizontal).
Eje Y
Colorea instancias de smbolo.
Ancho (W)
Aplica opacidad a instancias de

smbolo.
Alto (H)
Rotate (Rotar)
Shear (Distorsin)
Aplica el estilo seleccionado a instancia

de smbolo.
Gira un objeto con respecto al punto de
referencia.
Permite inclinar un objeto vertical y
horizontalmente.
Actions (Panel de Acciones)

El panel de acciones se puede mostrar con el men
Window/Action (Ventana/Acciones). Las acciones,
son secuencias que permiten la automatizacin de
tareas repetitivas en Adobe Illustrator. Puedes
crear una accin para dibujar, modificar algunas
imgenes vectoriales y bitmaps, cambiarlas de
tamao y guardarlas en cierto formato, todo con un
solo comando.
Imagen 3-8: Panel de Acciones..
58
ACTIVIDAD
3-03
Recordando: acciones y transformaciones
Contesta las siguientes preguntas:

1. Para qu sirve el panel Transform (Transformacin)?
Permite modificar numricamente y con gran exactitud un objeto seleccionado.
2. Qu son las Actions (Acciones) y para qu sirven?
Las acciones son secuencias que permiten la automatizacin de tareas
repetitivas en Illustrator.
3. Relaciona la transformacin con su funcin:
Inclina un objeto en forma vertical u horizontal
ALTO
Aumenta o disminuye el tamao vertical
ROTAR
Se mueve en el eje Y
Aumenta o disminuye el tamao horizontal
DISTORSIN

Gira la capa con respecto al punto de referencia

Se mueve conforme al eje de las X
EJE Y

ANCHO
EJE X
4. Tomando como base la figura del primer recuadro, dibuja la transformacin que se pide en
cada caso. Utiliza regla y cuida la calidad. Si tienes transportador a la mano, salo.
Normal
Rotar 45
Distorsin 45
Rotar -45 + Alto 150%
Rotar 90 + Distorsin -45%
59
Diseo Vectorial
Illustrator CS5
Align (Panel de Alineacin)

En Adobe Illustrator puedes alinear elementos unos con otros o distribuirlos uniformemente
en el espacio. Para estas tareas se usa el panel de alineacin, que se despliega con el men
Window/Align (Ventana/Alinear).
El panel tambin te permitir alinear los objetos con respecto
a la mesa de trabajo. Para ello es necesario activar el botn
circular de la esquina superior derecha del panel y desplegar
su men emergente. De este men debes activar la opcin
Align to Artboard (Alinear a mesa de trabajo).
Imagen 3-9: Panel de Alinear.
T IP
Muchos paneles se pueden expandir o

contraer para mostrar ms o menos opciones.
Los paneles expandibles se identifican porque
junto a su nombre muestran una doble flecha
vertical
. Para expandir o contraer los
paneles da doble clic sobre la doble flecha.
Appearance (Panel de apariencia)

En Adobe Illustrator el panel Appearance (Apariencia) sirve para ver y ajustar los atributos
de apariencia de un objeto, grupo o capa. Para mostrar el panel selecciona men Window/
Appearance (Ventana/Apariencia).
Los atributos de apariencia son propiedades que afectan el aspecto de un objeto sin alterar
su estructura. Si se aplica un atributo de apariencia a un objeto y posteriormente ese atributo
se edita o se quita, no cambia al objeto original. Los atributos de apariencia son los rellenos,
trazos, transparencias y efectos. En muchas actividades previas has trabajado al menos con dos
atributos de apariencia bsicos, que son el relleno y el contorno o trazo.
Si seleccionas un objeto, puedes hacer clic en el panel de apariencia sobre el relleno o
contorno y despus utilizar los selectores de color para modificarlos. Si el objeto tiene algn
efecto aplicado, puedes dar doble clic sobre el icono del efecto para editarlo.
Similar al panel capas, el panel apariencia tiene botones en el borde inferior para agregar o
eliminar algn atributo del objeto.
60
Graphic Styles (Panel de estilos grficos)

Un estilo es un conjunto de atributos de aspecto. Puede consistir en una simple combinacin
de colores de relleno y trazo, o bien, en la combinacin de varios rellenos, transparencias y
efectos. Mediante la aplicacin de estilos se pueden cambiar rpidamente los aspectos fsicos
de un objeto.
Por ejemplo, es conveniente crear un estilo si frecuentemente estars utilizando una apariencia
que consiste en un color de relleno, un contorno de determinado grosor, un color de contorno,
un efecto de sombra o alguna transparencia. De esta manera podrs aplicar el estilo a cualquier
objeto con un solo clic.
Imagen 3-10: Panel de Estilos.
Para visualizar el panel Graphic Styles (Estilos) selecciona men Window/Graphic Styles
(Ventana/Estilos). El panel contiene ya algunos estilos predefinidos en la librera, sta se
despliega con el botn de la parte inferior
. Los estilos se pueden renombrar, reorganizar o
eliminar de forma muy similar a como se hace con las capas en su respectivo panel.
Utilizando el men emergente del panel, puedes mostrar los estilos en forma de miniaturas o en
forma de lista, como se muestra en la imagen.
Para aplicar un estilo existente a un objeto, simplemente
selecciona el vector y haz clic sobre el estilo a aplicar.
Siempre puedes usar el comando deshacer <Ctrl+Z>
si el resultado no es satisfactorio, o bien, puedes utilizar
el panel apariencia para modificar o eliminar cualquier
aspecto del estilo aplicado.
Imagen 3-11: Muestra de los estilos en miniatura.
3-02
VIDEO
Panel Appearence (Apariencia)
61
Diseo Vectorial
Illustrator CS5
PROYECTO
3-02
Conociendo el panel Apariencias
1. Crea un nuevo documento de 800 x 600 pxeles en el Color Mode (Modo de color): RGB.
2. Selecciona la herramienta de Rectangle (Rectngulo) y crea dos rectngulos medianos un
poco separados dentro del rea de la mesa de trabajo.
3. Localiza el panel de Appearance (Apariencia). Si no est visible puedes usar el men
Window/Appearance (Ventana/Apariencia). Tambin localiza el panel de Graphic Styles
(Estilos). Si no est visible mustralo con el men Window/Graphic Styles (Ventana/Estilos).
Normalmente estos dos paneles estn agrupados, pero te conviene desagruparlos para
poder verlos de forma simultnea.
4. Selecciona el primer rectngulo y observa el panel de Appearance (Apariencia). Utiliza este
panel para seleccionar y luego cambiar el color de relleno a verde claro y el color de trazo
a azul oscuro.
5. En el panel Appearance (Apariencia), selecciona el Stroke (Contorno) y luego utiliza el panel
Stroke (Trazo) para engrosar el contorno a 4 puntos.
6. En el panel Appearance (Apariencia), selecciona el Fill (Relleno) y luego utiliza el botn
Duplicate Selected Item (Duplicar seleccin) para crear un segundo relleno para la
figura. Debes tener ahora una figura con dos rellenos y un contorno. (Imagen 4-12)
7. Utilizando el panel Appearance (Apariencia),
cambia el color del relleno que est encima,
a rojo. Despus utiliza el panel Transparency
(Transparencia) para reducir la transparencia de
este relleno al 50%. Debers observar algo como
en la imagen 4-13.
8. Aplica al rectngulo seleccionado un efecto de
sombra utilizando el men Effect/Stylize/Drop
Shadow (Efecto/Estilizar/Sombra paralela). Acepta
las opciones predeterminadas. Debers ver que
el rectngulo proyecta una sombra. Revisa el
panel. Si el orden de los atributos no es como en
esta figura, puedes arrastrarlos para reordenarlos
correctamente.
62
Imagen 3-12: Relleno en panel Apariencia.
Imagen 3-13: Color de relleno y opacidad.
9. Ahora vas a crear un estilo a partir de la apariencia

del primer rectngulo. Mantenindolo seleccionado,
simplemente haz clic en el botn de New Graphic Style
(Nuevo estilo) en el panel de Graphic Styles (Estilos) y
as el nuevo estilo ser creado.
10. Haz doble clic sobre el nombre del nuevo estilo y
cambia su nombre a MiEstiloSombra01.
11. Aplica el nuevo estilo al segundo rectngulo,
seleccionndolo y dando un clic sobre el estilo en el
panel.
Imagen 3-14: Aplicacin de sombra.
12. Guarda tu trabajo con el nombre Estilos en la carpeta que indique tu profesor.
3-03
VIDEO
Paneles
Clipping Mask (Mscaras de recorte en las capas)

En los programas profesionales de diseo grfico se utiliza mucho el trmino mscara. Este
nombre se ha heredado de las antiguas tcnicas de trabajo con papel o pintura. En muchas
ocasiones, un artista tena la necesidad de trabajar slo con una pequea parte de una imagen.
Para no correr el riesgo de daar otras zonas de la imagen, el artista creaba una mscara que
consista en un lienzo que se colocaba sobre todo el documento y que tena slo un orificio a
travs del cual se poda retocar lo necesario.
63
Diseo Vectorial
Illustrator CS5
Hoy en da las personas todava usan mscaras de este tipo para restaurar obras de arte de
la antigedad, trabajar con fotografas e incluso se usan en procedimientos mdicos para
enfocarse a una zona especfica de trabajo mientras se protege el todo.
En Illustrator una Clipping Mask (Mscara de recorte) es un objeto o grupo de objetos cuya
forma enmascara las ilustraciones que se encuentran en la parte de abajo, de manera que slo
se pueden ver las ilustraciones que estn dentro de la forma de la mscara.
Las siguientes reglas se aplican a las mscaras de recorte:
Una mscara de recorte y los objetos que se van a enmascarar deben estar en la
misma capa o grupo en el panel Layers (Capas). No es posible tener la mscara
en una capa y los objetos a enmascarar en otra.
El primer objeto de la capa se convierte en la mscara de cualquier elemento, que
sea un subconjunto de la capa.
Independientemente de los atributos de apariencia que tenga un objeto, pierde su
relleno y trazo cuando se convierte en mscara de recorte.
Imagen 3-15: Muestra de una mscara y cmo se observa en el panel Layers.
Analiza con cuidado el panel de capas en la imagen anterior. La capa llamada Izquierda se
compone de dos elementos (cada uno en una subcapa), que son una imagen y una estrella.
La capa llamada Derecha, es una copia idntica de la anterior, slo que aqu se ha activado la
mscara de recorte, por lo que la estrella (el objeto ms al frente en esa capa) enmascara lo
que est debajo.
La mscara y los objetos enmascarados crean un conjunto de recorte. Para crear un objeto o
conjunto de recorte:
1. En el panel Layers (Capas), selecciona la capa que contiene los elementos que deben
convertirse en el conjunto de recorte. Recuerda que el objeto situado al frente ser la
mscara de recorte.
2. Haz clic en el botn Create/Release Clipping Mask (Crear/Soltar mscara de recorte)
situado en el borde inferior del panel Layers (Capas) o selecciona Make Clipping Mask
(Crear mscara de recorte) en el men emergente del panel Layers (Capas).
64
Para volver a convertir una mscara de recorte en un objeto:

1. Selecciona la capa o el grupo que contiene la mscara de recorte.
2. Haz clic en el botn Create Clipping Mask (Crear mscara de recorte) situado en la parte
inferior del panel Layers (Capas) o selecciona Release Clipping Mask (Soltar mscara de
recorte) en el men emergente del panel Layers (Capas).
Recuerda que cuando se crea una mscara de recorte, el objeto que acta como mscara
(el objeto del frente) pierde su color de relleno y contorno. Por tal motivo, cuando quitas la
mscara, el objeto aparece slo como una silueta sin color.
3-04
VIDEO
Mscaras de recorte
PROYECTO
3-03
Ejercicio de recorte de imgenes
1. Inicia un documento nuevo de Adobe Illustrator tamao carta en modo RGB.

2. Importa la imagen Globo.tif que se encuentra en los Recursos Digitales. Recuerda que
puedes utilizar el comando men File/Place (Archivo/Acomodar). Visualiza el panel de
Layers (Capas).
3. Toma la herramienta Elipse (Elipse) y haz un crculo. Si mientras dibujas el crculo, mantienes
presionadas las teclas <Alt+Shift>, la figura se crear a partir de su centro y ser un
crculo perfecto. El color y trazo del crculo no son importantes.
4. Mueve el crculo para que enmarque al globo que se ve ms abajo en la fotografa.
5. Observa las sub-capas para comprobar que el crculo es el objeto que est ms arriba en el
panel Layers (Capas). Presiona en el panel Layers (Capas) el botn Create Clipping Mask
(Crear/Soltar mscara de recorte) y deber crearse la mscara.
6. Ya creada la mscara, todava es posible mover el crculo para ajustar su posicin o tamao
con ms detalle. Haz algn pequeo ajuste para comprobarlo.
65
Diseo Vectorial
Illustrator CS5
Imagen 3-16: Ejemplo del crculo enmarcando el globo. Panel de Layers.
7. Ahora utiliza el men emergente del panel Layers (Capas) (el botn circular con una flecha,
en la esquina superior derecha del panel) y utiliza el comando para duplicar la capa 1.
Observa que el duplicado contiene todas las subcapas.
8. Elimina la mscara de recorte del duplicado y mueve el crculo (que ahora no tiene relleno
ni contorno, para que enmarque otro de los globos).
9. Contina duplicando las capas y modificando las figuras para crear mscaras de recorte
sobre cada uno de los globos de la imagen. Utiliza otras figuras para enmascarar, como
estrellas o polgonos.
Imagen 3-17: Mscaras aplicadas a objetos. Panel de Capas.
10. Copia en este espacio el aspecto final de la paleta Capas incluyendo los nombres de todas
las capas y sub-capas, as como las miniaturas de cada una. Incluye slo las primeras
cinco capas con sus sub-capas.
11. Guarda tu trabajo con el nombre Mscaras en la carpeta de costumbre.
66
ACTIVIDAD
3-04
Paneles
Relaciona los paneles de Adobe Illustrator que estudiamos anteriormente, con la funcin que
les corresponde.
Paneles
Funciones
Guarda secuencias que permiten

la automatizacin de tareas
repetitivas en Adobe Illustrator.
Permite modificar numricamente

y con gran exactitud un objeto
seleccionado: escalarlo, voltearlo,
darle perspectiva o distorsionarlo.
Sirve para distribuir elementos

unos con otros o distribuirlos
uniformemente en el espacio.
Sirve para ver y ajustar los atributos

de un objeto, grupo o capa.
Almacena combinaciones de
colores, efectos y transparencias
para su rpida aplicacin.
67
Diseo Vectorial
Illustrator CS5
ACTIVIDAD
3-05
Operaciones con capas
Responde correctamente Cmo funcionan las opciones del panel Layers (Capas)? Debes ser lo
ms explcito posible.
1. Create New Layer (Crear nueva capa).
En esta opcin puedes crear capas nuevas.
2. Templates (Creacin de capas plantilla).

En esta opcin, la capa en la que se trabaja se convertir en
plantilla para usarla nuevamente para un nuevo proyecto.
3. Capa activa.
Activa la capa en la cual ests trabajando. Para seleccionar la capa
activa se da clic sobre su nombre.
4. Ocultar y mover capas.

Para ocultar una capa simplemente das clic en el icono del ojo y
para mover las capas slo arrastras una sobre otra o viceversa.
5. Lock (Bloqueo de capas).

Simplemente das clic en el campo que se encuentra del lado derecho del icono
del ojo para hacer visible el candado blanco y bloquear la capa.
6. Delete Selection (Eliminar capas).

Se selecciona la capa y das clic en el icono del bote de basura para eliminar la
capa.
68
tema
BAgrupar y desagrupar objetos

Puedes reunir varios objetos para convertirlos en una unidad por medio del comando Agrupar
que se activa con men Object/Group (Objeto/Agrupar) o las teclas <Ctrl+G>. Cuando
agrupas varios objetos, los puedes mover y transformar al mismo tiempo sin alterar sus
posiciones relativas o atributos individuales. Para desagrupar objetos utiliza el men Object/
Ungroup (Objeto/Desagrupar) o la combinacin de teclas <Ctrl+Shift+G>.
Imagen 3-18: Objetos agrupados
Despus de agrupar los objetos, al seleccionar cualquier parte del grupo con la herramienta
Select (Seleccin) o la herramienta Lasso (Lazo), se seleccionar todo el grupo. Si no ests
seguro si un objeto pertenece a un grupo, mejor seleccinalo con la herramienta Select
(Seleccin).
ACTIVIDAD
3-06
Agrupar y desagrupar
1. Qu es agrupar varios objetos?

Agrupar varios objetos es unirlos para poder moverlos y tranformar al mismo
Agrupar
y desagrupar
tiempo
sin alterar sus posiciones relativas o atributos individuales.
2. Esquematiza los pasos que se deben seguir para agrupar y desagrupar un objeto en Illustrator.
Agrupar
1. Seleccionas los objetos para agrupar
2. Vas al men Objeto/Agrupar
o con <Ctrl+G>
Desagrupar
1. Seleccionar el grupo
2. Vas al men Objeto/Desagrupar
o con <Ctrl+Shift+G>
69
Diseo Vectorial
Illustrator CS5
Qu aprendiste?
TEMA A: A identificar los paneles, sus caractersticas, conocer cmo se pueden acomodar,
acoplar para facilitar el trabajo, as como las funciones de algunos de ellos.
TEMA B: Que mediante el comando de agrupar objetos es ms sencillo el trabajo con varios
objetos, tanto para desplazarlos, como para transformarlos.
EVALUACIN
03
1. Para qu sirve el panel Layers (Capas)?
Las capas sirven para organizar todos los elementos que componen o
pueden componer a la imagen vectorial, desde formas bsicas hasta el
color.
2. Explica brevemente cmo se usa una mscara de recorte y para qu sirve?
Es un objeto o grupo de objetos cuya forma enmascara las ilustraciones que
se encuentran en la parte de abajo, de manera que slo se pueden ver las
ilustraciones que estn dentro de la forma de la mscara.
3. Qu es un estilo y para qu nos sirve el crear uno nuevo en el panel Graphic Styles (Estilos)?
Un estilo es un conjunto de atributos de aspecto. Mediante la aplicacin de
estilos se pueden cambiar rpidamente los aspectos fsicos de un objeto.
El crear un nuevo estilo sirve si frecuentemente se est usando un color de
relleno, contorno determinado, etc... y poder aplicarlo con un solo clic.
70
El sistema Pantone, es una gua de color con 1114 colores clasificados por tono
y sus variaciones hacia la claridad y oscuridad. Cada uno tiene asignado un
nmero y lleva impresa la frmula para reproducirlo con exactitud a partir de una
serie de 14 colores: Pantone Basic Colors.
Un id ad
04
NIVEL: Bsico
C olor
A Conocer los conceptos del color. Identificar cada una de las herramientas
del panel color, as como ponerlos a la prctica en diferentes actividades
y proyectos para reafirmar los conceptos aprendidos.

Autor:
CS5
Diseo Vectorial
Illustrator CS5
tema
AColor
El mundo est lleno de color que nos ayuda a diferenciar las cosas, los animales e incluso las
personas. Pero Qu es el color? De dnde viene? Cmo se hace el color naranja, verde o
morado?
Cuando no hay luz, todo se ve negro y pareciera que el color ha desparecido, pero no es as. El
color realmente no desaparece, pero como el color es slo una sensacin provocada por la luz,
sin luz no percibimos el color. El color es muy importante en el diseo grfico.
El color es el medio ms subjetivo para expresar las ideas.
El color tiene el poder de la atraccin o el rechazo, dependiendo del uso que se le d.
Los colores dan sensacin de movimiento.
Las emociones, sensaciones y todo lo que los colores pueden llegar a expresar y
hacer sentir al espectador, forman parte fundamental de un buen diseo.
Fotografa cortesa de Thy Bun. Usada con permiso.
Imagen 4-1: Color en el diseo
La Psicologa del color

Los colores despiertan emociones y sentimientos especficos en las personas. Hay estudios
amplios y serios con respecto al factor psicolgico del color, que se basa en las diferentes
impresiones que surgen del ambiente creado por el color, como la sensacin de calma,
recogimiento, plenitud, alegra, opresin, violencia o incluso hambre. La psicologa de los
colores los clasifica de la siguiente manera:
Colores clidos: Estos colores se proyectan hacia afuera y atraen la atencin.
Los colores clidos son fuertes, agresivos y parecen vibrar dentro de su espacio.
Se relacionan con el sol, el fuego y el calor. La intensidad de los colores clidos
provoca el aumento de la presin sangunea y estimula el sistema nervioso. El rojo,
naranja y amarillo son ejemplos de colores clidos.
72
Color
Colores fros: Los colores fros remiten a la nieve y el hielo. En su estado ms

brillante son dominantes y fuertes. Los colores fros aminoran el metabolismo y
aumentan la sensacin de calma. El azul claro, el blanco o el turquesa son ejemplos
de colores fros.
Imagen 4-2: Colores fros.
Colores claros: Son colores casi transparentes. Cuando la claridad aumenta,

las variaciones entre los distintos tonos disminuye. Los colores claros generan la
sensacin de amplitud en los alrededores y sugieren liviandad, descanso, suavidad
y fluidez. Se relacionan con la primavera y el verano.
Colores oscuros: Los colores oscuros son tonos que tienen negro en su composicin.
Encierran el espacio y lo hacen parecer ms pequeo. Los colores oscuros son
concentrados y serios. Se relacionan con el otoo y el invierno.
Colores brillantes: La claridad

de los colores brillantes se
logra por la omisin del gris o el
negro. Los colores azules, rojos,
amarillos y naranjas son colores
de brillo pleno. Los colores
brillantes son vivos y atraen la
atencin.
Imagen 4-3: Colores oscuros.
4-01
LMINA
Color
73
Diseo Vectorial
Illustrator CS5
ACTIVIDAD
4-01
Comprendiendo el color

1. Qu enunciado es el correcto para definir el color?
a. El color es algo que pinta un objeto.
b. El color es una visin ptica del ojo o un espejismo.
c. El color es la impresin sensorial capatada por el ojo, que produce la luz sobre cualquier
objeto.
d. Ninguna de las anteriores.
2. Acomoda las palabras en el enunciado segn corresponda:
1666
luz blanca
prisma o vidrio
rojo
amarillo
verde
azul
ndigo y violeta
Isaac Newton
luz del Sol
siete
1666
Isaac Newton
descubri en el ao
luz blanca
siete
que la
estaba formado, por
colores: rojo, amarillo, verde, azul, ndigo y violeta
Demostr su descubrimiento al descomponer un rayo de
luz del sol
hacindolo pasar a travs de
.
un prisma o vidrio
3. Ejemplifica cada una de las dimensiones de color con un solo recorte de alguna revista,
sealando con una flecha la caracterstica que quieres representar. Por ejemplo, puedes
pegar una fotografa de una playa y sealar zonas con mayor o con menor brillo.
74
Color
ACTIVIDAD
4-02
El color, la luz y el ojo
Para esta actividad necesitars una linterna y un lugar oscuro.

1. Asegrate que el lugar donde hars la actividad est bien oscuro. Puedes utilizar cartulinas
negras o cortinas para cubrir las ventanas o fuentes de luz del saln de clases o bien
realizar la actividad en tu casa, ya sea por la noche o en un lugar sin luz.
2. Ilumina con la linterna diferentes objetos y observa cmo surge el color y cmo cambia
con diferentes intensidades o ngulos de iluminacin.
3. Tomando en cuenta las propiedades o dimensiones del color que hemos visto, realiza un
ensayo breve, donde expliques tus conclusiones acerca de la relacin entre el color y la
luz. Explica tambin cmo se relaciona el experimento con las propiedades del color.
La luz produce una impresin sensorial en cualquier objeto llamado color. Al
alumbrar con la linterna (luz) el color va apareciendo, simplemente estaba
oculto.

Los colores se clasifican en:
Colores primarios: El espectro solar tiene tres colores que se consideran primarios:
amarillo, rojo y azul. Se llaman colores primarios porque constituyen la base para
formar a los dems colores. Los colores primarios no pueden obtenerse mezclando
otros colores. Tambin se les denomina colores puros.
Imagen 4-4: Colores primarios.
75
Diseo Vectorial
Illustrator CS5
Colores secundarios: De la unin de dos colores primarios se obtiene un color

secundario o binario. Los colores secundarios son: verde, violeta y naranja.
Imagen 4-5: Colores secundarios.
Colores terciarios: Se obtienen al mezclar un color secundario con uno primario.

Los colores terciarios son: rojo violeta, rojo anaranjado, amarillo anaranjado,
amarillo verde, azul verde y azul violeta.
Imagen 4-6: Colores terciarios.
T IP
76
En el panel de color Illustrator los

colores primarios se identifican como
Yellow (Amarillo), Pure Red (Rojo puro) y
Pure Blue (Azul Puro).
Color
Colores complementarios: En el crculo cromtico, los colores complementarios

se encuentran opuestos. Por ejemplo, son colores complementarios: rojo y verde,
naranja y azul, violeta y amarillo. Los colores complementarios tienen la propiedad
de resaltar en forma notable cuando se colocan uno al lado del otro.
Imagen 4-8: Colores complementarios.
Colores armnicos: Son los que se encuentran prximos dentro del crculo
cromtico. Por ejemplo, son colores armnicos: naranja y rojo, azul y verde, amarillo
y naranja, violeta y azul, verde y amarillo. Cuando se utilizan los colores armnicos
en una composicin, el paso de un color a otro es sutil y sin contraste, por lo que
el resultado es de agradable tranquilidad.
Imagen 4-9: Colores armnicos.
El Crculo Cromtico
El crculo cromtico es la representacin de todos los
colores. En l vienen expresadas las combinaciones
de color a partir de los tres colores primarios. El crculo
cromtico es la forma ms prctica de organizar los
colores.
El crculo cromtico que se muestra, representa
los colores primarios, secundarios y terciarios. Hay
crculos que muestran una gama de colores ms
amplia, simplemente representando los colores
intermedios alrededor de la circunferencia.
Imagen 4-7: Crculo cromtico.
77
Diseo Vectorial
Illustrator CS5
ACTIVIDAD
4-03
Diagramas de color
1. En un nuevo documento de Illustrator, tamao carta, modo de color RGB, realiza los
siguientes diagramas:
C
olores Primarios
Colores Secundarios
Colores Terciarios
En cada diagrama especifica el nombre del color y pon un ttulo para identificar el diagrama.
2. En los Recursos Digitales se encuentra la aplicacin CirculoCromatico.exe. Abre este
programa y vers que hay un crculo cromtico sin color.
3. Mueve los deslizadores que corresponden a los colores RGB para formar un color. Arrastra el
color formado hacia alguna seccin del crculo para que se pinte. Iguala en el programa el
crculo que se muestra en la imagen Circulo cromtico.exe.
4. Cuando hayas terminado, imprime tu trabajo en papel.
5. En el siguiente diagrama, anota los valores RGB que tuviste que utilizar para cada una de las
secciones del crculo cromtico.
R=153
G=0
B=0
R=73
G=48
B=173
R=5
G=29
B=171
Imagen 4-10: Crculo Cromtico.exe
R=245
G=0
B=51
R=255 R=254
R=73
G=0
G=92
G=48
B=0
B=51
B=137
R=5
R=254
G=29
G=255
B=171
B=51
R=2
G=48
B=197
R=10
G=188
B=0
R=254
G=92
B=51
R=254
G=171
B=51
R=254
G=255
B=51
R=10 G=188
B=0
R=0
G=184
B=190
78
R=255
G=0
B=0
R=9
G=216
B=0
Color
PROYECTO
4-01
Colores armnicos y complementarios
1. En un nuevo documento de Illustrator, tamao carta, modo de color RGB, crea 6 rectngulos
de 10 cm. de ancho por 1 cm. de alto. Coloca los rectngulos uno sobre otro dejando un
espacio entre ellos. Utiliza el panel de alineacin para alinear sus mrgenes y distribuirlos
uniformemente en la mitad izquierda del documento.
2. Rellena cada uno de los rectngulos con un degradado que vaya de un color cualquiera a
su color complementario (opuesto en el crculo cromtico). Una forma de crear un relleno
degradado es:
a. Selecciona la figura.
b. En el panel de herramientas, debajo de los selectores de color, elige el
botn Gradient (Degradado).
c. Abre el panel Gradient (Degradado). Este panel muestra los
tipos, colores inicial y final del degradado. Selecciona el tipo
para activarlo. Observa estos primeros pasos en la figura.
d. En el panel de herramientas, haz doble clic en el selector de
color de relleno para elegir el color inicial del degradado.
e. De forma similar, haz clic en el deslizador del color final en el panel Gradient
(Degradado) y enseguida doble clic en el selector de color de las herramientas para
definir el color final.
3. Asegrate que los colores inicial y final son complementarios. Utiliza diferentes colores
complementarios para cada rectngulo.
4. Ahora crea otro conjunto de 6 rectngulos, alnealos y distribyelos en la mitad derecha del
documento.
5. Rellena este nuevo grupo de rectngulos con degradados, que vayan de un color cualquiera
a otro cercano en el crculo cromtico (colores armnicos).
6. Utiliza texto para identificar cada grupo de rectngulos y para escribir los nombres del color
inicial y final en cada uno de ellos.
7. Guarda tu trabajo con el nombre Colores en la carpeta que indique tu profesor.
79
Diseo Vectorial
Illustrator CS5
ACTIVIDAD
4-04
Campaa publicitaria de un producto

alimenticio
1. Organicen equipos de trabajo de 3 a 5 personas cada uno. Consigan imgenes relacionadas

con publicidad de alimentos en revistas, peridicos e Internet.
2. Observen las estrategias adoptadas por los publicistas: tipo de eslogan, forma de atraer la
atencin del cliente, recursos grficos o verbales utilizados para la creacin de la campaa
del producto. Elige alguno y anota algunas conclusiones:

a. Qu colores son predominantes?
b. Qu clasificacin de color predomina desde el punto de vista de la psicologa del color?
c. Qu sensaciones o emociones consideras que esa combinacin de colores genera?
d. A qu segmento de mercado (personas) est dirigida la publicidad que elegiste?
e. Crees que la eleccin del color es importante para la publicidad? Por qu?
f. Cmo te imaginas que se eligen los colores para un empaque o anuncio publicitario?
3. Prepara una breve exposicin de 5 minutos mximo, donde expliquen a los otros equipos lo
que han logrado concluir y muestren el estudio realizado.
80
Color
ACTIVIDAD
4-05
Los modos de color
1. Explica qu es un Modo de color.

Los modos de color son modelos que tratan de representar los colores de
la naturaleza por ser visualizados en pantalla e impresin.
2. Cules son los Modos de color de Illustrator?
a. rojo, amarillo y azul
b. negro y blanco
c. morado, rosa y rojo
d. RGB, CMYK, Lab y grises
e. ninguno de los anteriores
3. Qu son los colores planos?
Los colores planos son los que pueden imprimirse directamente con una
tinta especial.
4. Con la ayuda de lpices de colores, ejemplifica grficamente dos modos de color,
representando cada uno de la forma que consideres adecuada. Puedes utilizar dibujos,
esquemas, diagramas o lo que desees, mientras quede clara la idea de lo que es cada
modo.
5. Crea un cuadro sinptico o mapa mental donde representes las caractersticas y usos de
cada modo de color.
Modos de color
Color Lab
colores
luminosos
Escala de grises
monocromticos
tono continuo
Color RGB
Color CMYK
rojo, verde, azul
cyan,magenta,amarillo,negro
Imgenes en pantalla
Imgenes de impresin
combinacin de luz
Absorcin de luz por tintas
81
Diseo Vectorial
Illustrator CS5
Color (Panel de color)

Recuerda que al dar doble clic sobre los Color Picker (Selectores de color) en el panel de
herramientas, se abre el Color Picker (Selectores de color) desde donde puedes escoger el
color con el que quieras pintar un grfico. Puedes seleccionar un color estndar o un color
directo, dependiendo del grfico e impresin que vayas a necesitar.
Por otro lado, con el panel de Color (Color) puedes colorear tambin los contornos y rellenos de
las figuras seleccionadas. Este panel se puede mostrar con el men Window/Color (Ventana/
Color). Permite directamente elegir un color de relleno o contorno de cuatro formas:
Imagen 4-11: Men emergente del panel de color.
Arrastrando los deslizadores de los componentes (RGB o CMYK). Los deslizadores

tambin se llaman mezcladores de color.
Introduciendo los valores para cada componente de color numricamente.
Haciendo clic sobre algn color del espectro disponible.
Haciendo doble clic en los pequeos selectores de color de relleno y contorno
contenidos en la misma paleta.
El men emergente del panel de color, permite elegir alguno de los modos de color disponibles.
Adems este men tiene comandos para invertir o complementar el color actual y para agregar
el color actual al panel Swatches (Muestras).
Los colores de Spectrum (Espectro) que se muestran en el panel de color, dependen del modo
de color en el que se encuentre predeterminado el panel. Los modos de color con los que la
aplicacin cuenta son: Grayscale (Escala de grises), RGB (Rojo, verde y azul), HSB (Se basa en
la percepcin humana del color) y Web Save RGB (Colores para web RGB).
82
Color
Swatches (Panel de Muestras)

Las muestras son colores, matices, degradados y
motivos que se han almacenado con un nombre para
poder aplicarlos rpidamente. Las muestras asociadas
con un documento aparecen en el panel Swatches
(Muestras). Si no est visible el panel de Swatches
(Muestras) ve a men Window/Swatches (Ventana/
Muestras).
Antes de aplicar una muestra a un objeto, primero
selecciona si quieres afectar el contorno o el relleno.
Imagen 4-12: Panel de muestras.
Esto lo puedes hacer en los selectores de color del
panel de herramientas, en el panel de color o en el
panel de apariencia. Despus simplemente elige la muestra que quieres aplicar.
Para abrir una biblioteca de muestras especficas, selecciona el comando Open Swatch Library
(Abrir biblioteca de muestras), en el men emergente del panel de Swatches (Muestras).
Hay muchas bibliotecas como PANTONE (se utiliza para tintas de impresin), Trumatch
(proporciona equivalencias predecibles de color CMYK), FOCOLTONE (proporciona 763 colores
CMYK), DIC (se utiliza para imprimir proyectos en Japn), TOYO (proporciona ms de 1000
colores basados en las tintas de impresin que se utilizan con ms frecuencia en Japn) y
colores Web.
Imagen 4-13: Bibliotecas.
Cuando se abre una biblioteca de muestras, aparece en un nuevo panel (puede estar agrupada
con otra). En la biblioteca de muestras se seleccionan, ordenan y visualizan las muestras del
mismo modo que en el panel Swatches (Muestras).
4-01
VIDEO
Panel de color
83
Diseo Vectorial
Illustrator CS5
Qu aprendiste?
TEMA A: A conocer y comprender el concepto de color, su clasificacin, psicologa y su uso;
as como a identificar los elementos que componen el panel y los diferentes modos
de color.
EVALUACIN
04
1. Qu es el color y cmo se clasifica?
Se llama color a la impresin sensorial que produce la luz sobre cualquier
objeto y que es captada por el ojo. La luz reflejada produce una impresin
sobre la retina. Dicha sensacin se transmite al cerebro por medio del nervio
ptico. El color se clasifica en colores primarios, secundarios y terciarios.
2. Qu es el crculo cromtico?
El crculo cromtico es la representacin de todos los colores. En l vienen
expresadas las combinaciones de color a partir de los 3 colores primarios.
Es la forma ms prctica de organizar los colores.
3. Menciona las caractersticas de los colores clidos:
Los colores clidos proyectan hacia afuera y atraen la atencin, son fuertes,
agresivos y parecen vibrar dentro de su espacio. Se relacionan con el sol,
fuego y calor. La intensidad de los colores clidos provoca el aumento de la
presin sangunea y estimula el sistema nervioso.
4. Cul es la diferencia entre una tinta plana y una seleccin de color?
Tinta plana: Es una tinta especial.
Seleccin de color: Cuatricroma (CMYK), combinacin de tintas.
84
Los paneles y cuadros de dilogo, permiten

introducir valores numricos en las casillas
que modifican la apariencia del objeto o
herramienta.
Tambin puedes realizar operaciones
matemticas sencillas en cualquier cuadro
que acepte valores numricos. Por ejemplo,
si deseas mover un objeto 3 unidades
hacia la derecha utilizando las unidades
de medida actuales, simplemente escribe
+3 despus del valor actual en el panel
Transformar.
Un id ad
Pa neles de A dobe
I l lus trator Pa r te 2
05
NIVEL: Bsico

A Aprender las herramientas de los paneles para lograr transparencias,
modos de fusionar dibujos e imgenes, a utilizar las mscaras de opacidad,
los degradados de transparencia y los buscatrazos, ponindolos en
prctica en diferentes ejercicios de la unidad.
B Aplicar los conceptos aprendidos para la creacin de un logotipo,
utilizando las herramientas contenidas en esta unidad.
C Conocer el concepto de transparencia al efectuar cambios en parmetros
de los paneles y aplicar modos de fusin en composiciones.
D Comparar las opciones del panel Pathfinder (Buscatrazos), con funciones
matemticas para crear figuras complejas con objetos simples
E Comprender cada uno de los efectos que maneja Adobe Illustrator para
saber cundo aplicar cada uno segn el trabajo que se est realizando.

Autor:
CS5
Diseo Vectorial
Illustrator CS5
tema
AMs paneles
Los atributos de trazo se pueden utilizar solamente cuando se dibujan objetos. Los atributos del
panel de Stroke (Trazo) determinan si una lnea es continua o punteada, as como el estilo de
la lnea punteada, el grosor de la lnea, el ngulo mnimo y el estilo de las lneas y sus remates.
Utiliza el panel Stroke (Trazo) para optimizar los atributos de las lneas: Weight (Anchura o
grosor), la forma en que se unen las lneas Join (Unir), Miter Limit (Rematan) y si el trazo es
continuo o Dashed Line (Punteado).
Para ajustar el trazo sigue estos pasos:
1. Utiliza cualquier herramienta de
seleccin para elegir el objeto
cuyos atributos de trazo deseas
modificar.
2. Muestra el panel Stroke (Trazo)
desde el men Window/Stroke
(Ventana/Trazo).
Grosor
Remates
Lnea
punteada
Puntas de
flecha
3. Para especificar el grosor del

Perfil de la
contorno, introduce un valor en
lnea
el campo de Weight (Grosor) o
Imagen 5-1: Panel de Trazo.
selecciona un valor en el panel de
control. Puedes introducir los valores en pulgadas (in), milmetros (mm), centmetros (cm)
o picas (pi). La anchura de la lnea determina el grosor del trazo en puntos.
4. Modifica cualquiera de las opciones del panel:
Cap (Remate): Puede cambiar la forma en que finalizan los vectores que no estn cerrados.
Butt Cap (Remate extremo): Hace las lneas con extremos cuadrados.
Round Cap (Remate redondeado): Hace las lneas con extremos en semicrculo.
Projecting Cap (Remate proyectado): Hace lneas con extremos cuadrados que se
extienden ms all del extremo de la figura, con la mitad del grosor.
Corner (Esquinas): Cuando se tienen vectores rectos se pueden modificar a redondos.
Miter Join (Remate angulado): Se debe introducir un ngulo mnimo comprendido
entre 1 y 500. Este ngulo controla los remates.
Round Join (Remate redondeado): Hace las esquinas redondeadas.
Bevel Join (Remate biselado): Hace las lneas con extremos en relieve.
86
Align Stroke (Trazo alineado): Con esta herramienta se puede decidir en dnde se alinear
el borde del trazo, si al centro del vector, afuera o adentro.
Dashed Line (Lnea Punteada): Se pueden hacer lneas con aspecto de costura, que se
puede modificar por 3 aspectos distintos:
Las 2 opciones del lado derecho permiten elegir si la lnea conserva la misma
longitud en cada segmento punteado o si algunos segmentos son ms cortos que
otros.
Dash (Longitud de lnea): Determina la longitud de la lnea.
Gap (Espacio): Determina el espacio entra cada segmento de lnea.
En el panel de trazo se ha mejorado la opcin de lneas discontinuas que de manera simtrica
se ajustan en las esquinas as como en los extremos de los trazos abiertos
Arrowheads (Puntas de flecha): Se puede elegir un adorno para el inicio y fin de una lnea
por separado estableciendo su escala, direccin y alineacin respecto a los bordes de la
lnea, ya sea que estn dentro del tamao del trazado o sean extensin del mismo.
Las puntas de flecha son ms precisas y se puede bloquear la punta o la base de la punta de
flecha en el punto final del trazado. Se puede redimensionar la punta y el extremo de las puntas
de flecha de forma independiente mediante la opcin escala. Para vincular el inicio y el fin de la
escala de las puntas de flecha, haz clic en el icono enlazar escalas de punta de flecha de inicio
y fin, situado junto a la opcin escala.
Profile (Perfil): Determina diferentes anchos (formas) de la lnea, tambin puede reflejarse
de manera horizontal o vertical.
Ahora podemos mejorar los trazos con las herramientas que nos proporciona Adobe Illustrator
CS5, por ejemplo el trazo de anchura variable que puede ajustar la anchura del trazo en varios
puntos alrededor del mismo, es muy til en el momento de realizar el contorno de un rostro.
La anchura se puede dar de manera simtrica o bien a lo largo de un slo lado del trazo, tambin
se pueden crear y guardar perfiles de anchura personalizados para aplicarlos a cualquier trazo.
Tambin en esta versin de Illustrator ahora se mejora la unin de los trazados al pulsar
una sola tecla, y se puede realizar la unin de las esquinas de manera suave. Para unir dos o
ms trazados abiertos tomamos la herramienta Direct Selection Tool (Seleccin Directa), para
seleccionar los trazados abiertos ir a Object/Path/Join (Objeto /Trazado/Unir). Tambin puedes
usar el mtodo abreviado de teclado <Ctrl+J>.
5-01
VIDEO
Panel de Trazo
87
Diseo Vectorial
Illustrator CS5
Brushes (Panel de Pinceles)

El panel de Brushes (Pinceles) de Adobe Illustrator
contiene cinco tipos de pinceles (caligrficos, de
dispersin, de arte, de motivo y de cerda) que se utilizan
para aadir un efecto artstico a los trazados.
Para visualizar el panel de Brushes (Pinceles) ve al men
Window/Brushes (Ventana/Pinceles).
Utilizando los cinco tipos de pinceles puedes obtener los
siguientes efectos:
Imagen 5-2: Panel de Pinceles.
Los pinceles caligrficos crean trazos similares a los que se obtienen con una
pluma caligrfica, dibujados a lo largo del centro del trazado.
Los pinceles de dispersin extienden copias de un objeto a lo largo del trazado.
Los pinceles de arte estiran un objeto o una ilustracin proporcionalmente a lo
largo del trazado.
Los pinceles de motivo dibujan con un smbolo predefinido, formado por mosaicos
individuales que se repiten a lo largo del trazado.
Los pinceles de cerdas son los nuevos pinceles de Adobe Illustrator CS5 con los
cuales se crean trazos con el aspecto natural de las cerdas de un pincel, se puede
pintar con vectores que se asemejan a los trazos de un pincel real as como definir las
caractersticas de las cerdas, como el tamao, la longitud, el grosor, la densidad y la
rigidez, adems de la densidad de la forma del pincel y la opacidad de la pintura.
Ahora tambin en Adobe Illustrator CS5 se puede definir la escala de los pinceles de arte y de
motivo en un trazado, as como elegir reas del trazo de pincel para que su tamao se cambie
de forma proporcional y los trazos que forman ngulos (esquinas) se rellenen correctamente.
5-02
VIDEO
Panel de Pinceles
Gradient (Panel de Degradado)

En el panel Gradient (Degradado) es posible elegir entre degradados radiales y lineales, as
como especificar el ngulo del degradado y la ubicacin de los colores. Si el panel Gradient
(Degradado) no est visible, ve a men Window/Gradient (Ventana/Degradado).
El panel no tiene mezcladores para determinar de forma manual los puntos inicial y final de
un degradado, es necesario elegirlos manualmente. Los colores del degradado se definen con
una serie de puntos en el regulador de degradado (un mnimo de dos). Un punto, es el lugar en
88
que un degradado pasa de un color al siguiente y se identifica con un cuadrado situado bajo el
regulador de degradado.
Para cambiar el color de un punto del degradado, seleccinalo y utiliza el panel Color (Color) o
los selectores de color del panel de herramientas. Otra forma de cambiar el color de un punto
del degradado es arrastrar hasta ese punto un color del panel Swatches (Muestras).
Los puntos de degradado muestran el color asignado a cada fase del degradado. Con un
degradado radial, el punto de degradado situado ms a la izquierda, define el relleno del color
del rea central, que inicia un degradado de forma radial hasta llegar al color del punto de
degradado del extremo derecho.
Despus de crear o modificar un degradado, es posible
guardarlo como muestra haciendo clic en el botn New
Swatch (Nueva muestra) del panel Swatches (Muestras).
Otra opcin es arrastrar el degradado desde el cuadro de
herramientas o el panel Gradient (Degradado) hasta el
panel Swatches (Muestras).
En este panel tambin se puede cambiar el degradado de
izquierda a derecha y viceversa, determinar el ngulo del
degradado, el aspecto del radio si es que el degradado es
radial y dar opacidad en el color del punto de degradado.
Imagen 5-3: Panel de Degradado.
5-03
VIDEO
Panel de Degradado
PROYECTO
5-01
Papelera de Identificacin personal
1. Inicia un nuevo documento de Illustrator basado en una plantilla. Para ello debes elegir la
opcin New from Template (Nuevo desde Plantilla) al momento de cerrar el documento.
La plantilla que debes buscar es Tarjetas30.ait y se encuentra en los Recursos Digitales.
Esta plantilla servir para crear una tarjeta de presentacin en formato horizontal.
2. Abre la biblioteca de brochas de decoracin dispersa. Para ello usa el men Window/Brush
Libraries/Decorative_Scatter (Ventana/Biblioteca de pinceles/Decoracin dispersa). Esta
biblioteca estar disponible en el panel Brushes (Pinceles).
89
Diseo Vectorial
Illustrator CS5
3. Las brochas de la biblioteca son aplicadas a un trazo creado por las herramientas de
pluma, lpiz, segmento de lnea o brocha. Empieza dibujando una lnea sin relleno a lo
largo del espacio de la tarjeta de presentacin. Luego ve al panel Brushes (Pinceles) y
selecciona la que ms te agrade.
4. Puedes cambiar el tamao, espaciado, esparcimiento y rotacin de cada elemento
individualmente. Selecciona el trazo o segmento de lnea que dibujaste y da doble clic en
la brocha de tu eleccin, directamente en el panel Brushes (Pinceles). Prueba los valores
que den el mejor efecto.
5. Selecciona la herramienta de Text Tool (Texto) del panel de herramientas e introduce
tus datos: nombre de una empresa, tu nombre completo, cargo u ocupacin, direccin,
telfono, correo electrnico, pgina web, facebook y twitter. Recuerda que puedes modificar
los atributos del texto desde el panel de control.
6. Para agregar iconos o logotipos a tu tarjeta, los puedes descargar de Internet y vectorizarlos
con la herramienta Pen (Pluma) en Illustrator. Acomdalos de tal manera que queden en
armona con los dems elementos.
7. Los elementos de la brocha en muchas ocasiones se salen del rea de trabajo, por lo que
es recomendable que hagas una mscara de recorte al proyecto final, para que no tenga
mal aspecto. Guarda el trabajo terminado con el nombre Papelera_1 en la carpeta que
indique tu profesor.
8. Cuando est terminada tu tarjeta de presentacin, crea los siguientes elementos de
papelera personalizada. Para cada uno hay una plantilla que debes tomar como base.
Cuida de mantener uniformidad en toda la papelera usando los mismos colores, brochas
y diseos.
9. Crea mscaras de recorte para cada objeto. Guarda los documentos con nombres
consecutivos (Papelera_2, Papelera_3, etctera).
Elemento
90
Nombre de la plantilla
Tarjeta de presentacin vertical
tarjetas02.ait
Exterior de caja para CD (Posterior)
cd charola ext.ait
Interior de caja para CD
cd charola int.ait
Frente de caja para CD
cd panel frontal.ait
CD
etiqueta de cd.ait
Folder con un sobre interno
folder01.ait
Folder con 2 sobres internos
folder02.ait
Sobre
sobre-mini.ait
ACTIVIDAD
5-01
Identificando paneles
Relaciona los paneles de Adobe Illustrator que estudiamos anteriormente, con la funcin que
le corresponde.
Paneles
Funciones
Contiene cinco tipos de pinceles
(caligrficos, de dispersin, de arte,
de motivo y de cerdas) que se utilizan
para aadir un efecto artstico a los
trazados.
Almacena conjuntos de colores,
matices, degradados y motivos para
poder aplicarlos rpidamente.
Ayuda a determinar si una lnea es

continua o punteada, el grosor de la
lnea, el ngulo mnimo, el estilo de
las lneas y sus remates.
Permite directamente elegir un color

de relleno o contorno de cuatro
formas diferentes.
Es posible elegir entre radiales y

lineales, as como especificar el
ngulo y la ubicacin de los colores.
91
Diseo Vectorial
Illustrator CS5
tema
BLogotipos
El logotipo es un elemento de comunicacin visual que tiene como misin facilitar el recuerdo
de una marca, imagen o elemento grfico. En sus orgenes, el logotipo surge de la necesidad
de identificar a los productos producidos en serie y actualmente se utiliza ampliamente como
identificacin de empresas, productos, servicios, artistas y hasta personas.
5-01
LMINA
Logotipos
ACTIVIDAD
5-02
Analizando logotipos
1. Observa con atencin y analiza los logotipos de la Lmina Lgotipos

2. Organiza una mesa redonda o discusin para comentar en grupo acerca de cada uno
de los logotipos. Qu ser lo que los hace fciles de recordar? En qu dcada habrn
sido diseados? Han tenido cambios significativos con el paso del tiempo? Crees que
representan los valores de una marca? Qu valores? Qu precios? A qu personas
estn dirigidos?
3. En Internet, usando algn motor de bsqueda (Google, Yahoo, Altavista, Terra o cualquier
otro), encuentra anuncios, logotipos o cualquier tipo de imagen de marcas reconocidas
como: Grupo Educare, Gatorade, Microsoft Office, Mont Blanc, Palm, etc.
4. Usando Illustrator, pega las imgenes en un documento, organzalas y etiqutalas. Utiliza
mscaras de recorte para delimitarlas en diferentes capas.
5. Elige 3 de las marcas y contesta las siguientes preguntas:
Marca 1:
a. Analizando exclusivamente la imagen y sin tomar en cuenta ningn otro conocimiento
que tengas de la marca A quin crees que va dirigida (nios, nias, jvenes, adultos,
ancianos)? Por qu?
92
b. Crees que esta marca ha sobresalido de las dems gracias a su imagen? Por qu?
c. Cmo mejoraras la imagen de esta marca?
Marca 2:
d. Analizando exclusivamente la imagen y sin tomar en cuenta ningn otro conocimiento
ancianos)? Por qu?
e. Crees que esta marca ha sobresalido de las dems gracias a su imagen? Por qu?
f. Cmo mejoraras la imagen de esta marca?
Marca 3:
g. Analizando exclusivamente la imagen y sin tomar en cuenta ningn otro conocimiento
ancianos)? Por qu?
h. Crees que esta marca ha sobresalido de las dems gracias a su imagen? Por qu?
i. Cmo mejoraras la imagen de esta marca?
93
Diseo Vectorial
Illustrator CS5
PROYECTO
5-02
Creando un logotipo
1. Crea en una hoja en blanco dos o tres ideas para un posible logotipo que te represente.
Puedes utilizar cualquier elemento de diseo excepto fotografas. Tu logo personal debe
tener una razn teorizable; esto quiere decir, debe tener un por qu y un para quin. No
olvides que un logo te diferencia e identifica de los dems.
2. Inicia un nuevo documento de Illustrator en tamao carta, en modo CMYK y comienza a

trazar tu logotipo.
3. Comienza a trazar tu logotipo. Considera algunos de estos aspectos:
Las orillas filosas indican tensin, fuerza o formalidad. Las orillas suaves muestran fluidez,
casualidad o ms naturalidad.
El cuadrado denota estabilidad, igualdad y honestidad. El tringulo sugiere tensin, conflicto
o accin.
Puedes dibujar un logo complejo a partir de crculos, cuadrados o tringulos. Los puedes
agrupar para obtener interesantes motivos. Alternando direccin de color o interponiendo un
motivo con una forma bsica alineada o sin alinear, agrega ideas abstractas.
4. Dale color a tu logo tomando en cuenta todo lo que has aprendido acerca de lo que los
colores representan y cmo combinarlos. Puedes utilizar los colores slidos o degradados
para darle volumen y mayor presencia. No te excedas en los degradados, ya que un logo se
caracteriza por su fcil comprensin y retencin, tanto en su forma como en su color.
5. Una vez terminado el logotipo, crea una tarjeta de presentacin para ver cmo se ve aplicado
en un documento real. Si lo deseas, puedes usar alguna de las plantillas de los Recursos
Digitales o bien iniciar un nuevo documento de 9 x 5 cm. para crear la tarjeta. Incluye en la
tarjeta tu nombre y datos personales.
6. Guarda la tarjeta de presentacin y logotipo en la carpeta de costumbre.
94
tema
CTransparencias
Transparency (Panel de Transparencia)
Adobe Illustrator te permite aplicar efectos de transparencia a los objetos, como fusiones
y difuminados, sombras paralelas suaves y bordes borrosos. Adems, puedes cambiar la
opacidad de un objeto, es decir, el grado en que es visible o no. Una opacidad del 100% hace
que el objeto se vea completamente slido, al 50% se convierte en semitransparente y se
vuelve transparente si llega al 1% de opacidad.
Si el panel de Transparency (Transparencia) no se encuentra visible, ve al men Window/
Transparency (Ventana/Transparencia).
Imagen 5-4: Panel de Transparencia.
Mscara de opacidad
En el panel Transparency (Transparencia) tambin es posible agregar una mscara de opacidad.
Recuerdas lo que es una mscara? Ya estudiamos antes que las mscaras de recorte son
objetos que se colocan sobre las imgenes para mostrar u ocultar diferentes zonas. La mscara
de opacidad es un objeto en escala de grises (tonos de blanco a negro) que muestra lo que se
pinta con blanco y oculta lo que se pinta con negro. En todos los tonos intermedios de la gama
de grises, la mscara acta como niveles de transparencia.
La mscara de opacidad nos permite aclarar zonas de la imagen, fusionando de manera muy
suave los elementos. Son muy tiles para lograr efectos detallados.
Recuerda que cuando se usan mscaras (ya sea de recorte o de opacidad), no se modifican
ni eliminan los objetos de la imagen, slo se ocultan. De esta manera, puedes trabajar en la
mscara las veces que sea necesario para mostrar u ocultar diferentes zonas en el futuro.
5-04
VIDEO
Panel de transparencia y mscara de opacidad
95
Diseo Vectorial
Illustrator CS5
PROYECTO
5-03
Degradado transparente
1. Crea un documento nuevo con las siguientes propiedades:

Units (Unidades): Centimeters (Centmetros)
Orientation (Orientacin): Horizontal
Color Mode (Modo de color): CMYK Color
2. Crea un crculo de 7 x 7 cm. Colorea el crculo con un relleno slido de cualquier color
brillante.
3. Presiona simultneamente la combinacin de teclas <Ctrl+Shift+D>, para poner
transparente el fondo de la aplicacin. El fondo se ver como una cuadrcula gris y blanca,
indicando que es transparente.
4. Selecciona el crculo y localiza el panel Transparency (Transparencia). Si no est visible ve
al men Window/Transparency (Ventana/Transparencia).
5. En el panel Transparency (Transparencia),
abre el men emergente con el botn de la
esquina superior derecha. Elige la opcin
Make Opacity Mask (Crear mscara de
opacidad).
6. En el panel Transparency (Transparencia),
selecciona el recuadro que corresponde a
la mscara. Revisa tambin que la opcin
Clip est activa y la opcin Invert Mask
(Invertir mscara) inactiva.
Imagen 5-5: Crear una mscara de opacidad.
7. Cambia a color blanco los dos selectores de color del panel de herramientas.
8. Crea un cuadrado de 8 x 8 cm. El crculo se vuelve a ver. Si no lo ves completo, mueve el
cuadrado hasta que aparezca. Este cuadrado es una figura creada sobre la mscara que
tapa al crculo original.
9. Seleccionado el cuadrado, ve al panel Swatches (Muestras), si no est visible ve al men
Window/Swatches (Ventana/Muestras). Elige el degradado blanco a negro (White, Black).
Puedes ver que el crculo adquiere el degradado, pero en niveles de transparencia.
96
10. Ve al panel Gradient (Degradado). Puedes visualizarla desde el men Window/Gradient

(Ventana/Degradado). Ajusta el degradado con estos parmetros:
Type (Tipo): Linear (Lineal)
Angle (ngulo): 50
Location (Localizacin): 50%
11. Ve nuevamente al panel Transparency (Transparencia),
selecciona el recuadro que corresponde a la figura
(crculo) y cmbiale el color desde los selectores de
color.
Imagen 5-6: Panel transparencia.
12. De forma similar en una nueva capa crea una estrella y aplcale una mscara de opacidad.
Aplica un degradado a la mscara para crear un efecto similar al del crculo.
13. Regresa al fondo estndar con las teclas <Ctrl+Shift+D> y guarda el archivo con el
nombre Opacidad en la carpeta que indique el profesor.
PROYECTO
5-04
Degradado transparente en fotografas
1. En un nuevo documento de Illustrator coloca la imagen Ola.tif que se encuentra en los

Recursos Digitales.
2. Toma la herramienta de Elipse (Elipse) y dibuja una forma que abarque casi toda la fotografa.
3. Aplica a la elipse un degradado radial de blanco a negro.
4. Selecciona los dos objetos. Ve al panel de Transparency (Transparencia) y crea una Make
Opacity Mask (Mscara de opacidad). Obtendrs una elipse que contiene a la fotografa,
con un degradado transparente.
Imagen 5-7: Ejemplo de mscara con degradado
Imagen 5-8: Panel de transparencia
97
Diseo Vectorial
Illustrator CS5
5. Puedes editar la mscara (elipse) y el objeto (fotografa), seleccionando el recuadro de la

mscara en el panel de Transparency (Transparencia).
6. Modifica los parmetros del degradado. Prueba con un degradado lineal o intenta agregar
ms puntos al degradado.De forma similar en una nueva capa, vuelve a colocar la fotografa
original y aplcale una mscara de opacidad con forma de estrella, con un degradado radial
de transparencia.
7. Guarda la imagen con el nombre Opacidad en la carpeta que te indique tu profesor.

Cuando un objeto semitransparente se superpone a otro, el efecto resultante depender del
Blending Mode (modo de fusin) que se elija en la paleta de Transparencia. Los modos de
fusin estn organizados por bloques:
a. Normal (Normal): es el modo que consiste en aplicar el color de relleno seleccionado
en la paleta de herramientas.
b. Prevalecen los colores oscuros:
Darken (Oscurecer)
Multiply (Multiplicar)
Color Burn (Superponer)
c. Sobresalen los colores claros:
Lighten (Aclarar)
Screen (Trama)
Color Dodge (Sobreexponer Color)
d. Se mantienen los colores claros y obscuros, transformando colores grises en
transparentes:
Overlay (Superponer)
Soft Light (Luz Suave)
Hard Light (Luz Intensa)
5-02
LMINA
98
e. Los cambios gravitan en torno al color base:

Difference (Diferencia)
Exclusin (Exclusion)
f. Los cambios son dependientes del nivel de luminancia:
Hue (Tono)
Saturation (Saturacin)
Color (Parada)
Luminosity (Luminosidad)
5-05
VIDEO
PROYECTO
5-05
Conociendo los modos de fusin
1. Abre en Illustrator la fotografa Foto que se encuentra en los Recursos Digitales.

2. Selecciona la herramienta Rectangle (Rectngulo) y dibuja una forma sobre la fotografa
cubrindola toda. Cambia el color del rectngulo a # BE7C2A, dando doble clic en el selector
de color de relleno y utilizando el Color Picker (Selector de color).
3. Selecciona el rectngulo y ve al panel Transparency (Transparencia) y elige el primer
Blending Mode (Modo de fusin). Utiliza la herramienta de texto para etiquetar encima de la
fotografa el nombre del modo que has utilizado.
4. Ahora utiliza el panel de Layers (Capas) para duplicar la capa actual. Mueve el contenido de
la copia (fotografa y rectngulo) para que no se empalme con el anterior.
5. Selecciona el rectngulo copia y usa el panel de transparencia para elegir el segundo modo
de fusin. Etiqutalo. Repite sucesivamente para tener una muestra de cada uno de los
modos de fusin.
6. Organiza todos los objetos en el documento, como un muestrario de modos de fusin. Utiliza
el panel alineacin para ordenar y distribuir los objetos para una mxima calidad en la
presentacin y guarda tu archivo con el nombre Modos en la carpeta de costumbre.
99
Diseo Vectorial
Illustrator CS5
tema
DPathfinder (Buzcatrazos)
El panel Pathfinder (Buscatrazos) sirve para combinar
dos o ms figuras con el fin de obtener nuevas
formas y objetos. Al crear una forma compuesta,
puedes incluir trazos, trazos compuestos, grupos
y otras formas simples. Tambin puedes utilizar
fusiones, texto, envolventes y deformaciones. Todos
estos elementos siguen siendo editables.
Para abrir el panel Pathfinder (Buscatrazos) ve al
men Window/Pathfinder (Ventana/Buscatrazos).
Imagen 5-9: Panel Buscatrazos
Las formas resultantes varan en funcin del mtodo utilizado para combinar los trazados. Estos
son los mtodos de interseccin que se encuentran dentro del panel Pathfinder (Buscatrazos):
Add to shape areas (Aadir reas a la forma): Define el contorno de todas las
figuras como si fueran un nico objeto combinado.
Substract from Shape Area (Restar): Resta los objetos situados al frente del
elemento situado al fondo.
Intersect Shape Areas (Intersectar reas): Define el contorno del rea con la que
se superponen los objetos.
Exclude Overlapping Shape Areas (Excluir reas de formas solapadas): Define las
reas de los objetos que no se superponen y convierte en transparentes las reas
que se superponen.
100
Divide (Dividir): Divide una parte de la ilustracin.
Trim (Cortar): Elimina la parte oculta de un objeto. Elimina los trazados y no combina
objetos de igual color.
Merge (Combinar): Elimina la parte oculta del objeto. Suprime los trazados y
combina cualquier objeto aadido o superpuesto que contenga el mismo color.
Crop (Recortar): Divide una ilustracin y elimina las partes de sta que queden
fuera de sus lmites.
Outline (Contornear): Divide un objeto en los segmentos de lnea o bordes que lo

componen.
Minus Back (Menos fondo): Resta los objetos situados al fondo del elemento
situado al frente.
5-06
VIDEO
Pathfinder (Panel buscatrazos)
101
Diseo Vectorial
Illustrator CS5
PROYECTO
5-06
Combinacin de objetos para crear

formas compuestas
1. Abre el programa de Illustrator y crea un New Document (Documento nuevo) de 9 x 9 cm.

en modo de color CMYK.
2. Selecciona las herramientas de figuras simples y dibuja cuatro objetos diferentes
superpuestos. Dales a los objetos un color de relleno y un color de contorno.
3. Ve al panel de Pathfinder (Buscatrazos) Si no est visible en el espacio de trabajo usa el
men Window/Pathfinder (Ventana/Buscatrazos).
4. Selecciona todos los objetos con la combinacin de teclas <Ctrl+A>. Despus, dentro
del panel Pathfinder (Buscatrazos) da clic en la opcin Add to Shape Area (Aadir reas
a la forma). Haz un clic en cualquier lugar del documento fuera de la figura, para ver el
resultado.
5. Con la herramienta Direct Selection (Seleccin directa), selecciona un objeto de la forma
compuesta. Arrastra el objeto para cambiarlo de sitio. Para cambiar la forma del objeto,
arrastra un punto de ancla.
6. Con la herramienta Direct Selection (Seleccin directa), selecciona uno de los objetos de
la forma compuesta. En el panel Pathfinder (Buscatrazos) haz clic en el botn Exclude
Overlapping Shape Areas (Excluir reas de formas solapadas). Las reas superpuestas se
volvern transparentes o visibles.
7. Aplica a la figura compuesta un degradado de azul oscuro a azul claro de tipo lineal. El
degradado se aplica a toda la figura.
8. Aplica un contorno de color azul oscuro.
9. Con la forma seleccionada, aplica un efecto de sombra paralela desde el men Effect/
Stylize/Drop shadow (Efecto/Estilizar/Sombra).
10. En una nueva capa, crea un duplicado de la figura. Selecciona este duplicado.
11. En el panel Pathfinder (Buscatrazos) abre el men emergente dando clic sobre la pequea
flecha de la esquina superior derecha. Elige del men el comand Release Compound
Shape (Soltar forma compuesta).
12. Guarda el archivo como te lo indique tu profesor.
102
tema
EEffects (Efectos)
Muchos comandos que te permiten cambiar el aspecto de los objetos estn disponibles en el
men Effect (Efecto). Cada efecto da resultados distintos, as que es importante que identifiques
cundo se recomienda usar cada uno de ellos.
Para aplicar un efecto, simplemente selecciona el objeto y da clic en el efecto que deseas,
algunos efectos abren la galera de efectos y otros cuentan con un cuadro de dilogo
independiente para su configuracin. Los efectos son interactivos e independientes, lo que
significa que se puede aplicar un efecto a un objeto sin alterarlo. Despus de haber aplicado
un efecto a un objeto, el panel Appearance (Apariencia) lo muestra en una lista que te permite
editarlo, moverlo, duplicarlo, eliminarlo o guardarlo como parte de un estilo grfico.

Cuando aplicas algunos efectos de rastrillado o rasterizado como Blur (Desenfocar) o Sketch
(Bosquejar), Adobe Illustrator utiliza los ajustes de los efectos del documento para determinar
la resolucin de la imagen resultante. Estos ajustes afectan en gran medida a la ilustracin
resultante, as que es importante comprobarlos antes de empezar a trabajar con filtros y efectos
y a la hora de exportar o imprimir el archivo. Para verificar los ajustes, selecciona men Effect/
Rasterize (Efecto/Ajustes de efectos de rastrillado de documento) y define las opciones del
cuadro de dalogo Rasterize (Rastrillado) y haz clic en Ok al terminar:
Color Mode (Modelo de color): determina el modelo de color utilizado durante el rastrillado.
Puede crear una imagen en color RGB o CMYK (dependiendo del modo de color del
documento), una imagen de escala de grises o una imagen de 1 bit (que puede ser en
blanco y negro o negro y transparente, segn la opcin de fondo seleccionada).
Resolution (Resolucin): determina el nmero de pxeles por pulgada (dpi) de la imagen
rastrillada.
Background (Fondo): determina la conversin en pxeles de las reas transparentes de un
grfico vectorial. Si seleccionas White (Blanco) se llenan de blanco los pxeles en las reas
transparentes o selecciona Transparent (Transparente), para que el fondo sea un canal alfa.
Anti-aliasing (Suavisar): se aplica un suavizado para reducir la apariencia de bordes
dentados en la imagen rastrillada. Puedes omitir la opcin para mantener la nitidez de las
lneas finas y texto pequeo.
Create Clipping Mask (Crear mscara de corte): crea una mscara que convierte en
transparente el fondo de la imagen rastrillada o rasterizada.
Add Around Object (Aadir alrededor del objeto): aade un nmero especfico de pxeles
alrededor de la imagen rastrillada.
5-07
VIDEO
103
Diseo Vectorial
Illustrator CS5
Estos efectos logran una sensacin pictrica dentro de proyectos artsticos y comerciales que
incluyen:
Colored Pencil (Lpiz de color): Dibuja una imagen utilizando lpices de colores
sobre un fondo slido.
Cutout (Cuarteado): Pinta una imagen como si estuviera hecha de trozos de papel
de colores toscamente recortados. Las imgenes de alto contraste aparecen como
siluetas, mientras que las imgenes de colores se crean a partir de varias capas de
papel de colores.
Dry Brush (Pincel Seco): Pinta los bordes de la imagen utilizando una tcnica de
pincel seco (entre leo y acuarela).
Film Grain (Pelcula granulada): Aplica un motivo a los tonos y medios tonos de
sombra de una imagen. A las reas ms claras de la imagen se les aade un
motivo ms suave y saturado.
Fresco (Fresco): Pinta una imagen utilizando brochazos cortos, redondos y
aplicados rpidamente.
Neon Glow (Luz de nen): Aade varios tipos de resplandores a los objetos de una
imagen.
Paint Daubs (Manchas): Te permite seleccionar entre varios tamaos y tipos de
pincel para lograr un efecto pictrico.
Palette Knife (Esptula): Reduce los detalles de una imagen para dar la impresin
de un lienzo ligeramente pintado que revela la textura que hay debajo.
Plastic Wrap (Plastificado): Cubre a la imagen de plstico brillante acentuando los
detalles de la superficie.
Poster Edges (Bordes aadidos): Reduce el nmero de colores de una imagen de
acuerdo con la opcin de poster definida. Busca los bordes de la imagen y dibuja
lneas negras sobre ellos.
Rough Pastels (Trazos de pastel): Produce el efecto de imagen dibujada con
gises de colores pastel sobre un fondo texturizado. En las reas ms claras, el gis
aparece grueso y con poca textura; en las reas oscuras el gis aparece difuminado
y da sensacin de textura.
104
Smudge Stick (Barra para manchar): Suaviza una imagen utilizando trazos
diagonales cortos para manchar las reas ms oscuras volvindolas ms brillantes,
mientras que las reas claras pierden detalle.
Sponge (Esponja): Crea imgenes con reas texturizadas con colores que
contrastan entre s y parecen haberse pintado con esponja.
Underpainting (Pintar debajo): Pinta la imagen sobre un fondo texturizado y luego
pinta la imagen final sobre ella.
Watercolor (Color diluido): Pinta la imagen en estilo acuarela, simplificando los
detalles, utilizando un pincel mediano cargado de agua y color. El filtro satura el
color.
Blur (Desenfocar)
Son tiles para retocar imgenes. Suavizan las transiciones de las lneas definidas y las reas
sombreadas de una imagen.
Gaussian Blur (Desenfoque gaussiano): desenfoca rpidamente una seleccin
mediante una cantidad ajustable. Produce un efecto brumoso.
Radial Blur (Desenfoque radial): simula una cmara fotogrfica fuera de foco, para
producir un desenfoque suave. Puedes seleccionar Spin (Giro), para desenfocar
a lo largo de lneas circulares concntricas o bien puedes seleccionar Zoom,
para desenfocar a lo largo de lneas radiales, como si se estuviera aumentando o
reduciendo la imagen.
Smart Blur (Desenfoque Inteligente): da resultados muy rpidos, suavizados y
granulados.
Brush Stroke (Trazos de pincel)

Dan un aspecto pictrico artstico mediante el uso de diferentes efectos de pincel y tinta.
Algunos de los filtros aaden granulado, pintura, detalles de borde o textura a una imagen para
lograr un efecto de puntillismo.
Accented Edges (Bordes acentuados): acenta los bordes de una imagen. Cuando
el brillo de los bordes tiene un color muy fuerte, las reas parecen gis blanco,
cuando el color es muy claro las reas parecen tinta negra.
Angled Strokes (Trazos con efecto de ngulos): vuelve a pintar una imagen
utilizando trazos diagonales.
105
Diseo Vectorial
Illustrator CS5
Crosshatch (Sombreado): preserva los detalles y las caractersticas de la imagen

original, aadiendo textura y difuminando a los bordes de las reas coloreadas de
la imagen, con sombreado de lpiz simulado.
Dark Strokes (Trazos oscuros): pinta las reas oscuras de una imagen casi de
negro, con trazos cortos y muy estrechos y las reas claras con trazos blancos,
largos y extendidos.
Ink Outlines (Contorno con tinta): redibuja una imagen con lneas finas sobre los
detalles originales en forma de plumilla.
Spatter (Salpicaduras): imita el efecto del aergrafo.
Sprayed Strokes (Trazos con spray): vuelve a pintar una imagen utilizando los
colores dominantes, con trazos de color rociados y angulares.
Sumi-e (Sumi-e): pinta una imagen en estilo japons, con un pincel mojado lleno
de tinta negra en papel arroz. Este efecto produce bordes borrosos y suaves en
negro.
Distort (Distorsin)
Modifican una imagen geomtricamente, creando efectos tridimensionales o de cambio de
forma. Debes saber que estos filtros utilizan mucha memoria RAM.
Diffuse Glow (Luz difusa): reproduce una imagen como si se estuviera viendo a
travs de un filtro de difusin suave. El filtro aade un tono blanco transparente a la
imagen, con lo que el color se va perdiendo gradualmente desde el centro.
Glass (Cristal): produce el efecto de ver una imagen a travs de diferentes tipos de
cristales.
Ocean Ripple (Ondas marinas): aade olas a la superficie de las imgenes, lo que
hace que parezca estar debajo del agua.
Pixelate (Pixelar)
Definen claramente una seleccin, mediante el agrupamiento en celdas de los pxeles de
colores similares.
Color Halftone (Semitono de color): simula el efecto que se produce al utilizar una
trama de semitonos. En cada canal de color, el filtro divide la imagen y reemplaza
cada rectngulo por un crculo.
Crystallize (Cristalizar): agrupa los colores slidos en una forma poligonal.
106
Mezzotint (Grabado): convierte una imagen en un motivo con reas en blanco y

negro o de colores.
Pointillize (Puntillista): descompone el color de una imagen en puntos, colocados
armnicamente como en una pintura puntillista.
Sharpen (Enfocar)
Enfoca las imgenes borrosas incrementando el contraste de los pxeles que los componen.
Mscara de desenfoque: busca las reas de la imagen en las que se han producido
cambios bruscos de color y las hace ms ntidas.
Sketch (Bosquejar)
Aaden textura a las imgenes, normalmente para obtener un efecto tridimensional. Los filtros
tambin son tiles para crear un aspecto ms elaborado o una apariencia de dibujo a mano.
Bas relief (Bajorrelieve): transforma una imagen para que parezca esculpida en
bajorrelieve e iluminada, para acentuar las variaciones en la superficie.
Chalk & Charcoal (Gis y carboncillo): redibuja las luces y los medios tonos con gis
y las reas de sombra se reemplazan con lneas de carboncillo.
Charcoal (Carboncillo): redibuja una imagen para crear un efecto de difuminado.
Chrome (Cromo): trata a la imagen creando una superficie cromada pulida.
Cont Crayon (Cont Crayn): imita la textura de los lpices Cont, de blanco puro
a negro fuerte.
Graphic Pen (Estilogrfica): utiliza trazos de tinta finos y bien delineados para
mantener los detalles de la imagen.
Halftone Pattern (Modelo de medio tono): simula el efecto de una trama de
semitonos y mantiene la gama continua de tonos.
Note Paper (Papel con relieve): crea una imagen que parece estar construida por
papel hecho a mano (papel amate).
Photocopy (Fotocopia): simula el efecto de fotocopiar una imagen.
Plaster (Escayola): moldea una imagen de yeso tridimensional y luego colorea el
resultado utilizando el color del primer plano.
107
Diseo Vectorial
Illustrator CS5
Reticulation (Reticulacin): simula el encogimiento de la emulsin de la pelcula

y crea una imagen que parece agrupada en las reas de sombra y granulada en
las luces.
Stamp (Sello): se simplifica la imagen para simular que parece estampada con un
sello de madera o goma.
Torn Edges (Bordes rasgados): reconstruye la imagen con trozos de papel rasgado
e irregular.
Water Paper (Papel hmedo): utiliza manchas que parecen pintadas en papel
hmedo fibroso, lo que hace que los colores fluyan y se mezclen.
Stylize (Estilizar)
Produce un efecto impresionista, desplazando pxeles y realzando el contraste de la imagen.
Glowing Edges (Bordes iluminados): Identifica los bordes de color y les aade un
efecto de luz nen.
Texture (Textura)
Se utilizan los efectos de Texture (Textura) para dar a las imgenes apariencia de profundidad,
para aadir un aspecto ms natural.
Craquelure (Grietas): Pinta una imagen en una superficie de yeso de alto relieve,
produciendo una red fina de grietas.
Grain (Granulado): Aade textura a una imagen simulando tipos de granulado
(salpicaduras, punteados).
Mosaic Tiles (Teselas): Dibuja la imagen como si se hubiera hecho a partir de
pequeos azulejos.
Patchwork (Retales): Descompone una imagen en cuadros rellenos con el color
predominante de la imagen.
5-03
LMINA
108
Efectos
Stained Glass (Vidriera): Vuelve a pintar una imagen con el color del primer plano.
Texturizer (Texturizar): Aplica una textura seleccionada o creada a una imagen.
Video (Video)
De-Interlace (Desentrelazar): Suaviza las imgenes mviles capturadas en video.
NTSC Colors (Colores NTSC): Limita la gama de colores a los aceptados para la
reproduccin en la televisin.
PROYECTO
5-07
Trabajando con efectos
1. Importa a Illustrator la imagen Insecto.bmp, que se encuentra en los Recursos Digitales.

2. Duplica varias veces la fotografa desde el panel Layers (Capas) con el comando Duplicate
Layer (Duplicar capa). Cada imagen deber quedar en una capa diferente.
3. Organiza un mosaico de 4 imgenes horizontales por 5 verticales, dando un total de 20
imgenes.
4. Separa las imgenes y utiliza las opciones de alineacin y distribucin para formar una
organizacin perfecta.
5. Aplica a la primera imagen un efecto cualquiera y utiliza la herramienta de texto para
etiquetarla e identificar el efecto aplicado por nombre. Asegrate que el texto quede en la
misma capa en la que est la imagen a la que ests aplicando el efecto.
6. Bloquea la capa que contiene la imagen (ya con el efecto) y el texto con el nombre del
efecto.
7. Aplica un efecto diferente a cada una de las imgenes. En la misma capa de cada imagen
crea el texto para identificar el nombre del efecto aplicado.
8. Bloquea la capa cuando est terminada.
9. Si lo deseas, puedes aplicar ms de un efecto a una misma imagen. Detalla tu trabajo,
agrgale tu nombre. Cuida al mximo la presentacin y limpieza.
10. Guarda el archivo terminado como Efectos en la carpeta de costumbre.
109
Diseo Vectorial
Illustrator CS5
Qu aprendiste?
TEMA A: A identificar cada una de las herramientas de diferentes paneles y reforzando los
conocimientos adquiridos a travs de la realizacin de diferentes ejercicios.
TEMA B: A crear un logotipo utilizando las herramientas de Adobe Illustrator basndonos en
los conceptos explicados en esta unidad.
TEMA C: A utilizar las herramientas de los paneles, a aplicar transparencias, mscaras de
opacidad, degradados de transparencia, los diferentes modos de fusin.
TEMA D: A realizar diferentes combinaciones de objetos por medio del panel buscatrazos a
travs de la realizacin de diferentes ejercicios reafirmando los conceptos aprendidos.
TEMA E: A aplicar cada uno de los efectos
caractersticas.
de Adobe Illustrator para conocer sus
EVALUACIN
05
1. Para qu sirve la mscara de opacidad?
La mscara de opacidad nos permite aclarar zonas de la imagen, fusionando de manera muy suave los elementos. Son muy tiles para lograr efectos
detallados.
2. Cul es la funcin del panel Pathfinder (Buscatrazos)?
Sirve para combinar dos o ms figuras con el fin de obtener nuevas formas
y objetos.
3. Qu es un efecto?
Los efectos son interactivos e independientes, lo que significa que se puede
aplicar un efecto a un objeto sin alterarlo.
4. Cules son los tipos de pinceles disponibles en el panel Brushes (Pinceles)?
Caligrficos, de dispersin, de arte, de motivo y de cerdas.
110
Las herramientas de dibujo vectorial

por excelencia son:
Lpiz <N>: Permite realizar dibujos a
mano alzada.
Pluma : Realiza un trazado
vectorial mediante posicin de
nodos, a travs de clics sobre el
rea de
trabajo.
Un id ad
06
NIVEL: Bsico
E lemento s de d ibu jo
vector ia l

A Comprender los elementos del dibujo vectorial aplicando conceptos como
puntillismo, lnea, ritmo, contorno y forma al crear composiciones.
B Definir el concepto de espacio al analizar la relacin que existe entre los
objetos de un plano bsico.
C Identificar lo que es un smbolo, cmo crearlos y guardarlos en la librera
de Illustrator.
D Utilizar herramientas para deformar el texto por medio de envolventes y
ajustar el texto a un trazado.
E Aprender a crear elementos con efectos 3D.
F Identificar y describir los formatos en que pueden guardarse los archivos
creados en Illustrator dependiendo el tipo de salida que tendrn.

Autor:
CS5
Diseo Vectorial
Illustrator CS5
tema
ALos elementos del dibujo vectorial

En diseo vectorial hay elementos que constituyen su base y desarrollo. Estos elementos son
fciles de observar. En nuestro entorno estos elementos siempre estn presentes en los objetos
ms comunes y ms complejos: puertas, sillas, computadores o vestidos.
Punto: En diseo grfico, un punto es la huella dejada por un lpiz, crayn, plumn,
pincel o pluma en una superficie o plano. Es el elemento ms sencillo y queda
definido por su dimensin o tamao, forma y color.
Lnea: En diseo grfico, un punto en movimiento da como resultado una lnea o
un trazo. Una lnea est formada por una sucesin de puntos, tan prximos uno de
otro, que no se alcanzan a distinguir.
Ritmo es el movimiento que se le da a la lnea: es la repeticin entre los elementos
de las imgenes vectoriales o bitmaps.
Contorno es el conjunto de lneas que limita una figura o composicin. Cuando
dos extremos de una lnea se unen, se forma automticamente un contorno y un
relleno. A este efecto se le conoce como figura-fondo.
Forma es la figura externa de los objetos, es decir la apariencia que representan
los objetos de mundo sensorial. Por esa apariencia somos capaces de distinguir
las cosas, personas, plantas y animales y diferenciarlos entre s. Toda forma est
integrada por: puntos, lneas, superficies y volmenes.
Composicin: Toda obra o dibujo vectorial constituye una unidad compleja,
integrada y organizada de alguna manera. A esta organizacin integrada se le
denomina composicin. La composicin se define dentro del diseo como el
proceso de adecuar o acomodar los elementos grficos dentro de un espacio
visual.
Perspectiva se define como la ilusin visual que ayuda al observador a determinar
la profundidad y la ubicacin de los objetos a diferentes distancias. En un dibujo, la
perspectiva simula la profundidad mediante efectos de reduccin de dimensiones
y distorsin angular.
6-01
LMINA
112
Elementos del dibujo vectorial
Elementosdedibujovectorial
ACTIVIDAD
6-01
Tcnica de puntillismo y lnea
1. Necesitars buscar en libros, revistas o Internet una fotografa o un dibujo que te agrade.
2. Saca una fotocopia o imprmelo en escala de grises.
3. Coloca sobre la fotocopia una hoja de papel fabriano, acetato, albanene u otro papel delgado
que te permita ver el dibujo que est debajo.
4. Con un lpiz calca el contorno de la imagen con trazado muy suave que despus ser
borrado.
5. Ahora con un lpiz, pluma fuente o tinta de color, empieza a hacer pequeos puntos en la
hoja de trabajo. Guate por los tonos de la fotocopia o impresin: si el tono es muy negro,
pon los puntos muy juntos, si es gris separa los puntos y en los espacios blancos deja sin
puntos.
6. Trata que se distinga una silueta muy parecida a la original. Utiliza lneas para dar sombreados
o texturas especiales.
7. Terminado el proyecto hazle un marco con cartulina o papel de color y expn tu trabajo en
clase.
ACTIVIDAD
6-02
Los elementos del diseo grfico
Contesta correctamente las siguientes preguntas.

1. Define forma.
La forma es la figura externa de los objetos.
2. Para qu sirve la forma de los objetos?
La forma de los objetos sirve para distinguir las cosas, personas, plantas y
animales.
113
Diseo Vectorial
Illustrator CS5
3. Ejemplifica forma, grficamente.
4. Cules son los elementos que componen la forma?

a. formas geomtricas
b. formas orgnicas
c. formas rectilneas
d. puntos, lneas, superficies y volmenes
e. a, b y c
f. ninguna de las anteriores
5. Ejemplifica con un par de recortes de revistas o peridicos cada uno de los elementos del
ritmo: movimiento, direccin, tamao, proporcin, color y superficie. Puedes utilizar una
misma imagen para ilustrar ms de un elemento, pero debes identificarlos claramente
escribiendo el elemento y sealando qu parte de la imagen lo representa.
114
tema
BEl Espacio
Las formas del diseo grfico quedan plasmadas en superficies: cuaderno, lienzo, pizarrn,
hojas, madera, tela, muro, entre otros. En este espacio llamado tambin plano bsico, se
conocen como espacios negativos a las reas vacas y se llaman espacios positivos a las reas
que tienen formas, figuras o imgenes.
El plano bsico es un elemento activo en la estructura del espacio. La relacin de los elementos
con el plano y de los elementos entre s, obedecer a uno de estos tres criterios:
Superposicin: las formas planas que estn enfrente impiden la visin de las que
estn atrs.
Transparencia: las formas planas que estn detrs se aprecian a travs de las
formas que se encuentran adelante.
Penetracin: las formas planas se intercalan entre s.
Si se utilizan estos criterios, la posicin relativa de las formas planas en el espacio puede
expresar sensaciones de proximidad o lejana.
Debido a que se toma el plano como el soporte en donde se realiza el diseo, la primera eleccin
que debes hacer es asignarle ciertos lmites, los cuales determinan las dimensiones del soporte
y de la imagen. Mediante las dimensiones que se den al plano, crearemos un espacio cuyas
medidas y formas influyen en el resultado final del proyecto. El espacio construido de esta
manera adopta diferentes formas geomtricas (rectngulo, cuadrado, crculo) y tiene diferentes
posiciones (vertical, horizontal o inclinada).
115
Diseo Vectorial
Illustrator CS5
PROYECTO
6-01
Composicin artstica libre
1. En un nuevo documento de Illustrator (define el tamao que consideres apropiado), crea

con formas y lneas rectas y curvas una composicin simtrica. La simetra se puede dar en
la forma, en el color o en ambas. La composicin debe adaptarse al espacio elegido (mesa
de trabajo).
2. Aplica a las formas diferentes efectos, degradados y transparencias. Puedes usar
herramientas de alineacin, buscatrazos o cualquiera otra vista en clase, para dar mayor
calidad y transmitir sensaciones al espectador.
3. Observa tu dibujo terminado. Qu te hace sentir? Qu transmite? Anota algunas
percepciones:
4. Guarda tu trabajo como Simetrico.

5. Crea en un documento diferente una composicin asimtrica, pero equilibrada. Define un
espacio de trabajo apropiado.
6. Aplica efectos y otros elementos de diseo.
7. Observa tu composicin terminada. Consideras que transmite algn mensaje? Si no lo
hace no est cumpliendo su funcin. Anota algunas percepciones:
8. Guarda la segunda composicin como Asimetrico.

9. Crea en un nuevo documento una composicin abstracta. Toma en cuenta los conceptos
que se han presentado acerca del punto y la lnea, el ritmo, la forma, el contorno y el espacio.
10. Cul es el mensaje que genera en el espectador?
11. Guarda la tercera composicin como Abstracto.
116
ACTIVIDAD
6-03
Reflexin sobre perspectiva
1. Define perspectiva.
Se define como la ilusin visual que ayuda al observador a determinar la
profundidad y la ubicacin de los objetos a diferentes distancias.
2. Qu es el punto de fuga?
El punto de fuga se localiza a la altura de la vista, sobre la lnea de horizonte,
ese punto hace que la imagen se abra hacia nosotros.
3. En qu ayuda la perspectiva a un diseo?
La perspectiva es fundamental en el diseo ya que crea profundidad y define
la ubicacin de los objetos.
PROYECTO
6-02
Generando perspectiva
1. Abre en Illustrator el documento Siluetas.ai que se encuentra en los Recursos Digitales.

El archivo contiene 6 siluetas de animales u objetos.
2. Utiliza el panel de Gradient (Degradado) y el panel de Color (Color), para aplicar degradados
suaves a los objetos, de modo que den la sensacin de tener volumen. Para ello debes
elegir un color y aplicar una tonalidad clara para las zonas que deberan estar ms cerca
del espectador. Este tono se degrada a una tonalidad ms oscura para las zonas alejadas
o sombras.
3. Cuando hayas terminado de aplicar los degradados a las 6 formas, prueba utilizar efectos
suaves de perspectiva 3D desde el men Effect (Efecto). No utilices efectos muy angulosos
o pronunciados.
4. Aplica finalmente un efecto de sombra a cada una de las figuras.
5. Guarda tu trabajo con el nombre Perspectiva en la carpeta que indique tu profesor.
117
Diseo Vectorial
Illustrator CS5
PROYECTO
6-03
Ilustrando una fotografa
Observa que interesante ilustracin. Est basada en una fotografa (imagen izquierda) que se ha
vectorizado con trazos usando la herramienta pluma y coloreado en Illustrator. En esta actividad
tienes que hacer una ilustracin similar.
Imagen 6-1: Fotografa.
Imagen 6-2: Ilustracin vectorizada.
1. Escanea una fotografa de tu rostro en donde se vean claramente todos los detalles o bien
localiza el archivo Rostro.tif que se encuentra en los Recursos Digitales .
2. Abre la foto en Illustrator. Se situar en la primera capa del panel Layers (Capas).
3. Da doble clic en la capa donde est la foto y cambia sus opciones como se indica a
continuacin:
Show (Mostrar)
Preview (Previsualizar)
Lock (Bloquear)
Print (Imprimir)
Dim Images to 30% (Transparencia de imagen a 30%)
4. Crea una New Layer (Nueva capa).

5. Con la herramienta Pen (Pluma) y la herramienta Pencil (Lpiz) empieza a trazar los contornos
del rostro, como si estuvieras calcando la fotografa.
a. Comienza por las zonas del rostro que quedarn en el fondo y deja para el final los
detalles del frente, como los ojos o labios.
b. Si lo requieres, puedes mover los trazos hacia delante o atrs directamente arrastrando
las subcapas o bien con las opciones de Arrange (Organizar) del men emergente de
las figuras.
118
c. Tambin puedes usar el panel Pathfinder (Buscatrazos), para combinar o intersectar

formas.
d. Incluye trazados para las sombras que se vean en la imagen.
6. Ahora rellena de color la cara, ojos, labios y cejas. Se obtiene un mejor efecto si utilizas
degradados muy suaves (de dos o ms colores muy cercanos en el crculo cromtico). Toma
como base los colores originales de la fotografa.
7. Rellena los trazados de las sombras con un degradado de blanco al color de la piel.
Selecciona el Blending Mode (Modo de fusin): Multiply (Multiplicar).
8. Debes de ajustar el degradado de cada sombra para que quede uniforme. Lo puedes ajustar
tomando la herramienta Gradient (Degradado) y arrastrando el cursor de extremo a extremo.
Tambin lo puedes ajustar desde el panel de Gradient (Degradado) con los deslizadores.
9. Puedes aadir ms detalle al pelo. Crea efectos de sombra agregando modos de fusin de
Multiply (Multiplicar). Pon algunas luces de color con degradados o efectos.
10. Trata de hacer el grfico lo ms realista posible, sin olvidar que parte del inters es que se
trata de una ilustracin y no de una fotografa.
11. Al terminar elimina la capa donde se encuentra la fotografa original.
12. Guarda el archivo en la carpeta que tu profesor indique con el nombre Retrato.ai.
TTIP
IP
En
cualquier
capa puedes hacer

sobre el icono del ojo para
cambiar el modo de visualizacin al modo
de Outline Mode (Trazado). Repite esta
accin para regresar al modo normal. Esto
te ayudar con el trazado.
<Ctrl+clic>
13. Elige alguna de las fotografas de paisaje que se encuentran en tu CD de trabajo o carpeta
de actividades.
14. Aplica las tcnicas aprendidas para trazarla con vectores y colorearla.
15. Al terminar elimina la capa donde se encuentra la fotografa original.
16. Guarda el archivo en la carpeta que tu profesor indique con el nombre Paisaje.ai.
119
Diseo Vectorial
Illustrator CS5
tema
CLos smbolos
En Illustrator, un smbolo es un elemento grfico reutilizable que se almacena en una biblioteca
llamada panel de Smbolos. Cualquier elemento grfico se puede convertir en un smbolo, que
podr usarse para crear motivos o diseos nuevos. Originalmente los smbolos se desarrollaron
para crear archivos de tamao reducido. Sin embargo, el smbolo es adems un elemento
esencial para la creacin de diseos especiales y complejos.
PROYECTO
6-04
Creando un smbolo
1. Abre en Illustrator el archivo Dragon.ai que se encuentra en los Recursos Digitales y

vectoriza la figura del dragn que est en lneas gua. Utiliza para ello la herramienta Pluma.
2. Dale color y detllalo para una apariencia atractiva e
interesante.
3. Abre el panel de Smbolos con el men Window/
Symbols (Ventana/Smbolos), selecciona el dragn
que has creado y arrstralo hacia el panel de smbolos
y Revisa que la figura se ha guardado como smbolo
en el panel y elimina de la mesa de trabajo el dibujo
original.
Imagen 6-3: Panel de smbolos.
4. Ahora aade una copia del smbolo a tu mesa de trabajo arrastrando desde el panel Symbols
(Smbolos). A una copia del smbolo en la mesa de trabajo, se le llama instancia. Crea 4
instancias ms del dragn en la mesa de trabajo, separadas un poco entre s.
5. Ajusta la transparencia de las instancias individuales a 40%, 50%, 60%, 70% y 80%.
Esclalas y gralas con ayuda del panel transformaciones, acomodando las instancias de
forma equilibrada y armnica, para que la composicin sea agradable a la vista.
6. Para crear muchas instancias, utiliza la herramienta Symbol Sprayer (Rociar smbolos) en
el rea de trabajo. Si haces doble clic en la herramienta, puedes ajustar las opciones de
rociado.
7. Toma la herramienta Symbol Spinner (Girar smbolo) que se encuentra agrupada en el
mismo botn de la herramienta Symbol Sprayer (Rociar smbolos). Arrstrala sobre las
instancias para que giren en la direccin de arrastre.
8. Utiliza otros smbolos para crear un diseo ms abstracto, revisa que tu composicin
transmita un mensaje o tenga una funcin especial. Guarda tu trabajo.
120
tema
DOrganizacin del texto

Adobe Illustrator es una excelente herramienta para diseo editorial, que te permitir crear
todo tipo de publicaciones como folletos, revistas, volantes y ms.
Para crear un texto bien estructurado y complementarlo con un trabajo de edicin de imgenes,
es importante saber organizar la tipografa. Illustrator permite crear texto en columnas y filas,
aplicar diferentes formatos de prrafo y usar muchos estilos de letra.
En el diseo para impresin slo hay tres tipos de fuentes o tipografas que las imprentas
manejan:
Fuente PostScript: En la computadora cada fuente se compone de dos archivos.
En uno de ellos se detallan los contornos de la fuente (*.pfb) y en el otro archivo
estn las medidas (*.pfm). Una tipografa son los estilos: normal, cursiva y negrita,
que se componen de seis archivos: tres contornos y tres medidas. Si hay ms
variables, hay ms archivos.
Fuentes True Type: Cada fuente est formada por un solo archivo (*.ttf) que es
multiplataforma, es decir, funciona en Sistemas Operativos Macintosh y Windows.
Fuente OpenType: Son las fuentes ms modernas. Son multiplataforma y estn
formadas por un solo archivo en el que va incluida toda la informacin necesaria.
Adems estas fuentes incluyen muchos ms caracteres que las PostScript clsicas.
La opcin de Create Outline (Creacin de contornos), que se encuentra en el men Type/
Create Outlines (Texto/Creacin de contornos), permite convertir textos en conjuntos de
trazados compuestos que se pueden editar y manipular como si se tratara de un objeto grfico.
Al crear contornos a partir de texto, los caracteres conservan el formato grfico, como el trazo
y el relleno.
Texto en un trazado
Illustrator permite escribir texto en un trazado o contorno. Para esto crea una lnea con la
herramienta Pen (Pluma) y selecciona la herramienta
Type on a Path (Texto en trazado).
Esta herramienta se encuentra agrupada en el mismo botn de la herramienta de texto. Con
la nueva herramienta haz clic sobre el punto del trazado donde deseas que inicie el texto y
empieza a escribir.
Para modificar la apariencia del texto,
puedes seleccionarlo y usar el men
Type/Type on a Path (Texto/Texto en
trazado), para especificar efectos y otras
opciones como el espaciado.
121
Diseo Vectorial
Illustrator CS5
Envolventes
Las envolventes son figuras que modifican el texo u objetos seleccionados. La creacin de
envolventes es una manera rpida de crear logotipos, desarrollar diseos complejos o efectos
tridimensionales como etiquetas para botellas o latas. Tambin sirve para adaptar texto a la
forma de otro objeto en una capa subyacente. Para distorsionar un objeto con una envolvente:
1. Selecciona uno o ms objetos que quieras distorsionar.
2. Crea la envolvente usando alguna de estas tcnicas del men Object/
Envelope Distort (Objeto/Distorsin con Envolvente).
a. Make with Warp (Crear con envolvente), para usar una envolvente
predefinida.
b. Make with Mesh (Crear con malla), para crear una envolvente a
partir de una malla cuadriculada.
c. Make with Top Object (Crear con objeto superior), para usar un
objeto como envolvente debes asegurarte de que ese objeto est
hasta arriba en su capa.
3. Puedes distorsionar la envolvente de varias formas:
a. Arrastrando los puntos ancla de la envolvente con la herramienta de seleccin directa.
b. Eliminando puntos ancla.
c. Agregando puntos ancla.
PROYECTO
6-05
Experimentando con texto
1. En un nuevo documento de Illustrator crea textos y aplcales los siguientes efectos:

a. Un texto sobre una lnea curva. Elimina la lnea para que slo se vea el texto curveado.
b. Un texto dentro de la forma de una elipse.
c. Un texto alrededor de un cilindro, simulando ser la etiqueta de una lata.
d. Un texto que simule estar en una bandera que ondula al viento.
2. Modifica las propiedades de fuente, tamao y color de cada texto.
3. Guarda tu trabajo con el nombre Textos en la carpeta que indique tu profesor.
122
PROYECTO
6-06
Pgina interna de una revista
1. Inicia un nuevo documento a partir de una plantilla con el men File/New from Template
(Archivo/Nuevo desde plantilla). La plantilla que debes usar se llama Revista.ait y se
encuentra en los Recursos Digitales.
2. La plantilla base es una hoja en forma vertical, con un margen y medidas base. El objetivo de
las lneas gua es que a la hora de imprimir, no existan errores por no respetar los mrgenes
de trabajo.
3. Activa las reglas de la aplicacin con las teclas <Ctrl+R>. Arrastra una gua vertical desde
la regla hasta el centro del documento. Haz lo mismo para crear una gua horizontal a la
mitad de la hoja.
4. Ahora tienes cuatro cuadrantes dentro de la pgina. Dibuja un rectngulo en el primer
cuadrante. No debe tener color de relleno, pero s color de contorno. Debe abarcar todo el
primer cuadrante.
5. Toma la herramienta Area Type (Texto en rea) que se encuentra agrupada en el mismo
botn que la herramienta de texto. Si haces clic con esta herramienta dentro del rectngulo,
podrs escribir dentro de l. Puedes escribir algo sobre t o cualquier tema que te agrade.
6. Para cambiar el tipo de letra, tamao, interlineado y rotacin usa el men Type (Texto) o
utiliza el panel men Window/Type/Character (Ventana/Texto/Caracter).
7. Crea un rectngulo en el cuadrante opuesto e introduce texto en l. Utiliza los otros dos
cuadrantes para colocar imgenes que hayas escaneado, fotografas, imgenes de Internet
o ilustraciones creadas directamente en la aplicacin. Las imgenes deben complementar
el mensaje del texto y servir de apoyo visual.
8. Guarda el archivo con el nombre Revista en la carpeta que te indique el profesor.
T IP
Si vas a imprimir un documento que contenga texto,

usando una computadora diferente a la que se us
para crear el archivo, es conveniente convertir el texto
en trazado o Curvas (Create Outlines). Esto garantiza
que el texto se imprima correctamente, an cuando el
equipo de impresin no tenga instaladas las fuentes
que hayas utilizado.
123
Diseo Vectorial
Illustrator CS5
tema
EVectores 3D
Los 3D Effects (Efectos 3D) facilitan la adicin de elementos tridimensionales a cualquier
proyecto, ofreciendo opciones de diseo nicas como extrusin, relieve, realce o revolucin.
Imagen 6-4: Panel de opciones 3D.
PROYECTO
6-07
Creando un texto 3D
1. Crea un nuevo documento de 5 x 5 cm.

2. Selecciona la herramienta Text (Texto) y escribe tu primer nombre, tu deporte favorito o una
palabra que te guste. Utiliza una fuente grande y clara. Dale color.
3. Selecciona el texto. Ve al men Effect/Warp/Arc (Efecto/Envolver/Arco). En el cuadro de
opciones del efecto especifica los siguientes valores y aplica el efecto:
Bend (Arqueado): 10%
Horizontal (Horizontal): -30%
Vertical (Vertical): 0%
4. Aplica el men Effect/3D/Extrude & Bevel (Efecto/3D/Realce y biselado). Introduce los
siguientes valores en el cuadro de dilogo y aplica el efecto:
Position (Posicin): Off-Axis Front
X:: -18
Y: -26
124
Z: 8
Perspective (Perspectiva): 0
Extrude Depth (Profundidad de realce): 5 pt.
Recuerda que puedes ajustar el efecto
despus de haberlo aplicado, haciendo
doble clic sobre su nombre en el panel
de apariencia.
Imagen 6-5: Tipografa con efecto 3D.
5. Ahora aplica el men Object/Expand Appearance (Objeto/Expandir apariencia). Esto

convierte el texto en trazado.
6. Desagrupa el objeto con el men Object/Ungroup (Objeto/Desagrupar) o presionando las
teclas <Ctrl+Shift+G>.
7. Toma la herramienta Direct Selection (Seleccin directa). Selecciona slo la parte frontal de
cada letra. Recuerda que puedes mantener presionada la tecla <Shift> para seleccionar
varios objetos a la vez.
8. Acopla todos los frentes usando en el panel de Pathfinder (Buscatrazos) el botn Add to
Shape Area (Agregar rea a la forma). Esto los convierte en una sola figura.
9. Selecciona la figura que acabas
de formar con el Pathfinder
(Buscatrazos) y aplcale un color
degradado que vaya de verde a
amarillo.
Imagen 6-6: Texto en 3D con cambio de color.
10. Utiliza la misma tcnica para crear otros 4 textos diferentes en 3D (pueden ser textos u otras
figuras). Recuerda los pasos:
Aplicar realce y bisel 3D (en cada objeto modifica los parmetros)

Expandir el objeto
Acoplar los frentes
Aplicar un degradado
11. Guarda el archivo con el nombre Objetos3D en la carpeta que indique tu profesor.
12. Exprimenta y contesta: Cul es la diferencia entre aplicar un degradado directamente al
objeto de texto o aplicarlo despus de expandirlo y acoplar los frentes?
125
Diseo Vectorial
Illustrator CS5
tema
FArchivos
Formatos
Adobe Illustrator tiene varios formatos para guardar archivos como Template (Plantilla),
archivo AI, EPS de Illustrator, PDF de Adobe y SVG. Todos los formatos anteriores se conocen
como nativos, ya que se pueden reutilizar o importar fcilmente y conservan todos los datos de
Adobe Illustrator.
6-01
VIDEO
Formatos de archivo
T IP
Illustrator no cuenta con todos los datos

necesarios para volver a abrir los formatos
no nativos en la aplicacin. Por eso,
guarda siempre tu trabajo en formato AI,
hasta que sea indispensable usar algn
otro formato.
Preparando un archivo para imprenta
T IP
Si planeas llevar un diseo a una imprenta, es importante que prepares tus archivos de una
forma correcta, completa y ordenada, para evitar problemas a la hora de imprimirlos. Se
recomienda realizar una serie de comprobaciones finales conocidas dentro del diseo como
checklist de impresin. Consiste bsicamente en revisar que todo lo que debe ir (imgenes y
textos) se incluya en el archivo, que los parmetros del arte sean los correctos y que no vayan
elementos que no tienen alguna funcin, para evitar confusiones.
Preparar correctamente un archivo para impresin distingue a un profesional de diseo pero
sobre todo puede ahorrar mucho tiempo y dinero en el proceso de impresin.
6-02
LMINA
126
Principales requisitos y normas de impresin
ACTIVIDAD
6-04
Reconociendo formatos
1. Qu formatos son nativos de Illustrator?

Los formatos nativos de Illustrator son: AI, EPS, PDF, de Adobe y SVG.
2. Qu contiene un archivo EPS?
Los archivos EPS pueden contener tanto grficos vectoriales como mapas de bits.
3. Define el formato SVG.
El formato SVG est basado completamente en XML (lenguaje de marcas para
intercambio de datos).
4. Explica lo que se puede realizar en el submen de Export (Exportar).
Este men permite guardar archivos web o archivos en otros formatos.
5. Abel cre tres archivos en Illustrator y ahora los tiene que exportar en cierto formato para
poderlos utilizar sin ningn problema en las aplicaciones con las que trabajar. Identifica el
formato no nativo en que se deben guardar los archivos en cada situacin.
El primero es un archivo con una imagen y un texto que servir de fondo para una
pgina Web. En qu formato(s) le recomiendas que guarde su imagen? Por qu?
JPEG porque acepta buena resolucin, excelente compresin y alta calidad.
El segundo archivo es una pequea animacin en la que se usaron slo 4 colores. La
animacin ser utilizada como emotion en un programa de chat. En qu formato(s)
le recomiendas que guarde su imagen? Por qu?
GIF permite guardar las capas de animacin como fotogramas de animacin.
El tercer caso es una imagen vectorial que no tiene fondo (fondo transparente) y se
requiere que esta caracterstica se conserve. En qu formato(s) le recomiendas que
guarde su imagen? Por qu?
GIF o PNG porque estos dos formatos permiten transparencias en la imagen. El
PNG puede almacenar ms colores.
127
Diseo Vectorial
Illustrator CS5
Qu aprendiste?
TEMA A: A reconocer los principales elementos que componen una ilustracin vectorial para
crear composicin que integren estos elementos.
TEMA B: A identificar la relacin de los elementos con el plano y de los elementos entre s.
TEMA C: A reconocer lo que es un smbolo, aprender a crearlos y guardarlos en la librera
de Illustrator.
TEMA D: Que existen tres tipos de fuentes, aplicar envolventes a texto para crear efectos en
texto y que es posible acoplar texto en un trazo.
TEMA E: A crear elementos con efectos de 3D.
TEMA F: A identificar y describir cada uno de los formatos en que se pueden guardar los
archivos generados en Illustrator segn el uso que se les dar al final.
EVALUACIN
06
1. Qu es una envolvente y cules clases de envolventes se pueden usar?
Las envolventes son figuras que modifican un texto u objeto cuya forma se adapta
a la envoltura. Son tres clases de envolventes son: arqueados, inflados y apretados.
2. A qu se le conoce como figura-fondo?
Figura-Fondo es cuando dos extremos de una lnea se unen y forman automticamente un contorno y un relleno.
3. Qu es la composicin?
Es el proceso de adecuar o acomodar los elementos grficos dentro de un espacio
visual.
128

Tutorial de Illustrator cs5

Caricato da

Informazioni sul documento

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Tutorial de Illustrator cs5

Caricato da

Copyright:

Formati disponibili

Diseo Vectorial

Carlos Zepeda Chehaibar

Diseo Vectorial Illustrator CS5. Profesor

Lmina1-02Vectores vs. Bitmaps

DAbriendo y creando un documento nuevo

Video1-01Abriendo y creando un documento nuevo

Video1-02El espacio de trabajo

Color Fill (Relleno) y Color Stroke (Trazo)

Tcnicas de ilustracin con las herramientas

Video2-04Color Fill (Relleno) y Stroke (Trazo)

Zona de selectores de color

Proyecto2-05Haciendo una caja de regalo Parte 3

Unidad3Paneles de Adobe Illustrator Parte 1

Transform (Panel de Transformacin)

Align (Panel de Alineacin)

Clipping Mask (Mscaras de recorte en las capas)

Actividad3-03Recordando: acciones y transformaciones

Video3-02Panel Appearence (Apariencia)

BAgrupar y desagrupar objetos

Clasificacin del color

Color (Panel de color)

Actividad4-02El color, la luz y el ojo

Unidad5Paneles de Adobe Illustrator Parte 2

Brushes (Panel de Pinceles)

Video5-04Panel de transparencia y mscara de opacidad

Blending Modes (Modos de fusin)

Lmina5-02Blending Modes (Modos de fusin)

DPathfinder (Buzcatrazos) 100

Video5-06Pathfinder (Panel buscatrazos)

Video5-07Ajustes de los efectos de rastrillado

Unidad6Elementos de dibujo vectorial

ALos elementos del dibujo vectorial

Lmina6-01Elementos del dibujo vectorial

Proyecto6-01Composicin artstica libre

DOrganizacin del texto

Proyecto6-05Experimentando con texto

Las propuestas didcticas son flexibles, adaptables a la forma personal de

P ropuesta Did ctica

DURACIN SUGERIDA: 40 SESIONES / 45-50 MINUTOS

Este libro lo integran las siguientes Unidades:

Diseo Vectorial Illustrator

Ventajas de los vectores

Imgenes de mapa de bits

Conocer las caractersticas

tema D Abriendo y creando

Conocer las diferentes

tema E Espacio de trabajo

Conocer el entorno y rea

Actividades sugeridas para el

Describe las diferentes

Lmina 1-01 Historia de

Identifica las reas que

Actividad 1-01 Vectores vs.

Actividad 1-02 Reafirmando

Actividad 1-03 Identificando

Lmina 1-02 Vectores vs.

Video 1-01 Abriendo y

Video 1-02 El espacio de

A Identificar cada uno

Actividades sugeridas para el

Video 2-01 Herramientas de

Identifica cada una de las

Video 2-02 Herramientas de