PIT EMyS Illustrator LP

Diseño Vectorial
Illustrator® CS5
PROFESOR
ISBN 978-607-7272-85-4
9 786077 272854
Carlos Zepeda Chehaibar

Diseño Vectorial
Illustrator® CS5
Diseño Editorial:
César Carranza Contreras
Apoyo Editorial:
Sandra A. Rodríguez Romero
Corrección de Estilo:
Jennifer P. Castillo Ascencio
Desarrollo de Tutoriales:
Mónica Lorena Aduna Esponisa
Dirección de Arte:
Alfredo Salazar de la Vega
Coordinador Ilustración Portada:
Mario Martínez Ramírez
Ilustración de Portada:
Ana María Gonzalez Marmolejo
Ilustración de Interiores:
Autor: Judith Lourdes Sierra Pérez
Carlos Zepeda Chehaibar Miriam Tatiana Zamora Gutiérrez
César Carranza Contreras
Apoyo en Desarrollo y Actividades:
Samantha Méndez Domínguez Revisión de Recursos Digitales:
Mónica Lorena Aduna Espinosa Jennifer Priscila Castillo Ascencio
Coordinación Editorial: Gregorio Sánchez Hernández
Alejandro Flores Ledesma Fotografía:
Diseño Vectorial Illustrator ® CS5. Profesor
2ª Edición 1ª Reimpresión
Junio 2015
D.R. © Grupo Educare, S.A. de C.V., Cerro de Mesontepec, número 83, Colonia Colinas del Cimatario, Querétaro, Qro., CP.
76090, 2011.
Queda prohibida la reproducción total o parcial de esta obra por cualquier medio, sin autorización de los editores.
ISBN 978-607-7272-85-4
Impreso y hecho en México.
Esta es una obra protegida por las leyes internacionales de derechos de autor. Prohibida la reproducción total o parcial de
esta obra y/o los recursos que la acompañan, por cualquier medio, sin autorización 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 Tomás #139 Col. Santo Tomás Del. Azcapotzalco, C.P. 02020 México, D.F.
El logotipo de Grupo Educare es propiedad de Grupo Educare, S.A. de C.V.

El diseño editorial y contenidos gráficos 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, imágenes y videogramas utilizados en esta obra se utilizan únicamente con fines didácticos y para la
crítica e investigación científica o artística, 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 información, ni infringen derecho de marca alguno, en conformidad al Artículo 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
países. 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
Diseño Vectorial
Illustrator® CS5
Propuesta Pedagógica I
Unidad 1 Introducción a Illustrator
®
9
tema a Introducción e historia 10
Lámina 1-01 Historia de Adobe® 10
tema B Imágenes Vectoriales 11
Ventajas de los Vectores 11
Desventajas de los Vectores 12
tema C Formatos de archivo 13
Imágenes de mapa de bits 13
Lámina 1-02 Vectores vs. Bitmaps 14
-0c1tividad 1
A Vectores vs. Bitmaps 14
tema D Abriendo y creando un documento nuevo 16
Abrir archivos 18
Video 1-01 Abriendo y creando un documento nuevo 18
-A0c2tividad 1 Reafirmando conceptos clave y abriendo archivos 19
tema e Espacio de trabajo 20
La interfaz y el área de trabajo 21
Video 1-02 El espacio de trabajo 22
-0c3tividad 1
A Identificando el espacio de trabajo 23
Evaluación 01 24
Unidad 2 Panel Herramientas 25

tema a Panel Herramientas 26
Video 2-01 Herramientas de Selección 27
Video 2-02 Herramientas de Dibujo 29
Video 2-03 Herramientas de zoom y desplazamiento 29
-A0c1tividad 2 Investigando herramientas 30
Color Fill (Relleno) y Color Stroke (Trazo) 30
¿Cómo se usan los paneles? 31
Video 2-04 Color Fill (Relleno) y Stroke (Trazo) 31
Proyecto 2-01 Dibujando figuras simples para un diseño 32
Proyecto 2-02 Agitador de conciencia social 33
Proyecto 2-03 Haciendo una caja de regalo Parte 1 35
-0c2tividad 2
A Identificando Herramientas 37
Técnicas de ilustración con las herramientas 39
Herramientas de Reforma 39
Video 2-05 Técnicas de pluma y lápiz artístico 39
Video 2-06 Herramientas de Reforma 40
Herramienta de Pintura 42
Contenido
Video 2-07 Herramientas de Pintura 43

Video 2-08 Herramientas de Símbolos 44
Video 2-09 Herramientas de Gráficas 45
Actividad 2-03 Herramientas de Pintura 45
Zona de selectores de color 46
Proyecto 2-06 Creando gráficas 47
Herramientas de corte 48
Herramientas de texto 49
Video 2-10 Herramientas de Sector y Cuchilla 49
Video 2-11 Herramientas de Texto 49
Evaluación 02 50
Unidad 3 Paneles de Adobe® Illustrator® Parte 1 51

tema a Paneles de Adobe® Illustrator® Parte 1 52
Navigator (Panel Navegador) 52
Layers (Panel Capas) 52
Create New Layer (Crear nueva capa) 53
Creación de Templates (Capas plantilla) 53
Capa activa 54
Ocultar y mover capas 54
Lock (Bloqueo de capas) 54
Delete Selection (Eliminar capas) 54
Video 3-01 Capas 54
Actividad 3-01 Recordando: Capas 55
Actividad 3-02 Capas reales 56
Proyecto 3-01 Usando capas para organizar una ilustración 57
Transform (Panel de Transformación) 58
Actions (Panel de Acciones) 58
Actividad 3-03 Recordando: acciones y transformaciones 59
Align (Panel de Alineación) 60
Appearance (Panel de apariencia) 60
Graphic Styles (Panel de estilos gráficos) 61
Video 3-02 Panel Appearence (Apariencia) 61
Proyecto 3-02 Conociendo el panel Apariencias 62
Clipping Mask (Máscaras de recorte en las capas) 63
Video 3-03 Paneles 63
Video 3-04 Máscaras de recorte 65
Proyecto 3-03 Ejercicio de recorte de imágenes 65
Actividad 3-04 Paneles 67
Actividad 3-05 Operaciones con capas 68
tema B Agrupar y desagrupar objetos 69
Actividad 3-06 Agrupar y desagrupar 69
Evaluación 03 70
Contenido
Unidad 4 Color 71
temaa Color 72
La Psicología del color 72
Lámina 4-01 Color 73
Actividad 4-01 Comprendiendo el color 74
Clasificación del color 75
Actividad 4-02 El color, la luz y el ojo 75
El Círculo Cromático 77
Actividad 4-03 Diagramas de color 78
Proyecto 4-01 Colores armónicos y complementarios 79
Actividad 4-04 Campaña publicitaria de un producto 80
Actividad 4-05 alimenticio 80
Actividad 4-06 Los modos de color 81
Color (Panel de color) 82
Swatches (Panel de Muestras) 83
Video 4-01 Panel de color 83
Evaluación 04 84
Unidad 5 Paneles de Adobe® Illustrator® Parte 2 85

tema a Más paneles 86
Stroke (Panel Trazo) 86
Video 5-01 Panel de Trazo 87
Brushes (Panel de Pinceles) 88
Gradient (Panel de Degradado) 88
Video 5-02 Panel de Pinceles 88
Video 5-03 Panel de Degradado 89
Proyecto 5-01 Papelería de Identificación personal 89
Actividad 5-01 Identificando paneles 91
tema B Logotipos 92
Lámina 5-01 Logotipos 92
Actividad 5-02 Analizando logotipos 92
Proyecto 5-02 Creando un logotipo 94
tema C Transparencias 95
Transparency (Panel de Transparencia) 95
Máscara de opacidad 95
Video 5-04 Panel de transparencia y máscara de opacidad 95
Proyecto 5-03 Degradado transparente 96
Proyecto 5-04 Degradado transparente en fotografías 97
Blending Modes (Modos de fusión) 98
Lámina 5-02 Blending Modes (Modos de fusión) 98
Video 5-05 Blending Modes (Modos de fusión) 99
Proyecto 5-05 Conociendo los modos de fusión 99
tema D Pathfinder (Buzcatrazos) 100
Video 5-06 Pathfinder (Panel buscatrazos) 101
Proyecto 5-06 formas compuestas 102
Contenido
tema e Effects (Efectos) 103

Ajustes de los efectos de rastrillado 103
Video 5-07 Ajustes de los efectos de rastrillado 103
Artistic (Artísticos) 104
Blur (Desenfocar) 105
Brush Stroke (Trazos de pincel) 105
Distort (Distorsión) 106
Pixelate (Pixelar) 106
Sharpen (Enfocar) 107
Sketch (Bosquejar) 107
Stylize (Estilizar) 108
Texture (Textura) 108
Lámina 5-03 Efectos 108
Video (Video) 109
Proyecto 5-07 Trabajando con efectos 109
Evaluación 05 110
Unidad 6 Elementos de dibujo vectorial 111

tema a Los elementos del dibujo vectorial 112
Lámina 6-01 Elementos del dibujo vectorial 112
Actividad 6-01 Técnica de puntillismo y línea 113
Actividad 6-02 Los elementos del diseño gráfico 113
tema B El Espacio 115
Proyecto 6-01 Composición artística libre 116
Actividad 6-03 Reflexión sobre perspectiva 117
Proyecto 6-02 Generando perspectiva 117
Proyecto 6-03 Ilustrando una fotografía 118
tema C Los símbolos 120
Proyecto 6-04 Creando un símbolo 120
tema D Organización del texto 121
Creación de contornos 121
Texto en un trazado 121
Proyecto 6-05 Experimentando con texto 122
Envolventes 122
Proyecto 6-06 Página interna de una revista 123
tema e Vectores 3D 124
Proyecto 6-07 Creando un texto 3D 124
tema FArchivos 126
Formatos 126
Preparando un archivo para imprenta 126
Video 6-01 Formatos de archivo 126
Lámina 6-02 Principales requisitos y normas de impresión 126
Actividad 6-04 Reconociendo formatos 127
Evaluación 06 128
Recursos
Material Impreso
Este material forma parte de un conjunto de recursos que conforman el Programa

de Informática y Tecnología (PIT). Está organizado en bloques integrales que
incluyen todo lo necesario para aprender, practicar y evaluar habilidades o
competencias. Las explicaciones, imágenes, tablas, actividades, notas y tips,
apoyadas con las láminas y tutoriales, permiten integrar la experiencia de
aprendizaje desde múltiples perspectivas. Así, podemos afirmar que el PIT de
Grupo Educare es la mejor manera de aprender haciendo.
Recursos Digitales
Los recursos digitales que acompaña al material impreso contienen videos que
te ayudarán a comprender los conceptos y a poner en práctica las habilidades
adquiridas. Adicionalmente encontrarás 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.
Explicación Iconográfica
Actividad
Este icono nos indica un ejercicio que refuerza la parte teórica de
este material.
Proyecto
Este icono nos indica un ejercicio que refuerza de manera práctica.
Video
Es el material digital de los recursos del programa. La representación
en video de la parte teórica.
Lámina de apoyo
La lámina es un recurso del profesor, que sirve como refuerzo
dinámico e interactivo a un tema denso, que complementa la teoría
del material impreso.
Evaluación
Este icono indica un elemento fundamental del proceso educativo
que sirve para valorar el proceso de aprendizaje.
Nota
Las notas que verás dentro de tu texto, puntualizan la teoría o los
aspectos más importantes de un tema.
T IP Tip
Es una sugerencia que complementa un tema del material impreso,
dando un panorama más amplio al alumno sobre cómo ejecutar
una actividad de manera más sencilla y práctica.
Las propuestas didácticas son flexibles, adaptables a la forma pe sonal de
trabajo del maestro y necesidades específicas de cada clase maximizando así
el empleo de los recursos disponibles.
Propuesta Didáctica
NIVEL: Básico DURACIÓN SUGERIDA: 40 SESIONES / 45-50 MINUTOS
Este libro lo integran las siguientes Unidades:
Unidad 01 Introducción a Illustrator®

Unidad 02 Panel Herramientas
Unidad 03 Paneles de Adobe® Illustrator® Parte 1
Unidad 04 Color
Unidad 05 Paneles de Adobe Illustrator Parte 2
Unidad 06 Elementos de dibujo vectorial
Diseño Vectorial Illustrator ®

CS5
Autor:
Diseño Vectorial
Illustrator® CS5
Unidad Tema Subtema Objetivos
Conocer la historia de
tema A Introducción e Adobe® Illustrator®.
Historia
Ventajas de los vectores Conocer las características

tema B Imágenes
Desventajas de los de las imágenes
vectoriales
vectores vectoriales.
Conocer los bitmaps y las

tema C Formatos de
Imágenes de mapa de bits diferencias que existen con
1 - Introducción a Illustrator® archivo
las imágenes vectoriales.
Sesiones Sugeridas 5
Conocer las diferentes
maneras para abrir un
tema D Abriendo y creando
archivo, cómo importar
un documento nuevo
imágenes y la creación de
un documento nuevo.
Conocer el entorno y área

de trabajo, sus elementos
La interfaz y el área de y cómo utilizarlos de
tema E Espacio de trabajo
trabajo manera más accesible
para facilitar el trabajo en
ellas.
II
Actividades sugeridas para el

Competencias Tutorial Sugerido Recursos
alumno
Describe las diferentes

maneras para abrir un
Lámina 1-01 Historia de
archivo, cómo importar
Adobe®
imágenes y la creación de un
archivo nuevo.
Identifica las áreas que

conforman el espacio para
facilitar la elaboración de los
archivos.
Describe la evolución de
Actividad 1-01 Vectores vs. Lámina 1-02 Vectores vs.
Adobe® Illustrator® a través
Bitmaps Bitmaps
del tiempo.
Reconoce la diferencia
entre las imágenes de mapa Actividad 1-02 Reafirmando
Video 1-01 Abriendo y
de bits, de las imágenes conceptos clave y abriendo
creando un documento nuevo
vectoriales, conociendo sus archivos
principales características.
Distingue diferentes
programas que trabajan con Actividad 1-03 Identificando
el espacio de trabajo Video 1-02 El espacio de
archivos de tipo vectorial y
trabajo
que es posible modificarlos Evaluación 01
con cualquiera de ellos.
III
Diseño Vectorial
Illustrator® CS5
Herramientas de selección
Collor Fill (Relleno) y color

stroke (trazo)
A Identificar cada uno
¿Cómo se usan los de los elementos que
paneles? conforman el panel
de herramientas, para
Técnicas de ilustración con
2 - Panel Herramientas las herramientas
conocer su uso al
tema A Panel Herramientas momento de realizar una
Sesiones Sugeridas 5 Herramientas de reforma ilustración, diseño, etc.,
así como conocer los
Herramienta de pintura
atajos del teclado que
Zonas de selectores de harán más rápido y fácil el
color proceso.
Herramientas de corte
Herramientas de texto
IV

alumno
Video 2-01 Herramientas de
selección
Actividad 2-01 Investigando
herramientas
dibujo
Proyecto 2-01 Dibujando
figuras simples para un
zoom y desplazamiento
diseño
Video 2-04 Color Fill (Relleno)
Proyecto 2-02 Agitador de
y Stroke (Trazo)
conciencia social
Video 2-05 Técnicas de
Proyecto 2-03 Haciendo una
pluma y lápiz artístico
caja de regalo. Parte 1
Identifica cada una de las
herramientas del panel, Video 2-06 Herramientas de
Actividad 2-02 Identificando
conociendo su uso y la reforma
herramientas
manera de acceder a ellas de Video 2-07 Herramientas de
forma rápida con el teclado. Proyecto 2-04 Haciendo una pintura
Actividad 2-03 Herramientas
símbolos
de pintura
Proyecto 2-05 Haciendo una
gráficas
Proyecto 2-06Creando
Sector y Cuchilla
gráficas
Evaluación 02
Texto
V
Diseño Vectorial
Illustrator® CS5
Navigator (Navegador)
Layers (Panel Capas)
Create new layer (Nueva

capa)
Creación de templates
(Capas plantila)
Capa activa
Ocultar y mover capas A Identificar cada uno de

los paneles, así como sus
Lock (Bloque de capas) funciones que permiten
tema A Paneles de Adobe Delete selection (Eliminar trabajar las imágenes,

Illustrator Parte 1 capas) modificarlas, escalarlas,
3 - Paneles de Adobe® recortarlas, etc... y cómo
Illustrator® Parte 1 Transform (Panel de administrarlos en el
Transformación) espacio de trabajo para
Sesiones Sugeridas 5 facilitar el proceso del
Actions (Panel Acciones)
diseño.
Align (Panel Alineación)
Appearance (Panel
Apariencia)
Graphic Styles (Panel

Estilos gráficos)
Clipping Mask (Máscaras

de recorte en las capas)
B Conocer las opciones

tema B Agrupar y
para agrupar y desagrupar
desagrupar objetos
objetos.
VI

alumno
Actividad 3-01 Recordando

capas
Actividad 3-02 Capas reales
Proyecto 3-01 Usando capas

para organizar una ilustración
Video 3-01 Capas
Identifica los paneles, sus Actividad 3-03 Recordando
características, conocer cómo acciones y transformaciones Video 3-02 Panel Appearence
se pueden acomodar, acoplar (Apariencia)
Proyecto 3-02 Conociendo el
para facilitar el trabajo, Video 3-03 Paneles
panel apariencia
así como las funciones de
algunos de ellos. Proyecto 3-03 Ejercicio de Video 3-04 Máscaras de
recorte de imágenes recorte
Actividad 3-04 Paneles
Actividad 3-05 Operaciones

con capas
Identifica que el comando

de agrupar objetos es más Actividad 3-06 Agrupar y
sencillo el trabajo con desagrupar
varios objetos, tanto para
desplazarlos, como para Evaluación 03
transformarlos.
VII
Diseño Vectorial
Illustrator® CS5
La psicología del color Conocer los conceptos

