Diseño Vectorial - Educare Digital

Comentarios

Transcripción

Diseño Vectorial - Educare Digital
Diseño Vectorial
ISBN 978-607-7272-85-4
9 786077 272854
Carlos Zepeda Chehaibar
PROFESOR
Illustrator® CS5
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
Autor:
Carlos Zepeda Chehaibar
Apoyo en Desarrollo y Actividades:
Samantha Méndez Domínguez
Mónica Lorena Aduna Espinosa
Coordinación Editorial:
Alejandro Flores Ledesma
Ilustración de Interiores:
Judith Lourdes Sierra Pérez
Miriam Tatiana Zamora Gutiérrez
César Carranza Contreras
Revisión de Recursos Digitales:
Jennifer Priscila Castillo Ascencio
Gregorio Sánchez Hernández
Fotografía:
Carlos Zepeda Chehaibar
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
tema
A Introducción e historia
Lámina 1-01 Historia de Adobe
®
B Imágenes Vectoriales
Ventajas de los Vectores
Desventajas de los Vectores
tema C Formatos de archivo
Imágenes de mapa de bits
tema
Lámina 1-02 Vectores vs. Bitmaps
Actividad 1-01 Vectores vs. Bitmaps
9
10
10
11
11
12
13
13
14
14
D Abriendo y creando un documento nuevo
Abrir archivos 16
18
E Espacio de trabajo
La interfaz y el área de trabajo 20
21
tema
Video 1-01 Abriendo y creando un documento nuevo
Actividad 1-02 Reafirmando conceptos clave y abriendo archivos
tema
Video 1-02 El espacio de trabajo
Actividad 1-03 Identificando el espacio de trabajo
Evaluación 01 Unidad 2 Panel Herramientas
tema
A Panel Herramientas
Video 2-01 Herramientas de Selección
Video 2-02 Herramientas de Dibujo
Video 2-03 Herramientas de zoom y desplazamiento
Actividad 2-01 Investigando herramientas
18
19
22
23
24
25
26
27
29
29
30
Color Fill (Relleno) y Color Stroke (Trazo)
¿Cómo se usan los paneles?
30
31
Técnicas de ilustración con las herramientas
Herramientas de Reforma
39
39
Video 2-04 Color Fill (Relleno) y Stroke (Trazo)
Proyecto 2-01 Dibujando figuras simples para un diseño
Proyecto 2-02 Agitador de conciencia social
Proyecto 2-03 Haciendo una caja de regalo Parte 1
Actividad 2-02 Identificando Herramientas
Video 2-05 Técnicas de pluma y lápiz artístico
Video 2-06 Herramientas de Reforma
Proyecto 2-04 Haciendo una caja de regalo Parte 2
Herramienta de Pintura
31
32
33
35
37
39
40
41
42
Contenido
Video 2-07 Herramientas de Pintura
Video 2-08 Herramientas de Símbolos
Video 2-09 Herramientas de Gráficas
Actividad 2-03 Herramientas de Pintura
43
44
45
45
Zona de selectores de color
46
Herramientas de corte
Herramientas de texto
48
49
Proyecto 2-05 Haciendo una caja de regalo Parte 3
Proyecto 2-06 Creando gráficas
Video 2-10 Herramientas de Sector y Cuchilla
Video 2-11 Herramientas de Texto
Evaluación 02 Unidad 3 Paneles de Adobe® Illustrator® Parte 1
A Paneles de Adobe® Illustrator® Parte 1
Navigator (Panel Navegador)
Layers (Panel Capas)
Create New Layer (Crear nueva capa)
Creación de Templates (Capas plantilla)
Capa activa
Ocultar y mover capas
Lock (Bloqueo de capas)
Delete Selection (Eliminar capas)
tema
46
47
49
49
50
51
52
52
52
53
53
54
54
54
54
Video 3-01 Capas54
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)
Actions (Panel de Acciones)
58
58
Align (Panel de Alineación)
Appearance (Panel de apariencia)
Graphic Styles (Panel de estilos gráficos)
60
60
61
Clipping Mask (Máscaras de recorte en las capas)
63
Actividad 3-03 Recordando: acciones y transformaciones
Video 3-02 Panel Appearence (Apariencia)
Proyecto 3-02 Conociendo el panel Apariencias
59
61
62
Video 3-03 Paneles63
Video 3-04 Máscaras de recorte
65
Proyecto 3-03 Ejercicio de recorte de imágenes
65
Actividad 3-04 Paneles67
Actividad 3-05 Operaciones con capas
68
tema
B Agrupar y desagrupar objetos
Actividad 3-06 Agrupar y desagrupar
Evaluación 03 69
69
70
Contenido
Unidad 4 Color71
A Color72
La Psicología del color
72
tema
Lámina 4-01 Color73
Actividad 4-01 Comprendiendo el color
74
Clasificación del color
75
El Círculo Cromático
77
Color (Panel de color)
Swatches (Panel de Muestras)
82
83
Actividad 4-02 El color, la luz y el ojo
75
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 alimenticio80
Actividad 4-06 Los modos de color
81
Video 4-01 Panel de color
Evaluación 04 Unidad 5 Paneles de Adobe® Illustrator® Parte 2
A Más paneles
Stroke (Panel Trazo)
tema
Video 5-01 Panel de Trazo
Brushes (Panel de Pinceles) Gradient (Panel de Degradado)
Video 5-02 Panel de Pinceles
Video 5-03 Panel de Degradado
Proyecto 5-01 Papelería de Identificación personal
Actividad 5-01 Identificando paneles
tema
83
84
85
86
86
87
88
88
88
89
89
91
B Logotipos92
Lámina 5-01 Logotipos92
Actividad 5-02 Analizando logotipos
92
Proyecto 5-02 Creando un logotipo
94
C Transparencias95
Transparency (Panel de Transparencia)
95
Máscara de opacidad
95
tema
Video 5-04 Panel de transparencia y máscara de opacidad
Proyecto 5-03 Degradado transparente
Proyecto 5-04 Degradado transparente en fotografías
Blending Modes (Modos de fusión)
Lámina 5-02 Blending Modes (Modos de fusión)
Video 5-05 Blending Modes (Modos de fusión)
Proyecto 5-05 Conociendo los modos de fusión
tema
95
96
97
98
98
99
99
D Pathfinder (Buzcatrazos)100
Video 5-06 Pathfinder (Panel buscatrazos)
Proyecto 5-06 formas compuestas
101
102
Contenido
E Effects (Efectos)103
Ajustes de los efectos de rastrillado 103
tema
Video 5-07 Ajustes de los efectos de rastrillado
103
Artistic (Artísticos) Blur (Desenfocar)
Brush Stroke (Trazos de pincel)
Distort (Distorsión)
Pixelate (Pixelar)
Sharpen (Enfocar)
Sketch (Bosquejar)
Stylize (Estilizar)
Texture (Textura)
104
105
105
106
106
107
107
108
108
Video (Video)
109
Lámina 5-03 Efectos108
Proyecto 5-07 Trabajando con efectos
Evaluación 05 Unidad 6 Elementos de dibujo vectorial
tema
A Los elementos del dibujo vectorial
Lámina 6-01 Elementos del dibujo vectorial
Actividad 6-01 Técnica de puntillismo y línea
Actividad 6-02 Los elementos del diseño gráfico
tema
111
112
112
113
113
B El Espacio
115
C Los símbolos
120
Proyecto 6-01 Composición artística libre
Actividad 6-03 Reflexión sobre perspectiva
Proyecto 6-02 Generando perspectiva
Proyecto 6-03 Ilustrando una fotografía
tema
109
110
Proyecto 6-04 Creando un símbolo
D Organización del texto
Creación de contornos
Texto en un trazado
tema
Proyecto 6-05 Experimentando con texto
116
117
117
118
120
121
121
121
122
Envolventes122
Proyecto 6-06 Página interna de una revista
tema
E Vectores 3D
Proyecto 6-07 Creando un texto 3D
123
124
124
F Archivos126
Formatos126
Preparando un archivo para imprenta
126
tema
Video 6-01 Formatos de archivo
Lámina 6-02 Principales requisitos y normas de impresión
Actividad 6-04 Reconociendo formatos
Evaluación 06 126
126
127
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
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 personal de
trabajo del maestro y necesidades específicas de cada clase maximizando así
el empleo de los recursos disponibles.
P ropuesta 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
Autor:
Carlos Zepeda Chehaibar
®
CS5
Diseño Vectorial
Illustrator® CS5
Unidad
Tema
Subtema
Conocer la historia de
Adobe® Illustrator®.
tema A Introducción e
Historia
tema B Imágenes
vectoriales
1 - Introducción a Illustrator®
tema C Formatos de
archivo
Objetivos
Ventajas de los vectores
Desventajas de los
vectores
Imágenes de mapa de bits
Conocer las características
de las imágenes
vectoriales.
Conocer los bitmaps y las
diferencias que existen con
las imágenes vectoriales.
Sesiones Sugeridas 5
II
tema D Abriendo y creando
un documento nuevo
Conocer las diferentes
maneras para abrir un
archivo, cómo importar
imágenes y la creación de
un documento nuevo.
tema E Espacio de trabajo
Conocer el entorno y área
de trabajo, sus elementos
y cómo utilizarlos de
manera más accesible
para facilitar el trabajo en
ellas.
La interfaz y el área de
trabajo
Propuesta Didáctica
Competencias
Actividades sugeridas para el
alumno
Tutorial Sugerido
Describe las diferentes
maneras para abrir un
archivo, cómo importar
imágenes y la creación de un
archivo nuevo.
Recursos
Lámina 1-01 Historia de
Adobe®
Identifica las áreas que
conforman el espacio para
facilitar la elaboración de los
archivos.
Describe la evolución de
Adobe® Illustrator® a través
del tiempo.
Actividad 1-01 Vectores vs.
Bitmaps
Reconoce la diferencia
entre las imágenes de mapa
de bits, de las imágenes
vectoriales, conociendo sus
principales características.
Actividad 1-02 Reafirmando
conceptos clave y abriendo
archivos
Distingue diferentes
programas que trabajan con
archivos de tipo vectorial y
que es posible modificarlos
con cualquiera de ellos.
Actividad 1-03 Identificando
el espacio de trabajo
Evaluación 01
Lámina 1-02 Vectores vs.
Bitmaps
Video 1-01 Abriendo y
creando un documento nuevo
Video 1-02 El espacio de
trabajo
III
Diseño Vectorial
Illustrator® CS5
Unidad
Tema
Subtema
Objetivos
Herramientas de selección
Collor Fill (Relleno) y color
stroke (trazo)
A Identificar cada uno
de los elementos que
conforman el panel
de herramientas, para
Técnicas de ilustración con
conocer su uso al
las herramientas
momento de realizar una
tema A Panel Herramientas
ilustración, diseño, etc.,
Herramientas de reforma
así como conocer los
Herramienta de pintura
atajos del teclado que
harán más rápido y fácil el
Zonas de selectores de
proceso.
color
¿Cómo se usan los
paneles?
2 - Panel Herramientas
Sesiones Sugeridas 5
Herramientas de corte
Herramientas de texto
IV
Propuesta Didáctica
Competencias
Actividades sugeridas para el
alumno
Tutorial Sugerido
Recursos
Video 2-01 Herramientas de
selección
Actividad 2-01 Investigando
herramientas
Proyecto 2-01 Dibujando
figuras simples para un
diseño
Proyecto 2-02 Agitador de
conciencia social
Proyecto 2-03 Haciendo una
caja de regalo. Parte 1
Identifica cada una de las
herramientas del panel,
Actividad 2-02 Identificando
conociendo su uso y la
herramientas
manera de acceder a ellas de
Proyecto 2-04 Haciendo una
forma rápida con el teclado.
caja de regalo. Parte 2
Actividad 2-03 Herramientas
de pintura
Proyecto 2-05 Haciendo una
caja de regalo. Parte 3
Proyecto 2-06Creando
gráficas
Evaluación 02
Video 2-02 Herramientas de
dibujo
Video 2-03 Herramientas de
zoom y desplazamiento
Video 2-04 Color Fill (Relleno)
y Stroke (Trazo)
Video 2-05 Técnicas de
pluma y lápiz artístico
Video 2-06 Herramientas de
reforma
Video 2-07 Herramientas de
pintura
Video 2-08 Herramientas de
símbolos
Video 2-09 Herramientas de
gráficas
Video 2-10 Herramientas de
Sector y Cuchilla
Video 2-11 Herramientas de
Texto
V
Diseño Vectorial
Illustrator® CS5
Unidad
Tema
Subtema
Objetivos
Navigator (Navegador)
Layers (Panel Capas)
Create new layer (Nueva
capa)
Creación de templates
(Capas plantila)
Capa activa
Ocultar y mover capas
Lock (Bloque de capas)
3 - Paneles de Adobe®
Illustrator® Parte 1
tema A Paneles de Adobe
Illustrator Parte 1
Delete selection (Eliminar
capas)
Transform (Panel de
Transformación)
Sesiones Sugeridas 5
Actions (Panel Acciones)
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.
Align (Panel Alineación)
Appearance (Panel
Apariencia)
Graphic Styles (Panel
Estilos gráficos)
Clipping Mask (Máscaras
de recorte en las capas)
tema B Agrupar y
desagrupar objetos
VI
B Conocer las opciones
para agrupar y desagrupar
objetos.
Propuesta Didáctica
Competencias
Actividades sugeridas para el
alumno
Tutorial Sugerido
Recursos
Actividad 3-01 Recordando
capas
Actividad 3-02 Capas reales
Proyecto 3-01 Usando capas
para organizar una ilustración
Actividad 3-03 Recordando
Identifica los paneles, sus
características, conocer cómo acciones y transformaciones
se pueden acomodar, acoplar
Proyecto 3-02 Conociendo el
para facilitar el trabajo,
panel apariencia
así como las funciones de
algunos de ellos.
Proyecto 3-03 Ejercicio de
recorte de imágenes
Video 3-01 Capas
Video 3-02 Panel Appearence
(Apariencia)
Video 3-03 Paneles
Video 3-04 Máscaras de
recorte
Actividad 3-04 Paneles
Actividad 3-05 Operaciones
con capas
Identifica que el comando
de agrupar objetos es más
sencillo el trabajo con
varios objetos, tanto para
desplazarlos, como para
transformarlos.
Actividad 3-06 Agrupar y
desagrupar
Evaluación 03
VII
Diseño Vectorial
Illustrator® CS5
Unidad
Tema
Subtema
Objetivos
Conocer los conceptos
del color. Identificar cada
Clasificación del color
una de las herramientas
del panel color, así como
El círculo cromático
ponerlos a la práctica en
diferentes actividades y
Color (Panel Color)
proyectos para reafirmar
Swatches (Panel Muestras) los conceptos aprendidos.
La psicología del color
4 - Color
Sesiones Sugeridas 5
tema A Color
Stroke (Panel Trazo)
tema A Más paneles
Gradient (Panel
Degradado)
5 - Paneles de Adobe Illustrator
Parte 2
Sesiones Sugeridas 9
tema B Logotipos
VIII
Brushes (Panel Pinceles)
Aprender las herramientas
de los paneles para
lograr transparencias,
modos de fusionar
dibujos e imágenes, a
utilizar las máscaras de
opacidad, los degradados
de transparencia y los
buscatrazos, poniéndolos
en práctica en diferentes
ejercicios de la unidad.
Aplicar los conceptos
aprendidos para la
creación de un logotipo,
utilizando las herramientas
contenidas en esta unidad.
Propuesta Didáctica
Competencias
Actividades sugeridas para el
alumno
Tutorial Sugerido
Recursos
Actividad 4-01
Comprendiendo el color
Actividad 4-02 El color, la luz
y el ojo
Reconoce y comprende
el concepto de color, su
clasificación, psicología y su
uso; así como a identificar los
elementos que componen el
panel y los diferentes modos
de color.
Actividad 4-03 Diagramas de
color
Proyecto 4-01 Creando un
mural con colores armónicos
Video 4-01 Panel de color
Lámina 4-01 Color
Actividad 4-04 Campaña
publicitaria de producto
alimenticio
Actividad 4-05 Los modos de
color
Evaluación 04
Identifica cada una de las
herramientas de diferentes
paneles y reforzando los
conocimientos adquiridos a
través de la realización de
diferentes ejercicios.
Crea un logotipo utilizando
las herramientas de Adobe®
Illustrator® basándonos en
los conceptos explicados en
esta unidad.
Proyecto 5-01 Papelería de
identificación personal
Video 5-01 Panel Trazo
Video 5-02 Panel Pinceles
Actividad 5-01 Identificando
paneles
Lámina 5-01 Logotipos
Actividad 5-02 Analizando
logotipos
Proyecto 5-02 Creando un
logotipo
IX
Diseño Vectorial
Illustrator® CS5
Unidad
Tema
tema C Transparencias
Subtema
Transparency (Panel
Transparencia)
Máscara de opacidad
Blending modes (Modos
de fusión)
Objetivos
Conocer el concepto de
transparencia al efectuar
cambios en parámetros
de los paneles y aplicar
modos de fusión en
composiciones.
Comparar las opciones
del panel Pathfinder
(Buscatrazos), con
funciones matemáticas
para crear figuras
complejas con objetos
simples
tema D Pathfinder
(Buzcatrazos)
Ajustes de los efectos de
rastrillado
Cont. Unidad 5
Artistic (Artísticos)
Blur (Desenfocar)
Brush Stroke (Trazos de
Pincel)
tema E Effects (Efectos)
Distort (Distorsión)
Pixelate (Pixelar)
Sharpen (Enfocar)
Sketch (Bosquejar)
Stylize (Estilizar)
Texture (Textura)
Video (Video)
X
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.
Propuesta Didáctica
Competencias
Emplea las herramientas
de los paneles, a aplicar
transparencias, máscaras
de opacidad, degradados de
transparencia, los diferentes
modos de fusión.
Actividades sugeridas para el
alumno
Proyecto 5-03 Degradado
transparente
Proyecto 5-04 Degradado
transparente en fotografías
Proyecto 5-05 Conociendo los
Modos de fusión
Realiza diferentes
combinaciones de objetos por
medio del panel buscatrazos Proyecto 5-06 Combinación
a través de la realización
de objetos para crear formas
de diferentes ejercicios
compuestas
reafirmando los conceptos
aprendidos.
Aplica cada uno de los
efectos de Adobe®
Illustrator® para conocer sus
características.
Tutorial Sugerido
Video 5-03 Panel
Transparencia y Panel
Opacidad
Video 5-04 Blending Modes
(Modos de fusión)
Recursos
Lámina 5-02 Blending Modes
(Modos de fusión)
Video 5-05 Pathfinder (Panel
Buzcatrazos)
Proyecto 5-07 Trabajando con
Video 5-06 Ajustes de los
efectos
efectos de rastrillado
Evaluación 05
Lámina 5-03 Efectos
XI
Diseño Vectorial
Illustrator® CS5
Unidad
Tema
Subtema
tema A Los elementos del
dibujo vectorial
Comprender los elementos
del dibujo vectorial
aplicando conceptos como
puntillismo, línea, ritmo,
contorno y forma al crear
composiciones.
tema B El espacio
Definir el concepto de
espacio al analizar la
relación que existe entre
los objetos de un plano
básico.
tema C Los Símbolos
Identificar lo que es un
símbolo, cómo crearlos y
guardarlos en la librería de
Illustrator®.
6 - Elementos de dibujo
vectorial
Sesiones Sugeridas 6
Creación de contornos
tema D Organización del
texto
Texto en un trazado
Envolventes
Utilizar herramientas para
deformar el texto por
medio de envolventes
y ajustar el texto a un
trazado.
tema E Vectores 3D
Aprender a crear
elementos con efectos 3D.
tema F Archivos
Identificar y describir los
formatos en que pueden
guardarse los archivos
creados en Illustrator®
dependiendo el tipo de
salida que tendrán.
Formatos
XII
Objetivos
Preparando un archivo
para imprenta
Propuesta Didáctica
Competencias
Reconoce los principales
elementos que componen
una ilustración vectorial
para crear composición que
integren estos elementos.
Actividades sugeridas para el
alumno
Tutorial Sugerido
Actividad 6-01 Técnica de
puntillismo y línea
Recursos
Lámina 6-01 Los elementos
del dibujo vectorial
Actividad 6-02 Los elementos
del diseño gráfico
Proyecto 6-01 Composición
artística libre
Identifica la relación de los
elementos con el plano y de
los elementos entre sí.
Actividad 6-03 Reflexión sobre
perspectiva
Proyecto 6-02 Generando
perspectiva
Proyecto 6-03 Ilustrando una
fotografía
Reconoce lo que es un
símbolo, aprender a crearlos
y guardarlos en la librería de
Illustrator®.
Proyecto 6-04 Creando un
símbolo
Define los tres tipos de
fuentes, aplicar envolventes
a texto para crear efectos en
texto y que es posible acoplar
texto en un trazo.
Proyecto 6-05
Experimentando con texto
Crea elementos con efectos
de 3D.
Proyecto 6-07 Creando un
texto 3D
Describe 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.
Proyecto 6-06 Página Interna
de una revista
Actividad 6-04 Reconociendo
formatos
Evaluación 06
Video 6-01 Formatos de
Archivos
Lámina 6-02 Principales
requisitos y normas de
impresión
XIII
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
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
1
2
3
4
5
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.
Un id ad
01
NIVEL: Básico
Introducción a
I l lus trator ®
DURACIÓN SUGERIDA: 5 SESIONES / 45-50 MINUTOS
Durante el desarrollo de esta unidad aprenderás a:
AConocer 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.
DConocer 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.
Diseño Vectorial Illustrator
Autor:
Carlos Zepeda Chehaibar
®
CS5
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®
1-01
LÁMINA
10
Historia de Adobe®
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
llamados puntos de control, manejadores o
manecillas.
Imagen 1-3: Ejemplo ojo vectorizado
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
Imagen 1-5: Imagen vectorizada
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
Introducción a Illustrator
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
1-02
LÁMINA
Vectores vs. Bitmaps
ACTIVIDAD
1-01
Vectores vs. Bitmaps
1. Un mapa de bits (bitmap) está formado por una matriz o arreglo de puntos, cada uno de
ellos con 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
Introducción a Illustrator
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áticamente.
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:
1
2
3
4
7
5
6
8
10
11
9
12
13
14
15
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
Introducción a Illustrator
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.
Tipo de documento
Nombre del 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.
1-01
VIDEO
18
Abriendo y creando un documento nuevo
Introducción a Illustrator
ACTIVIDAD
1-02
Reafirmando conceptos clave
y abriendo archivos
1. Describe lo que entiendes para cada uno de estos conceptos de Illustrator®:
a.Picas
Sistema de 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:
6
1
2
4
3
5
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
Introducción a Illustrator
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.
T IP
Como el espacio de trabajo es personalizable,
es recomendable utilizar la distribución
predeterminada mientras te familiarizas
con la aplicación. Utiliza el menú Window/
Workspace/Essentials (Ventana/Espacio de
trabajo/Objetos esenciales).
La interfaz y el área de trabajo
En Adobe® Illustrator® el área de trabajo de un documento ocupa todo el espacio dentro de la
ventana de la 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
D
Imagen 1-13: Espacio de trabajo.
T IP
Para ver todas las áreas en Illustrator®
puedes utilizar el menú View/Show Print
Tiling (Ver/Mostrar margen de página).
Si el margen está oculto, no se verán las
líneas punteadas que delimitan el área
imprimible.
1-02
VIDEO
22
El espacio de trabajo
Introducción a Illustrator
ACTIVIDAD
1-03
Identificando el espacio de trabajo
En equipos de 2 a 4 personas y en medio pliego de papel bond o cartulina, dibujen las áreas
que conforman el espacio de trabajo Essentials de Adobe® Illustrator®. Utilicen colores, papeles
de color, revistas, 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.
A
El área de pruebas es la parte exterior de la mesa de trabajo que se extiende hasta el borde de la ventana.
A
El área de imagen es imprimible.
E
Los paneles sirven para cambiar aspectos de los elementos del archivo.
E
La barra de 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
01
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.
Un id ad
02
NIVEL: Básico
Pa nel
Her ra m ientas
DURACIÓN SUGERIDA: 5 SESIONES / 45-50 MINUTOS
Durante el desarrollo de esta unidad aprenderás a:
AIdentificar 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.
Diseño Vectorial Illustrator
Autor:
Carlos Zepeda Chehaibar
®
CS5
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
Si el panel herramientas está
oculto, muéstralo con el menú
Window/Tools (Ventana/Herramientas).
Panel Herramientas
Herramientas de
Selección
Atajo
Función
Herramienta de selección
<V>
Selecciona y mueve los objetos.
Selección Directa
<A>
Selecciona puntos o nodos de un
objeto para manipularlo.
Selection
Direct Selection
Permite seleccionar como grupo
los elementos que conforman a un
objeto.
Selección de Grupos
Group Selection
Varita Mágica
Magic Wand
Herramienta de lazo
Lasso
Mesa de Trabajo
Artboard
Imagen
<Y>
Selecciona vectores que se
encuentran dentro de un rango de
color parecido al vector elegido.
<Q>
Permite seleccionar libremente áreas
de la imagen.
<Shift+O>
Crea mesas de trabajo
independientes para la impresión o
la exportación.
2-01
VIDEO
Herramientas
de Dibujo
Herramientas de Selección
Atajo
Función
Pluma
<P>
Dibuja líneas rectas y curvas para crear
objetos.
Añadir punto de ancla
<+>
Agrega puntos de ancla a trazos.
Eliminar punto de ancla
<->
Elimina puntos de ancla de los trazos.
Pen
Add Anchor Point
Delete Anchor Point
Convertir punto de ancla
Convert Anchor Point
<>
Imagen
Cambia vértices redondeados a vértices
cuadrados y viceversa.
27
Diseño Vectorial
Illustrator® CS5
Herramientas
de Dibujo
Segmento de línea
Liner Segment
Atajo
<\>
Arc
Espiral
Dibuja espirales en ambos sentidos.
Spiral
Cuadrícula rectangular
Dibuja cuadrículas rectangulares.
Rectangular Grid
Dibuja cuadrículas de gráficas
circulares.
Cuadrícula polar
Polar Grid
Rectangle
<M>
Rounded Rectangle
Elipse
<L>
Polígono
Estrella
Dibuja estrellas.
Star
Crea efectos de destello de una lente o
solar.
Destello
Flare
Pencil
<N>
Suavizar
Borrador de trazos
Borra trazados y puntos de ancla del
objeto.
Path Eraser
Perspective Grid
Selección de perspectiva
Perspective Selection
28
Dibuja y modifica líneas a mano alzada.
Suaviza las curvas Bézier.
Smooth
Cuadrícula de perspectiva
Dibuja círculos y elipses.
Dibuja formas regulares de varios lados.
Polygon
Lápiz
Dibuja cuadrados y rectángulos.
Dibuja cuadrados y rectángulos con
vértices redondeados.
Rectángulo redondeado
Elipse
Dibuja segmentos de línea rectos
individuales.
Dibuja segmentos de curva cóncavos y
convexos individuales.
Arco
Rectángulo
Función
<Shift+P>
Permite crear e interpretar ilustraciones
en perspectiva.
<Shift+V>
Permite colocar objetos, texto y
símbolos en perspectiva, mover objetos
en perspectiva y mover objetos en
perpendicular a su dirección actual.
Imagen
Panel Herramientas
2-02
VIDEO
Herramientas
de Zoom y
Desplazamiento
Mano
Herramientas de Dibujo
Atajo
<H>
Hand
Print Tiling
<Z>
Zoom
Imagen
Mueve la mesa de trabajo dentro de la
ventana de ilustración.
Ajusta la cuadrícula de la página para
controlar dónde aparece la ilustración en la
página impresa.
Segmentación de impresión
Zoom
Función
Aumenta y reduce la ampliación de la vista
del documento.
2-03
VIDEO
Herramientas
de Visualización
Opciones de Visualización
Modo Normal
Normal Screen Mode
Herramientas de zoom y desplazamiento
Atajo
<F>
Pantalla completa
<F>
Full Screen Mode
Imagen
<F>
Pantalla completa con menús
Full Screen Mode with Menu Bar
Función
29
Diseño Vectorial
Illustrator® CS5
ACTIVIDAD
2-01
Investigando herramientas
Contesta las siguientes preguntas. Si tienes dudas puedes consultar la ayuda del programa o bien
probar las herramientas en un documento.
1. ¿Para qué sirve la herramienta Hand (Mano)?
La herramienta Mano sirve para mover la ventana de trabajo de la 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
None (/)
Gradient (>)
Imagen 2-2: Selector de color.
Color (<)
T IP
Para intercambiar los colores de relleno
y de trazo, haz click sobre el icono de
doble flecha.
Así, haces que el
color que se encontraba en el recuadro
del trazo pase al frente como color de
relleno.
¿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
Para visualizar las opciones de panel
haz clic en el botón
situado en
la esquina superior derecha. Se puede
abrir un menú de panel incluso cuando
el panel está minimizado.
PROYECTO
2-01
Dibujando figuras simples para
un 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:
¤¤
¤¤
¤¤
¤¤
Size (Tamaño): Letter (Carta)
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.
Imagen 2-7: Ejemplo del paso 8.
9.
Selecciona la elipse y toma la herramienta Convert
Anchor Point (Convertir punto de ancla), que se encuentra
en el panel herramientas, agrupada en el mismo 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.
Imagen 2-8: Ejemplo del paso 10.
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>.
Imagen 2-9: Ejemplo del trazo de la caja.
13.Localiza el panel Pathfinder (Buscatrazos). Si no
está visible utiliza el menú Window/Pathfinder (Ventana/
Buscatrazos) presiona <Alt> y da clic en la 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
ACTIVIDAD
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
Atajo
Función
Rotar
<R>
Gira objetos alrededor de un
punto fijo.
Reflejo
<O>
Refleja objetos respecto a un eje
fijo.
Escala
<S>
Cambia de tamaño los objetos en
torno a un punto fijo.
Rotate
Reflect
Scale
Distorsión
Inclina objetos respecto a un
punto fijo.
Reformar
Suaviza o modifica trazos sin
cambiar su forma original.
Shear
Reshape
Anchura
Width
<Shift+W>
Imagen
Permite crear trazos de anchura
variable.
39
Diseño Vectorial
Illustrator® CS5
Herramientas
de Reforma
Deformar
Warp
Atajo
<Shift+R>
Función
Moldea objetos con el
movimiento del cursor.
Crea distorsiones en espiral en
un objeto.
Molinete
Twirl
Fruncir
Desinfla o adelgaza objetos.
Pucker
Infla un objeto alejando los
puntos de control del cursor.
Engordar
Bloat
Añade al contorno de un objeto
detalles en forma de arco
redondeados.
Festonear
Scallop
Añade detalles en punta
aleatorios al contorno de un
objeto.
Cristalizar
Crystallize Tool
Añade detalles con aspecto de
arruga al contorno de un objeto.
Arrugar
Wrinkle Tool
Transformación libre
Free Transform Tool
Creador de formas
Shape Builder Tool
Fusión
Blend Tool
<E>
<Shift+M>
<W>
Escala, rota o sesga la selección.
Combina formas simples para
crear formas complejas y
personalizadas.
Crea una serie de objetos
fusionados con el color y la
forma de varios objetos.
2-06
VIDEO
40
Herramientas de Reforma
Imagen
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
2-04
Haciendo una caja de regalo Parte 2
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.
Herramientas
de Pintura
Pincel
Paintbrush
Pincel de manchas
Blob Brush
Malla
Mesh
Degradado
Gradient
Cuentagotas
Eyedropper
42
Atajo
<B>
<Shift+B>
Función
Dibuja líneas a mano alzada y
caligráficas, además de añadir
dibujos y trazos de los pinceles de
cerdas a los ya existentes.
Dibuja trazos que expanden y
combinan automáticamente
trazos de pincel caligráfico que
comparten el mismo color y que
son consecutivos en el orden de
apilamiento.
<U>
Crea y edita mallas y envolventes de
malla.
<G>
Ajusta los puntos inicial y final, así
como el ángulo de los degradados
dentro de los objetos.
<I>
Toma y aplica atributos de color,
texto y de apariencia, incluidos los
efectos de los objetos.
Imagen
Panel Herramientas
Herramientas
de Pintura
Atajo
Medición
Live Paint Bucket
Selección de pintura
interactiva
Live Paint Selection
Imagen
Mide la distancia entre dos puntos.
Measure
Bote de pintura interactiva
Función
<K>
Pinta las caras y los bordes de los
grupos de pintura interactiva con los
atributos de pintura actuales.
<Shift+L>
Selecciona las caras y los bordes de
los grupos de pintura interactiva.
2-07
VIDEO
Herramientas
de Símbolos
Rociar símbolo
Symbol Sprayer
Desplazar símbolo
Symbol Shifter
Herramientas de Pintura
Atajo
<Shift+S>
Función
Coloca varias instancias de un
símbolo como un conjunto en la
mesa de trabajo.
Mueve instancias de un símbolo.
Reunir/Separar símbolos
Acerca o aleja las instancias de
símbolo.
Cambiar tamaño de símbolo
Cambia el tamaño de instancias de
un símbolo.
Symbol Scruncher
Symbol Sizer
Girar símbolo
Symbol Spinner
Manchar símbolo
Symbol Stainer
Rota instancias de símbolo.
Colorea instancias de símbolo.
Translucir símbolo
Aplica opacidad a instancias de
símbolo.
Aplicar estilo a símbolo
Aplica el estilo seleccionado a
instancias de símbolo.
Symbol Screener
Symbol Styler
Imagen
43
Diseño Vectorial
Illustrator® CS5
2-08
VIDEO
Herramientas
de Gráficas
Gráfica de columnas
Column Graph
Gráfica de columnas apiladas
Stacked Column Graph
Atajo
<J>
Función
Crea gráficas que comparten valores mediante
columnas verticales.
Crea gráficas similares a las de columnas pero
apila las columnas una sobre otra en vez de
acomodarlas lateralmente.
Gráfica de barras
Crea gráficas similares con columnas colocadas
en forma horizontal como barras.
Gráfica de barras apiladas
Crea gráficas de barras similares a las de
columnas pero apiladas horizontalmente.
Bar Graph
Stacked Bar Graph
Gráfica lineal
Line Graph
Gráfica de áreas
Area Graph
Gráfica de dispersión
Scatter Graph
Gráfica de pastel
Pie Graph
Gráfica de radar
Radar Graph Tool
44
Herramientas de Símbolos
Crea gráficas que utilizan puntos para
representar uno o más conjuntos de valores,
con una línea diferente para unir los puntos
de cada conjunto. Se utiliza para mostrar la
tendencia de uno o varios conceptos durante un
periodo de tiempo.
Crea gráficas similares a las de líneas pero
resalta los totales, además de los cambios de
valor.
Crea gráficas que traza puntos de datos como
pares de coordenadas en los ejes “x/y”, sirven
para identificar tendencias en los datos y si las
variables influyen entre sí.
Crea gráficas circulares cuyas porciones
representan los porcentajes relativos de los
valores comparados.
Crea gráficas que comparan conjuntos de
valores en puntos determinados en el tiempo
o en categorías concretas. Se muestran en
formato circular, también se le conoce como
gráfica de red.
Imagen
Panel Herramientas
2-09
VIDEO
Herramientas de Gráficas
ACTIVIDAD
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, biologí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.
45
Diseño Vectorial
Illustrator® CS5
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
Atajo
Función
Color
<<>
Agrega color sólido al relleno y contorno de
la ilustración.
Degradado
<>>
Agrega degradado al relleno de la figura o
ilustración.
Ninguno
</>
Sin color tanto en el relleno como en el
contorno de la imagen vectorial.
Color
Gradient
None
Imagen
PROYECTO
2-05
Haciendo una caja de regalo Parte 3
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.”.
46
Panel Herramientas
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:
¤¤
¤¤
¤¤
¤¤
Size (Tamaño): Letter (Carta)
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.
47
Diseño Vectorial
Illustrator® CS5
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
Slice
Seleccionar sector
Slice Select
Borrador
Eraser
Tijeras
Scissors
Cuchilla
Knife
48
Atajo
Función
<Shift+K>
Divide las ilustraciones en imágenes
independientes.
<>
Selecciona sectores.
<Shift+E>
Borra cualquier área del objeto sobre
la que pase al arrastrar.
<C>
Corta trazos por puntos específicos.
Corta objetos y trazos.
Imagen
Panel Herramientas
2-10
VIDEO
Herramientas de Sector y Cuchilla
Herramientas de texto
Illustrator® proporciona las siguientes herramientas de texto:
Herramientas
de Texto
Texto
Atajo
<T>
Type
Texto de área
Area Type
Texto en trazado
Type on a Path
Texto vertical
Vertical Type
Texto de área vertical
Vertical Area Type
Texto vertical en trazado
Vertical Type on a Path
Función
Imagen
Crea texto y contenedores de texto
individuales, permitiendo también introducir
y modificar texto.
Convierte los trazos cerrados en
contenedores de texto y permite introducir y
modificar el texto en su interior.
Convierte trazos en trazos de texto
permitiendo introducir y modificar el texto
de los mismos.
Crea textos y contenedores de texto
verticales permitiendo introducir y modificar
el texto vertical.
Convierte trazos cerrados en contenedores
de texto vertical permitiendo introducir y
modificar el texto de los mismos.
Convierte los trazos en trazos de texto
vertical permitiendo introducir y modificar el
texto de los mismos.
2-11
VIDEO
Herramientas de Texto
49
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
Contesta las preguntas correctamente.
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
Capas: Por defecto, Illustrator asigna un color único a cada capa (hasta
nueve colores) del panel Capas. El color se muestra al lado del nombre de la
capa en el panel.
Un id ad
03
NIVEL: Básico
Pa neles de A dobe ®
I l lus trator ® Pa r te 1
DURACIÓN SUGERIDA: 5 SESIONES / 45-50 MINUTOS
Durante el desarrollo de esta unidad aprenderás a:
AIdentificar 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.
Diseño Vectorial Illustrator
Autor:
Carlos Zepeda Chehaibar
®
CS5
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).
T IP
Para una mejor organización de tu
trabajo es importante nombrar las
capas. Basta con dar doble clic sobre
el nombre de la capa y escribir el de
tu elección.
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
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).
capa
activa
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
.
3-01
VIDEO
54
Capas
Paneles de Adobe Illustrator Parte 1
ACTIVIDAD
3-01
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 casilla Template (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
ACTIVIDAD
3-02
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
Paneles de Adobe Illustrator Parte 1
PROYECTO
3-01
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
Eje “X”
La imagen se mueve sobre el eje de las
“X” (horizontal).
Eje “Y”
Colorea instancias de símbolo.
Ancho (W)
Aplica opacidad a instancias de
símbolo.
Alto (H)
Rotate (Rotar)
Shear (Distorsión)
Aplica el estilo seleccionado a instancia
de símbolo.
Gira un objeto con respecto al punto de
referencia.
Permite inclinar un objeto vertical y
horizontalmente.
Actions (Panel de Acciones)
El panel de acciones se puede mostrar con el menú
Window/Action (Ventana/Acciones). Las acciones,
son secuencias que permiten la 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
Paneles de Adobe Illustrator Parte 1
ACTIVIDAD
3-03
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
ALTO
Aumenta o disminuye el tamaño vertical
ROTAR
Se mueve en el eje “Y”
Aumenta o disminuye el tamaño horizontal
DISTORSIÓN
Gira la capa con respecto al punto de referencia
Se mueve conforme al eje de las “X”
EJE “Y”
ANCHO
EJE “X”
4. Tomando como base la figura del primer recuadro, dibuja la 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.
T IP
Muchos paneles se pueden expandir o
contraer para mostrar más o menos opciones.
Los paneles expandibles se identifican porque
junto a su nombre muestran una doble flecha
vertical
. Para expandir o contraer los
paneles da doble clic sobre la doble flecha.
Appearance (Panel de apariencia)
En Adobe® Illustrator® el panel Appearance (Apariencia) sirve para ver y ajustar los atributos
de apariencia de un objeto, grupo o capa. Para mostrar el panel selecciona menú Window/
Appearance (Ventana/Apariencia).
Los atributos de apariencia son propiedades que afectan el aspecto de un objeto sin alterar
su estructura. Si se aplica un atributo de apariencia a un objeto y posteriormente ese atributo
se edita o se quita, no cambia al objeto original. Los atributos de apariencia son los rellenos,
trazos, transparencias y efectos. En muchas actividades previas has trabajado al menos con dos
atributos de apariencia 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
Paneles de Adobe Illustrator Parte 1
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.
3-02
VIDEO
Panel Appearence (Apariencia)
61
Diseño Vectorial
Illustrator® CS5
PROYECTO
3-02
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
panel. Si el orden de los atributos no es como en
esta figura, puedes arrastrarlos para reordenarlos
correctamente.
62
Imagen 3-12: Relleno en panel Apariencia.
Paneles de Adobe Illustrator Parte 1
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.
3-03
VIDEO
Paneles
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
Paneles de Adobe Illustrator Parte 1
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.
3-04
VIDEO
Máscaras de recorte
PROYECTO
3-03
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 de Adobe Illustrator Parte 1
ACTIVIDAD
3-04
Paneles
Relaciona los paneles de Adobe® Illustrator® que estudiamos anteriormente, con la función que
les corresponde.
Paneles
Funciones
Guarda secuencias que permiten
la automatización de tareas
repetitivas en Adobe® Illustrator®.
Permite modificar numéricamente
y con gran exactitud un objeto
seleccionado: escalarlo, voltearlo,
darle perspectiva o distorsionarlo.
Sirve para distribuir elementos
unos con otros o distribuirlos
uniformemente en el espacio.
Sirve para ver y ajustar los atributos
de un objeto, grupo o capa.
Almacena combinaciones de
colores, efectos y transparencias
para su rápida aplicación.
67
Diseño Vectorial
Illustrator® CS5
ACTIVIDAD
3-05
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
Paneles de Adobe Illustrator Parte 1
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).
ACTIVIDAD
3-06
Agrupar y desagrupar
1. ¿Qué es agrupar varios objetos?
Agrupar varios objetos es unirlos para poder moverlos y tranformar al mismo
Agrupar
y desagrupar
tiempo
sin alterar sus posiciones relativas o atributos individuales.
2. Esquematiza los pasos que se deben seguir para agrupar y desagrupar un objeto en Illustrator.
Agrupar
1. Seleccionas los objetos para agrupar
2. Vas al menú Objeto/Agrupar
o con <Ctrl+G>
Desagrupar
1. Seleccionar el grupo
2. Vas al menú Objeto/Desagrupar
o con <Ctrl+Shift+G>
69
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
03
Contesta las preguntas correctamente.
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.
Un id ad
04
NIVEL: Básico
C olor
DURACIÓN SUGERIDA: 5 SESIONES / 45-50 MINUTOS
Durante el desarrollo de esta unidad aprenderás a:
AConocer 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.
Diseño Vectorial Illustrator
Autor:
Carlos Zepeda Chehaibar
®
CS5
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 del uso que se le dé.
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
Fotografía cortesía de Thy Bun. Usada con permiso.
¤¤ 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: Los colores oscuros son tonos que tienen negro en su composició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.
Fotografía cortesía de Thy Bun. Usada con permiso.
¤¤ 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.
4-01
LÁMINA
Color
73
Diseño Vectorial
Illustrator® CS5
ACTIVIDAD
4-01
Comprendiendo el color
Contesta las preguntas correctamente.
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
luz blanca
prisma o vidrio
rojo
amarillo
verde
azul
índigo y violeta
Isaac Newton
luz del Sol
siete
1666
Isaac Newton
descubrió en el año
luz blanca
siete
que la
estaba formado, por
colores: rojo, amarillo, verde, azul, índigo y violeta
Demostró su descubrimiento al descomponer un rayo de
luz del sol
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
ACTIVIDAD
4-02
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.
T IP
76
En el panel de color Illustrator® los
colores primarios se identifican como
Yellow (Amarillo), Pure Red (Rojo puro) y
Pure Blue (Azul Puro).
Color
¤¤ Colores complementarios: En el 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
ACTIVIDAD
4-03
Diagramas de color
1. En un nuevo documento de Illustrator®, tamaño carta, modo de color RGB, realiza los
siguientes diagramas:
¤¤ C
olores Primarios
¤¤ Colores Secundarios
¤¤ Colores Terciarios
En cada diagrama especifica el nombre del color y pon un 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.
R=153
G=0
B=0
R=73
G=48
B=173
R=5
G=29
B=171
Imagen 4-10: Círculo Cromático.exe
R=245
G=0
B=51
R=255 R=254
R=73
G=0
G=92
G=48
B=0
B=51
B=137
R=5
R=254
G=29
G=255
B=171
B=51
R=2
G=48
B=197
R=10
G=188
B=0
R=254
G=92
B=51
R=254
G=171
B=51
R=254
G=255
B=51
R=10 G=188
B=0
R=0
G=184
B=190
78
R=255
G=0
B=0
R=9
G=216
B=0
Color
PROYECTO
4-01
Colores 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
ACTIVIDAD
4-04
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
ACTIVIDAD
4-05
Los modos de color
1. Explica qué es un Modo de color.
Los modos de color son modelos que tratan de representar los colores de
la naturaleza por ser visualizados en pantalla e 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.
Modos de color
Color Lab
colores
luminosos
Escala de grises
monocromáticos
tono continuo
Color RGB
Color CMYK
rojo, verde, azul
cyan,magenta,amarillo,negro
Imágenes en pantalla
Imágenes de impresión
combinación de luz
Absorción de luz por tintas
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).
4-01
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
04
Contesta las preguntas correctamente.
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
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.
Un id ad
Pa neles de A dobe ®
I l lus trator ® Pa r te 2
05
NIVEL: Básico
DURACIÓN SUGERIDA: 9 SESIONES / 45-50 MINUTOS
Durante el desarrollo de esta unidad aprenderás a:
AAprender las herramientas de los paneles para lograr transparencias,
modos de fusionar dibujos e imágenes, a utilizar las máscaras de opacidad,
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.
DComparar 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.
Diseño Vectorial Illustrator
Autor:
Carlos Zepeda Chehaibar
®
CS5
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:
1. Utiliza cualquier herramienta de
selección para elegir el objeto
cuyos atributos de trazo deseas
modificar.
2. Muestra el panel Stroke (Trazo)
desde el menú Window/Stroke
(Ventana/Trazo).
Grosor
Remates
Línea
punteada
Puntas de
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
Paneles de Adobe Illustrator Parte 2
¤¤ 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>.
5-01
VIDEO
Panel de Trazo
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.
5-02
VIDEO
Panel de Pinceles
Gradient (Panel de Degradado)
En el panel Gradient (Degradado) es posible elegir entre degradados radiales y lineales, así
como especificar el ángulo del degradado y la 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
Paneles de Adobe Illustrator Parte 2
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.
5-03
VIDEO
Panel de Degradado
PROYECTO
5-01
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
90
Nombre de la plantilla
Tarjeta de presentación vertical
tarjetas02.ait
Exterior de caja para CD (Posterior)
cd charola ext.ait
Interior de caja para CD
cd charola int.ait
Frente de caja para CD
cd panel frontal.ait
CD
etiqueta de cd.ait
Folder con un sobre interno
folder01.ait
Folder con 2 sobres internos
folder02.ait
Sobre
sobre-mini.ait
Paneles de Adobe Illustrator Parte 2
ACTIVIDAD
5-01
Identificando paneles
Relaciona los paneles de Adobe® Illustrator® que estudiamos anteriormente, con la función que
le corresponde.
Paneles
Funciones
Contiene cinco tipos de pinceles
(caligráficos, de dispersión, de arte,
de motivo y de cerdas) que se utilizan
para añadir un efecto artístico a los
trazados.
Almacena conjuntos de colores,
matices, degradados y motivos para
poder aplicarlos rápidamente.
Ayuda a determinar si una línea es
continua o punteada, el grosor de la
línea, el ángulo mínimo, el estilo de
las líneas y sus remates.
Permite directamente elegir un color
de relleno o contorno de cuatro
formas diferentes.
Es posible elegir entre radiales y
lineales, así como especificar el
ángulo y la ubicación de los colores.
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.
5-01
LÁMINA
Logotipos
ACTIVIDAD
5-02
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
Paneles de Adobe Illustrator Parte 2
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
que tengas de la marca ¿A quién crees que va dirigida (niños, niñas, jóvenes, adultos,
ancianos)? ¿Por qué?
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
que tengas de la marca ¿A quién crees que va dirigida (niños, niñas, jóvenes, adultos,
ancianos)? ¿Por qué?
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
5-02
Creando un logotipo
1. Crea en una hoja en blanco dos o tres ideas para un posible logotipo que te represente.
Puedes utilizar cualquier elemento de 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
Paneles de Adobe Illustrator Parte 2
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.
5-04
VIDEO
Panel de transparencia y máscara de opacidad
95
Diseño Vectorial
Illustrator® CS5
PROYECTO
5-03
Degradado transparente
1. Crea un documento nuevo con las siguientes propiedades:
¤¤
¤¤
¤¤
¤¤
Size (Tamaño): Letter (Carta)
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.
Imagen 5-5: Crear una máscara de opacidad.
7. Cambia a color blanco los dos selectores de color del panel de herramientas.
8. Crea un cuadrado de 8 x 8 cm. El 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
Paneles de Adobe Illustrator Parte 2
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
5-04
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.
Imagen 5-7: Ejemplo de máscara con degradado
Imagen 5-8: Panel de transparencia
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)
5-02
LÁMINA
98
Blending Modes (Modos de fusión)
Paneles de Adobe Illustrator Parte 2
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)
5-05
VIDEO
Blending Modes (Modos de fusión)
PROYECTO
5-05
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)
El panel Pathfinder (Buscatrazos) sirve para combinar
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
menú Window/Pathfinder (Ventana/Buscatrazos).
Imagen 5-9: Panel 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
Paneles de Adobe Illustrator Parte 2
¤¤ 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.
5-06
VIDEO
Pathfinder (Panel buscatrazos)
101
Diseño Vectorial
Illustrator® CS5
PROYECTO
5-06
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
Paneles de Adobe Illustrator Parte 2
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.
5-07
VIDEO
Ajustes de los efectos de rastrillado
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
Paneles de Adobe Illustrator Parte 2
¤¤ 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
Paneles de Adobe Illustrator Parte 2
¤¤ 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.
5-03
LÁMINA
108
Efectos
Paneles de Adobe Illustrator Parte 2
¤¤ 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
5-07
Trabajando con efectos
1. Importa a Illustrator® la imagen Insecto.bmp, que se encuentra en los Recursos Digitales.
2. Duplica varias veces la 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
características.
de Adobe® Illustrator® para conocer sus
EVALUACIÓN
05
Contesta las preguntas correctamente.
1. ¿Para qué sirve la máscara de opacidad?
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.
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.
110
Las herramientas de dibujo vectorial
por excelencia son:
Lápiz <N>: Permite realizar dibujos a
mano alzada.
Pluma <P>: Realiza un trazado
vectorial mediante posición de
nodos, a través de clics sobre el
área de
trabajo.
Un id ad
06
NIVEL: Básico
E lemento s de d ibu jo
vector ia l
DURACIÓN SUGERIDA: 6 SESIONES / 45-50 MINUTOS
Durante el desarrollo de esta unidad aprenderás a:
AComprender 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®.
DUtilizar 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.
Diseño Vectorial Illustrator
Autor:
Carlos Zepeda Chehaibar
®
CS5
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.
6-01
LÁMINA
112
Elementos del dibujo vectorial
Elementos de dibujo vectorial
ACTIVIDAD
6-01
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.
ACTIVIDAD
6-02
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.
113
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.
114
Elementos de dibujo vectorial
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).
115
Diseño Vectorial
Illustrator® CS5
PROYECTO
6-01
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.
116
Elementos de dibujo vectorial
ACTIVIDAD
6-03
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
6-02
Generando perspectiva
1. Abre en Illustrator® el documento Siluetas.ai que se encuentra en los Recursos Digitales.
El archivo contiene 6 siluetas de animales u objetos.
2. Utiliza el panel de Gradient (Degradado) y el panel de Color (Color), para aplicar degradados
suaves a los objetos, de modo que den la 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.
117
Diseño Vectorial
Illustrator® CS5
PROYECTO
6-03
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.
118
Elementos de dibujo vectorial
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.
TTIP
IP
En
cualquier
capa puedes hacer
sobre el icono del ojo para
cambiar el modo de visualización al modo
de Outline Mode (Trazado). Repite esta
acción para regresar al modo normal. Esto
te ayudará con el trazado.
<Ctrl+clic>
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.
119
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
6-04
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
Elementos de dibujo vectorial
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
6-05
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
Elementos de dibujo vectorial
PROYECTO
6-06
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.
T IP
Si vas a imprimir un documento que contenga texto,
usando una computadora diferente a la que se usó
para crear el archivo, es conveniente convertir el texto
en trazado o Curvas (Create Outlines). Esto garantiza
que el texto se imprima correctamente, aún cuando el
equipo de impresión no tenga instaladas las fuentes
que hayas utilizado.
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
6-07
Creando un texto 3D
1. Crea un nuevo documento de 5 x 5 cm.
2. Selecciona la herramienta Text (Texto) y escribe tu primer nombre, tu deporte favorito o una
palabra que te guste. Utiliza una fuente grande y clara. Dale color.
3. Selecciona el texto. Ve al menú Effect/Warp/Arc (Efecto/Envolver/Arco). En el cuadro de
opciones del efecto especifica los siguientes valores y aplica el efecto:
¤¤ Bend (Arqueado): 10%
¤¤ Horizontal (Horizontal): -30%
¤¤ Vertical (Vertical): 0%
4. Aplica el menú Effect/3D/Extrude & Bevel (Efecto/3D/Realce y biselado). Introduce los
siguientes valores en el cuadro de diálogo y aplica el efecto:
¤¤ Position (Posición): Off-Axis Front
¤¤ X:: -18º
¤¤ Y: -26º
124
Elementos de dibujo vectorial
¤¤ 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.
6-01
VIDEO
Formatos de archivo
T IP
Illustrator® no cuenta con todos los datos
necesarios para volver a abrir los formatos
“no nativos” en la aplicación. Por eso,
guarda siempre tu trabajo en formato AI,
hasta que sea indispensable usar algún
otro formato.
Preparando un archivo para imprenta
T IP
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.
6-02
LÁMINA
126
Principales requisitos y normas de impresión
Elementos de dibujo vectorial
ACTIVIDAD
6-04
Reconociendo formatos
1. ¿Qué formatos son nativos de Illustrator®?
Los formatos nativos de Illustrator son: AI, EPS, PDF, de Adobe y SVG.
2. ¿Qué contiene un archivo EPS?
Los archivos EPS pueden contener tanto 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
06
Contesta las preguntas correctamente.
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 apretados.
2. ¿A qué se le conoce como figura-fondo?
Figura-Fondo es cuando dos extremos de una línea se unen y forman automáticamente 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

Documentos relacionados