del color. Identificar cada
4 - Color Clasificación del color una de las herramientas
del panel color, así como
tema A Color El círculo cromático
Sesiones Sugeridas 5 ponerlos a la práctica en
Color (Panel Color) diferentes actividades y
proyectos para reafirmar
Swatches (Panel Muestras) los conceptos aprendidos.
Aprender las herramientas

de los paneles para
lograr transparencias,
Stroke (Panel Trazo) modos de fusionar
dibujos e imágenes, a
Brushes (Panel Pinceles)
tema A Más paneles utilizar las máscaras de
Gradient (Panel opacidad, los degradados
5 - Paneles de Adobe Illustrator Degradado) de transparencia y los
Parte 2 buscatrazos, poniéndolos
en práctica en diferentes
Sesiones Sugeridas 9 ejercicios de la unidad.
Aplicar los conceptos

tema B Logotipos aprendidos para la
creación de un logotipo,
utilizando las herramientas
contenidas en esta unidad.
VII
I

alumno
Actividad 4-01
Comprendiendo el color
Actividad 4-02 El color, la luz

y el ojo
Reconoce y comprende Actividad 4-03 Diagramas de

el concepto de color, su color
clasificación, psicología y su
Proyecto 4-01 Creando un Video 4-01 Panel de color Lámina 4-01 Color
uso; así como a identificar los
mural con colores armónicos
elementos que componen el
panel y los diferentes modos Actividad 4-04 Campaña
de color. publicitaria de producto
alimenticio
Actividad 4-05 Los modos de

color
Evaluación 04
Identifica cada una de las Video 5-01 Panel Trazo

herramientas de diferentes Proyecto 5-01 Papelería de
paneles y reforzando los identificación personal Video 5-02 Panel Pinceles
conocimientos adquiridos a Actividad 5-01 Identificando
través de la realización de paneles
diferentes ejercicios.
Lámina 5-01 Logotipos

Crea un logotipo utilizando
las herramientas de Adobe® Actividad 5-02 Analizando
Illustrator® basándonos en logotipos
los conceptos explicados en
Proyecto 5-02 Creando un
esta unidad.
logotipo
IX
Diseño Vectorial
Illustrator® CS5
Transparency (Panel Conocer el concepto de

Transparencia) transparencia al efectuar
tema C Transparencias cambios en parámetros
Máscara de opacidad
de los paneles y aplicar
Blending modes (Modos modos de fusión en
de fusión) composiciones.
Comparar las opciones

del panel Pathfinder
tema D Pathfinder (Buscatrazos), con
(Buzcatrazos) funciones matemáticas
para crear figuras
complejas con objetos
simples
Ajustes de los efectos de

Cont. Unidad 5 rastrillado
Artistic (Artísticos)
Blur (Desenfocar)
Brush Stroke (Trazos de

Pincel) Comprender cada uno de
los efectos que maneja
Distort (Distorsión) Adobe® Illustrator® para
tema E Effects (Efectos)
saber cuándo aplicar cada
Pixelate (Pixelar)
uno según el trabajo que
Sharpen (Enfocar) se esté realizando.
Sketch (Bosquejar)
Stylize (Estilizar)
Texture (Textura)
Video (Video)
X

alumno
Proyecto 5-03 Degradado Video 5-03 Panel

Emplea las herramientas
transparente Transparencia y Panel
de los paneles, a aplicar
Opacidad
transparencias, máscaras Proyecto 5-04 Degradado Lámina 5-02 Blending Modes
de opacidad, degradados de transparente en fotografías Video 5-04 Blending Modes (Modos de fusión)
transparencia, los diferentes (Modos de fusión)
Proyecto 5-05 Conociendo los
modos de fusión.
Modos de fusión
Realiza diferentes
combinaciones de objetos por
medio del panel buscatrazos Proyecto 5-06 Combinación Video 5-05 Pathfinder (Panel
a través de la realización de objetos para crear formas Buzcatrazos)
de diferentes ejercicios compuestas
reafirmando los conceptos
aprendidos.
Aplica cada uno de los Proyecto 5-07 Trabajando con

efectos de Adobe® efectos Video 5-06 Ajustes de los
Lámina 5-03 Efectos
Illustrator® para conocer sus efectos de rastrillado
características. Evaluación 05
XI
Diseño Vectorial
Illustrator® CS5
Comprender los elementos

del dibujo vectorial
tema A Los elementos del aplicando conceptos como
dibujo vectorial puntillismo, línea, ritmo,
contorno y forma al crear
composiciones.
Definir el concepto de
espacio al analizar la
tema B El espacio relación que existe entre
los objetos de un plano
básico.
6 - Elementos de dibujo
Identificar lo que es un
vectorial
símbolo, cómo crearlos y
tema C Los Símbolos
guardarlos en la librería de
Sesiones Sugeridas 6
Illustrator®.
Utilizar herramientas para

Creación de contornos
deformar el texto por
tema D Organización del
Texto en un trazado medio de envolventes
texto
y ajustar el texto a un
Envolventes
trazado.
Aprender a crear
tema E Vectores 3D
elementos con efectos 3D.
Identificar y describir los

Formatos formatos en que pueden
guardarse los archivos
tema F Archivos Preparando un archivo creados en Illustrator®
para imprenta dependiendo el tipo de
salida que tendrán.
XII

alumno
Reconoce los principales Actividad 6-01 Técnica de

elementos que componen puntillismo y línea Lámina 6-01 Los elementos
una ilustración vectorial
Actividad 6-02 Los elementos del dibujo vectorial
para crear composición que
integren estos elementos. del diseño gráfico
Proyecto 6-01 Composición

artística libre
Actividad 6-03 Reflexión sobre

Identifica la relación de los perspectiva
elementos con el plano y de
los elementos entre sí. Proyecto 6-02 Generando
perspectiva
Proyecto 6-03 Ilustrando una

fotografía
Reconoce lo que es un
símbolo, aprender a crearlos Proyecto 6-04 Creando un
y guardarlos en la librería de símbolo
Illustrator®.
Define los tres tipos de Proyecto 6-05

fuentes, aplicar envolventes Experimentando con texto
a texto para crear efectos en
texto y que es posible acoplar Proyecto 6-06 Página Interna
texto en un trazo. de una revista
Crea elementos con efectos Proyecto 6-07 Creando un

de 3D. texto 3D
Describe cada uno de

los formatos en que se Actividad 6-04 Reconociendo Lámina 6-02 Principales
pueden guardar los archivos formatos Video 6-01 Formatos de
requisitos y normas de
generados en Illustrator® Archivos
Evaluación 06 impresión
según el uso que se les dará
al final.
XII
I
Diseño 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, dónde uno
establece poco o nulo conocimiento del tema por parte del alumno y cinco que
está completamente familiarizado con el mismo.
Habilidad 1 2 3 4 5
Reconocer diferencias entre mapa de bits y vector.
Listar las caracteristicas de las imágenes 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 tamaño de un objeto.
Emplear el panel buzcatrazos.
Utilizar las herramientas de alineación.
Emplear símbolos 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.
Aplicación de filtros a una fotografía.
Utilizar máscara de opacidad.
Crear composiciones con ritmo y forma.
XIV
Adobe Ilustrador es un programa de creación y manipulación vectorial. Fue

lanzado al mercado en marzo 19 de 1987, bajo la versión Adobe Illustrator 1.1,
exclusivamente para sistema Macintosh®. Los formatos nativos de Illustrator son:
.FXG, .AI, .PDF, .EPS, .AIT, .SVG y .SVGZ.
Unidad 01 Introducción a
I l lus trato r ®
Durante el desarrollo de esta unidad aprenderás a:
A Conocer la historia de Adobe® Illustrator®.

B Conocer las características de las imágenes vectoriales.
C Conocer los bitmaps y las diferencias que existen con las imágenes vectoriales.
D Conocer las diferentes maneras para abrir un archivo, cómo importar
imágenes y la creación de un documento nuevo.
E Conocer el entorno y área de trabajo, sus elementos y cómo utilizarlos de
manera más accesible para facilitar el trabajo en ellas.

CS5
Autor: XV
Diseño Vectorial
Illustrator® CS5
tema a Introducción e historia

El programa de Adobe® Illustrator® nació en 1987 junto con la tecnología de Apple® y una
impresora llamada LaserWriter®, la cual manejaba un nuevo formato de archivo gráfico conocido
como PostScript®. En su primera versión, lo que se creaba con Illustrator® sólo se podía imprimir
en esa impresora, lo que era una gran limitante para la comercialización del programa.
El usuario podía trabajar con

gráficos monocromáticos (un solo
color) y una resolución de pantalla
de 512 x 387 píxeles. El elemento
primordial del documento eran
las curvas de Bézier, utilizadas
para crear líneas, arcos y figuras
trigonométricas.
Imagen 1-1: Impresora Apple® LaserWritter®
Actualmente, Adobe Illustrator es una aplicación de software de diseño gráfico, que proporciona
la libertad creativa que se necesita para materializar ideas de forma rápida y eficaz. Illustrator
ha definido por muchos años el lenguaje gráfico contemporáneo mediante el dibujo vectorial.
Las mentes más creativas en el mundo de las artes gráficas, utilizan Illustrator para pintar,
trazar, reproducir y automatizar diseños de todo tipo. Además, gracias a la integración con otros
programas, permite producir extraordinarios gráficos para formato impreso, video, internet y
dispositivos móviles.
Imagen 1-2: Ejemplo de trazo en Illustrator®
LÁMINA
10
Introducción a Illustrator
tema B Imágenes Vectoriales

¿Recuerdas que en las clases de física se estudian los vectores? En diseño gráfico, un vector
está constituido por una serie de puntos y líneas, rectas o curvas, definidas matemáticamente.
Las características de un vector son las siguientes:
¤ Tienen una línea de contorno (también llamado trazo) y un color de relleno. Las
características 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 geometría, un punto del plano se
puede definir por sus coordenadas y dos
puntos cualesquiera se pueden unir mediante
una línea 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 Imagen 1-3: Ejemplo ojo vectorizado
llamados puntos de control, manejadores o
manecillas.
Cualquier forma abierta o cerrada como un polígono, rectángulo, elipse o una curva irregular,
se basa en nodos y puntos de control. Para rellenar un gráfico vectorial, es necesario que los
puntos estén unidos formando una línea cerrada.
Los contornos o trazos pueden ser delgados o gruesos y tener una forma determinada. Esto
permite crear dibujos lineales o creaciones artísticas con un contorno caligráfico.
Ventajas de los Vectores

¤ No importa el tamaño en el que se dibuje o despliegue un vector: siempre aparecerá con
la misma nitidez y calidad al escalarlo (hacerlo más pequeño o más grande), tanto en la
pantalla como en la impresión.
¤ Cada objeto está definido por fórmulas matemáticas independientes al resto de los demás.
Puede escalarse, distorsionarse, cambiar de forma o resituarse sin afectar a los otros
elementos del dibujo.
11
Diseño Vectorial
Illustrator® CS5
¤ Se puede controlar con gran precisión la forma, orientación y orden de los elementos.
¤ Las imágenes vectoriales no están 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 información para definir cada
punto de la pantalla.
¤ Permite trabajar con texto sin limitaciones.
Imagen 1-4: Fotografía en mapa de bits
Desventajas de los Vectores

¤ Los gráficos vectoriales no pueden producir imágenes fotográficas realistas, ya que están hechos
de áreas de color sólido o degradado y no pueden representar los tonos continuos de una
fotografía. Por eso la mayoría de las imágenes vectoriales tienen una apariencia de caricatura.
¤ Los vectores son de aspecto frío, con un contorno o trazo perfecto, sin naturalidad.
Un uso frecuente que se da a la conversión de mapas de bits a vectores, es la necesidad de

publicarlos en web. Los formatos más comunes y aceptados para la imagen vectorial en web son
el Shockwave® Flash® (SWF) y PNG.
12
tema C Formatos de archivo

Existen diferentes aplicaciones que trabajan con archivos de tipo vectorial, como Adobe® Illustrator®,
Corel® Draw ®, Macromedia Freehand ® o Xara X ®. Aunque cada aplicación maneja sus formatos
de archivo nativos, en general es posible abrir y modificar los gráficos creados en una aplicación,
utilizando otra aplicación.
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)
Imágenes de mapa de bits

Las imágenes de mapa de bits o bitmaps están compuestas por píxeles. Los píxeles son los
elementos mínimos de imagen.
Un mapa de bits es una cuadrícula de esos pequeños

puntos individuales de color, que están ordenados
de una forma determinada para definir un patrón y
formar la imagen que observas en pantalla.
Las imágenes bitmap dependen de la resolución, es

decir, del número de píxeles que existen en un área
determinada. La resolución 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 resolución, es difícil incrementar o disminuir su
tamaño sin reducir la calidad de la imagen.
Cuando se hace más pequeña una imagen bitmap,

se eliminan píxeles y cuando se hace más grande, se
crean nuevos píxeles.
Así, cuando se crean nuevos píxeles, el programa de

edición que se esté utilizando, estima el valor del color
de los nuevos píxeles basado en los ya existentes. El
resultado siempre es una calidad reducida.
Imagen 1-7: Imagen de mapa de bits
13
Diseño 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 resolución Imagen 1-8: Imagen en baja resolución
LÁMINA
Vectores vs. Bitmaps

1. Un mapa de bits (bitmap) está formado por una matriz o arreglo de puntos, cada uno de
ellos con características diferentes como color, intensidad y posición.
a. Verdadero
b. Falso
2. Por su capacidad para almacenar grandes cantidades de colores y detalles, se usa para
manipular fotografías.
a. Vector
b. Bitmap
3. Está formado por puntos o píxeles 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 extensión y diversos atributos.
a. Verdadero
b. Falso
5. Generalmente se usan para gráficas, dibujos sencillos y de colores simples. En diseño

editorial son muy populares como Clipart.
a. Vector
b. Bitmap
6. ¿Qué es un vector?
Un vector es una serie de puntos y líneas, rectas o curvas, definidas matemáti-

camente.
7. ¿Qué es un píxel?
Los píxeles son elementos mínimos de una imagen de mapa de bits.
8. Dibuja un píxel.
9. ¿Qué es un mapa de bits?
Es una cuadrícula de pequeños puntos individuales de color, ordenados para

definir un patrón 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 tamaño al que se dibuje, siempre tendrá

la misma nitidez y calidad al escalarlo. Vector
¤ Se controla de manera precisa la forma, orientación y

orden de los elementos. Vector
¤ Depende de la resolución y es difícil incrementar o

disminuir el tamaño sin perder calidad. Mapa de bits
¤ Pierde píxeles si se hace más pequeño. Mapa de bits
¤ El tamaño del archivo es muy compacto. Vector
15
Diseño Vectorial
Illustrator® CS5
tema D Abriendo y creando un documento nuevo
Una vez abierto Adobe® Illustrator ®, para crear un nuevo documento utiliza el menú File/New
(Archivo/Nuevo) o la combinación de teclas <Ctrl+N>. Aparecerá una ventana de diálogo en
la que debes especificar varios parámetros:
2 1
3 5
4
7 6
8 10
11
9
12
15
13 14
Imagen 1-10: Cuadro de diálogo para crear un documento nuevo.
1. Name (Nombre del documento): El título 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 tamaño, el modo en color, unidades, orientación, transparencia y la resolución.
3. Artboards (Mesa de trabajo): Número 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 tipografía que equivale a 1/72 de pulgada), picas (equivale a
12 puntos), pulgadas, milímetros, centímetros o píxeles.
16
7. Size (Tamaño del documento): Elige el formato que requieras, dependiendo del tamaño
y la forma de la mesa de trabajo que se va a realizar. Los formatos más comunes en el
diseño impreso son el tamaño Letter (Carta), el Legal (Oficio) y el Tabloid (Doble carta).
Para el diseño Web el formato más utilizado es el de 800 x 600 píxeles (para páginas web)
y 480 x 60 píxeles (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 (Orientación): Las dos opciones que direccionan la mesa de trabajo en forma
vertical u horizontal.
11. Bleed (Sangrado): Es la cantidad de material gráfico que queda fuera del área de impresión,
este material son las franjas, fondos, fotografías, etc., que quedan rebasadas del tamaño
de la mesa de trabajo y que serán cortadas cuando se encuentren impresas.
12. Color Mode (Modos de color): Hay dos modos de color para trabajar en la aplicación:
¤ CMYK Color (Cyan, Magenta, Yellow, Black): Se usa para trabajar con imágenes
que se destinarán a impresión.
¤ RGB Color (Red, Green, Blue): Se utiliza para imágenes que sólo se verán en
pantalla.
13. Raster Effects (Efectos de rasterizado): Especifica la resolución de los efectos de rasterizado
del documento. Son efectos que generan píxeles en lugar de datos vectoriales.
14. Preview Mode (Modo de vista previa): Permite ver en diferentes maneras cómo lucirá
nuestro documento. Tiene 3 opciones: Default (Por defecto): El diseño creado en vectores
se verá en full color, el zoom in/out conserva la suavidad en las curvas. Pixel (Vista
previa de píxel): Rejilla que se observa con el zoom al 600%. Overprint (Vista previa de
impresión): Permite ver colores con anticipación, impresiones y modos que se mezclan
para saber cómo se verán al imprimirse el archivo.
15. Si se selecciona, los nuevos objetos se alinearán en la rejilla del píxel.
17
Diseño Vectorial
Illustrator® CS5
Abrir archivos
Los objetos vectoriales e imágenes 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 combinación de teclas <Ctrl+O>.
2. Selecciona el archivo que quieres abrir. Si el archivo no aparece, selecciona la opción 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 diálogo que permite
configurar opciones específicas de algún formato.
Si ya estás trabajando en un documento y deseas incluir un archivo externo en él, puedes

utilizar el menú File/Place (Archivo/Acomodar). El cuadro de diálogo que se muestra es muy
similar al de Open (Abrir), pero además debes especificar alguno de los campos que aparecen
en la parte inferior: Link (Link o vínculo), Template (Plantilla) y Replace (Reemplazo).
Debes seleccionar la opción Link (Vínculo), para que la imagen se abra dentro del archivo con
un tamaño mucho menor al que tenía originalmente.
Nombre del documento

Tipo de documento
Acomodar
Vínculo
Plantilla
Reemplazo del
documento Imagen 1-11: Cuadro de diálogo para acomodar una imagen.
Puedes importar imágenes al programa desde bancos de imágenes, PDF’s, clipart, dibujos
vectoriales de Freehand® y Corel® Draw®, escaneos de fotografías, transparencias, negativos y
gráficos, entre otros.
VIDEO Abriendo y creando un documento nuevo
18
Reafirmando conceptos clave

y abriendo archivos
1. Describe lo que entiendes para cada uno de estos conceptos de Illustrator®:
a. Picas
Sistema de medición para calcular el tamaño de la letra.
b. Orientación del documento
Si el documento es horizontal o vertical.
c. CMYK
Son cuatro colores: cyan, magenta, amarillo y negro. Son los colores de
impresión.
2. Inicia Adobe® Illustrator® y abre los siguientes archivos que se encuentran en los Recursos
Digitales:
a. Utilizando el cuadro de diálogo 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 método para abrir los archivos Vector6.ai y Vector7.ai.
3. Observa con atención las características comunes de los archivos en el estilo que representan,
la calidad y sensaciones que transmiten. ¿Qué características tienen los gráficos vectoriales?
•Tienen una línea de contorno o trazo.

•Tienen color de relleno.
•Se pueden agrupar entre sí.
•Se pueden relacionar con otros vectores.
19
Diseño Vectorial
Illustrator® CS5
tema e Espacio de trabajo

Al iniciar Adobe® Illustrator® verás la siguiente ventana de trabajo. Los elementos que componen
la pantalla de trabajo son los siguientes:
1
2
Imagen 1-12: Espacio de trabajo de Illustrator®
1. Barra de aplicación. Contiene un conmutador de espacio de trabajo, menús y otros

controles de la aplicación. También contiene la barra de menús 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 específicas de la herramienta seleccionada en el

momento.
3. Panel herramientas. Incluye utilidades para crear, modificar, vectorizar y editar imágenes,
ilustraciones, elementos de página, etc. Las herramientas relacionadas están 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
símbolos, las acciones y la transformación, entre otros. Los paneles se pueden agrupar,
apilar o acoplar. Si mueve alguno de sus elementos o si cambia su tamaño, todos los
elementos que integra responden en consecuencia para evitar su superposición.
5. Área de Trabajo. Contiene el espacio donde se crean los gráficos.
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 algún nombre de la lista, el
acomodo de los elementos se modificará según la configuración establecida.
Cualquier disposición de estos elementos se denomina espacio de trabajo.
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 aplicación. El área de trabajo se divide de la siguiente forma:
¤ Área de imagen (A): El área de imagen está delimitada por las líneas punteadas
internas y es la sección de la página destinada a la impresión. Sólo lo que esté
dentro de esta área saldrá en la impresión, aunque debes recordar que la mayoría
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 líneas punteadas,
representando el límite no imprimible del documento.
¤ Borde de la página (C): El borde de la página está delimitado por las líneas
21
Diseño Vectorial
Illustrator® CS5
continuas externas del documento.
¤ Mesa de trabajo (D): La mesa de trabajo está limitada por las líneas punteadas
y concentra la región que contiene las imágenes a imprimirse. La mesa de trabajo
tiene el mismo tamaño 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 verán en la pantalla, pero no se imprimirán.
E
B
C
A
Imagen 1-13: Espacio de trabajo.
VIDEO
22
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, periódicos, plumones, textos de computadora o imágenes de internet. Señalen
cada parte del espacio de trabajo y anoten la función de cada una de ellas.
¤ Barra de menús
¤ 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 página
¤ 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 según
corresponda en cada una de las siguientes afrimaciones.
l áArea deE pruebas es la parte exterior de la mesa de trabajo que se extiende hasta el
rde de laboventana.
l áArea deE imagen es imprimible.
osEpaneLles sirven para cambiar aspectos de los elementos del archivo.
a bEarra dLe estado proporciona información como el tamaño del archivo que se está
trabajando.
23
Diseño Vectorial
Illustrator® CS5
¿Qué aprendiste?
TEMA A: A conocer las diferentes maneras para abrir un archivo, cómo importar imágenes y
la creación de un archivo nuevo.
TEMA B: A conocer las áreas que conforman el espacio para facilitar la elaboración de los
archivos.
TEMA C: La evolución de Adobe® Illustrator® a través del tiempo.
TEMA D: A diferenciar las imágenes de mapa de bits, de las imágenes vectoriales, conociendo
sus principales características.
TEMA E: Que existen diferentes programas que trabajan con archivos de tipo vectorial y que
es posible modificarlos con cualquiera de ellos.
EVALUACIÓN
Contesta las preguntas correctamente.
1. ¿En qué año 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, menús y paneles.
4. Explica brevemente, ¿qué es una mesa de trabajo?
La mesa de trabajo está limitada por las líneas punteadas y concentra la región
que contiene las imágenes a imprimirse. La mesa de trabajo tiene el mismo
tamaño que el área de imagen pero la puedes aumentar o reducir.
24
En 1987, Adobe Illustrator contaba con sólo 13 herramientas y sólo 5 menús. La

versión cs5 tiene 28 herramientas en panel, más 55 ocultas y 9 menús. Pueden
agregarse herramientas específicas a través de un Plug in.
Unidad 02 Panel
Herramientas
A Identificar cada uno de los elementos que conforman el panel de

herramientas, para conocer su uso al momento de realizar una ilustración,
diseño, etc., así como conocer los atajos del teclado que harán más rápido
y fácil el proceso.

CS5
Autor:
25
Diseño Vectorial
Illustrator® CS5
tema a Panel Herramientas
Este panel agrupa las herramientas que te ayudarán a realizar tus actividades dentro
del programa. Las herramientas de Adobe® Illustrator® están comúnmente agrupadas
en el lado izquierdo de la ventana de aplicación. Aunque el panel herramientas se
puede mover, es recomendable tenerlo siempre visible en esta zona de la pantalla.
Las herramientas están representadas por iconos. Hay algunas herramientas que
incluyen un menú lateral, que se identifica por un pequeño triángulo de color negro
en la esquina inferior derecha del botón de la herramienta. Para desplegar ese menú,
debes mantener un clic sostenido sobre el botón de la herramienta.
Las herramientas se clasifican en grupos de acuerdo a la función que desempeñan

dentro de la aplicación. El uso detallado de las herramientas se ve en las actividades,
pero a continuación se describe cada herramienta de forma general para que las
utilices cuanto antes.
En las siguientes tablas, las herramientas que están en Negritas comparten el

mismo botón (botones con triángulo negro en la esquina inferior derecha) con las
herramientas que siguen debajo y que están en letra normal. Recuerda que debes
hacer un clic sostenido sobre la herramienta actual, para tener acceso a las otras
herramientas incluidas en un botón.
Imagen 2-1: Panel Herramientas
T IP
26
Panel Herramientas
Herramientas de
Atajo Función Imagen
Selección
Herramienta de selección Selecciona y mueve los objetos.

Selection
<V>
Selección Directa Selecciona puntos o nodos de un

Direct Selection
<A>
objeto para manipularlo.
Permite seleccionar como grupo
Selección de Grupos
los elementos que conforman a un
Group Selection
objeto.
Selecciona vectores que se
Varita Mágica
<Y> encuentran dentro de un rango de
Magic Wand
color parecido al vector elegido.
Herramienta de lazo Permite seleccionar libremente áreas
Lasso
<Q> de la imagen.
Crea mesas de trabajo
Mesa de Trabajo
<Shift+O> independientes para la impresión o
Artboard
la exportación.
2-01
VIDEO
Herramientas
de Dibujo
Pluma Dibuja líneas rectas y curvas para crear

Pen

objetos.
Añadir punto de ancla

<+> Agrega puntos de ancla a trazos.
Add Anchor Point
Eliminar punto de ancla
<-> Elimina puntos de ancla de los trazos.
Delete Anchor Point
Convertir punto de ancla Cambia vértices redondeados a vértices
Convert Anchor Point
<> cuadrados y viceversa.
27
Diseño Vectorial
Illustrator® CS5
Herramientas
de Dibujo
Segmento de línea Dibuja segmentos de línea rectos
Liner Segment
<\>
individuales.
Arco Dibuja segmentos de curva cóncavos y

Arc convexos individuales.
Espiral
Dibuja espirales en ambos sentidos.
Spiral
Cuadrícula rectangular
Dibuja cuadrículas rectangulares.
Rectangular Grid
Cuadrícula polar Dibuja cuadrículas de gráficas
Polar Grid circulares.
Rectángulo
<M> Dibuja cuadrados y rectángulos.
Rectangle
Rectángulo redondeado Dibuja cuadrados y rectángulos con
Rounded Rectangle vértices redondeados.
Elipse
<L> Dibuja círculos y elipses.
Elipse
Polígono
Dibuja formas regulares de varios lados.
Polygon
Estrella
Dibuja estrellas.
Star
Destello Crea efectos de destello de una lente o
Flare solar.
Lápiz
<N> Dibuja y modifica líneas a mano alzada.
Pencil
Suavizar
Suaviza las curvas Bézier.
Smooth
Borrador de trazos Borra trazados y puntos de ancla del
Path Eraser objeto.
Cuadrícula de perspectiva Permite crear e interpretar ilustraciones
Perspective Grid
<Shift+P>
en perspectiva.
Permite colocar objetos, texto y
Selección de perspectiva símbolos en perspectiva, mover objetos
<Shift+V>
Perspective Selection en perspectiva y mover objetos en
perpendicular a su dirección actual.
28
Panel Herramientas
2-02
VIDEO
Herramientas
de Zoom y Atajo Función Imagen
Desplazamiento
Mano Mueve la mesa de trabajo dentro de la
Hand
<H>
ventana de ilustración.
Ajusta la cuadrícula de la página para
Segmentación de impresión
controlar dónde aparece la ilustración en la
Print Tiling
página impresa.
Zoom Aumenta y reduce la ampliación de la vista

Zoom
<Z>
del documento.
2-03
VIDEO
Herramientas
de Visualización
Opciones de Visualización
Modo Normal <F>
Normal Screen Mode
Pantalla completa con menús
Full Screen Mode with Menu Bar
<F>
Pantalla completa
Full Screen Mode
<F>
29
Diseño Vectorial
Illustrator® CS5
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 aplicación.
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 simultáneamente con la herramienta Zoom para hacer un
alejamiento?
Se debe presionar <Alt> simultáneamente con la herramienta zoom para hacer

un alejamiento
4. Explica en qué consiste cada uno de los tres modos de visualización de un documento de
Adobe® Illustrator®
•Modo Standard: Este modo muestra todos los menús de la aplicación.

•Modo Visualización pantalla completa con menús: Este modo muestra el área
de trabajo completo con los menús de la aplicación.
•Modo pantalla completa: Muestra la pantalla completa sin barra de menús
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 (Selección color).
Los objetos que se dibujen utilizarán los colores activos. También puedes utilizar los selectores
de color para modificar el color de cualquier objeto seleccionado.
30
Panel Herramientas
Color de relleno
Color de trazo
Color (<) None (/)
Gradient (>)
Imagen 2-2: Selector de color.
T IP
¿Cómo se usan los paneles?

Los paneles de Adobe® Illustrator® son pequeñas 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 más paneles en
una sola caja.
Todos los paneles se pueden mostrar desde el

menú Window (Ventana), donde los paneles
visibles en ese momento aparecen señalados.
Imagen 2-3: Panel Color
2-04
VIDEO Color Fill (Relleno) y Stroke (Trazo)
31
Diseño Vectorial
Illustrator® CS5
T IP
PROYECTO
2-01 Dibujando figuras simples para

un diseño
1. Inicia un documento con las siguientes características:
¤ Size (Tamaño): Letter (Carta)

¤ Units (Unidad): Centimeters (Centímetros)
¤ Orientation (Orientación): Vertical (Vertical)
¤ Color Mode (Modo de color): CMYK Color (Color CMYK)
2. Selecciona la herramienta Rectangle (Rectángulo) 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 tamaño de trazo (Weight) a 10 pts.
4. Crea un nuevo cuadrado en otro lugar de la mesa de trabajo. Con la herramienta de

selección, arrástralo para que quede sobre el primero. Luego da un clic sobre él con el botón
secundario del ratón y del menú emergente selecciona Arrange/Send to Back (Organizar/
Enviar atrás).
5. Para modificar el tamaño de las figuras, arrastra los puntos de control que aparecen cuando
las seleccionas con la herramienta de Selection (Selección).
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. Cámbiale el color de relleno al primer cuadrado.
32
Panel Herramientas
8. Ahora vas a repetir todos los pasos para crear cada una de las figuras geométricas que el
programa permite. Recuerda que para activar todas las formas básicas, debes mantener
sostenido un clic sobre la herramienta Rectangle (Rectángulo).
9. Aplica a cada figura colores de relleno y trazo.
10. Organiza las figuras en la mesa de trabajo de forma creativa en una composición interesante
y atractiva. Puedes utilizar más de una figura de cada tipo si tu diseño 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 verás que los
gráficos tienen líneas guía. Representan las dos caras de un agitador de bebidas que una
vez impreso y recortado, servirá además 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 botón 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. Asegúrate de tener seleccionada la capa agitador en el

panel Layers (Capas). Ahora selecciona la herramienta
Rectangle (Rectángulo) y con ella da un solo clic sobre
el espacio de trabajo para que aparezca la ventana de
las opciones del rectángulo. Introduce los siguientes
valores: Width (Ancho): 0.7 y Height (Alto): 10.1 cm. y
da clic en el botón Ok. Imagen 2-4: Opciones de Rectángulo
5. Acomoda el nuevo rectángulo 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
Diseño 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 guías en el agitador izquierdo.
10. Crea un nuevo rectángulo de 5 x 1 cm. Selecciónalo con la herramienta Select (Selección).
Cuando acercas el puntero del ratón a uno de los puntos de control de las esquinas del
rectángulo seleccionado, el puntero toma forma de doble flecha curva, indicando que
puedes arrastrar para girar la figura. Gírala y hazla coincidir con el rectángulo guía que está
inclinado.
11. Dibuja rectángulos siguiendo la forma del personaje en la parte de arriba (hombros, tronco,
brazo, antebrazo, pierna y pie). Acomódalos sobre la figura. Los rectángulos deben traslaparse
unos sobre otros, ya que los uniremos en el siguiente paso.
12. Selecciona simultáneamente los rectángulos de tronco, hombros, espalda, pierna y pie.
Localiza el panel de Pathfinder (Buscatrazos). Si no está visible muéstralo con el menú
Window/Pathfinder (Ventana/Buscatrazos). Manteniendo presionada la tecla <Alt>, haz
clic en la opción Add to Shape Area (Añadir). Esto hace que los rectángulos seleccionados
se conviertan en una sola forma.
13. Haz lo mismo para unir en una sola forma los

rectángulos 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 combinación agradable. Imagen 2-5: Panel Buscatrazos
16. Cuando el lado izquierdo del agitador esté terminado, selecciona todos los objetos y
agrúpalos 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 después la tecla. Obtendrás una copia exacta de la forma.
Ahora para reflejarla hazle un clic con el botón secundario del ratón y del menú emergente
selecciona la opción 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 vacía del documento para asegurarte de que
no hay ningún objeto seleccionado.
34
Panel Herramientas
19. Para darle más vida, vamos a cambiar el color del círculo del agitador
derecho. Como los objetos están agrupados, para seleccionar sólo el
círculo, es necesario utilizar la herramienta Direct Selection (Selección
directa), selecciónalo 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 tamaño adecuado para que los puedas
colocar en los agitadores. Puedes usar cualquier área que creas
conveniente, así como tipografía, tamaños 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: Diseño agitador
PROYECTO
2-03 Haciendo una caja de regalo Parte 1

1. Inicia un nuevo documento con las siguientes características:

¤ Units (Unidad): Inches (Pulgadas)
¤ Orientation (Orientación): 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 (Rectángulo) y crea un rectángulo de 6 x 3.5 pulgadas.

Este rectángulo será la parte delantera de la caja.
4. Con la herramienta Select (Selección) mueve el rectángulo hacia la parte de arriba de la

página para tener espacio en la parte de atrás de la caja.
5. Duplica el rectángulo y coloca la copia exactamente debajo del original, de manera que
la línea inferior del primero coincida con la línea superior del segundo. Ayúdate del panel
de control para hacer coincidir las coordenadas “x” y definir las coordenadas “y” de los
rectángulos.
35
Diseño 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 (Guías inteligentes) en el

menú View/Smart Guides (Ver/Guías inteligentes). Esta
herramienta mostrará el centro de los objetos al pasar el
ratón sobre ellos y te servirá para alinearlos.
8. Mueve la elipse al centro de la orilla del lado izquierdo

del rectángulo, como se muestra en la imagen 3-8. Utiliza
el panel de control para determinar las coordenadas
precisas.
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 botón 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.
10. Duplica la elipse modificada y ubica la copia en el

extremo derecho del rectángulo superior como se muestra
en la imagen 3-9. Luego selecciona de forma simultánea
las dos elipses y duplícalas para colocar una copia en los
laterales del rectángulo inferior. Observa la figura.
11. Crea un círculo perfecto de 1 x 1 pulgadas sin relleno.

Colócalo al centro de la línea exterior izquierda de la
primera elipse. Duplica el círculo en el otro extremo.
12. Selecciona el círculo junto con la elipse con la

herramienta Select (Selección) o <V>.
13. Localiza el panel Pathfinder (Buscatrazos). Si no

está visible utiliza el menú Window/Pathfinder (Ventana/
Buscatrazos) presiona <Alt> y da clic en la opción Substract
from Shape Area (Sustraer de la forma), para eliminar el círculo
de la elipse. Repite el mismo procedimiento para el círculo de
la elipse contraria. Ahora tienes la forma básica de la caja.
14. Guarda el archivo con el nombre Caja10 en la carpeta

que indique tu profesor. Utilizarás el archivo en el siguiente
proyecto.
Imagen 2-10: Trazo terminado de la caja.
36
Panel Herramientas
2-02 Identificando Herramientas

Identifica la herramienta apoyándote en la imagen, escribe su nombre y si es herramienta de
Selección, de Visualización o de Edición. Escribe en el espacio la función que corresponde a
cada herramienta.
Nombre: Herramienta Mano.

Herramienta de: Visualización.
Función: Mueve el área de trabajo de la aplicación.
Nombre: Herramienta Lápiz.

Herramienta de: Dibujo.
Función: Dibuja y modifica líneas a mano alzada.
Nombre: Herramienta Varita Mágica.

Herramienta de: Selección.
Función: Selecciona vectores que estén dentro de un rango de color
Nombre: Eliminar punto de ancla.

Herramienta de: Dibujo.
Función: Elimina puntos de ancla de los trazos.
Nombre: Herramienta Lupa (Zoom).

Herramienta de: Visualización.
Función: Acerca o aleja la vista de una imagen.
Nombre: Herramienta Dibujo.

Herramienta de: Espiral.
Función: Dibuja espirales en ambos sentidos.
Nombre: Herramienta de Selección.

Herramienta de: Mesa de trabajo.
Función: Crea mesas de trabajo independientes.
37
Diseño Vectorial
Illustrator® CS5
Contesta correctamente las siguientes preguntas, selecciona a, b o c según corresponda.
1. Son pequeñas 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 líneas punteadas internas y es la sección de la página destinada a
la impresión.
a. Área de imagen
b. Área de diseño
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 menús
c. Barra de opciones
5. Las funciones de ________________ abarcan tanto la exploración de imágenes, 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 estás 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
Panel Herramientas
Técnicas de ilustración con las herramientas

La herramienta Pen (Pluma) se utiliza para crear trazos rectos y curvos en la ilustración. Hay
varias técnicas para crear líneas y éstas son las básicas.
La herramienta Pencil (Lápiz) 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
dificultarían mucho la edición y afectan la suavidad de la línea resultante.
2-05
VIDEO Técnicas de pluma y lápiz artístico
Herramientas de Reforma
La transformación de un vector permite modificarlo de muchas maneras, por ejemplo, hacerlo
más pequeño, voltearlo, darle perspectiva o distorsionarlo.
Herramientas
de Reforma
Rotar Gira objetos alrededor de un

Rotate
<R>
punto fijo.
Reflejo Refleja objetos respecto a un eje
Reflect
<O>
fijo.
Escala Cambia de tamaño los objetos en
Scale
<S>
torno a un punto fijo.
Distorsión Inclina objetos respecto a un
Shear punto fijo.
Reformar Suaviza o modifica trazos sin
Reshape cambiar su forma original.
Anchura Permite crear trazos de anchura
Width
<Shift+W>
variable.
39
Diseño Vectorial
Illustrator® CS5
Herramientas
de Reforma
Deformar Moldea objetos con el
Warp
<Shift+R>
movimiento del cursor.
Molinete Crea distorsiones en espiral en
Twirl un objeto.
Fruncir
Desinfla o adelgaza objetos.
Pucker
Engordar Infla un objeto alejando los
Bloat puntos de control del cursor.
Añade al contorno de un objeto
Festonear
Scallop detalles en forma de arco
redondeados.
Añade detalles en punta
Cristalizar
aleatorios al contorno de un
Crystallize Tool
objeto.
Arrugar Añade detalles con aspecto de
Wrinkle Tool arruga al contorno de un objeto.
Transformación libre
Free Transform Tool
<E> Escala, rota o sesga la selección.
Combina formas simples para

Creador de formas
<Shift+M> crear formas complejas y
Shape Builder Tool
personalizadas.
Crea una serie de objetos
Fusión
<W> fusionados con el color y la
Blend Tool
forma de varios objetos.
2-06
VIDEO
40
Panel Herramientas
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 combinación y eliminación de formas más simples.
Puede configurar y personalizar distintas opciones, como la detección de huecos, el origen
del color y la iluminación, 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 simétrica o a lo largo de un lado.
También puede crear y guardar perfiles de anchura personalizados para aplicarlos a
cualquier trazo.
PROYECTO
1. Abre el archivo Caballito.ai que se encuentra en los Recursos Digitales. Es la silueta de un

caballito de mar creada sólo con líneas guía. Las líneas guía 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 Lápiz, empieza a trazar el caballito

de mar. Comienza por las curvas que adornan la cabeza. Sigue las técnicas para crear líneas
y curvas que se explicaron anteriormente. Trata de usar los menos puntos ancla posibles. En
muchos casos sólo se requiere uno inicial y uno final para cada segmento de curva como
se muestra a continuación.
Imagen 2-11: Trazado del caballito de mar.
41
Diseño 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 cópialo. Pégalo sobre la figura de la caja de regalo y modifica
su tamaño 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 símbolos
utilizan diseños vectoriales predefinidos para crear efectos interesantes. Los símbolos están
disponibles en el panel Símbolos y debes elegir alguno antes de poder utilizar las herramientas
de esta sección.
Las herramientas relacionadas con gráficas 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.


<G>

42
Panel Herramientas
Herramientas
de Pintura
Medición
Mide la distancia entre dos puntos.
Measure
Pinta las caras y los bordes de los
Bote de pintura interactiva
<K> grupos de pintura interactiva con los
Live Paint Bucket
atributos de pintura actuales.
Selección de pintura Selecciona las caras y los bordes de
interactiva <Shift+L>
Live Paint Selection los grupos de pintura interactiva.
2-07
VIDEO
Herramientas
de Símbolos
Coloca varias instancias de un
Rociar símbolo
<Shift+S> símbolo como un conjunto en la
Symbol Sprayer
mesa de trabajo.
Desplazar símbolo
Mueve instancias de un símbolo.
Symbol Shifter
Reunir/Separar símbolos Acerca o aleja las instancias de

Symbol Scruncher símbolo.
Cambiar tamaño de símbolo Cambia el tamaño de instancias de

Symbol Sizer un símbolo.
Girar símbolo
Rota instancias de símbolo.
Symbol Spinner
Manchar símbolo
Colorea instancias de símbolo.
Symbol Stainer
Translucir símbolo Aplica opacidad a instancias de

Symbol Screener símbolo.
Aplicar estilo a símbolo Aplica el estilo seleccionado a

Symbol Styler instancias de símbolo.
43
Diseño Vectorial
Illustrator® CS5
2-08
VIDEO Herramientas de Símbolos
Herramientas
de Gráficas
Gráfica de columnas Crea gráficas que comparten valores mediante

Column Graph
<J>
columnas verticales.
Crea gráficas similares a las de columnas pero
Gráfica de columnas apiladas
apila las columnas una sobre otra en vez de
Stacked Column Graph
acomodarlas lateralmente.
Gráfica de barras Crea gráficas similares con columnas colocadas

Bar Graph en forma horizontal como barras.
Gráfica de barras apiladas Crea gráficas de barras similares a las de

Stacked Bar Graph columnas pero apiladas horizontalmente.
Crea gráficas que utilizan puntos para

representar uno o más conjuntos de valores,
Gráfica lineal con una línea diferente para unir los puntos
Line Graph de cada conjunto. Se utiliza para mostrar la
tendencia de uno o varios conceptos durante un
periodo de tiempo.
Crea gráficas similares a las de líneas pero
Gráfica de áreas
resalta los totales, además de los cambios de
Area Graph
valor.
Crea gráficas que traza puntos de datos como

Gráfica de dispersión pares de coordenadas en los ejes “x/y”, sirven
Scatter Graph para identificar tendencias en los datos y si las
variables influyen entre sí.
Crea gráficas circulares cuyas porciones
Gráfica de pastel
representan los porcentajes relativos de los
Pie Graph
valores comparados.
44
Crea gráficas que comparan conjuntos de Panel Herramientas
valores en puntos determinados en el tiempo
Gráfica de radar
o en categorías concretas. Se muestran en
Radar Graph Tool
formato circular, también se le conoce como
gráfica de red.
45
Diseño Vectorial
Illustrator® CS5
2-09
VIDEO
2-03 Herramientas de Pintura

Escribe en el espacio que corresponda un ejemplo real donde utilizarías cada una de las
herramientas de Pintura que se muestran a continuación. Da un ejemplo diferente para cada
herramienta
Para poder crear texturas en la imagen o para agregar símbolos a un diseño.
Al tener una ilustración, el degradado sirve para darle volumen.
Crear una gráfica para ejemplificar datos para una actividad de geografía, biolo-
gía, matemáticas, etcétera.
Al tener una figura geométrica básica se puede deformar por medio de sus
nodos.
Para copiar los atributos de color de un objeto y aplicárselo al texto.
Rota instancias de símbolo.
Dibuja trazos que expanden y combinan automáticamente trazos de pincel

caligráfico que comparten el mismo color.
46
Panel Herramientas
Zona de selectores de color

Además de los selectores de color de relleno y trazo que hemos ya explicado, el panel
herramientas muestra estos botones de selección:
Herramientas
Selectores de color
Color Agrega color sólido al relleno y contorno de

Color
<<>
la ilustración.
Degradado Agrega degradado al relleno de la figura o

Gradient
<>>
ilustración.
Ninguno Sin color tanto en el relleno como en el

None
</>
contorno de la imagen vectorial.
PROYECTO

1. Abre el documento Caja12 que creaste en el Proyecto 02.
2. Con la herramienta Select (Selección) 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 opción
None (Ninguno).
3. Manda la forma del cuerpo hacia atrás dando un clic con el botón secundario del ratón
y seleccionando del menú emergente la opción Arrange/Send to Back (Organizar/Enviar
atrás).
4. De forma similar ve dando color a las diferentes partes del caballito, usando tonalidades
ligeramente diferentes. Verás que hay que organizar las figuras para que unas no tapen a
otras, ya sea envíandolas al frente o hacia atrás.
5. Ya que tiene color todo el caballito de mar, duplícalo y utiliza el botón secundario del
ratón para reflejarlo con la opción Transform/Reflect (Transformar/Reflejar). Acomoda el
duplicado junto al original y luego duplica todo el conjunto nuevamente. Debes obtener una
composición como en la Imagen “Acomodo del caballito de mar.”.
47
Diseño Vectorial
Illustrator® CS5
6. Dale color a la caja. Un color contrastante puede ser negro o algún otro color oscuro.
7. Detalla la caja y revisa que todo esté bien. Guarda el archivo terminado.
8. Imprímela en papel grueso o mándala a

imprimir a cualquier tienda que tenga servicio
de impresión 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 impresión. 10. Dóblala y ármala.
PROYECTO
2-06 Creando gráficas

1. Crea un nuevo documento con las siguientes opciones:

¤ Units (Unidades): Píxeles (Pixels)
¤ Orientation (Orientación): Vertical (Vertical)
¤ Color Mode (Modo de color): RGB
2. Selecciona la herramienta Pie Graph (Gráfica de pastel). Se encuentra agrupada en el

mismo botón que la herramienta de Column Graph (Gráfica de columnas).
3. Con la herramienta da clic en cualquier parte del espacio de trabajo para que aparezca la
caja de diálogo de opciones de la gráfica. Define el tamaño 200 x 200px.
48
Panel Herramientas
4. Ahora Adobe® Illustrator® desplegará una mini hoja de cálculo en donde podrás introducir
los valores. Para escribir los valores tienes que usar el campo en blanco que se sitúa en la
parte superior izquierda de la hoja de cálculo. Para cambiar de campo usa la tecla <Tab>
o las flechas.
5. Introduce datos que quieras representar como calificaciones de algunas materias,

popularidad de algún programa de televisión o cualquier otro que tenga lógica. Utiliza la
primera fila para los nombres de las categorías y la segunda para los valores de cada una.
6. Al terminar de introducir los valores da clic en el botón Apply (Aplicar) en la parte superior
derecha de la hoja y cierra la hoja de cálculo.
7. Adobe® Illustrator® muestra las rebanadas en diferentes tonos de gris. Para agregarles color
debes seleccionarlas primero con la herramienta Direct Select (Selección directa). Aplica a
cada rebanada un color diferente.
8. Revisa que tu gráfica se pueda interpretar lógicamente y que se vea bien. Agrégale un título
con la herramienta de texto y dale formato. Guarda tu trabajo con el nombre Gráfica15 en la
carpeta que indique tu profesor.
Herramientas de corte
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 Divide las ilustraciones en imágenes

Slice
<Shift+K>
independientes.
Seleccionar sector
<> Selecciona sectores.
Slice Select
Borrador Borra cualquier área del objeto sobre

Eraser
<Shift+E>
la que pase al arrastrar.
Tijeras
<C> Corta trazos por puntos específicos.
Scissors
Cuchilla
Corta objetos y trazos.
Knife
49
Diseño Vectorial
Illustrator® CS5
2-10
VIDEO
Herramientas de texto
Illustrator® proporciona las siguientes herramientas de texto:
Herramientas
de Texto
Crea texto y contenedores de texto
Texto
<T> individuales, permitiendo también introducir
Type
y modificar texto.
Convierte los trazos cerrados en
Texto de área
contenedores de texto y permite introducir y
Area Type
modificar el texto en su interior.
Convierte trazos en trazos de texto
Texto en trazado
permitiendo introducir y modificar el texto
Type on a Path
de los mismos.
Crea textos y contenedores de texto
Texto vertical
verticales permitiendo introducir y modificar
Vertical Type
el texto vertical.
Convierte trazos cerrados en contenedores
Texto de área vertical
de texto vertical permitiendo introducir y
Vertical Area Type
modificar el texto de los mismos.
Convierte los trazos en trazos de texto
Texto vertical en trazado
vertical permitiendo introducir y modificar el
Vertical Type on a Path
texto de los mismos.
2-11
VIDEO
50
Diseño 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 rápida con el teclado.
EVALUACIÓN
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 más fácil de editar.
50
Panel Herramientas
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.
Unidad 03 Paneles de Adobe ®

I l lustrator ® Parte 1
A Identificar cada uno de los paneles, así como sus funciones que permiten
trabajar las imágenes, modificarlas, escalarlas, recortarlas, etc... y cómo
administrarlos en el espacio de trabajo para facilitar el proceso del
diseño.
B Conocer las opciones para agrupar y desagrupar objetos.

CS5
Autor:
51
Diseño Vectorial
Illustrator® CS5
tema a Paneles de Adobe® Illustrator® Parte 1
Navigator (Panel Navegador)

En ocasiones cuando estás trabajando con un documento
grande, se pierde la imagen dentro de la aplicación o es difícil
detallar alguna sección del diseño. Puedes ayudarte de las
herramientas Zoom (Zoom) y Hand (Mano) para moverte por
el documento, pero también podrías usar el panel Navigator
(Navegador).
El panel Navigator (Navegador) de Adobe® Illustrator® te permite

cambiar rápidamente la posición y vista del objeto para lograr
un mejor detalle en la visualización de la imagen. Imagen 3-1: Panel Navegador.
Layers (Panel Capas)

El panel Layers (Capas) se sitúa 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 básicas 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 máximo de 100 capas que son
suficientes para cualquier demanda.
Al estar trabajando con las capas, tendrás la sensación de estar utilizando hojas transparentes,
cada una con determinada información. 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 tamaño miniatura. Utilizando el pequeño triángulo a la izquierda de la miniatura,
se puede desplegar un segundo nivel (sub capas) para mostrar los elementos contenidos.
52
Paneles de Adobe Illustrator Parte 1
Si analizas con atención, 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 añadir nuevas capas a la composición, haz clic en el icono Create New Layer (Crear
nueva capa).
Creación de Templates (Capas plantilla)

Crea un Template (Capa plantilla) siempre que desees basar una ilustración 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
diálogo 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 pequeño icono con figuras geométricas
en el extremo izquierdo.
Capa plantilla
Imagen 3-4: Muestra del icono de una capa plantilla.
53
Diseño Vectorial
Illustrator® CS5
Capa activa capa

activa
En la mayoría de los proyectos se trabaja con muchas
capas y aunque se nombren, no siempre podemos
recordar en cuál estamos situados cada momento.
El panel capas, nos ayuda resaltando la capa activa
con un color sólido (azul o gris, dependiendo de la
configuración del Sistema Operativo). Imagen 3-5: Muestra de capa activa.
Ocultar y mover capas

Dentro del documento de trabajo es posible habilitar y deshabilitar temporalmente las capas.
La razón es simple, en ocasiones necesitamos imprimir un documento evitando que aparezca
cierta información. En este caso sólo se imprimirán aquellas capas visibles, es decir, las que
tengan el icono del ojo visible en el recuadro izquierdo.
Si deseas mostrar únicamente una capa, mantén pulsada la tecla <Alt> mientras haces clic
sobre el icono del ojo que corresponde a la capa a mostrar.
Las capas también se pueden mover para ajustar su posición en el trabajo. Para esto necesitas
seleccionar una capa y arrastrarla hacia arriba o hacia abajo, dependiendo de la composición
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 función 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 pequeño candado indica
que la capa está bloqueda.
Delete Selection (Eliminar capas)

Para borrar una capa seleccionada, presiona el botón Delete Selection (Eliminar capa). Otra
forma de eliminar la capa, es arrastrarla y soltarla sobre el mismo icono de la papelera .
VIDEO
54
Recordando: Capas
Contesta las siguientes preguntas.
1. ¿Cuál es la función de las capas?
Las capas sirven para organizar todos los elementos que componen o puedan
componer la imagen vectorial.
2. ¿Cuántas capas como máximo se pueden utilizar en un proyecto de Illustrator?
Como máximo 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 cómo se crea?
Es usar una ilustración ya existente para trabajar un nuevo proyecto, se crea

dando clic en el nombre de la capa, aparecerá el cuadro de diálogo Layer
Options (Opciones de capa).Selecciona la casillaTemplate (Plantilla) y dar Ok.
6. Describe una situación específica en la que sería útil ocultar una capa. Explica con un
ejemplo en vez de mencionar el objetivo de la función 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 sitúa el texto
para ponerlo con o sin texto.
7. Describe una situación específica en la que sería útil bloquear una capa. Explica el ejemplo
en vez de mencionar el objetivo de la función de bloquear.
Al tener el proyecto terminado se pide que se le agreguen más elementos,

se bloquea la capa del proyecto, se crea una nueva y sobre esa se añaden
esos nuevos elementos.
55
Diseño Vectorial
Illustrator® CS5
Capas reales
Para esta actividad no se requiere la computadora. Se necesita un acetato transparente tamaño

carta y plumones de colores. También se pueden utilizar pinturas.
1. Recorta el acetato en cuatro partes iguales.
2. En el primer cuarto de acetato dibuja con un plumón punto fino o estilógrafo, 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 pequeño.
6. Ordena los acetatos de manera que formen una sola composición.
7. Anota tus conclusiones:
a. ¿Cuál 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 técnica se ha usado tradicionalmente para la animación o caricatura, incluso antes

de la existencia de computadoras. ¿Qué elementos crees que se podrían dibujar en
cada capa para facilitar la creación de un dibujo animado?
•Los movimientos del personaje
•Más personajes
•Lugares y fondos
56
PROYECTO
Usando capas para organizar una

ilustración
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
pequeño botón con una flechita negra. Haz un clic en este botón para desplegar el menú
emergente del panel. Elige de este menú la opción Panel Options (Opciones de panel).
3. En el cuadro de diálogo que aparece especificarás los siguientes valores:
¤ Row Size (Tamaño de fila): Large (Grande)

¤ Thumbnails (Miniaturas): Layers (Capas), Groups (Grupos) y Objects (Objetos).
Estas opciones simplemente amplían 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 genéricos a las capas,

grupos y objetos. Al darles nombres más descriptivos a estos elementos, resulta más fácil su
identificación. Renombra las capas existentes de forma apropiada.
6. Arrastra las capas para ordenarlas y corregir la ilustración.
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 rectángulo con borde

grueso y relleno claro, para enmarcar la ilustración. Envía
esta capa detrás de todas las demás. Guarda los cambios
con el nombre Capas en la carpeta que indique tu profesor.
Imagen 3-6: Panel de Opciones.
57
Diseño Vectorial
Illustrator® CS5
Transform (Panel de Transformación)

El panel de transformación permite modificar
numéricamente 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 transformación:
Imagen 3-7: Panel de Transformación.
Transformación Función
La imagen se mueve sobre el eje de las
Eje“X”
“X” (horizontal).
Eje“Y” Colorea instancias de símbolo.
Aplica opacidad a instancias de
Ancho (W)
símbolo.
Aplica el estilo seleccionado a instancia
Alto (H)
de símbolo.
Gira un objeto con respecto al punto de
Rotate (Rotar)
referencia.
Permite inclinar un objeto vertical y
Shear (Distorsión)
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 automatización de
tareas repetitivas en Adobe® Illustrator®. Puedes
crear una acción para dibujar, modificar algunas
imágenes vectoriales y bitmaps, cambiarlas de
tamaño y guardarlas en cierto formato, todo con un
solo comando.
Imagen 3-8: Panel de Acciones..
58
Recordando: acciones y transformaciones

Contesta las siguientes preguntas:
1. ¿Para qué sirve el panel Transform (Transformación)?
Permite modificar numéricamente y con gran exactitud un objeto seleccionado.
2. ¿Qué son las Actions (Acciones) y para qué sirven?
Las acciones son secuencias que permiten la automatización de tareas

repetitivas en Illustrator.
3. Relaciona la transformación con su función:
Inclina un objeto en forma vertical u horizontal
Aumenta o disminuye el tamaño vertical
Se mueve en el eje “Y”
Aumenta o disminuye el tamaño horizontal
Gira la capa con respecto al punto de referencia
Se mueve conforme al eje de las “X” EJE “X”
4. Tomando como base la figura del primer recuadro, dibuja la transformación que se pide en
cada caso. Utiliza regla y cuida la calidad. Si tienes transportador a la mano, úsalo.
Normal
Rotar 45º
Distorsión 45º
Rotar -45º + Alto 150%
Rotar 90º + Distorsión -45%
59
Diseño Vectorial
Illustrator® CS5
Align (Panel de Alineación)

En Adobe® Illustrator® puedes alinear elementos unos con otros o distribuirlos uniformemente
en el espacio. Para estas tareas se usa el panel de alineación, que se despliega con el menú
Window/Align (Ventana/Alinear).
El panel también te permitirá alinear los objetos con respecto

a la mesa de trabajo. Para ello es necesario activar el botón
circular de la esquina superior derecha del panel y desplegar
su menú emergente. De este menú debes activar la opción
Align to Artboard (Alinear a mesa de trabajo).
Imagen 3-9: Panel de Alinear.
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 básicos, 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 después utilizar los selectores de color para modificarlos. Si el objeto tiene algún
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 algún atributo del objeto.
60
Graphic Styles (Panel de estilos gráficos)

Un estilo es un conjunto de atributos de aspecto. Puede consistir en una simple combinación
de colores de relleno y trazo, o bien, en la combinación de varios rellenos, transparencias y
efectos. Mediante la aplicación de estilos se pueden cambiar rápidamente los aspectos físicos
de un objeto.
Por ejemplo, es conveniente crear un estilo si frecuentemente estarás 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 podrás 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 librería, ésta se
despliega con el botón 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.
VIDEO
61
Diseño Vectorial
Illustrator® CS5
PROYECTO
Conociendo el panel Apariencias

1. Crea un nuevo documento de 800 x 600 píxeles en el Color Mode (Modo de color): RGB.
2. Selecciona la herramienta de Rectangle (Rectángulo) y crea dos rectángulos 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). También localiza el panel de Graphic Styles
(Estilos). Si no está visible muéstralo con el menú Window/Graphic Styles (Ventana/Estilos).
Normalmente estos dos paneles están agrupados, pero te conviene desagruparlos para
poder verlos de forma simultánea.
4. Selecciona el primer rectángulo 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 botón

Duplicate Selected Item (Duplicar selección) 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. Después utiliza el panel Transparency
(Transparencia) para reducir la transparencia de
este relleno al 50%. Deberás observar algo como
en la imagen 4-13.
8. Aplica al rectángulo seleccionado un efecto de

sombra utilizando el menú Effect/Stylize/Drop
Shadow (Efecto/Estilizar/Sombra paralela). Acepta
las opciones predeterminadas. Deberás ver que
el rectángulo proyecta una sombra. Revisa el Imagen 3-12: Relleno en panel Apariencia.
panel. Si el orden de los atributos no es como en
esta figura, puedes arrastrarlos para reordenarlos
correctamente.
62
Imagen 3-13: Color de relleno y opacidad.
9. Ahora vas a crear un estilo a partir de la apariencia

del primer rectángulo. Manteniéndolo seleccionado,
simplemente haz clic en el botón 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 rectángulo,

seleccionándolo y dando un clic sobre el estilo en el
panel. Imagen 3-14: Aplicación de sombra.
12. Guarda tu trabajo con el nombre Estilos en la carpeta que indique tu profesor.
VIDEO
Clipping Mask (Máscaras de recorte en las capas)

En los programas profesionales de diseño gráfico se utiliza mucho el término máscara. Este
nombre se ha heredado de las antiguas técnicas de trabajo con papel o pintura. En muchas
ocasiones, un artista tenía la necesidad de trabajar sólo con una pequeña parte de una imagen.
Para no correr el riesgo de dañar otras zonas de la imagen, el artista creaba una máscara que
consistía en un lienzo que se colocaba sobre todo el documento y que tenía sólo un orificio a
través del cual se podía retocar lo necesario.
63
Diseño Vectorial
Illustrator® CS5
Hoy en día las personas todavía usan máscaras de este tipo para restaurar obras de arte de
la antigüedad, trabajar con fotografías e incluso se usan en procedimientos médicos para
enfocarse a una zona específica de trabajo mientras se protege el todo.
En Illustrator® una Clipping Mask (Máscara 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 sólo
se pueden ver las ilustraciones que están dentro de la forma de la máscara.
Las siguientes reglas se aplican a las máscaras de recorte:
¤ Una máscara 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 máscara
en una capa y los objetos a enmascarar en otra.
¤ El primer objeto de la capa se convierte en la máscara 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 máscara de recorte.
Imagen 3-15: Muestra de una máscara y cómo 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 idéntica de la anterior, sólo que aquí se ha activado la
máscara de recorte, por lo que la estrella (el objeto más al frente en esa capa) enmascara lo
que está debajo.
La máscara 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
máscara de recorte.
2. Haz clic en el botón Create/Release Clipping Mask (Crear/Soltar máscara de recorte)

situado en el borde inferior del panel Layers (Capas) o selecciona Make Clipping Mask
(Crear máscara de recorte) en el menú emergente del panel Layers (Capas).
64
Para volver a convertir una máscara de recorte en un objeto:
1. Selecciona la capa o el grupo que contiene la máscara de recorte.
2. Haz clic en el botón Create Clipping Mask (Crear máscara de recorte) situado en la parte
inferior del panel Layers (Capas) o selecciona Release Clipping Mask (Soltar máscara de
recorte) en el menú emergente del panel Layers (Capas).
Recuerda que cuando se crea una máscara de recorte, el objeto que actúa como máscara
(el objeto del frente) pierde su color de relleno y contorno. Por tal motivo, cuando quitas la
máscara, el objeto aparece sólo como una silueta sin color.
VIDEO
PROYECTO
Ejercicio de recorte de imágenes

1. Inicia un documento nuevo de Adobe® Illustrator® tamaño 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 círculo. Si mientras dibujas el círculo, mantienes
presionadas las teclas <Alt+Shift>, la figura se creará a partir de su centro y será un
círculo perfecto. El color y trazo del círculo no son importantes.
4. Mueve el círculo para que enmarque al globo que se ve más abajo en la fotografía.
5. Observa las sub-capas para comprobar que el círculo es el objeto que está más arriba en el
panel Layers (Capas). Presiona en el panel Layers (Capas) el botón Create Clipping Mask
(Crear/Soltar máscara de recorte) y deberá crearse la máscara.
6. Ya creada la máscara, todavía es posible mover el círculo para ajustar su posición o tamaño
con más detalle. Haz algún pequeño ajuste para comprobarlo.
65
Diseño Vectorial
Illustrator® CS5
Imagen 3-16: Ejemplo del círculo enmarcando el globo. Panel de Layers.
7. Ahora utiliza el menú emergente del panel Layers (Capas) (el botón 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 máscara de recorte del duplicado y mueve el círculo (que ahora no tiene relleno
ni contorno, para que enmarque otro de los globos).
9. Continúa duplicando las capas y modificando las figuras para crear máscaras de recorte
sobre cada uno de los globos de la imagen. Utiliza otras figuras para enmascarar, como
estrellas o polígonos.
Imagen 3-17: Máscaras 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 sólo las primeras
cinco capas con sus sub-capas.
11. Guarda tu trabajo con el nombre Máscaras en la carpeta de costumbre.
66
Paneles
Relaciona los paneles de Adobe® Illustrator® que estudiamos anteriormente, con la función que
les corresponde.
Paneles Funciones
67
Diseño Vectorial
Illustrator® CS5
Operaciones con capas
Responde correctamente ¿Cómo funcionan las opciones del panel Layers (Capas)? Debes ser lo
más explícito posible.
1. Create New Layer (Crear nueva capa).

En esta opción puedes crear capas nuevas.
2. Templates (Creación de capas plantilla).

En esta opción, 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 estás 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 sólo 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 B Agrupar 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 combinación de teclas <Ctrl+Shift+G>.
Imagen 3-18: Objetos agrupados
Después de agrupar los objetos, al seleccionar cualquier parte del grupo con la herramienta
Select (Selección) o la herramienta Lasso (Lazo), se seleccionará todo el grupo. Si no estás
seguro si un objeto pertenece a un grupo, mejor selecciónalo con la herramienta Select
(Selección).
Agrupar y desagrupar
1. ¿Qué es agrupar varios objetos?
Agrupar varios objetos es unirlos para poder moverlos y tranformar al mismo

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
Diseño Vectorial
Illustrator® CS5
¿Qué aprendiste?
TEMA A: A identificar los paneles, sus características, conocer cómo 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 más sencillo el trabajo con varios
objetos, tanto para desplazarlos, como para transformarlos.
EVALUACIÓN
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 básicas hasta el
color.
2. Explica brevemente ¿cómo se usa una máscara 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 sólo se pueden ver las
ilustraciones que están dentro de la forma de la máscara.
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 aplicación de

estilos se pueden cambiar rápidamente los aspectos físicos 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 guía de color con 1114 colores clasificados por tono
y sus variaciones hacia la claridad y oscuridad. Cada uno tiene asignado un
número y lleva impresa la fórmula para reproducirlo con exactitud a partir de una
serie de 14 colores: Pantone Basic Colors.
Unidad 04 Color
A Conocer los conceptos del color. Identificar cada una de las herramientas
del panel color, así como ponerlos a la práctica en diferentes actividades y
proyectos para reafirmar los conceptos aprendidos.

CS5
Autor:
71
Diseño Vectorial
Illustrator® CS5
tema a Color
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 dónde viene? ¿Cómo 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 sólo una sensación provocada por la luz,
sin luz no percibimos el color. El color es muy importante en el diseño gráfico.
¤ El color es el medio más subjetivo para expresar las ideas.

¤ El color tiene el poder de la atracción o el rechazo, dependiendo delusoqueseledé.
¤ Los colores dan sensación 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 diseño.
Fotografía cortesía de Thy Bun. Usada con permiso.
Imagen 4-1: Color en el diseño
La Psicología del color
Los colores despiertan emociones y sentimientos específicos en las personas. Hay estudios
amplios y serios con respecto al factor psicológico del color, que se basa en las diferentes
impresiones que surgen del ambiente creado por el color, como la sensación de calma,
recogimiento, plenitud, alegría, opresión, violencia o incluso hambre. La psicología de los
colores los clasifica de la siguiente manera:
¤ Colores cálidos: Estos colores se proyectan hacia afuera y atraen la atención.

Los colores cálidos 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 cálidos
provoca el aumento de la presión sanguínea y estimula el sistema nervioso. El rojo,
naranja y amarillo son ejemplos de colores cálidos.
72
Color
¤ Colores fríos: Los colores fríos remiten a la nieve y el hielo. En su estado más
brillante son dominantes y fuertes. Los colores fríos aminoran el metabolismo y
aumentan la sensación de calma. El azul claro, el blanco o el turquesa son ejemplos
de colores fríos.

Imagen 4-2: Colores fríos.
¤ Colores claros: Son colores casi transparentes. Cuando la claridad aumenta,

las variaciones entre los distintos tonos disminuye. Los colores claros generan la
sensación de amplitud en los alrededores y sugieren liviandad, descanso, suavidad
y fluidez. Se relacionan con la primavera y el verano.
¤ Colores oscuros: Loscoloresoscurossontonosquetienennegroensucomposición.

Encierran el espacio y lo hacen parecer más pequeño. Los colores oscuros son
concentrados y serios. Se relacionan con el otoño y el invierno.
¤ Colores brillantes: La claridad

de los colores brillantes se
logra por la omisión 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
atención.
Imagen 4-3: Colores oscuros.
LÁMINA
73
Diseño Vectorial
Illustrator® CS5
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 visión óptica del ojo o un espejismo.
c. El color es la impresión sensorial capatada por el ojo, que produce la luz sobre cualquier
objeto.
d. Ninguna de las anteriores.
2. Acomoda las palabras en el enunciado según corresponda:
1666 amarillo Isaac Newton

luz blanca verde luz del Sol
prisma o vidrio azul siete
rojo índigo y violeta
Isaac Newton descubrió en el año 1666

que la luz blanca estaba formado, por siete
colores: rojo, amarillo, verde, azul, índigo y violeta .
Demostró su descubrimiento al descomponer un rayo de luz del sol
haciéndolo pasar a través de un prisma o vidrio .
3. Ejemplifica cada una de las dimensiones de color con un solo recorte de alguna revista,
señalando con una flecha la característica que quieres representar. Por ejemplo, puedes
pegar una fotografía de una playa y señalar zonas con mayor o con menor brillo.
74
Color
El color, la luz y el ojo

Para esta actividad necesitarás una linterna y un lugar oscuro.
1. Asegúrate que el lugar donde harás la actividad esté bien oscuro. Puedes utilizar cartulinas
negras o cortinas para cubrir las ventanas o fuentes de luz del salón 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 cómo surge el color y cómo cambia
con diferentes intensidades o ángulos de iluminación.
3. Tomando en cuenta las propiedades o dimensiones del color que hemos visto, realiza un
ensayo breve, donde expliques tus conclusiones acerca de la relación entre el color y la
luz. Explica también cómo se relaciona el experimento con las propiedades del color.
La luz produce una impresión sensorial en cualquier objeto llamado color. Al

alumbrar con la linterna (luz) el color va apareciendo, simplemente estaba
oculto.
Clasificación del color

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 demás colores. Los colores primarios no pueden obtenerse mezclando
otros colores. También se les denomina colores puros.
Imagen 4-4: Colores primarios.
75
Diseño Vectorial
Illustrator® CS5
¤ Colores secundarios: De la unión 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.
76
Color
¤ Colores complementarios: En el círculo cromático, 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 armónicos: Son los que se encuentran próximos dentro del círculo
cromático. Por ejemplo, son colores armónicos: naranja y rojo, azul y verde, amarillo
y naranja, violeta y azul, verde y amarillo. Cuando se utilizan los colores armónicos
en una composición, 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 armónicos.
El Círculo Cromático
El círculo cromático es la representación de todos los
colores. En él vienen expresadas las combinaciones
de color a partir de los tres colores primarios. El círculo
cromático es la forma más práctica de organizar los
colores.
El círculo cromático que se muestra, representa

los colores primarios, secundarios y terciarios. Hay
círculos que muestran una gama de colores más
amplia, simplemente representando los colores
intermedios alrededor de la circunferencia.
Imagen 4-7: Círculo cromático.
77
Diseño Vectorial
Illustrator® CS5
Diagramas de color
1. En un nuevo documento de Illustrator®, tamaño carta, modo de color RGB, realiza los
siguientes diagramas:
¤ Colores Primarios
¤ Colores Secundarios
¤ Colores Terciarios
En cada diagrama especifica el nombre del color y pon un título para identificar el diagrama.
2. En los Recursos Digitales se encuentra la aplicación CirculoCromatico.exe. Abre este

programa y verás que hay un círculo cromático sin color.
3. Mueve los deslizadores que corresponden a los colores RGB para formar un color. Arrastra el
color formado hacia alguna sección del círculo para que se pinte. Iguala en el programa el
círculo que se muestra en la imagen “Circulo cromático.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 círculo cromático.
78
Color
PROYECTO
Colores armónicos y complementarios

1. En un nuevo documento de Illustrator®, tamaño carta, modo de color RGB, crea 6 rectángulos
de 10 cm. de ancho por 1 cm. de alto. Coloca los rectángulos uno sobre otro dejando un
espacio entre ellos. Utiliza el panel de alineación para alinear sus márgenes y distribuirlos
uniformemente en la mitad izquierda del documento.
2. Rellena cada uno de los rectángulos con un degradado que vaya de un color cualquiera a
su color complementario (opuesto en el círculo cromático). 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

botón 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. Asegúrate que los colores inicial y final son complementarios. Utiliza diferentes colores
complementarios para cada rectángulo.
4. Ahora crea otro conjunto de 6 rectángulos, alínealos y distribúyelos en la mitad derecha del
documento.
5. Rellena este nuevo grupo de rectángulos con degradados, que vayan de un color cualquiera
a otro cercano en el círculo cromático (colores armónicos).
6. Utiliza texto para identificar cada grupo de rectángulos 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
Diseño Vectorial
Illustrator® CS5
Campaña publicitaria de un producto

alimenticio
1. Organicen equipos de trabajo de 3 a 5 personas cada uno. Consigan imágenes relacionadas
con publicidad de alimentos en revistas, periódicos e Internet.
2. Observen las estrategias adoptadas por los publicistas: tipo de eslogan, forma de atraer la
atención del cliente, recursos gráficos o verbales utilizados para la creación de la campaña
del producto. Elige alguno y anota algunas conclusiones:
a. ¿Qué colores son predominantes?
b. ¿Qué clasificación de color predomina desde el punto de vista de la psicología del color?
c. ¿Qué sensaciones o emociones consideras que esa combinación de colores genera?
d. ¿A qué segmento de mercado (personas) está dirigida la publicidad que elegiste?
e. ¿Crees que la elección del color es importante para la publicidad? ¿Por qué?
f. ¿Cómo te imaginas que se eligen los colores para un empaque o anuncio publicitario?
3. Prepara una breve exposición de 5 minutos máximo, donde expliquen a los otros equipos lo
que han logrado concluir y muestren el estudio realizado.
80
Color
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 impresión.
2. ¿Cuáles 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 lápices de colores, ejemplifica gráficamente 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 sinóptico o mapa mental donde representes las características y usos de
cada modo de color.
Color Lab
81
Diseño 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 gráfico. Puedes seleccionar un color estándar o un color
directo, dependiendo del gráfico e impresión que vayas a necesitar.
Por otro lado, con el panel de Color (Color) puedes colorear también 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

también se llaman mezcladores de color.
¤ Introduciendo los valores para cada componente de color numéricamente.
¤ Haciendo clic sobre algún color del espectro disponible.
¤ Haciendo doble clic en los pequeños 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.
Además 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
aplicación cuenta son: Grayscale (Escala de grises), RGB (Rojo, verde y azul), HSB (Se basa en
la percepción 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 rápidamente. 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. Después simplemente elige la muestra que quieres aplicar.
Para abrir una biblioteca de muestras específicas, 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 impresión), Trumatch®
(proporciona equivalencias predecibles de color CMYK), FOCOLTONE® (proporciona 763 colores
CMYK), DIC® (se utiliza para imprimir proyectos en Japón), TOYO® (proporciona más de 1000
colores basados en las tintas de impresión que se utilizan con más frecuencia en Japón) 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).
VIDEO Panel de color
83
Diseño Vectorial
Illustrator® CS5
¿Qué aprendiste?
TEMA A: A conocer y comprender el concepto de color, su clasificación, psicología y su uso;
así como a identificar los elementos que componen el panel y los diferentes modos
de color.
EVALUACIÓN
1. ¿Qué es el color y cómo se clasifica?
Se llama color a la impresión sensorial que produce la luz sobre cualquier

objeto y que es captada por el ojo. La luz reflejada produce una impresión
sobre la retina. Dicha sensación se transmite al cerebro por medio del nervio
óptico. El color se clasifica en colores primarios, secundarios y terciarios.
2. ¿Qué es el círculo cromático?
El círculo cromático es la representación de todos los colores. En él vienen

expresadas las combinaciones de color a partir de los 3 colores primarios.
Es la forma más práctica de organizar los colores.
3. Menciona las características de los colores cálidos:
Los colores cálidos proyectan hacia afuera y atraen la atención, son fuertes,
agresivos y parecen vibrar dentro de su espacio. Se relacionan con el sol,
fuego y calor. La intensidad de los colores cálidos provoca el aumento de la
presión sanguínea y estimula el sistema nervioso.
4. ¿Cuál es la diferencia entre una tinta plana y una selección de color?
•Tinta plana: Es una tinta especial.

•Selección de color: Cuatricromía (CMYK), combinación de tintas.
84
Color
Los paneles y cuadros de diálogo, permiten

introducir valores numéricos en las casillas
que modifican la apariencia del objeto o
herramienta.
También puedes realizar operaciones

matemáticas sencillas en cualquier cuadro
que acepte valores numéricos. Por ejemplo,
si deseas mover un objeto 3 unidades
hacia la derecha utilizando las unidades de
medida actuales, simplemente escribe
+3 después del valor actual en el panel
Transformar.
Paneles de Adobe ®
Unidad 05 I l lustrator ® Parte 2
A Aprender las herramientas de los paneles para lograr transparencias,

modos defusionar dibujos eimágenes, a utilizar las máscaras deopacidad,
los degradados de transparencia y los buscatrazos, poniéndolos en práctica
en diferentes ejercicios de la unidad.
B Aplicar los conceptos aprendidos para la creación de un logotipo,
utilizando las herramientas contenidas en esta unidad.
C Conocer el concepto de transparencia al efectuar cambios en parámetros
de los paneles y aplicar modos de fusión en composiciones.
D Comparar las opciones del panel Pathfinder (Buscatrazos), con funciones
matemáticas para crear figuras complejas con objetos simples
E Comprender cada uno de los efectos que maneja Adobe ® Illustrator® para
saber cuándo aplicar cada uno según el trabajo que se esté realizando.

CS5
Autor:
85
Diseño Vectorial
Illustrator® CS5
tema a Más paneles

Stroke (Panel Trazo)
Los atributos de trazo se pueden utilizar solamente cuando se dibujan objetos. Los atributos del
panel de Stroke (Trazo) determinan si una línea es continua o punteada, así como el estilo de
la línea punteada, el grosor de la línea, el ángulo mínimo y el estilo de las líneas y sus remates.
Utiliza el panel Stroke (Trazo) para optimizar los atributos de las líneas: Weight (Anchura o
grosor), la forma en que se unen las líneas Join (Unir), Miter Limit (Rematan) y si el trazo es
continuo o Dashed Line (Punteado).
Para ajustar el trazo sigue estos pasos:
Grosor
1. Utiliza cualquier herramienta de Remates
selección para elegir el objeto
cuyos atributos de trazo deseas
modificar. Línea
punteada
2. Muestra el panel Stroke (Trazo)
desde el menú Window/Stroke Puntas de
(Ventana/Trazo). flecha
3. Para especificar el grosor del Perfil de la

contorno, introduce un valor en línea
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), milímetros (mm), centímetros (cm)
o picas (pi). La anchura de la línea 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 están cerrados.
¤ Butt Cap (Remate extremo): Hace las líneas con extremos cuadrados.
¤ Round Cap (Remate redondeado): Hace las líneas con extremos en semicírculo.
¤ Projecting Cap (Remate proyectado): Hace líneas con extremos cuadrados que se
extienden más 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 mínimo comprendido

entre 1 y 500. Este ángulo controla los remates.
¤ Round Join (Remate redondeado): Hace las esquinas redondeadas.
¤ Bevel Join (Remate biselado): Hace las líneas con extremos en relieve.
86
¤ Align Stroke (Trazo alineado): Con esta herramienta se puede decidir en dónde se alineará
el borde del trazo, si al centro del vector, afuera o adentro.
¤ Dashed Line (Línea Punteada): Se pueden hacer líneas con aspecto de costura, que se
puede modificar por 3 aspectos distintos:
¤ Las 2 opciones del lado derecho permiten elegir si la línea conserva la misma
longitud en cada segmento punteado o si algunos segmentos son más cortos que
otros.
¤ Dash (Longitud de línea): Determina la longitud de la línea.
¤ Gap (Espacio): Determina el espacio entra cada segmento de línea.
En el panel de trazo se ha mejorado la opción de líneas discontinuas que de manera simétrica

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 línea
por separado estableciendo su escala, dirección y alineación respecto a los bordes de la
línea, ya sea que estén dentro del tamaño del trazado o sean extensión del mismo.
Las puntas de flecha son más 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 opción 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 opción escala.
¤ Profile (Perfil): Determina diferentes anchos (formas) de la línea, también 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 simétrica o bien a lo largo de un sólo lado del trazo, también
se pueden crear y guardar perfiles de anchura personalizados para aplicarlos a cualquier trazo.
También en esta versión de Illustrator® ahora se mejora la unión de los trazados al pulsar
una sola tecla, y se puede realizar la unión de las esquinas de manera suave. Para unir dos o
más trazados abiertos tomamos la herramienta Direct Selection Tool (Selección Directa), para
seleccionar los trazados abiertos ir a Object/Path/Join (Objeto /Trazado/Unir). También puedes
usar el método abreviado de teclado <Ctrl+J>.
VIDEO
87
Diseño Vectorial
Illustrator® CS5
Brushes (Panel de Pinceles)

El panel de Brushes (Pinceles) de Adobe ® Illustrator®
contiene cinco tipos de pinceles (caligráficos, de
dispersión, de arte, de motivo y de cerda) que se utilizan
para añadir un efecto artístico 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 caligráficos crean trazos similares a los que se obtienen con una
pluma caligráfica, dibujados a lo largo del centro del trazado.
¤ Los pinceles de dispersión extienden copias de un objeto a lo largo del trazado.
¤ Los pinceles de arte estiran un objeto o una ilustración proporcionalmente a lo
largo del trazado.
¤ Los pinceles de motivo dibujan con un símbolo 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
características de las cerdas, como el tamaño, la longitud, el grosor, la densidad y la
rigidez, además de la densidad de la forma del pincel y la opacidad de la pintura.
Ahora también 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 tamaño se cambie
de forma proporcional y los trazos que forman ángulos (esquinas) se rellenen correctamente.
VIDEO
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 ubicación 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 mínimo 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, selecciónalo 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 más 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.
Después de crear o modificar un degradado, es posible

guardarlo como muestra haciendo clic en el botón New
Swatch (Nueva muestra) del panel Swatches (Muestras).
Otra opción es arrastrar el degradado desde el cuadro de
herramientas o el panel Gradient (Degradado) hasta el
panel Swatches (Muestras).
En este panel también 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.
VIDEO
PROYECTO
Papelería de Identificación personal

1. Inicia un nuevo documento de Illustrator® basado en una plantilla. Para ello debes elegir la
opción 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 presentación en formato horizontal.
2. Abre la biblioteca de brochas de decoración dispersa. Para ello usa el menú Window/Brush
Libraries/Decorative_Scatter (Ventana/Biblioteca de pinceles/Decoración dispersa). Esta
biblioteca estará disponible en el panel Brushes (Pinceles).
89
Diseño Vectorial
Illustrator® CS5
3. Las brochas de la biblioteca son aplicadas a un trazo creado por las herramientas de
pluma, lápiz, segmento de línea o brocha. Empieza dibujando una línea sin relleno a lo
largo del espacio de la tarjeta de presentación. Luego ve al panel Brushes (Pinceles) y
selecciona la que más te agrade.
4. Puedes cambiar el tamaño, espaciado, esparcimiento y rotación de cada elemento

individualmente. Selecciona el trazo o segmento de línea que dibujaste y da doble clic en
la brocha de tu elección, 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 ocupación, dirección,
teléfono, correo electrónico, página 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®. Acomódalos de tal manera que queden en
armonía con los demás elementos.
7. Los elementos de la brocha en muchas ocasiones se salen del área de trabajo, por lo que
es recomendable que hagas una máscara de recorte al proyecto final, para que no tenga
mal aspecto. Guarda el trabajo terminado con el nombre Papelería_1 en la carpeta que
indique tu profesor.
8. Cuando esté terminada tu tarjeta de presentación, crea los siguientes elementos de

papelería personalizada. Para cada uno hay una plantilla que debes tomar como base.
Cuida de mantener uniformidad en toda la papelería usando los mismos colores, brochas
y diseños.
9. Crea máscaras de recorte para cada objeto. Guarda los documentos con nombres
consecutivos (Papelería_2, Papelería_3, etcétera).
Elemento Nombre de la plantilla
90
Identificando paneles
Relaciona los paneles de Adobe® Illustrator® que estudiamos anteriormente, con la función que
le corresponde.
Paneles Funciones
91
Diseño Vectorial
Illustrator® CS5
tema B Logotipos
El logotipo es un elemento de comunicación visual que tiene como misión facilitar el recuerdo
de una marca, imagen o elemento gráfico. En sus orígenes, el logotipo surge de la necesidad
de identificar a los productos producidos en serie y actualmente se utiliza ampliamente como
identificación de empresas, productos, servicios, artistas y hasta personas.
LÁMINA
Analizando logotipos
1. Observa con atención y analiza los logotipos de la Lámina Lógotipos
2. Organiza una mesa redonda o discusión para comentar en grupo acerca de cada uno
de los logotipos. ¿Qué será lo que los hace fáciles de recordar? ¿En qué década habrán
sido diseñados? ¿Han tenido cambios significativos con el paso del tiempo? ¿Crees que
representan los valores de una marca? ¿Qué valores? ¿Qué precios? ¿A qué personas
están dirigidos?
3. En Internet, usando algún motor de búsqueda (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 imágenes en un documento, organízalas y etiquétalas. Utiliza

máscaras 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 ningún otro conocimiento

que tengas de la marca ¿A quién crees que va dirigida (niños, niñas, jóvenes, adultos,
ancianos)? ¿Por qué?
92
b. ¿Crees que esta marca ha sobresalido de las demás gracias a su imagen? ¿Por qué?
c. ¿Cómo mejorarías la imagen de esta marca?
Marca 2:
d. Analizando exclusivamente la imagen y sin tomar en cuenta ningún otro conocimiento

e. ¿Crees que esta marca ha sobresalido de las demás gracias a su imagen? ¿Por qué?
f. ¿Cómo mejorarías la imagen de esta marca?
Marca 3:
g. Analizando exclusivamente la imagen y sin tomar en cuenta ningún otro conocimiento

h. ¿Crees que esta marca ha sobresalido de las demás gracias a su imagen? ¿Por qué?
i. ¿Cómo mejorarías la imagen de esta marca?
93
Diseño Vectorial
Illustrator® CS5
PROYECTO
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 diseño excepto fotografías. Tu logo personal debe
tener una razón teorizable; esto quiere decir, debe tener un “por qué” y un “para quién”. No
olvides que un logo te diferencia e identifica de los demás.
2. Inicia un nuevo documento de Illustrator® en tamaño 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 tensión, fuerza o formalidad. Las orillas suaves muestran fluidez,
casualidad o más naturalidad.
¤ El cuadrado denota estabilidad, igualdad y honestidad. El triángulo sugiere tensión, conflicto
o acción.
¤ Puedes dibujar un logo complejo a partir de círculos, cuadrados o triángulos. Los puedes
agrupar para obtener interesantes motivos. Alternando dirección de color o interponiendo un
motivo con una forma básica 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 cómo combinarlos. Puedes utilizar los colores sólidos o degradados
para darle volumen y mayor presencia. No te excedas en los degradados, ya que un logo se
caracteriza por su fácil comprensión y retención, tanto en su forma como en su color.
5. Una vez terminado el logotipo, crea una tarjeta de presentación para ver cómo 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 presentación y logotipo en la carpeta de costumbre.
94
tema C Transparencias
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. Además, 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 sólido, 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.
Máscara de opacidad
En el panel Transparency (Transparencia) también es posible agregar una máscara de opacidad.

¿Recuerdas lo que es una máscara? Ya estudiamos antes que las máscaras de recorte son
objetos que se colocan sobre las imágenes para mostrar u ocultar diferentes zonas. La máscara
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 máscara actúa como niveles de transparencia.
La máscara 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 máscaras (ya sea de recorte o de opacidad), no se modifican
ni eliminan los objetos de la imagen, sólo se ocultan. De esta manera, puedes trabajar en la
máscara las veces que sea necesario para mostrar u ocultar diferentes zonas en el futuro.
VIDEO
95
Diseño Vectorial
Illustrator® CS5
PROYECTO
Degradado transparente
1. Crea un documento nuevo con las siguientes propiedades:

¤ Units (Unidades): Centimeters (Centímetros)
¤ Orientation (Orientación): Horizontal
¤ Color Mode (Modo de color): CMYK Color
2. Crea un círculo de 7 x 7 cm. Colorea el círculo con un relleno sólido de cualquier color
brillante.
3. Presiona simultáneamente la combinación de teclas <Ctrl+Shift+D>, para poner

transparente el fondo de la aplicación. El fondo se verá como una cuadrícula gris y blanca,
indicando que es transparente.
4. Selecciona el círculo 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 botón de la
esquina superior derecha. Elige la opción
Make Opacity Mask (Crear máscara de
opacidad).
6. En el panel Transparency (Transparencia),

selecciona el recuadro que corresponde a
la máscara. Revisa también que la opción
Clip esté activa y la opción Invert Mask
(Invertir máscara) inactiva.
7. Cambia a color blanco los dos selectores de color del panel de herramientas.
8. Crea un cuadrado de 8 x 8 cm. El círculo se vuelve a ver. Si no lo ves completo, mueve el

cuadrado hasta que aparezca. Este cuadrado es una figura creada sobre la máscara que
tapa al círculo 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 círculo 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 parámetros:
¤ Type (Tipo): Linear (Lineal)

¤ Angle (Ángulo): 50º
¤ Location (Localización): 50%
11. Ve nuevamente al panel Transparency (Transparencia),

selecciona el recuadro que corresponde a la figura
(círculo) y cámbiale el color desde los selectores de
color. Imagen 5-6: Panel transparencia.
12. De forma similar en una nueva capa crea una estrella y aplícale una máscara de opacidad.
Aplica un degradado a la máscara para crear un efecto similar al del círculo.
13. Regresa al fondo estándar con las teclas <Ctrl+Shift+D> y guarda el archivo con el
nombre Opacidad en la carpeta que indique el profesor.
PROYECTO
Degradado transparente en fotografías
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 fotografía.
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 (Máscara de opacidad). Obtendrás una elipse que contiene a la fotografía,
con un degradado transparente.
en 5-7: Ejemplo de máscara con degra
97
Diseño Vectorial
Illustrator® CS5
5. Puedes editar la máscara (elipse) y el objeto (fotografía), seleccionando el recuadro de la

máscara en el panel de Transparency (Transparencia).
6. Modifica los parámetros del degradado. Prueba con un degradado lineal o intenta agregar
más puntos al degradado.De forma similar en una nueva capa, vuelve a colocar la fotografía
original y aplícale una máscara 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.
Blending Modes (Modos de fusión)

Cuando un objeto semitransparente se superpone a otro, el efecto resultante dependerá del
Blending Mode (modo de fusión) que se elija en la paleta de Transparencia. Los modos de
fusión están 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)
Blending Modes (Modos de fusión)

LÁMINA
98
e. Los cambios gravitan en torno al color base:
¤ Difference (Diferencia)
¤ Exclusión (Exclusion)
f. Los cambios son dependientes del nivel de luminancia:
¤ Hue (Tono)
¤ Saturation (Saturación)
¤ Color (Parada)
¤ Luminosity (Luminosidad)
VIDEO Blending Modes (Modos de fusión)
PROYECTO
Conociendo los modos de fusión

1. Abre en Illustrator® la fotografía Foto que se encuentra en los Recursos Digitales.
2. Selecciona la herramienta Rectangle (Rectángulo) y dibuja una forma sobre la fotografía

cubriéndola toda. Cambia el color del rectángulo a # BE7C2A, dando doble clic en el selector
de color de relleno y utilizando el Color Picker (Selector de color).
3. Selecciona el rectángulo y ve al panel Transparency (Transparencia) y elige el primer

Blending Mode (Modo de fusión). Utiliza la herramienta de texto para etiquetar encima de la
fotografía 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 (fotografía y rectángulo) para que no se empalme con el anterior.
5. Selecciona el rectángulo copia y usa el panel de transparencia para elegir el segundo modo
de fusión. Etiquétalo. Repite sucesivamente para tener una muestra de cada uno de los
modos de fusión.
6. Organiza todos los objetos en el documento, como un muestrario de modos de fusión. Utiliza
el panel alineación para ordenar y distribuir los objetos para una máxima calidad en la
presentación y guarda tu archivo con el nombre Modos en la carpeta de costumbre.
99
Diseño Vectorial
Illustrator® CS5
tema D Pathfinder (Buzcatrazos)

ElpanelPathfinder(Buscatrazos)sirveparacombinar
dos o más 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. También puedes utilizar
fusiones, texto, envolventes y deformaciones. Todos
estos elementos siguen siendo editables.
Para abrir el panel Pathfinder (Buscatrazos) ve al Imagen 5-9: Panel Buscatrazos

menú Window/Pathfinder (Ventana/Buscatrazos).
Las formas resultantes varían en función del método utilizado para combinar los trazados. Estos
son los métodos de intersección que se encuentran dentro del panel Pathfinder (Buscatrazos):
¤ Add to shape areas (Añadir á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 ilustración.
¤ 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 añadido o superpuesto que contenga el mismo color.
¤ Crop (Recortar): Divide una ilustración y elimina las partes de ésta que queden
fuera de sus límites.
¤ Outline (Contornear): Divide un objeto en los segmentos de línea o bordes que lo

componen.
¤ Minus Back (Menos fondo): Resta los objetos situados al fondo del elemento
situado al frente.
VIDEO Pathfinder (Panel buscatrazos)
101
Diseño Vectorial
Illustrator® CS5
PROYECTO
Combinación 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 combinación de teclas <Ctrl+A>. Después, dentro
del panel Pathfinder (Buscatrazos) da clic en la opción Add to Shape Area (Añadir á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 (Selección 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 (Selección directa), selecciona uno de los objetos de
la forma compuesta. En el panel Pathfinder (Buscatrazos) haz clic en el botón Exclude
Overlapping Shape Areas (Excluir áreas de formas solapadas). Las áreas superpuestas se
volverán 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 pequeña
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 e Effects (Efectos)

Muchos comandos que te permiten cambiar el aspecto de los objetos están disponibles en el
menú Effect (Efecto). Cada efecto da resultados distintos, así que es importante que identifiques
cuándo 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 galería de efectos y otros cuentan con un cuadro de diálogo
independiente para su configuración. Los efectos son interactivos e independientes, lo que
significa que se puede aplicar un efecto a un objeto sin alterarlo. Después 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 gráfico.
Ajustes de los efectos de rastrillado

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 resolución de la imagen resultante. Estos ajustes afectan en gran medida a la ilustración
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 díalogo 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, según la opción de fondo seleccionada).
¤ Resolution (Resolución): determina el número de píxeles por pulgada (dpi) de la imagen
rastrillada.
¤ Background (Fondo): determina la conversión en píxeles de las áreas transparentes de un
gráfico vectorial. Si seleccionas White (Blanco) se llenan de blanco los píxeles 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 opción para mantener la nitidez de las
líneas finas y texto pequeño.
¤ Create Clipping Mask (Crear máscara de corte): crea una máscara que convierte en
transparente el fondo de la imagen rastrillada o rasterizada.
¤ Add Around Object (Añadir alrededor del objeto): añade un número específico de píxeles
alrededor de la imagen rastrillada.
VIDEO
103
Diseño Vectorial
Illustrator® CS5
Artistic (Artísticos)
Estos efectos logran una sensación pictórica dentro de proyectos artísticos y comerciales que
incluyen:
¤ Colored Pencil (Lápiz de color): Dibuja una imagen utilizando lápices de colores
sobre un fondo sólido.
¤ Cutout (Cuarteado): Pinta una imagen como si estuviera hecha de trozos de papel
de colores toscamente recortados. Las imágenes de alto contraste aparecen como
siluetas, mientras que las imágenes 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 técnica de
pincel seco (entre óleo y acuarela).
¤ Film Grain (Película granulada): Aplica un motivo a los tonos y medios tonos de
sombra de una imagen. A las áreas más claras de la imagen se les añade un
motivo más suave y saturado.
¤ Fresco (Fresco): Pinta una imagen utilizando brochazos cortos, redondos y

aplicados rápidamente.
¤ Neon Glow (Luz de neón): Añade varios tipos de resplandores a los objetos de una
imagen.
¤ Paint Daubs (Manchas): Te permite seleccionar entre varios tamaños y tipos de

pincel para lograr un efecto pictórico.
¤ Palette Knife (Espátula): Reduce los detalles de una imagen para dar la impresión
de un lienzo ligeramente pintado que revela la textura que hay debajo.
¤ Plastic Wrap (Plastificado): Cubre a la imagen de plástico brillante acentuando los

detalles de la superficie.
¤ Poster Edges (Bordes añadidos): Reduce el número de colores de una imagen de

acuerdo con la opción de poster definida. Busca los bordes de la imagen y dibuja
líneas 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 más claras, el gis
aparece grueso y con poca textura; en las áreas oscuras el gis aparece difuminado
y da sensación de textura.
104
¤ Smudge Stick (Barra para manchar): Suaviza una imagen utilizando trazos
diagonales cortos para manchar las áreas más oscuras volviéndolas más brillantes,
mientras que las áreas claras pierden detalle.
¤ Sponge (Esponja): Crea imágenes 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 imágenes. Suavizan las transiciones de las líneas definidas y las áreas
sombreadas de una imagen.
¤ Gaussian Blur (Desenfoque gaussiano): desenfoca rápidamente una selección

mediante una cantidad ajustable. Produce un efecto brumoso.
¤ Radial Blur (Desenfoque radial): simula una cámara fotográfica fuera de foco, para
producir un desenfoque suave. Puedes seleccionar Spin (Giro), para desenfocar
a lo largo de líneas circulares concéntricas o bien puedes seleccionar Zoom,
para desenfocar a lo largo de líneas radiales, como si se estuviera aumentando o
reduciendo la imagen.
¤ Smart Blur (Desenfoque Inteligente): da resultados muy rápidos, suavizados y

granulados.
Brush Stroke (Trazos de pincel)

Dan un aspecto pictórico artístico mediante el uso de diferentes efectos de pincel y tinta.
Algunos de los filtros añaden granulado, pintura, detalles de borde o textura a una imagen para
lograr un efecto de puntillismo.
¤ Accented Edges (Bordes acentuados): acentúa 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
Diseño Vectorial
Illustrator® CS5
¤ Crosshatch (Sombreado): preserva los detalles y las características de la imagen

original, añadiendo textura y difuminando a los bordes de las áreas coloreadas de
la imagen, con sombreado de lápiz 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 líneas finas sobre los
detalles originales en forma de plumilla.
¤ Spatter (Salpicaduras): imita el efecto del aerógrafo.
¤ 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 japonés, con un pincel mojado lleno
de tinta negra en papel arroz. Este efecto produce bordes borrosos y suaves en
negro.
Distort (Distorsión)
Modifican una imagen geométricamente, 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
través de un filtro de difusión suave. El filtro añade 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 través de diferentes tipos de
cristales.
¤ Ocean Ripple (Ondas marinas): añade olas a la superficie de las imágenes, lo que
hace que parezca estar debajo del agua.
Pixelate (Pixelar)
Definen claramente una selección, mediante el agrupamiento en celdas de los píxeles 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 rectángulo por un círculo.
¤ Crystallize (Cristalizar): agrupa los colores sólidos 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

armónicamente como en una pintura puntillista.
Sharpen (Enfocar)
Enfoca las imágenes borrosas incrementando el contraste de los píxeles que los componen.
¤ Máscara de desenfoque: busca las áreas de la imagen en las que se han producido
cambios bruscos de color y las hace más nítidas.
Sketch (Bosquejar)
Añaden textura a las imágenes, normalmente para obtener un efecto tridimensional. Los filtros
también son útiles para crear un aspecto más 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 líneas 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é Crayón): imita la textura de los lápices Conté, de blanco puro
a negro fuerte.
¤ Graphic Pen (Estilográfica): 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
Diseño Vectorial
Illustrator® CS5
¤ Reticulation (Reticulación): simula el encogimiento de la emulsión de la película

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 húmedo): utiliza manchas que parecen pintadas en papel
húmedo fibroso, lo que hace que los colores fluyan y se mezclen.
Stylize (Estilizar)
Produce un efecto impresionista, desplazando píxeles y realzando el contraste de la imagen.
¤ Glowing Edges (Bordes iluminados): Identifica los bordes de color y les añade un
efecto de luz neón.
Texture (Textura)
Se utilizan los efectos de Texture (Textura) para dar a las imágenes apariencia de profundidad,
para añadir un aspecto más natural.
¤ Craquelure (Grietas): Pinta una imagen en una superficie de yeso de alto relieve,
produciendo una red fina de grietas.
¤ Grain (Granulado): Añade textura a una imagen simulando tipos de granulado

(salpicaduras, punteados).
¤ Mosaic Tiles (Teselas): Dibuja la imagen como si se hubiera hecho a partir de

pequeños azulejos.
¤ Patchwork (Retales): Descompone una imagen en cuadros rellenos con el color

predominante de la imagen.
LÁMINA
108
¤ 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 imágenes móviles capturadas en video.
¤ NTSC Colors (Colores NTSC): Limita la gama de colores a los aceptados para la
reproducción en la televisión.
PROYECTO
Trabajando con efectos

1. Importa a Illustrator® la imagen Insecto.bmp, que se encuentra en los Recursos Digitales.
2. Duplica varias veces la fotografía 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 imágenes horizontales por 5 verticales, dando un total de 20

imágenes.
4. Separa las imágenes y utiliza las opciones de alineación y distribución para formar una
organización 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. Asegúrate que el texto quede en la
misma capa en la que está la imagen a la que estás 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 imágenes. 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 más de un efecto a una misma imagen. Detalla tu trabajo,
agrégale tu nombre. Cuida al máximo la presentación y limpieza.
10. Guarda el archivo terminado como Efectos en la carpeta de costumbre.
109
Diseño Vectorial
Illustrator® CS5
¿Qué aprendiste?
TEMA A: A identificar cada una de las herramientas de diferentes paneles y reforzando los
conocimientos adquiridos a través de la realización de diferentes ejercicios.
TEMA B: A crear un logotipo utilizando las herramientas de Adobe® Illustrator® basándonos en

los conceptos explicados en esta unidad.
TEMA C: A utilizar las herramientas de los paneles, a aplicar transparencias, máscaras de

opacidad, degradados de transparencia, los diferentes modos de fusión.
TEMA D: A realizar diferentes combinaciones de objetos por medio del panel buscatrazos a
través de la realización de diferentes ejercicios reafirmando los conceptos aprendidos.
TEMA E: A aplicar cada uno de los efectos de Adobe® Illustrator® para conocer sus
características.
EVALUACIÓN

1. ¿Para qué sirve la máscara de opacidad?
La máscara de opacidad nos permite aclarar zonas de la imagen, fusionan-

do de manera muy suave los elementos. Son muy útiles para lograr efectos
detallados.
2. ¿Cuál es la función del panel Pathfinder (Buscatrazos)?
Sirve para combinar dos o más 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. ¿Cuáles son los tipos de pinceles disponibles en el panel Brushes (Pinceles)?
Caligráficos, de dispersión, de arte, de motivo y de cerdas.
11
0
Las herramientas de dibujo vectorial

por excelencia son:
Lápiz <N>: Permite realizar dibujos a

mano alzada.
Pluma : Realiza un trazado

vectorial mediante posición de
nodos, a través de clics sobre el
área de
trabajo.
Unidad 06 Elementos de dibujo

vectoria l
A Comprender los elementos del dibujo vectorial aplicando conceptos como

puntillismo, línea, ritmo, contorno y forma al crear composiciones.
B Definir el concepto de espacio al analizar la relación que existe entre los
objetos de un plano básico.
C Identificar lo que es un símbolo, cómo crearlos y guardarlos en la librería
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 tendrán.

CS5
Autor:
111
Diseño Vectorial
Illustrator® CS5
tema a Los elementos del dibujo vectorial

En diseño vectorial hay elementos que constituyen su base y desarrollo. Estos elementos son
fáciles de observar. En nuestro entorno estos elementos siempre están presentes en los objetos
más comunes y más complejos: puertas, sillas, computadores o vestidos.
¤ Punto: En diseño gráfico, un punto es la huella dejada por un lápiz, crayón, plumón,
pincel o pluma en una superficie o plano. Es el elemento más sencillo y queda
definido por su dimensión o tamaño, forma y color.
¤ Línea: En diseño gráfico, un punto en movimiento da como resultado una línea o

un trazo. Una línea está formada por una sucesión de puntos, tan próximos uno de
otro, que no se alcanzan a distinguir.
¤ Ritmo es el movimiento que se le da a la línea: es la repetición entre los elementos

de las imágenes vectoriales o bitmaps.
¤ Contorno es el conjunto de líneas que limita una figura o composición. Cuando

dos extremos de una línea se unen, se forma automáticamente 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, líneas, superficies y volúmenes.
¤ Composición: Toda obra o dibujo vectorial constituye una unidad compleja,

integrada y organizada de alguna manera. A esta organización integrada se le
denomina composición. La composición se define dentro del diseño como el
proceso de adecuar o acomodar los elementos gráficos dentro de un espacio
visual.
¤ Perspectiva se define como la ilusión visual que ayuda al observador a determinar

la profundidad y la ubicación de los objetos a diferentes distancias. En un dibujo, la
perspectiva simula la profundidad mediante efectos de reducción de dimensiones
y distorsión angular.
LÁMINA
11
2
Elementos de dibujo vectorial
Técnica de puntillismo y línea

1. Necesitarás buscar en libros, revistas o Internet una fotografía o un dibujo que te agrade.
2. Saca una fotocopia o imprímelo 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 lápiz calca el contorno de la imagen con trazado muy suave que después será
borrado.
5. Ahora con un lápiz, pluma fuente o tinta de color, empieza a hacer pequeños puntos en la
hoja de trabajo. Guíate por los tonos de la fotocopia o impresión: 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 líneas para dar sombreados
o texturas especiales.
7. Terminado el proyecto hazle un marco con cartulina o papel de color y expón tu trabajo en
clase.
Los elementos del diseño gráfico

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.
11
3
Diseño Vectorial
Illustrator® CS5
3. Ejemplifica forma, gráficamente.
4. ¿Cuáles son los elementos que componen la forma?
a. formas geométricas
b. formas orgánicas
c. formas rectilíneas
d. puntos, líneas, superficies y volúmenes
e. a, b y c
f. ninguna de las anteriores
5. Ejemplifica con un par de recortes de revistas o periódicos cada uno de los elementos del
ritmo: movimiento, dirección, tamaño, proporción, color y superficie. Puedes utilizar una
misma imagen para ilustrar más de un elemento, pero debes identificarlos claramente
escribiendo el elemento y señalando qué parte de la imagen lo representa.
11
4
tema B El Espacio
Las formas del diseño gráfico quedan plasmadas en superficies: cuaderno, lienzo, pizarrón,
hojas, madera, tela, muro, entre otros. En este espacio llamado también plano básico, se
conocen como espacios negativos a las áreas vacías y se llaman espacios positivos a las áreas
que tienen formas, figuras o imágenes.
El plano básico es un elemento activo en la estructura del espacio. La relación de los elementos
con el plano y de los elementos entre sí, obedecerá a uno de estos tres criterios:
¤ Superposición: las formas planas que están enfrente impiden la visión de las que
están atrás.
¤ Transparencia: las formas planas que están detrás se aprecian a través de las
formas que se encuentran adelante.
¤ Penetración: las formas planas se intercalan entre sí.
Si se utilizan estos criterios, la posición relativa de las formas planas en el espacio puede
expresar sensaciones de proximidad o lejanía.
Debido a que se toma el plano como el soporte en donde se realiza el diseño, la primera elección
que debes hacer es asignarle ciertos límites, 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 geométricas (rectángulo, cuadrado, círculo) y tiene diferentes
posiciones (vertical, horizontal o inclinada).
11
5
Diseño Vectorial
Illustrator® CS5
PROYECTO
Composición artística libre

1. En un nuevo documento de Illustrator® (define el tamaño que consideres apropiado), crea
con formas y líneas rectas y curvas una composición simétrica. La simetría se puede dar en
la forma, en el color o en ambas. La composición debe adaptarse al espacio elegido (mesa
de trabajo).
2. Aplica a las formas diferentes efectos, degradados y transparencias. Puedes usar

herramientas de alineación, 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 composición asimétrica, pero equilibrada. Define un

espacio de trabajo apropiado.
6. Aplica efectos y otros elementos de diseño.
7. Observa tu composición terminada. ¿Consideras que transmite algún mensaje? Si no lo

hace no está cumpliendo su función. Anota algunas percepciones:
8. Guarda la segunda composición como Asimetrico.
9. Crea en un nuevo documento una composición abstracta. Toma en cuenta los conceptos
que se han presentado acerca del punto y la línea, el ritmo, la forma, el contorno y el espacio.
10. ¿Cuál es el mensaje que genera en el espectador?
11. Guarda la tercera composición como Abstracto.
11
6
Reflexión sobre perspectiva

1. Define perspectiva.
Se define como la ilusión visual que ayuda al observador a determinar la

profundidad y la ubicación 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 línea de horizonte,

ese punto hace que la imagen se abra hacia nosotros.
3. ¿En qué ayuda la perspectiva a un diseño?
La perspectiva es fundamental en el diseño ya que crea profundidad y define

la ubicación de los objetos.
PROYECTO
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 sensación de tener volumen. Para ello debes
elegir un color y aplicar una tonalidad clara para las zonas que deberían estar más cerca
del espectador. Este tono se degrada a una tonalidad más 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.
11
7
Diseño Vectorial
Illustrator® CS5
PROYECTO
Ilustrando una fotografía

Observa que interesante ilustración. Está basada en una fotografía (imagen izquierda) que se ha
vectorizado con trazos usando la herramienta pluma y coloreado en Illustrator®. En esta actividad
tienes que hacer una ilustración similar.
Imagen 6-1: Fotografía. Imagen 6-2: Ilustración vectorizada.
1. Escanea una fotografía 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
continuación:
¤ 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 (Lápiz) empieza a trazar los contornos
del rostro, como si estuvieras calcando la fotografía.
a. Comienza por las zonas del rostro que quedarán 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 atrás directamente arrastrando
las subcapas o bien con las opciones de Arrange (Organizar) del menú emergente de
las figuras.
11
8
c. También 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 más colores muy cercanos en el círculo cromático). Toma
como base los colores originales de la fotografía.
7. Rellena los trazados de las sombras con un degradado de blanco al color de la piel.
Selecciona el Blending Mode (Modo de fusión): 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.
También lo puedes ajustar desde el panel de Gradient (Degradado) con los deslizadores.
9. Puedes añadir más detalle al pelo. Crea efectos de sombra agregando modos de fusión de
Multiply (Multiplicar). Pon algunas luces de color con degradados o efectos.
10. Trata de hacer el gráfico lo más realista posible, sin olvidar que parte del interés es que se
trata de una ilustración y no de una fotografía.
11. Al terminar elimina la capa donde se encuentra la fotografía original.
12. Guarda el archivo en la carpeta que tu profesor indique con el nombre Retrato.ai.
13. Elige alguna de las fotografías de paisaje que se encuentran en tu CD de trabajo o carpeta
de actividades.
14. Aplica las técnicas aprendidas para trazarla con vectores y colorearla.
15. Al terminar elimina la capa donde se encuentra la fotografía original.
16. Guarda el archivo en la carpeta que tu profesor indique con el nombre Paisaje.ai.
11
9
Diseño Vectorial
Illustrator® CS5
tema C Los símbolos

En Illustrator®, un símbolo es un elemento gráfico reutilizable que se almacena en una biblioteca
llamada panel de Símbolos. Cualquier elemento gráfico se puede convertir en un símbolo, que
podrá usarse para crear motivos o diseños nuevos. Originalmente los símbolos se desarrollaron
para crear archivos de tamaño reducido. Sin embargo, el símbolo es además un elemento
esencial para la creación de diseños especiales y complejos.
PROYECTO
Creando un símbolo
1. Abre en Illustrator ® el archivo Dragon.ai que se encuentra en los Recursos Digitales y
vectoriza la figura del dragón que está en líneas guía. Utiliza para ello la herramienta Pluma.
2. Dale color y detállalo para una apariencia atractiva e

interesante.
3. Abre el panel de Símbolos con el menú Window/

Symbols (Ventana/Símbolos), selecciona el dragón
que has creado y arrástralo hacia el panel de símbolos
y Revisa que la figura se ha guardado como símbolo
en el panel y elimina de la mesa de trabajo el dibujo
original. Imagen 6-3: Panel de símbolos.
4. Ahora añade una copia del símbolo a tu mesa de trabajo arrastrando desde el panel Symbols
(Símbolos). A una copia del símbolo en la mesa de trabajo, se le llama instancia. Crea 4
instancias más del dragón 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%.
Escálalas y gíralas con ayuda del panel transformaciones, acomodando las instancias de
forma equilibrada y armónica, para que la composición sea agradable a la vista.
6. Para crear muchas instancias, utiliza la herramienta Symbol Sprayer (Rociar símbolos) 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 símbolo) que se encuentra agrupada en el

mismo botón de la herramienta Symbol Sprayer (Rociar símbolos). Arrástrala sobre las
instancias para que giren en la dirección de arrastre.
8. Utiliza otros símbolos para crear un diseño más abstracto, revisa que tu composición
transmita un mensaje o tenga una función especial. Guarda tu trabajo.
120
tema D Organización del texto
Adobe® Illustrator® es una excelente herramienta para diseño editorial, que te permitirá crear
todo tipo de publicaciones como folletos, revistas, volantes y más.
Para crear un texto bien estructurado y complementarlo con un trabajo de edición de imágenes,
es importante saber organizar la tipografía. Illustrator permite crear texto en columnas y filas,
aplicar diferentes formatos de párrafo y usar muchos estilos de letra.
En el diseño para impresión sólo hay tres tipos de fuentes o tipografías 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
están las medidas (*.pfm). Una tipografía son los estilos: normal, cursiva y negrita,
que se componen de seis archivos: tres contornos y tres medidas. Si hay más
variables, hay más 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 más modernas. Son multiplataforma y están
formadas por un solo archivo en el que va incluida toda la información necesaria.
Además estas fuentes incluyen muchos más caracteres que las PostScript clásicas.
Creación de contornos
La opción de Create Outline (Creación de contornos), que se encuentra en el menú Type/
Create Outlines (Texto/Creación de contornos), permite convertir textos en conjuntos de
trazados compuestos que se pueden editar y manipular como si se tratara de un objeto gráfico.
Al crear contornos a partir de texto, los caracteres conservan el formato gráfico, como el trazo
y el relleno.
Texto en un trazado
Illustrator permite escribir texto en un trazado o contorno. Para esto crea una línea con la
herramienta Pen (Pluma) y selecciona la herramienta Type on a Path (Texto en trazado).
Esta herramienta se encuentra agrupada en el mismo botón 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
Diseño Vectorial
Illustrator® CS5
Envolventes
Las envolventes son figuras que modifican el texo u objetos seleccionados. La creación de
envolventes es una manera rápida de crear logotipos, desarrollar diseños complejos o efectos
tridimensionales como etiquetas para botellas o latas. También 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 más objetos que quieras distorsionar.
2. Crea la envolvente usando alguna de estas técnicas del menú Object/

Envelope Distort (Objeto/Distorsión 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 selección directa.

b. Eliminando puntos ancla.
c. Agregando puntos ancla.
PROYECTO
Experimentando con texto

1. En un nuevo documento de Illustrator® crea textos y aplícales los siguientes efectos:
a. Un texto sobre una línea curva. Elimina la línea para que sólo 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, tamaño y color de cada texto.
3. Guarda tu trabajo con el nombre Textos en la carpeta que indique tu profesor.
122
PROYECTO
Página 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 líneas guía es que a la hora de imprimir, no existan errores por no respetar los márgenes
de trabajo.
3. Activa las reglas de la aplicación con las teclas <Ctrl+R>. Arrastra una guía vertical desde
la regla hasta el centro del documento. Haz lo mismo para crear una guía horizontal a la
mitad de la hoja.
4. Ahora tienes cuatro cuadrantes dentro de la página. Dibuja un rectángulo 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
botón que la herramienta de texto. Si haces clic con esta herramienta dentro del rectángulo,
podrás escribir dentro de él. Puedes escribir algo sobre tí o cualquier tema que te agrade.
6. Para cambiar el tipo de letra, tamaño, interlineado y rotación usa el menú Type (Texto) o
utiliza el panel menú Window/Type/Character (Ventana/Texto/Caracter).
7. Crea un rectángulo en el cuadrante opuesto e introduce texto en él. Utiliza los otros dos
cuadrantes para colocar imágenes que hayas escaneado, fotografías, imágenes de Internet
o ilustraciones creadas directamente en la aplicación. Las imágenes 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.
123
Diseño Vectorial
Illustrator® CS5
tema e Vectores 3D
Los 3D Effects (Efectos 3D) facilitan la adición de elementos tridimensionales a cualquier
proyecto, ofreciendo opciones de diseño únicas como extrusión, relieve, realce o revolución.
Imagen 6-4: Panel de opciones 3D.
PROYECTO
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 diálogo y aplica el efecto:
¤ Position (Posición): 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

después de haberlo aplicado, haciendo
doble clic sobre su nombre en el panel
de apariencia.
Imagen 6-5: Tipografía 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 (Selección directa). Selecciona sólo 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 botón 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 aplícale un color
degradado que vaya de verde a
amarillo. Imagen 6-6: Texto en 3D con cambio de color.
10. Utiliza la misma técnica 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 parámetros)

¤ 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: ¿Cuál es la diferencia entre aplicar un degradado directamente al

objeto de texto o aplicarlo después de expandirlo y acoplar los frentes?
125
Diseño Vectorial
Illustrator® CS5
tema F Archivos
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 fácilmente y conservan todos los datos de
Adobe Illustrator.
VIDEO
Preparando un archivo para imprenta

Si planeas llevar un diseño 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 diseño como
checklist de impresión. Consiste básicamente en revisar que todo lo que debe ir (imágenes y
textos) se incluya en el archivo, que los parámetros del arte sean los correctos y que no vayan
elementos que no tienen alguna función, para evitar confusiones.
Preparar correctamente un archivo para impresión distingue a un profesional de diseño pero

sobre todo puede ahorrar mucho tiempo y dinero en el proceso de impresión.
LÁMINA
126
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 gráficos 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 ningún problema en las aplicaciones con las que trabajará. Identifica el
formato “no nativo” en que se deben guardar los archivos en cada situación.
¤ El primero es un archivo con una imagen y un texto que servirá de fondo para una
página Web. ¿En qué formato(s) le recomiendas que guarde su imagen? ¿Por qué?
JPEG porque acepta buena resolución, excelente compresión y alta calidad.
¤ El segundo archivo es una pequeña animación en la que se usaron sólo 4 colores. La

animación 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 animación como fotogramas de animación.
¤ El tercer caso es una imagen vectorial que no tiene fondo (fondo transparente) y se
requiere que esta característica 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 más colores.
127
Diseño Vectorial
Illustrator® CS5
¿Qué aprendiste?
TEMA A: A reconocer los principales elementos que componen una ilustración vectorial para
crear composición que integren estos elementos.
TEMA B: A identificar la relación de los elementos con el plano y de los elementos entre sí.
TEMA C: A reconocer lo que es un símbolo, aprender a crearlos y guardarlos en la librería

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® según el uso que se les dará al final.
EVALUACIÓN
1. ¿Qué es una envolvente y cuáles 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 apreta-
dos.
2. ¿A qué se le conoce como figura-fondo?
Figura-Fondo es cuando dos extremos de una línea se unen y forman automática-

mente un contorno y un relleno.
3. ¿Qué es la composición?
Es el proceso de adecuar o acomodar los elementos gráficos dentro de un espacio

visual.
128

PIT EMyS Illustrator LP

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

PIT EMyS Illustrator LP

Hochgeladen von

Copyright:

Verfügbare Formate

Diseño Vectorial

Carlos Zepeda Chehaibar

Editado por Grupo Educare S.A. de C.V.

El logotipo de Grupo Educare es propiedad de Grupo Educare, S.A. de C.V.

Unidad 2 Panel Herramientas 25

Video 2-07 Herramientas de Pintura 43

Unidad 3 Paneles de Adobe® Illustrator® Parte 1 51

Unidad 5 Paneles de Adobe® Illustrator® Parte 2 85

tema e Effects (Efectos) 103

Unidad 6 Elementos de dibujo vectorial 111

Este material forma parte de un conjunto de recursos que conforman el Programa

Este libro lo integran las siguientes Unidades:

Unidad 01 Introducción a Illustrator®

Diseño Vectorial Illustrator ®

Unidad Tema Subtema Objetivos

Ventajas de los vectores Conocer las características

Conocer los bitmaps y las

Conocer el entorno y área

Actividades sugeridas para el

Describe las diferentes

Identifica las áreas que

Unidad Tema Subtema Objetivos

Collor Fill (Relleno) y color

Actividades sugeridas para el

Unidad Tema Subtema Objetivos

Layers (Panel Capas)

Create new layer (Nueva

Ocultar y mover capas A Identificar cada uno de

tema A Paneles de Adobe Delete selection (Eliminar trabajar las imágenes,

Graphic Styles (Panel

Clipping Mask (Máscaras

B Conocer las opciones

Actividades sugeridas para el

Actividad 3-01 Recordando

Actividad 3-02 Capas reales

Proyecto 3-01 Usando capas

Actividad 3-04 Paneles

Actividad 3-05 Operaciones

Identifica que el comando

Unidad Tema Subtema Objetivos

La psicología del color Conocer los conceptos

Aprender las herramientas

Aplicar los conceptos

Actividades sugeridas para el

Actividad 4-02 El color, la luz

Reconoce y comprende Actividad 4-03 Diagramas de

Actividad 4-05 Los modos de

Identifica cada una de las Video 5-01 Panel Trazo

Lámina 5-01 Logotipos

Unidad Tema Subtema Objetivos

Transparency (Panel Conocer el concepto de

Comparar las opciones

Ajustes de los efectos de

Brush Stroke (Trazos de

Actividades sugeridas para el

Proyecto 5-03 Degradado Video 5-03 Panel

Aplica cada uno de los Proyecto 5-07 Trabajando con

Unidad Tema Subtema Objetivos

Comprender los elementos

Utilizar herramientas para

Identificar y describir los

Actividades sugeridas para el

Reconoce los principales Actividad 6-01 Técnica de