Pit Emys Diseno Vectorial de La Ilustracion Al Diseno Editorial Con Illustrator Profesor

Diseño Vectorial
De la ilustración al diseño editorial con Illustrator

Carlos Zepeda Chehaibar
Profesor
INFORMÁTICA aprender haciendo
DISEÑO VECTORIAL
De la ilustración al diseño editorial con Illustrator
Autor
Carlos Zepeda Chehaibar
Apoyo en desarrollo y actividades

Samantha Méndez Domínguez
Coordinación editorial y revisión

Coordinación de ilustración Elsa Lesser Carrillo
Ramón Salas Gil
Diseño editorial
Ilustración de portada María Goretti Fuentes García
Armando Mendoza Hernández
Apoyo editorial
Ilustración de Interiores José Agustín Pedraza Nieto
Carlos Alberto León Rendón
Corrección de estilo
Jorge Zúñiga Reza
Elsa Lesser Carrillo
Ramón Salas Gil
Lorena Lara Manzano
Said Emmanuel Dokins Milián
Coordinación de Módulos de Instrucción Digital
Revisión de Recursos Digitales
Carlos Alberto León Rendón Sergio Jiménez Valenzuela
Fotografía Desarrollo de Módulos de Instrucción Digital

Carlos Zepeda Chehaibar Alma Rodríguez de Jesús
Dennise López Font
Resolución de actividades Luis Alfonso Jiménez Chávez
Samantha Méndez Domínguez Sergio Jiménez Valenzuela
DERECHOS RESERVADOS © 2007 MMVII por Grupo Educare S. A. de C. V.

Ésta 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.
Grupo Educare, el logotipo de Grupo Educare, el logotipo del Programa de Informática Educativa, son 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
Introducción e historia 1
Lamina de Apoyo 01 Historia de Illustrator 2
Ediciones de Adobe Illustrator 3
Actividad 01 Recordando 4
Imágenes vectoriales 4
Ventajas de los Vectores 5
Desventajas de los Vectores 6
Formatos de archivo 7
Imágenes de mapa de bits 7
Lamina de Apoyo 02 Vectores vs. Bitmaps 8
Actividad 02 Vectores vs. Bitmaps 8
Actividad 03 Recordando e investigando 9
Abriendo y creando un documento nuevo

en Adobe Illustrator (New) 11
Abrir archivos en Illustrator (Open) 12
MID 01 Abriendo y creando un documento
nuevo en Adobe Illustrator 13
Abrir archivos con Adobe Bridge 14

Gestión de archivos con Adobe Bridge 15
MID 02 Abrir archivos con Adobe Bridge y
Gestión de archivos con Adobe Bridge 15
Actividad 04 Reafirmando conceptos clave 16
Actividad 05 Abriendo archivos en Adobe Illustrator 17
Entorno de trabajo 18
La interfaz y el área de trabajo 19
MID 03 Entorno de trabajo de la interfaz y
el área de trabajo 20
Actividad 06 Identificando el área de trabajo 21
Barra de herramientas 22
MID 04 Herramientas de Visualización 23
MID 05 Herramientas de Selección 24
MID 06 Herramientas de Edición 26
Actividad 07 Investigando herramientas 26
Color de relleno (Fill) y color de trazo (Stroke) 27
Cómo se usan las paletas en Adobe Illustrator 28
CONTENIDO
MID 07 Color de relleno (Fill), color de trazo (Stroke)

y las paletas en Adobe Illustrator 28
Actividad 08 Dibujando figuras simples para un diseño 28
Actividad 09 Agitador de conciencia social 29
Actividad 10 Haciendo una caja de regalo (Parte 1) 31
Actividad 11 Identificando herramientas 33
Técnicas de ilustración con las herramientas 35

Uso de la herramienta Pluma (Pen Tool) 35
Uso de las sub-herramientas de Pluma 36
Uso de la herramienta Lápiz (Pencil Tool) 37
MID 08 Técnicas de pluma y lápiz artístico 37
Herramientas de Transformación 37
MID 09 Herramientas de Transformación 38
Herramientas de Pintura 39
Zona de selectores de color 42
Actividad 13 Reconociendo herramientas 42
MID 10 Herramientas de Pintura 42
Actividad 15 Creando gráficas 44
Herramientas de corte 45
MID 11 Herramientas de Corte 45
Las paletas de Adobe Illustrator parte 1 46

Paleta del Navegador (Navigator) 46
Paleta de Capas (Layers) 46
Crear nueva capa (Create New Layer) 47
Creación de capas plantilla (Templates) 47
Capa activa 47
Ocultar y mover capas 48
Bloqueo de capas (Lock) 48
Eliminar capas (Delete Selection) 48
MID 12 Capas 48
Actividad 16 Recordando: capas 48
Actividad 17 Capas reales 49
Actividad 18 Usando capas para organizar
una ilustración 51
Paleta de Transformación (Transform) 52
Paleta de Acciones (Actions) 52
Actividad 19 Recordando: acciones y transformaciones 53
Paleta de Alineación (Align) 54
CONTENIDO
Paleta de Apariencia (Appearance) 54

Paleta de estilos gráficos (Graphic Styles) 54
Actividad 20 Ejercicio básico para conocer
la paleta Apariencias (Appearance) 55
MID 13 Paletas 57
Máscaras de recorte en las capas (Clipping Mask) 57
MID 14 Máscaras de recorte 59
Actividad 21 Ejercicio de recorte de imagen 59
Actividad 22 Paletas flotantes 61
Actividad 23 Operaciones con capas 62
Color 63
¿Qué es el color? 63
Dimensiones del color 64
Actividad 24 Comprendiendo el color 66
Actividad 25 El color, la luz y el ojo 67
Clasificación del color 67
El Círculo Cromático 69
Actividad 26 Diagramas de color 69
Actividad 27 Creando un mural con colores
armónicos y complementarios 71
La psicología del color 72
Lámina de apoyo 03 Psicología del color y su clasificación 73
Actividad 28 Campaña publicitaria sobre
un producto alimenticio 73
Modos de color 74
Colores planos o directos (Pantones) 75
Actividad 29 Los modos de color 76
Paleta de color (Color) 77
MID 15 Paleta de color 78
Paleta de Muestras (Swatches) 78
MID 16 Paleta de muestras 79

Paleta de Trazo (Stroke) 79
MID17 Paleta de trazo 80
Paleta de Pinceles (Brushes) 80
MID 18 Paleta de pinceles 81
Paleta de Degradado (Gradient) 81
MID 19 Paleta de degradado 82
Actividad 30 Papelería de identificación personal 82
Actividad 31 Identificando paletas 84
CONTENIDO
Logotipos de identificación 85
Lámina de Apoyo 04 Cómo crear un logotipo 86
Actividad 32 Analizando logotipos 86
Actividad 33 Creando un logotipo 88

Paleta de Transparencia (Transparency) 89
Máscara de opacidad 89
MID 20 Paleta de transparencia y Máscara de opacidad 90
Actividad 34 Degradado transparente 90
Actividad 35 Degradado transparente en fotografías 91
Modos de fusión (Blending Modes) 92
MID 21 Modos de fusión (Blending Modes) 93
Actividad 36 Conociendo los Modos de fusión 93
Paleta Buscatrazos (Pathfinder) 94
MID 22 Paleta buscatrazos (Pathfinder) 95
Actividad 37 Combinación de objetos para crear
formas compuestas 96
Actividad 38 Fusión y Buscatrazos 97
Filtros y Efectos (Filter/Effect) 98

MID 23 Diferencias entre filtros y efectos y cómo aplicarlos 98
Ajustes de los efectos de rastrillado 99
MID 24 Ajustes de los efectos de rastrillado 99
Filtros y efectos Artísticos (Artistic) 99
MID 25 Filtros y efectos Artísticos (Artistic) 100
Filtros y efectos de Desenfocar (Blur) 100
Filtros y efectos de Trazos de pincel (Brush Stroke) 101
MID 26 Filtros y efectos de Desenfocar (Blur)
y Trazos de pincel (Brush Stroke) 101
Filtros y efectos de Distorsión (Distort) 101
Filtros y efectos Pixelar (Pixelate) 102
Filtros y efectos de Enfocar (Sharpen) 102
MID 27 Filtros y efectos de Enfocar (Sharpen),
de Pixelar (Pixelate) y de Distorsión (Distort) 102
Filtros y efectos de Bosquejar (Sketch) 102
MID 28 Filtros y efectos de Bosquejar (Sketch) 103
Filtros y efectos de Estilizar (Stylize) 103
Filtros y efectos de Textura (Texture) 103
MID 29 Filtros y efectos de Estilizar (Stylize) y
de Textura (Textura) 104
CONTENIDO
Filtros y efectos de Video (Video) 104

Actividad 39 Trabajando con Filtros 104
Agrupar y desagrupar objetos (Group and Ungroup) 105

Actividad 40 Agrupar y desagrupar 105
Los elementos del dibujo vectorial: Punto y línea 106

El punto 106
La línea 106
Actividad 41 Técnica de puntillismo y línea 107
Ritmo, Contorno y Forma 107

El ritmo 107
El contorno 108
La forma 108
Lámina de apoyo 05 Ritmo, Contorno y Forma 108
Actividad 42 Los elementos del diseño gráfico 108
El espacio 110
Los elementos del dibujo vectorial: Composición 110

La composición vectorial 111
Actividad 43 Composición artística libre 112
Actividad 44 Visitando el museo 112
Los elementos del dibujo vectorial: Perspectiva 113

Lámina de Apoyo 06 Sobre los elementos
del dibujo vectorial 113
Actividad 45 Reflexión sobre perspectiva 113
Actividad 46 Generando perspectiva 114
Actividad 47 Ilustrando una fotografía 115
Actividad 48 Ilustrando una fotografía 2 116
Los símbolos 116

Actividad 49 Creando un símbolo 117
Actividad 50 Recordando los elementos de diseño 118
Organización del texto: Diseño Editorial 119

Creación de contornos 119
Texto en un trazado 119
Envolventes 120
CONTENIDO
MID 30 Organización del texto 121

Actividad 51 Experimentando con texto 121
Actividad 52 Página interna de una revista 121
Vectores en 3D 123
Actividad 53 Página interna de una revista 123
Formatos de archivo 125

MID 31 Formatos de archivo 127
Actividad 54 Reconociendo formatos 127
Preparando un archivo para imprenta 129
Principales requisitos y normas de impresión 129
Proyecto de Integración 1
Calendario escolar 130
Tarjetas postales o de felicitación 131
Boletín del colegio 132
RECURSOS
Material Impreso
Este material forma parte de un conjunto de recursos que conforman el
Programa de Informática Educativa (PIE). 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 PIE de
Grupo Educare es la mejor manera de aprender haciendo.
Recursos Digitales
Los recursos digitales que acompañan 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 los conozcas y utilices en el curso.
Explicación Iconográfica
Actividad
Este icono nos indica un ejercicio que refuerza de manera
práctica e inmediata la parte teórica de este material.
MID. Módulo de Instrucción Digital

Es el material digital de los recursos del programa.
La representación en video de la parte teórica de este
volumen.
Nota
Las notas que verás dentro de tu texto, puntualizan la
teoría o los aspectos más importantes de un tema.
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.
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.
TIEMPO EN TEMAS SUBTEMAS COMPETENCIA
SEMANAS
A p re n d e la h isto ria y la s d ive rsa s

1 /2 S e m a n a In tro d u cció n e h isto ria E d icio n e s d e A d o b e Illu stra to r
a p lica cio n e s d e Ad o b e Ilu stra to r.
1 /2 S e m a n a Im á g e n e s ve cto ria le s V e n ta ja s d e lo s V e cto re s In d ica la s ve n ta ja s y d e sve n ta a s

D e sve n ta ja s d e lo s V e cto re s d e n tro d e la s im á g e n e s ve cto ria le s.
1 Sem ana F o rm a to s d e a rch ivo Im á g e n es d e m a p a d e b its E n cu e n tra la s d ife re n cia s a l cre a r

ve cto re s y m a p a d e b its.
A b rie n d o y cre a n d o u n
1 /2 S e m a n a P re p a ra u n n u e vo d o cu m e n to
d o cu m e n to n u e vo e n A d o b e A b rir a rch ivo s e n Illu stra to r
co n A d o b e Ilu stra to r.
Illu stra to r
A b rir a rch ivo s co n A d o b e G e stió n d e a rch ivo s co n A d o b e E la b o ra u n n u e vo d o cu m e n to co n
1 /2 S e m a n a B rid ge
B rid ge A d o b e B rid ge .
1 Sem ana L a in te rfa z y e l á re a d e tra b a jo C re a u n a in te rfa z d e n tro d e l e n to rn o

E n to rn o d e tra b a jo
d e tra b a jo .
H e rra m ie n ta s d e V isu a liza ció n

H e rra m ie n ta s d e S e le cció n A p lica la s h e rra m ie n ta s d e Ad o b e
H e rra m ie n ta s d e E d ició n Ilu stra to r e n a rch ivo s n u e vo s y e n
3 Sem anas B a rra d e h e rra m ie n ta s C o lo r d e re lle n o y co lo r d e tra zo a rch ivo s ya e xiste n te s.
C ó m o se u sa n la s p a le ta s e n A d o b e
Illu stra to r
U so d e la h e rra m ie n ta P lu ma
U so d e la s su b -h e rra m ie n ta s d e
P lu m a
U so d e la h e rra m ie n ta L á p iz C o n stru ye u n d ise ñ o a p lica n d o la s
T é cn ica s d e ilu stra ció n co n la s
2 Sem anas H e rra m ie n ta s d e T ra n sfo rm a ció n té cn ica s d e ilu stra ció n co n la s
h e rra m ie n ta s
H e rra m ie n ta s d e P in tu ra h e rra m ie n ta s.
Z o n a d e se le cto re s d e co lo r
H e rra m ie n ta s d e P in tu ra
H e rra m ie n ta s d e co rte
P a le ta d e l N a ve gado r
P a le ta d e C a p a s
C re a r n u e va ca p a
C re a ció n d e ca p a s p la n tilla
C a p a a ctiva
O cu lta r y m o ve r ca p a s C o n o ce lo s d ife re n te s tip o s d e p a le ta s
L a s p a le ta s d e A d o b e Illu stra to r B lo q u e o d e ca p a s
4 Sem anas y su a p lica ció n e n u n n u e vo d ise ñ o .
p a rte 1 E lim in a r ca p a s
P a le ta d e T ra n sfo rm a ció n
P a le ta d e A ccio n e s
P a le ta d e A lin e a ció n
P a le ta d e A p a rie n cia
P a le ta d e e stilo s grá fico s
M á sca ra s d e re co rte e n la s ca p a s
¿ Q u é e s e l co lo r?
D im e n sio n e s d e l co lo r
C la sifica ció n d e l co lo r
E l C írcu lo C ro m á tico In tre rp re ta e l u so d e l co lo r e n la
L a p sico lo gía d e l co lo r cre a ció n d e n u e vo s d ise ñ o s co n
3 Sem anas C o lo r Ad o b e Ilu stra to r.
M o d o s d e co lo r
C o lo re s p la n o s o d ire cto s
P a le ta d e co lo r
P a le ta d e M u e stra s
P a le ta d e T ra zo In tre rp re ta e l u so d e l co lo r e n la
L a s p a le ta s d e A d o b e Illu stra to r P a le ta d e P in ce le s
1 Sem ana p a rte 2 cre a ció n d e n u e vo s d ise ñ o s co n
P a le ta d e D e gra d a d o Ad o b e Ilu stra to r.
1 Sem ana Logo tip o s d e id e n tifica ció n L o g o tip o s d e id e n tifica ció n Id e n tifica y cre a n u e vo s lo go tip o s d e
id e n tifica ció n .
INDICADOR OBJETIVOS ACTIVIDADES SUGERIDAS PARA EL ALUMNO RECURSOS
(CONTENIDAS EN EL MATERIAL DE TRABAJO)
E la b o ra u n re su m e n e xp lica n d o la C o n o ce lo s o ríge n e s d e A d o b e C o m p u ta d o ra , m a te ria l d e a p o yo d e l

h isto ria d e Ad o b e Ilu stra to r. Ilu stra to r y su s a p lica cio n e s e n e l A ctivid a d 0 1 R e co rd a n d o a lu m n o y cd d e l a lu m n o
p ro gra m a a ctu a l.
E n lista la s ve n ta ja s y d e sve n ta ja s D ife re n cía la s ve n ta ja s y C o m p u ta d o ra y m a te ria l d e a p o yo d e l
qu e tie n e n la s im á g e n e s ve cto ria le s. d e sve n ta ja s d e n tro d e lo s ve cto re s a lu m n o
qu e e xiste n .
D e scrib e la s d ife re n cia s e n tre u n D istin gu e e l form a to y la a p lica ció n A ctivid a d 0 2 V e cto re s vs. B itm a p s C o m p u ta d o ra , m a te ria l d e a p o yo d e l
ve cto r y u n m a p a d e b its. e n tre u n ve cto r y u n m a p a d e b its A ctivid a d 0 3 R e co rd a n d o e in ve stiga n d o a lu m n o y cd d e l a lu m n o
C o n stru ye u n d o cu m e n to n u e vo co n A p re n d e a a b rir y cre a r u n n u e vo

C o m p u ta d o ra y m a te ria l d e a p o yo d e l
Ad o b e Ilu stra to r. d o cu m e n to co n Ad o b e Ilu stra to r. a lu m n o
E n u m e ra lo s a rch ivo s qu e co n tie n e R e co n o ce lo s a rch ivo s co n lo s que

A ctivid a d 0 4 R e a firm a n d o co n ce p to s cla ve C o m p u ta d o ra , m a te ria l d e a p o yo d e l
A d o b e B rid ge . se p u e d e n tra b a ja r e n A d o b e
A ctivid a d 0 5 A b rie n d o a rch ivo s e n A d o b e Illu stra to r a lu m n o y cd d e l a lu m n o
B rid ge .
U tiliza la s h e rra m ie n ta s d e l e n to rn o U b ica e l á re a d e tra b a jo d e A d o b e C o m p u ta d o ra , m a te ria l d e a p o yo d e l
A ctivid a d 0 6 Id e n tifica n d o e l á re a d e tra b a jo
d e tra b a jo a l cre a r u n a in te rfa z. Ilu stra to r a lu m n o y cd d e l a lu m n o
In ve stiga la fun ció n d e ca d a u n a d e

la s h e rra m ie n ta s d e tra b a jo .
D ib u ja figu ra s sim p le s e n u n n u e vo M a n e ja la s h e rra m ie n ta s d e Ad o b e A ctivid a d 07 In ve stiga n d o h e rra m ie n ta s
C o m p u ta d o ra , m a te ria l d e a p o yo d e l
d ise ñ o . Ilu stra to r e n d ife re n te s a rch ivo s. A ctivid a d 08 D ib u ja n d o figu ra s sim p le s p a ra u n d ise ñ o
a lu m n o y cd d e l a lu m n o
A p lica h e rra m ie n ta s n u e va s e n u n A ctivid a d 09 A gita d o r d e co n cie n cia so cia l
a rch ivo ya e xiste n te . A ctivid a d 10 H a cie n d o u n a ca ja d e re ga lo (P a rte 1 )
Id e n tifica la fu n ció n d e ca d a u n a d e A ctivid a d 11 Id e n tifica n d o h e rra m ie n ta s
la s h e rra m ie n ta s d e Ad o b e Ilu stra to r.
A p lica la s h e rra m ie n ta s p lu m a y A ctivid a d 12 H a cie n d o u n a ca ja d e re ga lo (P a rte 2 )

lá p iz e n u n a rch ivo ya e xiste n te . A ctivid a d 13 R e co n o cie n d o h e rra m ie n ta s
D e scrib e e l u so d e la s h e rra m ie n ta s P ro gra m a d ise ñ o s n u e vo s co n la s A ctivid a d 14 H a cie n d o u n a ca ja d e re ga lo (P a rte 3 ) C o m p u ta d o ra , m a te ria l d e a p o yo d e l
d e p in tu ra . h e rra m ie n ta s d e Ad o b e Ilu stra to r. A ctivid a d 15 C re a n d o grá fica s a lu m n o y cd d e l a lu m n o
D ise ñ a u n a ca ja d e re ga lo a p lica n d o
la s té cn ica s d e ilu stra ció n co n to d a s
la s h e rra m ie n ta s.
A ctivid a d 1 6 R e co rd a n d o : ca p a s
E xp re sa la s a p lica cio n e s que tie n e n A ctivid a d 1 7 C a p a s re a le s
la s ca p a s. A ctivid a d 1 8 U sa n d o ca p a s p a ra o rga n iza r u n a
C o n stru ye u n d ise ñ o d o n d e a p liqu e s ilu stra ció n
A p lica e l u so d e la s p a le ta s d e
e l u so d e la s p a le ta s, in te rca la n d o A ctivid a d 1 9 R e co rd a n d o : a ccio n e s y tra n sfo rm a cio n e s
a d o b e ilu stra to r, e n d ife re n te s C o m p u ta d o ra , m a te ria l d e a p o yo d e l
la s tra n sfo rm a cio n e s, la s a ccio n e s, A ctivid a d 2 0 E je rcicio b á sico p a ra co n o ce r la p a le ta
d ise ñ o s. a lu m n o y cd d e l a lu m n o
la a lin e a ció n , la a p a rie n cia , y lo s A p a rie n cia s
grá fico s. A ctivid a d 2 1 E je rcicio d e re co rte d e im a g e n
A ctivid a d 2 2 P a le ta s flo ta n te s
A ctivid a d 2 3 O p e ra cio n e s co n ca p a s
D e scrib e qu é e s e l co lo r, su
im p o rta n cia , su s d im e n sio n e s, y su A ctivid a d 2 4 C o m p re n d ie n d o e l co lo r
cla sifica ció n . A ctivid a d 2 5 E l co lo r, la lu z y e l o jo
Id e n tifica e l círcu lo cro m á tico , la A ctivid a d 2 6 D ia gra m a s d e co lo r
p sico lo gía d e l co lo r, m o d o s d e co lo r, A ctivid a d 2 7 C re a n d o u n m u ra l co n co lo re s a rm ó n ico s
E va lúa to d a s la s fu n cio n e s d o n d e y co m p le m e n ta rio s
co lo re s p la n o s o d ire cto s, p a le ta d e C o m p u ta d o ra , m a te ria l d e a p o yo d e l
se p u e d e tra b a ja r co n e l co lo r. A ctivid a d 2 8 C a m p a ñ a p u b licita ria so b re u n p ro d u cto a lu m n o y cd d e l a lu m n o
co lo r y p a le ta s m u e stra s. R e a liza u n
m u ra l co n co lo re s a rm ó n ico s y a lim e n ticio
co m p le m e n ta rio s. C o n stru ye u n a A ctivid a d 2 9 L o s m o d o s d e co lo r
ca m p a ñ a p u b licita ria so b re u n
p ro d u cto r alim e n ticio u tiliza n d o
to d a s la s h e rra m ie n ta s d e l co lo r.
D istin gue la s ca ra cte rísitica s

p rin cip a le s e n tre lo s d ive rso s tip o s A ctivid a d 3 0 P a p e le ría d e id e n tifica ció n p e rso n a l
d e p a le ta s qu e e xiste n E va lúa to d a s la s fu n cio n e s d o n d e A ctivid a d 3 1 Id e n tifica n d o p a le ta s C o m p u ta d o ra , m a te ria l d e a p o yo d e l
In icia u n n u e vo d o cu m e n to se p u e d e tra b a ja r co n e l co lo r. a lu m n o y cd d e l a lu m n o
a p lica n d o la s o p cio n e s d e tra zo ,
p in ce le s y degra d a d o d e la s p a le ta s
d e Ad o b e Ilu stra to r.
D e scrib e , a n a liza y co n stru ye A ctivid a d 3 2 A n a liza n d o lo go tip o s C o m p u ta d o ra , m a te ria l d e a p o yo d e l
d ife re n te s lo go tip o s d e E va lúa la s d ife re n te s form a s d e a lu m n o y cd d e l a lu m n o
cre a r lo go tip o s d e id e n tifica ció n . A ctivid a d 3 3 C re a n d o u n lo go tip o
id e n tifica ció n .
TIEMPO EN TEMAS SUBTEMAS COMPETENCIA
SEMANAS
P a le ta d e T ra n sp a re n cia
M á sca ra d e o p a cid a d U tiliza la s h e rra m ie n ta s a d e cu a d a s e n
L a s p a le ta s d e A d o b e Illu stra to r M o d o s d e fu sió n la cre a ció n d e n u e vo s d ise ñ o s co n
3 Sem anas p a rte 3 P a le ta B u sca tra zo s Ad o b e Ilu stra to r.
D ife re n cia s e n tre filtro s y e fe cto s y

có m o a p lica rlo s
A ju ste s d e lo s e fe cto s d e ra strilla d o
F iltro s y e fe cto s A rtístico s
F iltro s y e fe cto s d e D e se n fo ca r R e co n o ce la im p o rta n cia que tie n e e l
F iltro s y e fe cto s d e T ra zo s d e p in ce l y u so d e filtro s y su s e fe cto s, d e n tro d e
1 Sem ana F iltro s y E fe cto s T ra zo s d e p in ce l Ad o b e Ilu stra to r.
F iltro s y e fe cto s d e D isto rsió n
F iltro s y e fe cto s P ixe la r
F iltro s y e fe cto s d e E n fo ca r
F iltro s y e fe cto s d e B o squ e ja r
F iltro s y e fe cto s d e E stiliza r
F iltro s y e fe cto s d e T e xtu ra
F iltro s y e fe cto s d e V id e o
C la sifica la s o p cio n e s d e a g ru p a r y
1 Sem ana A gru p a r y d e sa g ru p a r o b je to s A gru p a r y d e sa gru p a r o b je to s
d e sa gru p a r o b je to s.
L o s e le m e n to s d e l d ib u jo E l p u n to U tiliza e l p u n to y la lín e a co m o u n
1 Sem ana ve cto ria l: P u n to y lín e a L a lín e a e le m e n to d e n tro d e l d ib u jo ve cto ria l.
R itm o , C o n to rn o y F o rm a E l ritm o R o tu la e n u n d ib u jo e l ritm o , e l

E l co n to rn o co n to rn o y la form a .
1 Sem ana L a fo rm a
E l e sp a cio R e co n o ce y a p lica lo s e le m e n to s d e l
L o s e le m e n to s d e l d ib u jo d ib u jo ve cto ria l e n u n a n u e va
1 Sem ana ve cto ria l: C o m p o sició n L a co m p o sició n ve cto ria l co m p o sició n .
C o m p re n d e y p ractica e l u so d e la
p e rsp e ctiva d e n tro d e l d ib u jo
L o s e le m e n to s d e l d ib u jo
3 Sem anas P e rsp e ctiva d e l d ib u jo ve cto ria l.
ve cto ria l: P e rsp e ctiva
L o s sím b o lo s L o s sím b o lo s A p re n d e a u tiliza r la s h e rra m ie n ta s

1 Sem ana
p a ra cre a r sim b o lo s.
O rganiza ció n d e l te xto : D ise ñ o C re a ció n d e co n to rn o s O rganiza u n te xto co n d ise ñ o
2 Sem anas E d ito ria l T e xto e n u n tra za d o e d ito ria l.
E n vo lve n te s
Id e n tifica lo s ve cto re s 3 D e n la págin a
1 Sem ana V e cto re s e n 3 D V e cto re s e n 3 D
in te rn a d e u n a re vista .
C o m p a ra lo s d ive rso s form a to s que

P re p a ra n d o u n a rch ivo p a ra im p re n ta tie n e u n a rch ivo .
F o rm a to s d e a rch ivo P rin cip a le s re qu isito s y n o rm a s d e
1 Sem ana
im p re sió n
E la b o ra u n p ro ye cto e sco la r u tiliza n d o

to d a s la s h e rra m ie n ta s co n la s qu e
cu e n ta Ad o b e Ilu stra to r.
1 Sem ana P ro ye cto d e In te gra ció n 1 C a le n d a rio e sco la r
C re a ta rje ta s p o sta le s o d e fe licita ció n

u tiliza n d o to d a s la s h e rra m ie n ta s qu e
1 Sem ana P ro ye cto d e In te gra ció n 2 T a rje ta s p o sta le s o d e fe licita ció n tie n e Ad o b e Ilu stra to r.
R e a liza u n b o le tin d e u n co le gio

u tiliza n d o to d a s la s h e rra m ie n ta s qu e
1 Sem ana m a n ifie sta Ad o b e Ilu stra to r.
P ro ye cto d e In te gra ció n 3 B o le tín d e l co le gio
Total 37 semanas
INDICADOR OBJETIVOS ACTIVIDADES SUGERIDAS PARA EL ALUMNO RECURSOS
(CONTENIDAS EN EL MATERIAL DE TRABAJO)
A ctivid a d 3 4 D e gra d a d o tra n sp a re n te

C re a d ife re n te s d o cu m e n to s A ctivid a d 3 5 D e gra d a d o tra n sp a re n te e n fo to gra fía s
D istin gue la s p a le ta s d e Ad o b e A ctivid a d 3 6 C o n o cie n d o lo s M o d o s d e fu sió n
u tiliza n d o la s h e rra m ie n ta s d e Ad o b e Ilu stra to r. C o m p u ta d o ra , m a te ria l d e a p o yo d e l
Ilu stra to r. A ctivid a d 3 7 C o m b in a ció n d e o b je to s p a ra cre a r a lu m n o y cd d e l a lu m n o
fo rm a s co m p u e sta s
A ctivid a d 3 8 F u sió n y B u sca tra zo s
D e scrib e e l u so d e filtro s y e fe cto s.

T ra b a ja e n u n n u e vo d o cu m e n to ,
to d a s la s o p cio n e s y e fe cto s que se A p lica e l u so d e filtro s y e fe cto s C o m p u ta d o ra , m a te ria l d e a p o yo d e l
p u e d e n tra za r co n lo s filtro s. A ctivid a d 3 9 T ra b a ja n d o co n F iltro s a lu m n o y cd d e l a lu m n o
d e n tro d e u n n u e vo d o cu m e n to .
In ve stiga la s d ife re n cia s qu e e xiste n E n cu e n tra la s o p cio n e s que se C o m p u ta d o ra , m a te ria l d e a p o yo d e l

A ctivid a d 4 0 A gru p a r y d e sa gru p a r
e n tre a gru p a r y d e sa gru p a r o b je to s. p u e d e n e m p le a r a l a gru p a r y a lu m n o y cd d e l a lu m n o
d e sa gru p a r o b je to s.
E je cu ta la té cn ica d e p u n tillism o y C o m p u ta d o ra , m a te ria l d e a p o yo d e l
V a lo ra lo s e le m e n to s d e l d ib u jo
lín e a d e n tro d e u n d ib u jo ve cto ria l. A ctivid a d 4 1 T é cn ica d e p u n tillism o y lín e a a lu m n o y cd d e l a lu m n o
ve cto ria l.
R e co n o ce e l ritm o ,e l co n to rn o y la
U tiliza e l ritm o , e l co n to rn o y la fo rm a d e n tro d e la cre a ció n d e u n C o m p u ta d o ra , m a te ria l d e a p o yo d e l
fo rm a e n u n d ise ñ o grá fico . d ise ñ o grá fico . A ctivid a d 4 2 L o s e le m e n to s d e l d ise ñ o grá fico a lu m n o y cd d e l a lu m n o
E n lista lo s e le m e n to s d e la
co m p o sició n ve cto ria l. S e le ccio n a lo s e le m e n to s qu e tie n e A ctivid a d 4 3 C o m p o sició n a rtística lib re
C o n stru ye u n n u e vo d o cu m e n to u n a co m p o sició n ve cto ria l. A ctivid a d 4 4 V isita n d o e l m u se o a lu m n o y cd d e l a lu m n o
d o n d e m a n e je s la co m p o sició n
ve cto ria l.
E n u m e ra lo s e le m e n to s d e l d ib u jo
ve cto ria l. A ctivid a d 45 R e fle xió n so b re p e rsp e ctiva
D istin gu e lo s e le m e n to s d e l d ib u jo
E xp lica e l co n ce p to d e p e rsp e ctiva . A ctivid a d 46 G e n e ra n d o p e rsp e ctiva C o m p u ta d o ra , m a te ria l d e a p o yo d e l
ve cto ria l e n u n a p e rsp e ctiva .
Ilu stra u n a fo to gra fia ya e xiste n te A ctivid a d 47 Ilu stra n d o u n a fo to gra fía a lu m n o y cd d e l a lu m n o
ca m b ia n d o lo s e le m e n to s d e l d ib u jo A ctivid a d 48 Ilu stra n d o u n a fo to gra fía 2
ve cto ria l.
D e fin e e l co n ce p to d e sím b o lo . R e cu e rd a lo s e le m e n to s d e l d ise ñ o A ctivid a d 4 9 C re a n d o u n sím b o lo C o m p u ta d o ra , m a te ria l d e a p o yo d e l
D ise ñ a d ive rso s sím b o lo s. y lo s sím b o lo s. A ctivid a d 5 0 R e co rd a n d o lo s e le m e n to s d e d ise ñ o a lu m n o y cd d e l a lu m n o
C re a e n la p á gin a in te rn a d e u n a C o n stitu ye la o rga n iza ció n d e u n A ctivid a d 5 1 E xp e rim e n ta n d o co n te xto C o m p u ta d o ra , m a te ria l d e a p o yo d e l

re vista : te xto , co n to rn o s, tra zo s y te xto d e n tro d e l d ise ñ o e d ito ria l. A ctivid a d 5 2 P á gin a in te rn a d e u n a re vista a lu m n o y cd d e l a lu m n o
e n vo lve n te s.
A p lica ve cto re s e n te rce ra d im e n sió n D istin gu e lo s e fe cto s e n lo s ve cto re s
d e n tro d e la p ágin a in te rn a d e u n a 3 D e n la págin a in te rn a d e u n a A ctivid a d 5 3 P á gin a in te rn a d e u n a re vista
a lu m n o y cd d e l a lu m n o
re vista . re vista .
P re p a ra u n a rch ivo p a ra e l u so d e la
im p re n ta . C o m p u ta d o ra , m a te ria l d e a p o yo d e l
Id e n tifica lo s fo rm a to s d e u n
E xp lica lo s p rin cip a le s re qu isito s y A ctivid a d 5 4 R e co n o cie n d o fo rm a to s a lu m n o y cd d e l a lu m n o
a rch ivo .
n o rm a s d e im p re sió n qu e se lle va n
a ca b o e n lo s fo rm a to s d e u n a rch ivo .
R e co le cta in fo rm a ció n d e in te rés

p a ra la cre a ció n d e l ca le n d a rio
e sco la r. A p lica lo s co n o cim ie n to s C o m p u ta d o ra , m a te ria l d e a p o yo d e l
D ise ñ a e l form a to d e l ca le n d a rio a p re n d id o s, co n Ad o b e Ilu stra to r. C a le n d a rio e sco la r a lu m n o y cd d e l a lu m n o
e sco la r.
A d m in istra e l ca le n d a rio e sco la r
p a ra su im p re sió n .
D e sa rro lla e n p a p e l u n co n ce p to d e
ta rje ta . C o m p u ta d o ra , m a te ria l d e a p o yo d e l
D ise ñ a la ta rje ta e n Ilu stra to r A p lica lo s co n o cim ie n to s
T a rje ta s p o sta le s o d e fe licita ció n a lu m n o y cd d e l a lu m n o
u tiliza n d o lo s e le m e n to s n e ce sa rio s a p re n d id o s, co n Ad o b e Ilu stra to r.
p a ra tra n sm itir tu m e n sa je .
D e scrib e e l co n ce p to qu e e m p le a rás
e n e l b o le tín d e l co le gio .
R e co p ila la in fo rm a ció n que p o n d rá s A p lica lo s co n o cim ie n to s C o m p u ta d o ra , m a te ria l d e a p o yo d e l
e n e l b o le tín . a p re n d id o s, co n Ad o b e Ilu stra to r. B o le tín d e l co le gio a lu m n o y cd d e l a lu m n o
D ise ñ a e l b o le tín e n ilu stra to r.
Im p rim e e l b o le tín d e l co le gio .
Diseño Vectorial
Introducción e historia
El programa de Adobe Illustrator nació en 1987 junto con la tecnología de
Apple y una impresora llamada Laser Writer, 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.
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.
LVector 01 Lámina de apoyo: Historia de Illustrator
2 Diseño Vectorial - De la ilustración al diseño editorial con Illustrator

Ediciones de Adobe Illustrator
AÑO EDICIÓN SISTEMA OPERATIVO

1987 Adobe Illustrator 1.0 MAC
1989 Adobe Illustrator 2.0 Windows
1990 Adobe Illustrator 3.0 MAC, NEXT y UNIXES
1991 Adobe Illustrator 3.5 SILICON GRAPHICS
1992 Adobe Illustrator 4.0 Windows
1993 Adobe Illustrator 4.5 SOLARIS
1997 Adobe Illustrator 7.0 MAC /Windows
2001 Adobe Illustrator 10 MAC /Windows
2003 Adobe Illustrator CS MAC /Windows
2005 Adobe Illustrator CS2 MAC /Windows
3
En Illustrator los objetos tienen tres propiedades: color, forma y tipografía. El
color se añade al objeto con la ayuda de las herramientas de Relleno, Trazo y
Estilo.
Recordando
01
Actividad
Contesta las preguntas correctamente.
1. ¿En qué año nació Adobe Illustrator?
Adobe Illustrator nació en 1987.
2. ¿Qué tecnologías acompañaron la creación de Adobe Illustrator?
Las tecnologías que acompañaron a Illustrator fueron Apple y la impresora
Laser Writer.
3. ¿Con qué tipo de gráficos y a qué resolución de pantalla trabajaba el
usuario en Adobe Illustrator?
El tipo de gráficos con los que podía trabajar el usuario en Illustrator eran
monocromáticos y a una resolución de pantalla de 512 x 387 píxeles.
4. ¿Para qué se usan las curvas de Bézier?
Las curvas de Bézier son utilizadas para crear líneas, arcos y figuras
trigonométricas.
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.
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.
Se puede controlar con gran precisión la forma, orientación y orden de
los elementos.
5
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.
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.
Imagen vectorizada
Fotografía en mapa de bits
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.

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:
1. Adobe Illustrator (AI)
2. Corel Draw (CDR)
3. Corel Exchange (CMX)
4. Computer Graphics Metafile (CGM)
5. Macromedia Freehand (FH)
6. 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.
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.
7
Los bitmaps pueden modificarse con programas tales como: Microsoft
Paint, Adobe Photoshop, Corel PhotoPaint, Jasc Paint Shop Pro y Unlead
Photoimpact.
LVector 02 Lámina de apoyo: Vectores vs. Bitmaps
Vectores vs. Bitmaps
02
Actividad
Observa la Lámina de Apoyo Vectores vs. Bitmaps y responde las siguientes
preguntas:
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
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

Recordando e investigando
03
Actividad Contesta las siguientes preguntas.
1. ¿Qué es un vector?
Un vector es una serie de puntos y líneas, rectas o curvas, definidas
matemáticamente.
2. ¿Qué es un píxel?
Los píxeles son elementos mínimos de una imagen de mapa de bits.
3. Dibuja un píxel.
4. ¿Qué es un mapa de bits?

Un mapa de bits es una cuadrícula de esos pequeños puntos individuales de color
que están ordenados para definir un patrón y formar la imagen.
5. 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 decrementar 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
6. Haz una pequeña investigación de las similitudes y diferencias entre

Adobe Illustrator y Adobe Photoshop. Creen una mesa de discusión entre
compañeros y profesor para defender puntos de vista acerca de las ventajas
o desventajas de cada uno. Anota en este espacio tus conclusiones:
Adobe Illustrator Adobe Photoshop

Programa vectorial. Programa de manipulación y edición de
imágenes de mapa de bits.
Misma familia de software Misma familia de software
que Photoshop. que Illustrator.
Herramientas similares a Photoshop. Herramientas similares a Illustrator.
Creación de máscaras. Creación de máscaras.
9
7. Crea un collage con recortes de revistas. Divide el área del collage en dos
partes. En una mitad pega solamente imágenes que sean ilustraciones
vectoriales. En la otra mitad pega imágenes que sean mapas de bits o
fotografías.

Abriendo y creando un documento nuevo en
Adobe Illustrator (New)
Al abrir el programa de Adobe Illustrator, normalmente aparece una ventana de
diálogo en la que se presentan las siguientes opciones:
Di lo nuevo del programa

Enseña lo nuevo del pro-
grama
Busca lo extra
Abrir un documento
Cerrar
Nuevo de plantilla
Crear un nuevo documento
Mostrar este cuadro de diálogo al abrir el programa
Este cuadro inicial te ayuda a crear o abrir un documento normal o una plantilla,
además de mostrar las novedades del programa. Es posible activar o desactivar
la casilla de Mostrar cuadro de diálogo al Inicio (Show this dialog at
Startup), para entrar directamente a la aplicación sin ver esta ventana.
Una vez en la aplicación, para crear un nuevo documento utiliza el Menú Archivo
(File)/Nuevo (New) o la combinación de teclas <Ctrl+N>. Aparecerá una
ventana de diálogo en que debes especificar varios parámetros:
1 Nombre del documento (Name): el título que quieras dar al archivo.
2 Tamaño del documento (Size): elige el formato que requieras,

dependiendo del tamaño y la forma del documento que se va a realizar.
Los formatos más comunes en el diseño impreso son el tamaño carta
(Letter), el oficio (Legal) y el doble carta (Tabloid). 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).
3 Unidades del documento (Units): puedes definir las medidas del

documento 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.
4 Ancho del documento (Width): puedes definir el ancho del documento

manualmente, si no deseas utilizar las medidas del tipo de documento
elegido.
11
5 Alto del documento (Height): puedes definir el alto del documento
manualmente, si no deseas utilizar las medidas del tipo de documento
elegido.
6 Orientación (Orientation): las dos opciones que direccionan el

documento en forma vertical u horizontal.
7 Modos de color (Color Mode): 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.
2
3
6
4 5
Abrir archivos en Illustrator (Open)

Los objetos vectoriales e imágenes ya existentes se abren y se importan en
varios formatos de archivo. Los formatos disponibles aparecen en el cuadro de
diálogo Abrir (Open).
Para abrir un archivo:

1. Selecciona el Menú Archivo (File)/Abrir (Open) o la combinación de
teclas <Ctrl+O>.
2. Selecciona el archivo que quieres abrir. Si el archivo no aparece, selecciona
la opción Mostrar todos los archivos en el menú emergente del tipo de
archivo.
3. Haz clic en Abrir (Open). En algunos casos aparece un cuadro de diálogo
que permite configurar opciones específicas de algún formato.

Puedes importar imágenes al programa desde:
Bancos de imágenes
Escaneos de fotografías, transparencias, negativos y gráficos, entre otros
Clipart
Dirección de Internet
PDF’S (Portable File Document)
Photoshop (editor de fotografía)
Dibujos vectoriales de Freehand y Corel Draw (programas vectoriales)
Si ya estás trabajando en un documento y deseas incluir un archivo externo

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

Vínculo
Plantilla
Reemplazo del documento
Vector
01 Abriendo y creando un documento nuevo en Adobe Illustrator
13
Abrir archivos con Adobe Bridge
Adobe Bridge es un buscador de archivos especializado en la imagen. Es un
eslabón entre los otros programas de Adobe : ImageReady, Photoshop, GoLive
e InDesign. Adobe Bridge reconoce los archivos compatibles con cada uno de
estos programas.
Para abrir Bridge desde Illustrator, basta ir a Menú Archivo (File)/Buscar

(Browse) o utilizar la combinación de teclas <Ctrl+Alt+O>.
La ventana de Adobe Bridge se divide de la siguiente manera:

1 Lista de navegación. Una función muy práctica ya que permite seleccionar
las carpetas usadas recientemente.
2 Panel de navegación. La carpeta que está activa se encuentra
seleccionada.
3 Imágenes en miniatura que contiene la carpeta seleccionada.
4 Imagen seleccionada.
5 Vista previa de la imagen seleccionada.
6 Metadatos de la imagen seleccionada.
7 Accesos directos para crear carpetas, girar una imagen, eliminar un
archivo o reducir la ventana de Bridge.
8 Deslizador. Desplaza el cursor para modificar el tamaño de las miniaturas.
9 Modo de visualización en forma de miniaturas, tira de diapositivas, detalles
y versiones alternativas.
10 Muestra la cantidad de imágenes de la carpeta activa.
7
5
4
3
10 8 9

Gestión de archivos con Adobe Bridge
Las funciones de Adobe Bridge 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.
Bridge es muy recomendable para recuperar tus fotos desde una cámara o una
tarjeta de memoria, ya que la visualización y gestión de archivos es sencilla.
Sigue estos pasos para recuperar imágenes desde tu cámara o dispositivo:
1. Conecta el dispositivo a la computadora y enciéndelo, o bien, introduce la

tarjeta de memoria en el lector de tarjetas.
2. En Adobe Bridge, activa la unidad y carpeta que contiene las fotos.
Selecciona todas las imágenes con <Ctrl+A>.
3. Arrastra los archivos seleccionados de la ventana de la derecha, a la
carpeta de destino en la columna izquierda.
4. Los archivos quedarán copiados en la nueva ubicación. Mientras se
transfieren los archivos, una ventana secundaria nos informará del
progreso de la operación.
Vector
02 Abrir archivos con Adobe Bridge y Gestión de archivos con Adobe Bridge
15
Reafirmando conceptos clave
04
Actividad
1. Describe lo que entiendes para cada uno de estos conceptos de
Illustrator:
a. Picas Sistema de medición dentro de Diseño Gráfico para calcular el

tamaño de letra de un documento.
b. Orientación del documento Si el documento es horizontal o vertical.
c. Bridge Significa “puente”, dentro de la aplicación de Illustrator, está

enfocado a explorar y mover carpetas.
d. CMYK Son cuatro colores: cyan, magenta, amarillo y negro. Son los colores
de impresión.
2. Menciona dos formas diferentes de iniciar un nuevo documento.
1. Desde la ventana de bienvenida, dando clic en el ícono nuevo documento
(New document).
2. Desde el Menú Archivo (File)/Nuevo (New) o <Ctrl + N>.
3. Utiliza tu creatividad para explicar de forma gráfica cómo abrir un archivo
existente en Adobe Illustrator. Trata de utilizar representaciones novedosas
y no sólo dibujar los cuadros de diálogo del programa.

Abriendo archivos en Adobe Illustrator
05
Actividad 1. Inicia Adobe Illustrator y abre los siguientes archivos que se encuentran
en tu CD de trabajo o carpeta de actividades:
a. Utilizando el cuadro de diálogo de inicio, abre el documento

Vector1.ai.
b. En el mismo documento coloca el archivo Vector2.ai utilizando el

Menú Archivo (File)/Colocar (Place).
c. Utiliza Bridge para localizar y abrir los documentos Vector3.ai,

Vector4.ai y Vector5.ai.
d. Utiliza cualquier método para abrir los archivos Vector6.ai y

Vector7.ai.
2. 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.
3. Observa el entorno de la aplicación. Hay muchos elementos que son

comunes en otras aplicaciones y otros que son exclusivos de Illustrator.
Menciona 3 elementos que encuentres en otras aplicaciones y 3 elementos
que sólo has visto en este programa:
Comunes a otras aplicaciones Exclusivo de Illustrator
Pluma Símbolos
Borrador Estilos
Cuentagotas Pintura y selección interactiva
17
Entorno de trabajo
Al iniciar Adobe Illustrator verás la siguiente ventana de trabajo. Los elementos
que componen la pantalla de trabajo son los siguientes:
1 2 3
5 4 7 6
1 Barra de título. En ella encuentras el nombre de la aplicación, así como

los botones de minimizar, restaurar y cerrar.
2 Barra de menús. Contiene a detalle todas las operaciones que se le
pueden hacer al documento o al programa.
3 Barra de opciones. Permite establecer los parámetros de las herramientas
o el objeto seleccionado.
4 Barra de estado. Esta barra nos proporciona información sobre el archivo
e imagen con la que estamos trabajando.
5 Barra de herramientas. Permite vectorizar, modificar y editar objetos.
6 Paletas flotantes. Permiten trabajar con los distintos 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.
7 Área de trabajo. Contiene el espacio donde se crean los gráficos.

TIP
Como el entorno de trabajo es personalizable, es recomendable utilizar
la distribución predeterminada mientras te familiarizas con la aplicación.
Utiliza el Menú Ventana (Window)/Área de trabajo (Workspace)/
Predeterminada (Default).
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 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.
19
Área de pruebas (E) Borde de la página (C)
Área de la imagen (A)
Área no imprimible (B) Mesa de trabajo (D)
TIP
Para ver todas las áreas en Illustrator puedes utilizar el Menú Ver
(View)/Mostrar margen la página/(Show Page Tiling). Si el
margen está oculto, no se verán las líneas punteadas que delimitan el
área imprimible.
Vector
Entorno de trabajo de la interfaz y el área de trabajo

03

Identificando el área de trabajo
06
Actividad
1. En equipos de 2 a 4 personas y en medio pliego de papel bond o cartulina,
dibujen las áreas que conforman el entorno de trabajo 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 entorno de
trabajo y anoten la función de cada una de ellas.
• Barra de título
• Barra de menús
• Barra de opciones
• Barra de estado
• Barra de herramientas
• Paletas flotantes
2. Incluye en tu trabajo los siguientes elementos del área de trabajo:
• Área de imagen
• Área no imprimible
• Borde de la página
• Mesa de trabajo
• Área de pruebas
3. Escribe “entorno de trabajo” o “área de trabajo” según corresponda en

cada una de las siguientes afirmaciones.
El área de pruebas es la parte exterior de la mesa de trabajo que se

extiende hasta el borde de la ventana. Área de trabajo
El área de imagen es imprimible. Área de trabajo
Las paletas flotantes sirven para cambiar aspectos de los elementos
del archivo. Entorno de trabajo
La barra de estado proporciona información como el tamaño del
archivo que se está trabajando. Entorno de trabajo
21
Barra de herramientas
Esta barra 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 la barra de
herramientas se puede mover, es recomendable tenerla siempre visible en esta
zona de la pantalla.
TIP
Si la Barra de herramientas está oculta, muéstrala con el Menú Ventana
(Window)/Herramientas (Tools).
Las herramientas están representadas por íconos. 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, se agrupan con el mismo color las herramientas que
comparten el mismo botón (botones con triángulo negro en la esquina inferior
derecha). Recuerda que debes hacer un clic sostenido sobre la herramienta
actual para tener acceso a las otras herramientas incluidas en un botón.

Herramientas Atajo Función Imagen
de visualización
Mano <H> o Mueve la ventana en la aplicación.
(Hand Tool) <Barra
espaciadora>
Herramienta de Mueve los márgenes de la página

página (Page para tener un mejor control de ésta
Tool) en la impresión.
Zoom <Z> o Acerca o aleja la vista de una
(Zoom Tool) <Ctrl+Barra imagen.
espaciadora>
Opciones de <F>
visualización
Modo Standard
(Standard
Screen Mode)
Opciones de <F>
visualización
Pantalla
completa con
menús
(Full Screen
Mode with Menu
Bar)
Opciones de <F>
visualización
Pantalla
completa
(Full Screen
Mode)
Vector
04 Herramientas de Visualización
23
de selección
Selección <V> Selecciona y mueve los objetos.
(Selection Tool)
Selección directa <A> Selecciona puntos o nodos de un
(Direct Selection objeto para manipularlo.
Tool)
Selección de Permite seleccionar como grupo
grupos los elementos que conforman a un
(Group Selection objeto.
Tool)
Varita mágica <Y> Selecciona vectores que se

(Magic Wand encuentran dentro de un rango de
Tool) color parecido al del vector escogido.
Lazo de <Q> Permite seleccionar libremente áreas

selección directa de la imagen.
(Lasso Tool)
Vector
Herramientas de Selección
05
de edición
Pluma <P> Crea líneas y curvas bien definidas.
(Pen Tool)
Añadir Punto <+> Agrega puntos ancla a la línea o
Ancla curva en la que se está trabajando.
(Add Anchor
Point Tool)
Eliminar Punto <-> Borra puntos ancla del vector.
Ancla
(Delete Anchor
Point Tool)
Convertir Punto <Shift+C> Modifica los puntos ancla que la
de Ancla imagen vectorial contiene, para darle
(Convert Anchor un mejor acabado.
Point Tool)

de edición
Texto <T> Sirve para escribir texto.
(Type Tool)
Texto de Área Escribe texto dentro de un
(Area Type Tool) cuadrado, círculo o cualquier figura
geométrica.
Texto de Escribe texto sobre un vector.
Trazado
(Type on a Path
Tool)
Texto Vertical Escribe texto de forma vertical.
(Vertical Type
Tool)
Texto de Área Escribe texto dentro de una figura
Vertical geométrica de forma vertical.
(Vertical Area
Type Tool)
Texto de Escribe texto de forma vertical en
Trazado Vertical un trazado establecido.
(Vertical Type on
a Path Tool)
Segmento de </> Dibuja líneas rectas.
Línea
(Line Segment
Tool)
Arco Dibuja curvas.
(Curve Tool)
Espiral Dibuja espirales.
(Spiral Tool)
Cuadrícula Dibuja cuadrículas

Rectangular rectangulares.
(Rectangular
Grid Tool)
Cuadrícula Polar Dibuja gráficas circulares.
(Polar Grid Tool)
Rectángulo <M> Dibuja cuadrados y rectángulos.
(Rectangle Tool)
Rectángulo Dibuja cuadrados y rectángulos
Redondeado con vértices redondedas.
(Rounded
Rectangle Tool)
Elipse <L> Dibuja círculos y elipses.
(Ellipse Tool)
Polígono Dibuja formas regulares de varias
(Polygon Tool) formas geométricas.
25
de edición
Estrella Dibuja estrellas.
(Star Tool)
Destello Crea efectos de destellos como los

(Flare Tool) reflejos de la luz solar.
Pincel Dibuja líneas a mano alzada y

(Paintbrush caligráfica además de añadir dibujos
Tool) y motivos a los trazados.
Lápiz <B> Dibuja y modifica líneas a mano
(Pencil Tool) alzada.
Redondear <N> Redondea trazos Bézier (Vectores).
(Smooth Tool)
Borrador Borra trazos y puntos de ancla de la

(Erase Tool) ilustración.
Vector
Herramientas de Edición
06
Investigando herramientas
07
Actividad
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 Mano?

La herramienta Mano sirve para mover la ventana de trabajo de la aplicación.
2. ¿Para qué sirve la herramienta 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 herrramientas visibles.
5. ¿Qué es un Punto Ancla en una figura vectorial?
Un punto de ancla o nodo es la unión de dos líneas o curvas.
6. Dibuja un rectángulo y señala cuáles serían sus puntos ancla.
punto ancla punto ancla
punto ancla punto ancla

Color de relleno (Fill) y color de trazo (Stroke)
En la parte inferior de la Barra de 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
de la ventana de selección Color Picker.
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.
Color de relleno
Color de trazo
TIP
Para intercambiar los colores de relleno y de trazo, haz clic sobre el ícono
de doble flecha . Así, haces que el color que se encontraba en el
recuadro del trazo pase al frente como color de relleno.
27
Cómo se usan las paletas en Adobe Illustrator
Las paletas flotantes de Adobe Illustrator son pequeñas cajas que contienen
opciones y comandos para controlar, modificar y mejorar las ilustraciones. Las
paletas se pueden mover, agrupar, mostrar y ocultar para organizar el entorno
de trabajo a cada necesidad. Recuerda que siempre puedes volver al entorno de
trabajo predeterminado utilizando el Menú Window/Workspace/Default.
Para separar una paleta que está agrupada con otras, basta arrastrarla desde
la ficha donde se encuentra su nombre. El procedimiento inverso se puede usar
para agrupar dos o más paletas en una sola caja.
Todas las paletas se pueden mostrar desde el Menú Ventana (Window),

donde las paletas visibles en ese momento aparecen señaladas.
Vector
Color de relleno (Fill), color de trazo (Stroke) y las paletas en Adobe

Illustrator
07
Dibujando figuras simples para un diseño
08
Actividad
1. Inicia un documento con las siguientes características:
Tamaño (Size): Carta (Letter)
Unidad (Units): Centímetros (Centimeters)
Orientación (Orientation): Vertical
Modo de color (Mode Color): Color CMYK (CMYK Color)
2. Selecciona la herramienta Rectángulo (Rectangle Tool) 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 la paleta Trazo (Stroke). Si no está en el área de trabajo utiliza
el Menú Ventana (Window)/Trazo (Stroke). 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 Organizar (Arrange)/Enviar atrás (Send to
Back).
5. Para modificar el tamaño de las figuras, arrastra los puntos de control que
aparecen cuando las seleccionas con la herramienta de 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 la paleta
de herramientas para elegir el color.
7. Cámbiale el color de relleno al primer cuadrado.
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
Rectángulo (Rectangle Tool).
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ú Archivo (File)/Guardar
(Save) y guarda el archivo en la carpeta que indique el profesor.
Agitador de conciencia social
09
Actividad
1. Abre el archivo Actividad09 que se encuentra en tu CD de trabajo o
carpeta de actividades. 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 la paleta de Capas (Layers) y observa que ya existe
una capa. Crea una nueva capa utilizando el botón Crear nueva capa
(Create New Layer), que se encuentra en la parte inferior de la paleta
Capas. Aparecerá una segunda capa arriba de la actual.
3. Renombra la nueva capa dando doble clic sobre ella en la paleta Capas.
Dale el nombre (Name) agitador.
4. Asegúrate de tener seleccionada la capa agitador en la paleta Capas.
Ahora selecciona la herramienta Rectángulo (Rectangle Tool) y con
ella da un solo clic sobre el área de trabajo para que aparezca la ventana
de las opciones del rectángulo. Introduce los siguientes valores: Ancho
(Width): 0.7 y Alto (Height): 10.1 cm. y da clic en el botón Ok.
29
5. Acomoda el nuevo rectángulo sobre el espacio que le corresponde en el
agitador del lado izquierdo.
6. Utiliza las herramientas de Zoom y la Mano (Hand Tool) para agrandar
y mover el área de trabajo, de modo que puedas ver todos los detalles.
7. Ahora selecciona la herramienta Elipse (Ellipse Tool) y da un clic sobre
el área de trabajo para que se abra la ventana de las opciones. Introduce
los siguientes valores: Ancho (Width): 4.4 y Alto (Height): 4 cm. y da
clic en Ok.
8. Vuelve a tomar la herramienta 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
Selección (Select Tool). 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 la paleta de Buscatrazos (Pathfinder). Si no
está visible muéstrala con el Menú Ventana (Window)/Buscatrazos
(Pathfinder). Manteniendo presionada la tecla <Alt>, haz clic en la
opción Añadir (Add to Shape Area). 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.

16. Cuando el lado izquierdo del agitador esté terminado,
selecciona todos los objetos y agrúpalos utilizando el
Menú Objeto (Object)/Agrupar (Group) o las teclas
<Ctrl+G>.
17. Mientras arrastras el agitador con la herramienta de
Selección 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 Transformar (Transform)/
Reflejar (Reflect)/Vertical (Vertical).
18. Acomoda el agitador derecho con la ayuda de las
herramientas Selección, Mano (Hand) y Zoom. Haz
un clic en un área vacía del documento para asegurarte
de que no hay ningún objeto seleccionado.
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 Selección directa (Direct Selection Tool). Selecciónalo
y cambia su color.
20. Utiliza la herramienta de Texto <T> para crear dos mensajes como “Ahora
manejo mi vida” y “Evito 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 Agitador07 en la carpeta que indique
tu profesor.
Haciendo una caja de regalo (Parte 1)
10
Actividad
1. Inicia un nuevo documento de Illustrator con las siguientes
características:
Unidad (Units): Pulgadas (Inches)
Orientación (Orientation): Horizontal
Modo de color (Mode Color): Color CMYK (CMYK Color)
2. Haz visibles las reglas en Menú Vista (View)/Reglas (Show Rulers).
Teclea <D> para restablecer los colores predeterminados: blanco para el
relleno (Fill) y negro para el contorno (Stroke).
3. Selecciona la herramienta de Forma Rectangular (Rectangle Tool)
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 de Selección (Select Tool) 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.
31
5. Duplica el rectángulo y coloca la copia exctamente debajo del original,
de manera que la línea inferior del primero coincida con la línea superior
del segundo. Ayúdate de la paleta de control para hacer coincidir las
coordenadas X y definir las coordenadas Y de los rectángulos.
6. Selecciona la herramienta Elipse (Ellipse Tool) 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 Guías Inteligentes (Smart Guides) en el Menú Ver
(View)/Guías Inteligentes (Smart Guides). 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 figura. Utiliza la paleta de control para determinar
las coordenadas precisas.
9. Selecciona la elipse y toma la herramienta Convertir Punto de Ancla

(Convert Anchor Point Tool) que se encuentra en la barra de
herramientas agrupada en el mismo botón de la herramienta Pluma (Pen
Tool). Da un clic con la herramienta en los puntos ancla que muestra la
elipse arriba y abajo. Esto hará que se afilen las orillas de la elipse.
10. Duplica la elipse modificada y ubica la copia en el extremo derecho del
rectángulo superior como se muestra en la figura. 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 Selección

(Select Tool) o <V>.
13. Localiza la paleta Buscatrazos (Pathfinder). Si no está visible utiliza
el Menú Ventana (Window)/Buscatrazos (Pathfinder). Presiona
<Alt> y da clic en la opción Sustraer de la forma (Substract from
Shape Area), 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 la siguiente actividad.
Identificando herramientas
11
Actividad
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 pincel
Herramienta de: Edición
Función: Dibuja líneas a mano alzada y caligráfica además de añadir
dibujos y motivos a los trazados.
33
Nombre: Herramienta de degradado
Herramienta de: Edición
Función: Agrega degradado al relleno de la figura o ilustración.
Nombre: Herramienta lupa (zoom)
Herramienta de: Visualización
Función: Acerca o aleja la vista de una imagen.
Nombre: Herramienta lazo de selección directa

Herramienta de: Selección
Función: Permite seleccionar libremente áreas de la imagen.
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)
Técnicas de ilustración con las herramientas

Uso de la herramienta Pluma (Pen Tool)
La herramienta 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.
Para trazar una línea recta

1. Haz un sólo clic con el ratón en el punto inicial de la línea (primer punto
ancla).
2. Haz clic en el punto final de la línea.
a. Si deseas crear más segmentos continúa haciendo clics en cada
punto ancla.
b. Si deseas cerrar la trayectoria, haz un clic sobre el punto ancla
incial. Un pequeño círculo aparece junto al cursor de la herramienta
indicando que la posición para cerrar es la correcta.
c. Si deseas dejar abierto el trazo, haz <Ctrl+clic> en cualquier
lugar del documento o bien cambia de herramienta.
TIP
La tecla <Shift> es un auxiliar de exactitud para algunas herramientas.
Si la mantienes presionada mientras dibujas rectángulos o elipses se
crearán cuadrados o círculos perfectos. Si presionas <Shift> mientras
creas líneas, se dibujarán en ángulos de 0, 45 ó 90 grados.
Para trazar una línea curva
1. Con la herramienta Pluma, presiona el ratón (sin soltarlo) en donde deseas

iniciar la curva. Aparece el primer punto ancla y el puntero cambia a punta
de flecha. Arrastra para definir qué tan pronunciada será la curva y suelta
el clic.
2. En el punto final de la curva, presiona y arrastra el ratón para crear el
segmento. Si arrastras en la misma dirección que en el punto anterior, se
crea una forma de “C”; si arrastras en la dirección opuesta se crea una
forma de “S”.
35
a. Si deseas crear más segmentos continúa con los mismos pasos.
b. Si deseas cerrar la trayectoria, haz un clic sobre el punto ancla
incial. Un pequeño círculo aparece junto al cursor de la herramienta,
indicando que la posición para cerrar es la correcta.
c. Si deseas dejar abierto el trazo, haz <Ctrl+clic> en cualquier lugar
del documento o bien cambia de herramienta.
Punto ancla
Punto de control
Las curvas son más fáciles de modificar cuando utilizas pocos puntos ancla
(los menos posibles).
Con la herramienta de Selección Directa (Direct Selection Tool),

puedes ajustar la profundidad de la curva arrastrando los puntos adicionales
de control que se forman a los lados de cada punto ancla de una curva.
También puedes modificar la longitud de la curva arrastrando directamente
los puntos ancla.
Para agregar o eliminar puntos ancla en un trazo existente, puedes utilizar

las herramientas que se encuentran agrupadas en el mismo botón de la
herramienta Pluma.
Uso de las sub-herramientas de Pluma

Agrupadas en el mismo botón de la herramienta pluma se encuentran las
siguientes herramientas:
Borrar punto ancla
Pluma Convertir punto ancla
Agregar punto ancla
Agregar Punto Ancla (Add Anchor Point). Para agregar

puntos ancla a una línea, primero debes seleccionarla y
luego utilizar esta herramienta para hacer clic en cualquier
lugar del segmento.
Borrar Punto Ancla (Delete Anchor Point). Para

eliminar puntos ancla de una línea, primero debes
seleccionarla y luego utilizar esta herramienta para hacer
clic en cualquier punto ancla existente.

Convertir Punto Ancla (Convert Anchor Point).
Esta herramienta convierte las esquinas redondeadas en
puntas afiladas y viceversa.
De forma predeterminada la herramienta Pluma (Pen Tool) cambia

automáticamente a Agregar Punto Ancla (Add Anchor Point) cuando
pasa por encima de una línea seleccionada. Si pasas sobre un punto ancla
existente, la herramienta Pluma cambia automáticamente a Borrar Punto
Ancla (Delete Anchor Point).
Uso de la herramienta Lápiz (Pencil Tool)

La herramienta 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.
Después de crear una línea con el Lápiz, elimina los puntos ancla sobrantes con
la herramienta Borrar Punto Ancla (Delete Anchor Point). Para mejorar la
apariencia de los trazos, también puedes usar las sub-herramientas Suavizar
(Smooth Tool) y Borrar (Erase Tool) que están en el mismo grupo de
botones que la herramienta Lápiz (Pencil Tool).
Lápiz Borrar
Vector Suavizar
08 Técnicas de pluma y lápiz artístico
Herramientas de Transformación
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 Atajo Función Imagen

transformación
Rotar <R> Gira objetos alrededor de un
(Rotate Tool) punto fijo.
Reflejo <O> Refleja objetos respecto a un eje
(Reflect Tool) fijo.
Escala <S> Cambia de tamaño los objetos
(Scale Tool) alrededor de un punto fijo.
37
Herramientas de Atajo Función Imagen
transformación
Distorsión Inclina o distorsiona un objeto

(Shear Tool) alrededor de un punto fijo.
Reformar Suaviza o modifica trazados sin

(Reshape Tool) cambiar su forma original.
Deformar <Shift+R> Moldea los objetos con el

(Warp Tool) movimiento del cursor.
Molinete Crea distorsiones en remolino
(Twirl Tool) dentro de los objetos.
Fruncir Desinfla o adelgaza los objetos.
(Pucker Tool)
Engordar Infla los objetos.

(Bloat Tool)
Festonear Añade al contorno de un objeto,

(Scallop Tool) detalles en forma de arcos
redondeados.
Cristalizar Añade al contorno de un objeto,
(Crystallize Tool) detalles en forma de arcos
terminados en punta.
Arrugar Añade al contorno de un objeto,

(Wrinkle Tool) arcos y detalles terminados en
punta.
Transformación <E> Sirve para modificar el tamaño,
libre la forma y la orientación de los
(Free transform objetos seleccionados.
Tool)
Vector
Herramientas de Transformación
09

12
Actividad 1. Abre el archivo Caballito.ai que se encuentra en tu CD de trabajo o
carpeta de actividades. 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 Lupa (Zoom Tool) 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.
4. Cuando termines de trazar el caballito de mar, abre el documento Caja10

que creaste en la Actividad 10.
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.
Más adelante, darás color al caballito.
Herramientas 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 la paleta 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.
39
de pintura
Rociar Símbolos <Shift+S> Coloca numerosas instancias del
(Symbol Sprayer símbolo agrupadas en la mesa de
Tool) trabajo.
Desplazar Símbolo Mueve instancias del símbolo.
(Symbol Shifter
Tool)
Reunir y Separar Separa o une instancias de
Símbolos símbolos entre sí.
(Symbol
Scruncher Tool)
Cambiar Tamaño Cambia el tamaño de las
de Símbolo instancias del símbolo.
(Symbol Sizer
Tool)
Girar Símbolo Gira las instancias del símbolo.
(Symbol Spinner
Tool)
Manchar Símbolo Da color a las instancias del
(Symbol Stainer símbolo.
Tool)
Translucir Símbolo Aplica opacidad a las instancias
(Symbol Screener del símbolo.
Tool)
Aplicar Estilo a Aplica el estilo seleccionado a las
Símbolo (Symbol instancias del símbolo.
Styler Tool)
Gráfica de <J> Coloca las columnas en posición
Columnas vertical.
(Column Graph
Tool)
Gráfica de Acomoda las columnas una sobre
Columnas otra.
Apiladas (Stacked
Column Graph
Tool)
Gráfica de Barras Coloca las columnas en posición
(Bar Graph Tool) horizontal.

de pintura
Gráfica de Barras Agrupa las columnas y las pone
Apiladas (Stacked en posición horizontal.
Bar Graph Tool)
Gráfica Lineal Muestra la evolución de uno o
(Line Graph Tool) varios conceptos durante un
período de tiempo.
Gráfica de Áreas Pone en relieve los totales y
(Area Graph Tool) valores de cambio.
Gráfica de Representa los datos como pares

Dispersión de coordenadas en “X” y ”Y”.
(Scatter Graph
Tool)
Gráfica de Tarta Crea diagramas circulares con
(Pie Graph Tool) secciones que representan los
porcentajes relativos de los
valores comparados.
Gráfica de Radar Utiliza un círculo para comparar
(Radar Graph conjuntos de valores en
Tool) momentos determinados o en
categorías específicas.
Malla <U> Crea y edita mallas envolventes.

(Mesh Tool)
Degradado <G> Ajusta los puntos inicial y final, así
(Gradient Tool) como el ángulo de los degradados
de un relleno.
Cuentagotas <I> Toma una muestra de los atributos
(Eyedropper Tool) de color o texto de los objetos.
Medición Mide la distancia entre dos

(Measure Tool) puntos.
Fusión <W> Crea una mezcla entre el color y la
(Blend Tool) forma de varios objetos.
Pintura Interactiva Permite pintar gráficos vectoriales
(Live Paint detectando automáticamente las
Bucket) formas y corrigiendo los huecos.
Selección de Selecciona las formas que pintó el
Pintura Interactiva Live Paint Bucket.
(Live Paint
Selection)
41
Zona de selectores de color
Además de los selectores de color de relleno y trazo que ya hemos explicado,
la Barra de herramientas muestra estos botones de selección:

de color
Color (<) Agrega color sólido al relleno y
contorno de la ilustración.
Degradado (>) Agrega degradado al relleno de la
(Gradient) figura o ilustración.
Ninguno </> Sin color tanto en el relleno como
(None) en el contorno de la imagen
vectorial.
Reconociendo herramientas
Actividad
13
Observa detenidamente el MID 10 Herramientas de Pintura y 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.
Ejemplo: Para poder crear texturas en la imagen o para agregar

símbolos a un diseño.
Ejemplo: Al tener una ilustración, el degradado sirve para darle volumen.
Ejemplo: Crear una gráfica para ejemplificar datos para una actividad de
geografía, biología, matemáticas, etcétera.
Ejemplo: Al tener una figura geométrica básica se puede deformar por
medio de sus nodos.
Ejemplo: Muestrear el color de una fotografía para tener el mismo color
y agregárselo a un texto.
Vector
Herramientas de Pintura
10
Actividad
14
1. Abre el documento Caja12 que creaste en la Actividad 12.
2. Con la herramienta de Selección (Select Tool) o <V> selecciona el
cuerpo del caballito y da doble clic en el selector de color de relleno (Fill)
de la paleta de Herramientas. Busca un color rosado para darle color.
3. En el Selector de color de contorno (Stroke) quita el color con la
opción Ninguno (None).
4. 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 Organizar
(Arrange)/Enviar atrás (Send to Back).
5. 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.
6. 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.
Acomoda el duplicado junto al original y luego duplica todo el conjunto
nuevamente. Debes obtener una composición como la siguiente:
7. Dale color a la caja. Un color contrastante puede ser negro o algún otro
color oscuro.
8. Detalla la caja y revisa que todo esté bien. Guarda el archivo terminado.
9. Imprímela en papel grueso o mándala a imprimir a cualquier tienda que
tenga servicio de impresión digital.
10. Recorta la caja dejando un espacio adicional para poder pegarla. Dóblala
y ármala.
43
Creando gráficas
15
Actividad
1. Crea un nuevo documento con las siguientes opciones:
Unidades (Units): Píxeles (Pixels)
Orientación (Orientation): Vertical
Modo de color (Color Mode): RGB
2. Selecciona la herramienta Gráfica de tarta (Pie graph Tool). Se
encuentra agrupada en el mismo botón que la herramienta de Gráfica de
columnas (Column graph Tool).
3. Con la herramienta seleccionada da clic en cualquier parte del área de
trabajo para que aparezca la caja de diálogo de opciones de la gráfica.
Define el tamaño en 200 x 200 px.
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 Aplicar (Apply)
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
Selección directa (Direct Select Tool). 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.
9. Guarda tu trabajo con el nombre Grafica15 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 área de trabajo.

de corte
Sección <Shift+K> Crea secciones para Web.
(Slice Tool)
Selección de Selecciona secciones Web.
sección
(Slice selection
Tool)
Tijeras <C> Corta trazados en puntos
(Scissors Tool) específicos.
Cuchilla Corta objetos y trazados.
(Knife Tool)
Vector
11 Herramientas de corte
45
Las paletas de Adobe Illustrator parte 1
Paleta del Navegador (Navigator)
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 y Mano para moverte
por el documento, pero también podrías usar la paleta del Navegador
(Navigator).
La paleta del Navegador (Navigator) 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.
Paleta de Capas (Layers)

La paleta Capas (Layers) se sitúa por lo general en el extremo inferior
derecho del área de trabajo. Recuerda que si no se encuentra activa, puedes
desplegarla desde el Menú Ventana (Window)/Capas (Layers).
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 la paleta 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.
capas
sub-capas

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 de la paleta de capas.
Crear nueva capa (Create New Layer)

Para añadir nuevas capas a la composición, haz clic en el ícono Nueva
capa (Create New Layer).
TIP
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 capas plantilla (Templates)

Crea una capa plantilla (Template) 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 Opciones de capa
(Layer Options). Selecciona en ese cuadro la casilla Plantilla (Template)
y haz clic en Ok.
En la paleta de capas, las capas plantilla se identifican por un pequeño ícono

con figuras geométricas en el extremo izquierdo.
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. La paleta de 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
47
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 ícono 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.
Bloqueo de capas (Lock)

Otra herramienta importante dentro de la paleta 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
ícono del ojo en cada capa. Un pequeño candado indica que la capa está
bloqueda.
Eliminar capas (Delete Selection)

Para borrar una capa seleccionada, presiona el botón Eliminar capa (Delete
Selection). Otra forma de eliminar la capa es arrastrarla y soltarla sobre el
mismo icono de la papelera.
Vector
Capas
12
Recordando: capas
16
Actividad
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 ícono Nueva Capa (Create New Layer).
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?
Una capa plantilla es usar una ilustración ya existente para trabajar un
nuevo proyecto.
6. ¿Cómo se crea una capa plantilla?
Para crear una capa plantilla da clic en el nombre de la capa, aparecerá el
cuadro de diálogo Opciones de Capa (Layer Options). Selecciona la casilla
plantilla (Template) y da clic en OK.
7. 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, puedo apagar u ocultar la capa en donde se sitúe el
texto para ponerlo a criterio con o sin texto.
8. Describe una situación específica en la que sería útil bloquear una capa.
Explica con un 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 los
elementos.
Capas reales
17
Actividad
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.
49
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 3. Sombra
2. Relleno 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
Textos, globos o cuadros de diálogo
d. Dibuja tu respuesta del inciso anterior.

Usando capas para organizar una ilustración
Actividad
18
1. Abre el archivo Actividad18 que está en tu CD de trabajo o carpeta de
actividades.
2. Localiza o abre la paleta Capas. En la esquina superior derecha de la
paleta hay un botón con una pequeña flecha. Haz un clic en este botón
para desplegar el menú emergente de la paleta. Elige de este menú la
opción Opciones de paleta (Palette Options).
3. En el cuadro de diálogo que aparece especificarás los siguientes valores:
Tamaño de fila (Row Size): Grande (Large)
Miniaturas (Thumbnails): Capas (Layers), Grupos (Groups) y Objetos
(Objects)
Estas opciones simplemente amplían la apariencia de los elementos de la

paleta 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 la paleta Capas (Layers) 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.
9. Guarda los cambios con el nombre Capas18 en la carpeta que indique tu
profesor.
51
Paleta de Transformación (Transform)
La paleta de transformación permite modificar numéricamente y con gran
exactitud un objeto seleccionado: escalarlo, voltearlo, darle perspectiva
o distorsionarlo. La paleta se puede mostrar usando el Menú Ventana
(Window)/Transformar (Transform) y ofrece diferentes modos u opciones
de transformación:
Transformación Función
Eje “X” La imagen se mueve sobre el eje de las “X” (horizontal).
Eje “Y” La imagen se mueve sobre el eje de las “Y” (vertical).
Ancho (W) Permite redimensionar el objeto reduciendo o aumentando
su ancho.
Alto (H) Permite redimensionar el objeto reduciendo o aumentando
su altura.
Rotar (Rotate) Gira un objeto con respecto al punto de referencia.
Distorsión (Shear) Permite inclinar un objeto vertical y horizontalmente.
Paleta de Acciones (Actions)

La paleta de acciones se puede mostrar con el Menú Ventana (Window)/
Acciones (Actions). 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.

Recordando: acciones y transformaciones
Actividad
19
Contesta las siguientes preguntas:
1. ¿Para qué sirve la paleta Transformación (Transform)?

La paleta de transformaciones permite modificar numéricamente y con gran
exactitud un objeto seleccionado.
2. ¿Qué son las Acciones (Actions) 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” DISTORSIÓN
Aumenta o disminuye el tamaño horizontal EJE “Y”
Gira la capa con respecto al punto de referencia ANCHO
Se mueve conforme al eje de las “X” EJE “X”
4. Tomando como base la figura del primer recuadro, dibuja la transformación

que se pide en cada caso. Utiliza regla y cuida la calidad. Si tienes
transportador a la mano, úsalo.
Normal
Rotar 45º
Distorsión 45º (Shear)
Rotar -45º + Alto 150%
Rotar 90º + Distorsión -45º
53
Paleta de Alineación (Align)
En Adobe Illustrator puedes alinear elementos unos con otros o distribuirlos
uniformemente en el espacio. Para estas tareas se usa la paleta de alineación
que se despliega con el Menú Ventana/Alinear (Align).
La paleta 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 de la paleta y desplegar su menú emergente. De este menú debes
activar la opción Alinear a mesa de trabajo (Align to Artboard).
TIP
Muchas paletas se pueden expander o contraer para mostrar más o menos
opciones. Las paletas expandibles se identifican porque junto a su nombre,
muestran una doble flecha vertical . Para expandir o contraer las
paletas da doble clic sobre la doble flecha.
Paleta de Apariencia (Appearance)

En Adobe Illustrator la paleta Apariencia (Appearance) sirve para ver y
ajustar los atributos de apariencia de un objeto, grupo o capa. Para mostrar la
paleta selecciona Menú Ventana (Window)/Apariencia (Appearance).
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 la paleta 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 ícono del efecto para editarlo.
Similar a la paleta Capas, la paleta Apariencia tiene en el borde inferior

botones para agregar o eliminar algún atributo del objeto.
Paleta de estilos gráficos (Graphic Styles)

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, 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, es conveniente crear un estilo. De
esta manera podrás aplicar el estilo a cualquier objeto con un solo clic.
Para visualizar la paleta Estilos (Graphic Styles) selecciona Menú Ventana

(Window)/Estilos (Graphic Styles). Es posible que la paleta contenga ya
algunos estilos predefinidos, pero también podría estar vacía. Los estilos se
pueden renombrar, reorganizar o eliminar de forma muy similar a como se
hace con las capas en su respectiva paleta.
Utilizando el menú emergente de la paleta, puedes mostrar los estilos en forma

de miniaturas o en forma de lista como se muestra en la siguiente figura:
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 la paleta de
Apariencia para modificar o eliminar cualquier aspecto del estilo aplicado.
Ejercicio básico para conocer la paleta Apariencia (Appearance)
20
Actividad
1. Crea un nuevo documento de 800 x 600 píxeles en el Modo de Color
(Color Mode): RGB.
2. Selecciona la herramienta del Rectángulo (Rectangle Tool) y crea dos
rectángulos medianos un poco separados dentro del área de la mesa de
trabajo.
3. Localiza la paleta de Apariencia (Appearance). Si no está visible
puedes usar el Menú Ventana (Window)/Apariencia (Appearance).
También localiza la paleta de Estilos (Graphic Styles). Si no está visible
muéstrala con el Menú Ventana (Window)/Estilos (Graphic Styles).
Normalmente estas dos paletas están agrupadas, pero te conviene
desagruparlas para poder verlas de forma simultánea.
55
4. Selecciona el primer rectángulo y observa la paleta de Apariencia. Utiliza
esta paleta para seleccionar y luego cambiar el color de relleno a verde
claro y el color de trazo a azul oscuro.
5. En la paleta Apariencia, selecciona el contorno (stroke) y luego utiliza
la paleta Trazo (Stroke) para engrosar el contorno a 4 puntos.
6. En la paleta Apariencia, selecciona el relleno (fill) y luego utiliza el
botón Duplicar selección (Duplicate selected item) para crear
un segundo relleno para la figura. Debes tener ahora una figura con dos
rellenos y un contorno.
7. Utilizando la paleta Apariencia, cambia el color del relleno que está

encima a rojo. Después utiliza la paleta Transparencia (Transparency)
para reducir la transparencia de este relleno al 50%. Deberás observar
algo como esto en la paleta:
8. Aplica al rectángulo seleccionado un efecto de sombra utilizando el

Menú Efecto (Effect)/Estilizar (Stylize)/Sombra paralela (Drop
Shadow). Acepta las opciones predeterminadas. Deberás ver que el
rectángulo proyecta una sombra. Revisa la paleta. Si el orden de los
atributos no es como en esta figura, puedes arrastrarlos para reordenarlos
correctamente.
9. Copia en el siguiente espacio el aspecto final de la paleta Apariencia

incluyendo los nombres de las miniaturas de cada línea. Revisa que todos
los pasos anteriores se hayan aplicado al primer rectángulo.

10. 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 Nuevo
estilo (New graphic style) en la paleta de Estilos (Graphic Styles) y
así el nuevo estilo será creado.
11. Haz doble clic sobre el nombre del nuevo estilo y cambia su nombre a
MiEstiloSombra01.
12. Aplica el nuevo estilo al segundo rectángulo, seleccionándolo y dando un
clic sobre el estilo en la paleta.
13. Guarda tu trabajo con el nombre Estilos20 en la carpeta que indique tu
profesor.
Vector
13 Paletas
Máscaras de recorte en las capas (Clipping Mask)

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.
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.
57
En Illustrator, una máscara de recorte (Clipping Mask) 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 la paleta Capas (Layers). 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.
Analiza con cuidado la paleta 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 la paleta Capas (Layers), 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 Crear/Soltar máscara de recorte (Make/
Release Clipping Mask) situado en el borde inferior de la paleta Capas
(Layers) o selecciona Crear máscara de recorte (Make Clipping
Mask) en el menú emergente de la paleta Capas (Layers).
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 Crear/Soltar máscara de recorte (Create
Clipping Mask) situado en la parte inferior de la paleta Capas (Layers)
o selecciona Soltar máscara de recorte (Release Clipping Mask) en
el menú emergente de la paleta Capas (Layers).

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.
Vector
14 Máscaras de recorte
Ejercicio de recorte de imagen
Actividad
21
1. Inicia un documento nuevo de Adobe Illustrator tamaño carta en modo
RGB.
2. Importa la imagen Globo.tif que se encuentra en la carpeta de actividades
o CD de trabajo. Recuerda que puedes utilizar el comando Menú Archivo
(File)/Place (Acomodar).
3. Visualiza la paleta de Capas.
4. Toma la herramienta Elipse (Ellipse Tool) 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.
5. Mueve el círculo para que enmarque al globo que se ve más arriba en la
fotografía.
6. Observa las sub-capas para comprobar que el círculo es el objeto que está
más arriba en la paleta Capas.
7. Presiona en la paleta Capas el botón Crear/Soltar máscara de
recorte (Make/Release Clipping Mask) y deberá crearse la máscara.
59
8. 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.
9. Ahora utiliza el menú emergente de la paleta Capas (el botón circular
con una flecha, en la esquina superior derecha de la paleta) y utiliza el
comando para Duplicar (Duplicate) la capa 1. Observa que el duplicado
contiene todas las subcapas.
10. 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).
11. 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.
12. 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.
13. Guarda tu trabajo con el nombre Mascaras21 en la carpeta de

costumbre.

Paletas flotantes
Actividad
22
Relaciona las paletas de Adobe Illustrator que estudiamos anteriormente con
la función que les corresponde.
Paletas 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.
61
Operaciones con capas
Actividad
23
Observa con atención el MID 12 Capas y explica aquí cómo funcionan las
opciones de la paleta Capas. Sé lo mas explicito que puedas.
Crear nueva capa (Create New Layer)

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

En esta opción, la capa en la que se trabaja se convertirá en plantilla para usarla
nuevamente para un nuevo proyecto.
Capa activa
Activa la capa en la cual estás trabajando.Para seleccionar la capa activa se da
clic sobre su nombre.
Ocultar y mover capas

Para ocultar una capa simplemente das clic en el ícono del ojo y para mover las
capas sólo arrastras una sobre otra o viceversa.
Bloqueo de capas (Lock)

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

Se selecciona la capa y das clic en el ícono del bote de basura para eliminar
la capa.

Color
El mundo está lleno de color: animales, objetos, plantas, planetas... A través
del color se pueden diferenciar las cosas, los animales o incluso las personas.
Hacia donde mires, hay color. Pero ¿qué es el color? ¿De dónde viene? ¿Cómo se
hace el color naranja, verde o morado? Esta sección te ayudará a comprender
mucho mejor cómo se usa y cómo funciona el color en el diseño gráfico.
Fotografía cortesía de Thy Bun. Usada con permiso.
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 vemos 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.
¿Qué es el color?
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 por los cuerpos produce
una impresión sobre la retina. Dicha sensación se transmite al cerebro por
medio del nervio óptico.
63
Isaac Newton descubrió en el año 1666 que la luz del Sol estaba formada por 7
colores: rojo, naranja, amarillo, verde, azul, índigo y violeta. Newton demostró
su descubrimiento al descomponer un rayo de luz blanca, haciendo pasar ésta
a través de un prisma de vidrio. No obstante, estudios posteriores concluyeron
que sólo existen seis colores en el espectro: el color naranja quedó excluido ya
que éste proviene de la combinación del rojo y amarillo.
Dimensiones del color

La clasificación de un color se da de acuerdo a los valores de sus propiedades
o dimensiones.
Tono o tinte: es la resultante de la mezcla de los colores con blanco o

negro. Por ejemplo, un color rojo puede verse más claro o más oscuro
dependiendo del porcentaje de negro con que esté combinado.
Blanco Tonos Negro
Valor o grado de oscuridad: cada color puede tener distintos valores

según sea el grado de claridad u oscuridad reflejada en el objeto. El valor
se define como la cantidad de luz que una superficie puede reflejar.
Blanco Grados de oscuridad Negro

Comprendiendo el color
24
Actividad
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 captada 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
azul
luz blanca
índigo y violeta
prisma o vidrio
Isaac Newton
rojo
luz del Sol
amarillo
siete
verde
Isaac Newton
______________________descubrió en el año_________________ 1666
luz blanca
que la_______________________ estaba formada por_____________ siete
rojo, amarillo, verde, azul, índigo y violeta
colores:___________________________________________________.
luz del sol
Demostró su descubrimiento al descomponer un rayo de_______________
un prisma o vidrio
haciéndolo pasar a través de_________________________.
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.
65
El color, la luz y el ojo
Actividad
25
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 como surge el color y
como 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 primaria para formar a los demás colores. Los colores
primarios no pueden obtenerse mezclando otros colores. También se les
denomina colores puros.

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.
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.
TIP
En la paleta de Color de Illustrator, los colores primarios se identifican
como Amarillo (Yellow), Rojo puro (Pure red) y Azul puro (Pure blue).
67
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 arriba 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.
Diagramas de color
Actividad
26
1. En un nuevo documento de Illustrator tamaño carta modo de color RGB,
realiza los siguientes diagramas:
• Colores Primarios
• Colores Secundarios
• Colores Terciarios
En cada diagrama especifica el nombre del color y pon un título para
identificar el diagrama.
2. En tu CD de trabajo o carpeta de actividades 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 a continuación:

4. Cuando hayas terminado, imprime tu trabajo en papel.
5. En el siguiente diagrama, anota los valores R, G y B que tuviste que utilizar
para cada una de las secciones del círculo cromático.
R=255
R=153 G=0 R=245
G=0 B=0 G=0
B=0 B=51
R=73 R=254
G=48 G=92
B=137 B=51
R=73 R=255
G=48 G=0 R=254
B=137 B=0 G=92
R=5 B=51 R=254
G=29 R=5 R=254 G=171
B=171 G=29 G=255 B=51
B=171 B=51
R=2 R=10 G=188 R=254
G=48 B=0 G=255
B=197 B=51
R=0 R=9
G=184 G=216
B=190 R=10
G=188 B=0
B=0
Los 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.
Los 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.
69
Creando un mural con colores armónicos y complementarios
27
Actividad
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.
2. 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.
3. 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 Degradado (Gradient).
c. Abre el panel Degradado (Gradient). Este panel muestra los colores
inicial y final del degradado. Haz un clic en el deslizador del color
inicial para activarlo. Observa estos primeros pasos en la figura:
b. c. d.
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
Degradado y enseguida doble clic en el Selector de color de las
herramientas para definir el color final.
4. Asegúrate que los colores inicial y final son complementarios. Utiliza

diferentes colores complementarios para cada rectángulo.
5. Ahora crea otro conjunto de 6 rectángulos, alínealos y distribúyelos en la
mitad derecha del documento.
6. 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).
7. Utiliza texto para identificar cada grupo de rectángulos y además para
escribir los nombres del color inicial y final en cada uno de ellos.
8. Guarda tu trabajo con el nombre Colores27 en la carpeta que indique tu
profesor.

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.
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.
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.
71
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.
LVector 03 Lámina de apoyo: Psicología del color y su clasificación
Campaña publicitaria sobre un producto alimenticio
Actividad
28
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?
g. Prepara una breve exposición de 5 minutos máximo, donde expliquen

a los otros equipos lo que han logrado conlcuir y muestren el estudio
realizado.
Modos de color
Los Modos de color (Color Mode) son modelos que tratan de representar los
colores de la naturaleza para ser visualizados en la pantalla o en la impresión.
Recordemos cuáles son los modos de color de Adobe Illustrator:

1. Escala de grises (Grayscale). Son imágenes monocromáticas de tono
continuo.
2. Color RGB (RGB Color). Tiene tres canales: el rojo, verde y azul. Es
utilizado para imágenes en pantalla y se basa en la combinación de la
luz.
3. Color CMYK (CMYK Color). Tiene cuatro canales: el Cyan, Magenta,
Amarillo y canal de Negros. Es utilizado para la impresión y se basa en
la absorción de la luz ocasionada por las tintas.
4. Color Lab (Lab Color). Son los colores más luminosos.
Los colores en tu monitor. Los colores luz son lo que ves en el

monitor de la computadora, la pantalla del cine o la televisión. Tienen
como colores primarios el rojo, verde y azul (RGB), cuya mezcla crea y Nota
compone la luz blanca. A esta forma de color se le denomina síntesis
aditiva, dando origen a la mayoría de los colores del espectro visible.
73
Nota
Los colores de las tintas, pinturas o pigmentos son de síntesis

substractiva. Son colores basados en la luz reflejada de los pigmentos
aplicados a las superficies (acuarela, gouche, óleo y tinta china, entre
otros.) Forman esta síntesis sustractiva el color Magenta, el Cyan y el
Amarillo que combinados dan el color negro. Son los colores básicos
de tintas usadas en la mayoría de los sistemas de impresión, por lo que
en la industria de los impresos han desplazado a los colores primarios
tradicionales.
Colores planos o directos (Pantones)

Se les llama pantones, colores directos o tintas planas a los colores que
pueden imprimirse directamente con una tinta especial. Los colores directos no
suelen entrar en la gama de tonos reproducibles mediante CMYK (cuatricromía),
por lo que las imprentas utilizan directamente alguna tinta específica para
obtener el color exacto, en vez de combinar las tintas básicas.
Para que pueda ser impreso, un color directo necesita la creación de una
plancha (superficie plana por donde pasa el papel para ser impreso) destinada
a una tinta especial. Por eso sólo tiene sentido hablar de la impresión de
colores directos o pantones, si se va a imprimir en una máquina en que las
tintas puedan variar (máquinas de offset, litografía o tampografía).
Algunos ejemplos de colores directos

Las impresoras láser o de inyección de tinta no pueden imprimir tintas
directas debido a alguna de estas razones:
El color directo está dentro del cartucho de tinta, pero no se puede Nota
separar ya que es necesaria la cuatricromía para darle color a la
imagen. Así, aunque el color amarillo sea uno de los colores del
cartucho de tinta, no es posible imprimirlo por separado.
El color directo no está dentro del cartucho de tinta y por tanto,
no es reproducible. Sólo se puede reproducir de modo aproximado
con la selección de color o cuatricromía que imprime una impresora
comercial. Por ejemplo, un pantone “Peridot” no es uno de los colores
de tinta que están en el cartucho.
El programa de diseño Adobe Illustrator trabaja con colores destinados a

impresión por cuatricromía y también con colores directos. Los colores de
cuatricromía se componen de CMYK (Cyan, Magenta, Amarillo y Negro) o
RGB.
Los colores directos se suelen agrupar como “muestras de tintas planas” y

raramente son controlados por el usuario. De hecho, la mayoría de las veces
ya vienen definidos en un muestrario o biblioteca, con nombres y colores
absolutos que deben permanecer intactos.
Los modos de color
29
Actividad
1. Explica qué es un Modo de color.
Los modos de color son modelos que tratan de representar los colores de la
naturaleza para 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
75
3. 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.
4. 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 Escala de grises Color RGB Color CMYK
colores luminosos monocromáticos rojo, verde, azul cyan,magenta,amarillo,negro
tono contínuo Imágenes en pantalla Imágenes de impresión
combinación de luz Absorción de luz por tintas
5. ¿Qué son los colores planos?
Los colores planos son los que pueden imprimirse directamente con una tinta
especial.
6. ¿Por qué una impresora casera no puede imprimir tintas planas?
Una impresora casera no puede imprimir tintas planas ya que no puede separar
las tintas e imprimen CMYK.
7. ¿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.
Paleta de color (Color)

Recuerda que al dar doble clic sobre los Selectores de Color en el panel
de herramientas, se abre el Selector de color (Color Picker) desde donde
puedes escoger el color con el que quieras pintar un gráfico. Puedes seleccionar
un color estándar o un color directo (Color Swatches), dependiendo del
gráfico e impresión que vayas a necesitar.
Por otro lado, con la paleta de Color (Color) puedes colorear también los
contornos y rellenos de las figuras seleccionadas. La paleta de Color se
puede mostrar con el Menú Ventana (Window)/Color (Color). Permite
directamente elegir un color de relleno o contorno de cuatro formas:

a. Arrastrando los desilzadores de los componentes (R,G,B o C,M,Y,K).
Los deslizadores también se llaman mezcladores de color.
b. Introduciendo los valores para cada componenete de color
numéricamente.
c. Haciendo clic sobre algún color del espectro disponible.
d. Haciendo doble clic en los pequeños selectores de color de relleno y
contorno contenidos en la misma paleta.
Menú emergente
El menú emergente de la paleta 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 a la paleta de
Muestras (Swatches).
TIP
Los colores del espectro (Spectrum) que se muestran en la paleta de Color,
dependen del modo de color en el que se encuentre predeterminada la
paleta. Los modos de color con los que la aplicación cuenta son: Escala de
grises (Grayscale), RGB (rojo, verde y azul), HSB (se basa en la percepción
humana del color) y Colores para Web RGB (Web Save RGB).
Vector
Paleta de color
15
Paleta de Muestras (Swatches)
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 la paleta Muestras (Swatches).
Si no está visible la paleta de Muestras (Swatches) ve al Menú Ventana
(Window)/Muestras (Swatches).
77
Antes de aplicar una muestra a un objeto, primero selecciona si quieres afectar
el contorno o el relleno. Esto lo puedes hacer en los selectores de color de la
paleta de herramientas, en la paleta de Color o en la paleta de Apariencia.
Después simplemente elige la muestra que quieres aplicar.
Para abrir una biblioteca de muestras específicas, selecciona el comando Abrir

biblioteca de muestras (Open Swatch Library), en el menú emergente
de la paleta de Muestras (Swatches).
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.
Cuando se abre una biblioteca de muestras, aparece en una nueva paleta

(puede estar agrupada con otra). En la biblioteca de muestras se seleccionan,
ordenan y visualizan las muestras del mismo modo que en la paleta Muestras
(Swatches).
Vector
16 Paleta de muestras

Paleta de Trazo (Stroke)
Los atributos de trazo se pueden utilizar solamente cuando se dibujan objetos.
Los atributos de la paleta Trazo (Stroke) 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 la paleta Trazo (Stroke) para optimizar los atributos de las líneas: la
anchura o grosor (Weight), la forma en que las líneas se unen (Join) y se
rematan (Miter Limit) y si el trazo es continuo o punteado (Dash Line).

Grosor Remates
Línea punteada
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 la paleta de Trazo desde el Menú Ventana (Window)/Trazo
(Stroke).
3. Para especificar el grosor del contorno, introduce un valor en el campo
del Grosor (Weight) o selecciona un valor en el menú colgante. 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 de la paleta:
Remate extremo (Butt Cap): hace las líneas con extremos
cuadrados.
Remate redondeado (Rounded Cap): hace las líneas con extremos
en semicírculo.
Remate proyectado (Projecting Cap): hace líneas con extremos
cuadrados que se extienden más allá del extremo de la figura, con la
mitad del grosor.
Remate angulado (Milter Cap): se debe introducir un ángulo mínimo
comprendido entre 1 y 500. Este ángulo controla los remates.
Remate biselado (Bevel Join): hace las líneas con extremos en
relieve.
5. Si creas una línea punteada (Dashed Line), puedes además definir la
longitud de los guiones y la distancia entre éstos.
Vector
Paleta de trazo
Paleta de Pinceles (Brushes)

17
La paleta de Pinceles (Brushes) de Adobe Illustrator contiene cuatro tipos
de pinceles (caligráficos, de dispersión, de arte y de motivo) que se utilizan
para añadir un efecto artístico a los trazados.
79
Para visualizar la paleta de Pinceles (Brushes) ve al Menú Ventana
(Window)/Pinceles (Brushes). Puedes elegir entre los efectos de los
pinceles predefinidos en la paleta o puedes modificar, crear o importar pinceles
desde las bibliotecas de los pinceles.
Los pinceles que se crean y almacenan en la paleta Pinceles (Brushes),

están asociados solamente al archivo activo en ese momento. Cada archivo
de Illustrator puede tener un conjunto diferente de pinceles almacenados en
la paleta.
Utilizando los cuatro tipos de pinceles puedes obtener los siguientes efectos:
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.
Vector
18 Paleta de pinceles
Paleta de Degradado (Gradient)

En la paleta Degradado (Gradient) es posible elegir entre degradados
radiales y lineales, así como especificar el ángulo del degradado y la ubicación
de los colores. Si la paleta Degradado (Gradient) no está visible, ve a Menú
Ventana (Window)/Degradado (Gradient).
La paleta 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 que un degradado
pasa de un color al siguiente y se identifica con un cuadrado situado bajo el
regulador de degradado.

Regulador de
Punto de degradado
degradado
Para cambiar el color de un punto del degradado, selecciónalo y utiliza la paleta

Color (Color) o los Selectores de color de la paleta de Herramientas.
Otra forma de cambiar el color de un punto del degradado es arrastrar hasta
ese punto un color de la paleta Muestras (Swatches).
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 Nueva muestra (New Swatch) de la
paleta Muestras (Swatches). Otra opción es arrastrar el degradado desde
el cuadro de herramientas o la paleta Degradado (Gradient) hasta la paleta
Muestras (Swatches).
Vector
Paleta de degradado
19
Papelería de identificación personal
Actividad
30
1. Inicia un nuevo documento de Illustrator basado en una plantilla. Para ello
debes elegir la opción Nuevo desde plantilla (New from Template)
al momento de cerrar el documento. La plantilla que debes buscar es
Tarjetas30.ait y se encuentra en tu CD de trabajo o carpeta de
actividades. 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ú
Ventana (Window)/Biblioteca de Pinceles (Brush Libraries)/
Decoración dispersa (Decorative_Scatter). Esta biblioteca estará
disponible en la paleta de Pinceles (Brushes).
81
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 a la paleta Pinceles (Brushes) 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 la
paleta Pinceles (Brushes). Prueba los valores que den el mejor efecto.
5. Selecciona la herramienta de Texto (Text Tool) de la barra de
herramientas e introduce tus datos: nombre de una empresa, tu nombre
completo, cargo u ocupación, dirección, teléfono, correo electrónico y
página web. Recuerda que puedes modificar los atributos del texto desde
la Paleta de Control.
6. Para agregar íconos o logotipos a tu tarjeta, los puedes descargar de Internet
y vectorizarlos con la herramienta 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.
8. Guarda el trabajo terminado con el nombre Papeleria30_1 en la carpeta
que indique tu profesor.
9. 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.
Elemento Nombre de 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 dos sobres internos folder02.ait
Sobre sobre-mini.ait
10. Crea máscaras de recorte para cada objeto. Guarda los documentos con
nombres consecutivos (Papeleria30_2, Papeleria30_3, etcétera).

Identificando paletas
Actividad
31
Relaciona las Paletas de Adobe Illustrator que estudiamos anteriormente con
la función que le corresponde.
Paletas Funciones
Contiene cuatro tipos de pinceles

(caligráficos, de dispersión, de arte y
de motivo) 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.
Es posible elegir entre radiales y

lineales, así como especificar el ángulo
y la ubicación de los colores.
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.
83
Logotipos de identificación
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.
El logotipo es el equivalente actual de la firma de un famoso pintor o escultor

que la gente conocía. Sólo la firma en la obra de un famoso personaje, bastaba
para que los consumidores volvieran a depositar su confianza en sus productos.
De esta manera un logotipo es mucho más que un identificador: el logotipo es
un mensaje abreviado de todos los valores de una marca.
Cuando se analizan estos conceptos, podemos ver que los buenos logotipos
transmiten valores como confianza, fortaleza, innovación, investigación,
seguridad, prestigio, estatus, precio y muchos más. Las marcas y los logotipos
son los medios por los cuales las empresas distinguen sus productos o servicios,
por lo tanto sirven a los intereses de los propietarios y a las necesidades de
los consumidores.
Un logotipo también es un valor agregado del producto. ¿Pagarías un alto

precio por un fino perfume de una marca famosa si viniera sin su etiqueta? Sin
duda lo verías como falso. ¿Te has dado cuenta como dos zapatos deportivos
aparentemente idénticos pueden tener precios muy diferentes sólo por la
marca? Un logotipo o una marca pueden ser por sí solos un índice de calidad
o valor. Pero la función inicial y primordial de un logotipo sigue siendo la de
identificar. Por eso los logotipos son distintivos. Cada logotipo tiene un por qué
de cada uno de sus elementos. Su diseño debe corresponder al mensaje que
se desea transmitir y al público al que se desea llegar.
Las bases del diseño de un logotipo son las formas geométricas simples (líneas,
círculos, cuadrados, triángulos, entre otros). Los retos más complicados del
diseño consisten en crear excelentes gráficos para logos, periódicos, volantes
o páginas Web usando lo básico de las formas.

LVector 04 Lámina de apoyo: Cómo crear un logotipo
Analizando logotipos
32
1. Observa con atención y analiza los logotipos de la imagen anterior.
Actividad
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?
Elige tres de los logos y anota tus conclusiones a estas interrogantes:
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 cada una de las siguientes marcas (el profesor puede sugerir
otras).
a. Grupo Educare f. Elektra
b. Gatorade g. Corn Pops de Kellogg´s
c. Microsoft Office h. Oakley sunglasses
d. Mont Blanc i. Adobe
e. Palm j. Kinder sorpresa
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 de la lista y contesta las siguientes preguntas:
85
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é?
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:

¿Por qué?

¿Por qué?
Marca 3:

¿Por qué?

¿Por qué?
Creando un logotipo
Actividad
33
1. Crea en este espacio 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 (Letter), en

modo CMYK.
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. Los
degradados de un color dado a uno muy cercano en el círculo cromático,
agregan efecto de sombra. 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. Es muy raro ver logotipos con demasiados colores.
87
5. Una vez terminado el logotipo, crea una tarjeta de presentación para ver
como se ve aplicado en un documento real. Si lo deseas, puedes usar
alguna de las plantillas de tu CD de trabajo o carpeta de actividades o bien
iniciar un nuevo documento de 9 x 5 cm. para crear la tarjeta.
6. Incluye en la tarjeta tu nombre y datos personales.
7. Guarda la tarjeta de presentación y logotipo en la carpeta de costumbre.

Paleta de Transparencia (Transparency)
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 la paleta de Transparencia (Transparency) no se encuentra visible, ve al

Menú Ventana (Window)/Transparencia (Transparency).
Máscara de opacidad
En la paleta de 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.

Vector
Paleta de transparencia y Máscara de opacidad

20
Degradado transparente
Actividad
34
1. Crea un documento nuevo con las siguientes propiedades:
Unidades (Units): Centímetros (Centimeters)
Orientación (Orientation): Horizontal
Modo de color (Color Mode): 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 a la paleta Transparencia (Transparency).
Si no está visible ve al Menú Ventana (Window)/Transparencia
(Transparency).
5. En la paleta Transparencia, abre el menú emergente con el botón circular
con flecha de la esquina superior derecha. Elige la opción Crear máscara
de Opacidad (Make Opacity Mask).
Máscara
6. En la paleta Transparencia selecciona el recuadro que corresponde a la
máscara (observa la figura anterior). Revisa también que la opción Clip
esté activa y la opción Invertir máscara (Invert Mask) inactiva.
7. Cambia a color blanco los dos selectores de color de la paleta 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.
89
9. Seleccionado el cuadrado, ve a la paleta Muestras (Swatches), si no
está visible ve al Menú Ventana (Window)/Muestras (Swatches).
Elige el degradado blanco a negro (White, Black). Puedes ver que el círculo
adquiere el degradado, pero en niveles de transparencia.
10. Ve a la paleta Degradado (Gradient). Puedes visualizarla desde el Menú
Ventana (Window)/Degradado (Gradient). Ajusta el degradado con
estos parámetros:
Tipo (Type): Lineal (Linear)
Ángulo (Angle): 50º
Localización (Location): 50%
11. Ve nuevamente a la paleta Transparencia (Transparency), selecciona
el recuadro que corresponde a la figura (círculo) y cámbiale el color desde
los selectores de color.
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 Opacidad34 en la carpeta que indique el
profesor.
Degradado transparente en fotografías
Actividad
35
1. En un nuevo documento de Illustrator coloca la imagen Ola.tif que se
encuentra en tu CD de trabajo o carpeta de actividades.
2. Toma la herramienta de Elipse (Ellipse Tool) 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 a la paleta de Transparencia
(Transparency) y crea una máscara de opacidad (Make Opacity
Mask). Obtendrás una elipse que contiene a la fotografía, con un
degradado transparente.

5. Puedes editar la máscara (elipse) y el objeto (fotografía), seleccionando el
recuadro de la máscara en la paleta de Transparencia.
6. Modifica los parámetros del degradado. Prueba con un degradado lineal o
intenta agregar más puntos al degradado.
7. 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.
8. Guarda la imagen con el nombre Opacidad35 en la carpeta que te
indique tu profesor.
Modos de fusión (Blending Modes)

Cuando un objeto semitransparente se superpone a otro, el efecto resultante
dependerá del modo de fusión (Blending Mode) que se elija en la paleta
de Transparencia. Los modos de fusión disponibles son:
Normal (Normal): es el modo que consiste en aplicar el color de relleno

seleccionado en la paleta de herramientas.
Oscurecer (Darken): la función de este modo es recoger la información
de cada uno de los canales de color que componen a la imagen, los vectores
más claros que el color de relleno serán reemplazados por un color más
oscuro, mientras los más oscuros no serán modificados.
Multiplicar (Multiply): recoge la información de cada uno de los canales
de color que componen a la imagen y la multiplican por el color de relleno,
creando un color más oscuro.
Superponer (Color Burn): este modo depende del color base, aplica el
efecto de multiplicación o división en la imagen.
Aclarar (Lighten): modifica aquellos vectores que son más oscuros
que el color de relleno, mientras que los más claros permanecen sin
modificación.
Trama (Screen): funciona como el modo de multiplicar, pero da como
resultado colores claros.
Sobreexponer Color (Color Dodge): los colores se aclaran y la imagen
se vuelve más luminosa. Las zonas claras se vuelven transparentes y en
las zonas oscuras el cambio no es notorio.
Luz Suave (Soft Light): dependiendo del color de relleno, se generan
resultados oscuros y claros en la imagen.
Luz Intensa (Hard Light): este modo se rige por la cantidad de gris que
hay en la imagen, aclarándola u oscureciéndola.
Diferencia (Difference): busca el valor de luminosidad de los vectores
de la imagen y los compara con el color de relleno. Los colores menos
brillantes son restados por los más brillantes.
Exclusión (Exclusion): es muy parecido al modo anterior, pero con
resultados más suaves.
91
Tono (Hue): mantiene la saturación y el brillo de los vectores y del color,
aumentando el tono basándose en el color de relleno seleccionado.
Saturación (Saturation): se conserva la luminosidad y el tono del
documento y se suma la saturación de color con que se pinte.
Color (Color): Reemplaza el tono y la saturación de los vectores con
el valor del color frontal. Se utiliza para colorear imágenes en escala de
grises.
Luminosidad (Luminosity): toma el tono y saturación del documento y
la luminosidad del color de fusión.
Vector
21 Modos de fusión (Blending Modes)
Conociendo los Modos de fusión
Actividad
36
1. Abre en Illustrator la fotografía Foto36 que se encuentra en tu CD de
trabajo o carpeta de actividades.
2. Selecciona la herramienta de Rectángulo (Rectangle Tool) y dibuja
una forma sobre la fotografía cubriéndola toda.
3. Cambia el color del rectángulo a # BE7C2A, dando doble clic en el selector
de color de relleno y utilizando el selector (Color Picker).
4. Selecciona el rectángulo y ve a la paleta de Transparencia
(Transparency).
5. Elige el primer Modo de fusión (Blending Mode).
6. Utiliza la herramienta de Texto para etiquetar encima de la fotografía el
nombre del modo que has utilizado.
7. Ahora utiliza la paleta de Capas (Layer) para duplicar la capa actual.
8. Mueve el contenido de la copia (fotografía y rectángulo) para que no se
empalme con el anterior.
9. Selecciona el rectángulo copia y usa la paleta de transparencia para elegir
el segundo Modo de fusión. Etiquétalo.
10. Repite sucesivamente para tener una muestra de cada uno de los modos
de fusión.
11. Organiza todos los objetos en el documento, como un muestrario de modos
de fusión. Utiliza la paleta de Alineación (Align) para ordenar y distribuir
los objetos para una máxima calidad en la presentación.
12. Guarda tu archivo con el nombre Modos36 en la carpeta de costumbre.

Paleta Buscatrazos (Pathfinder)
La paleta Buscatrazos (Pathfinder) 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 la paleta Buscatrazos (Pathfinder) ve al Menú Ventana

(Window)/Buscatrazos (Pathfinder).
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
de la paleta de Buscatrazos (Pathfinder):
Añadir áreas a forma (Add to shape area): define el contorno de

todas las figuras como si fueran un único objeto combinado.
Restar (Substract from Shape Area): resta los objetos situados al

frente del elemento situado al fondo.
Intersectar áreas (Intersect Shape Areas): define el contorno del

área con la que se superponen los objetos.
Excluir áreas de formas solapadas (Exclude overlapping Shape

Areas): define las áreas de los objetos que no se superponen y convierte
en transparentes las áreas que se superponen.
93
Dividir (Divide): divide una parte de la ilustración.
Cortar (Trim): elimina la parte oculta de un objeto. Elimina los trazados

y no combina objetos de igual color.
Combinar (Merge): elimina la parte oculta del objeto. Suprime los

trazados y combina cualquier objeto añadido o superpuesto que contenga
el mismo color.
Recortar (Crop): divide una ilustración y elimina las partes de ésta que
queden fuera de sus límites.
Contornear (Outline): divide un objeto en los segmentos de línea o

bordes que lo componen.
Menos fondo (Minus Back): resta los objetos situados al fondo del
elemento situado al frente.
Vector
22 Paleta buscatrazos (Pathfinder)

Combinación de objetos para crear formas compuestas
Actividad
37
1. Abre el programa de Illustrator y crea un documento nuevo (New
Document) 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 a la paleta de Buscatrazos (Pathfinder). Si no está visible en el
área de trabajo usa el Menú Ventana (Window)/Buscatrazos
(Pathfinder).
4. Selecciona todos los objetos con la combinación de teclas <Ctrl+A>.
Después, dentro de la paleta Buscatrazos (Pathfinder) da clic en la
opción Añadir áreas a forma (Add to shape area). Haz un clic en
cualquier lugar del documento fuera de la figura, para ver el resultado.
5. Con la herramienta Selección directa (Direct Selection Tool),
selecciona un objeto de la forma compuesta. Arrastra el objeto para
cambiarlo de sitio. Para cambiar la forma del objeto, arrastra un punto
ancla.
6. Con la herramienta Selección directa (Direct Selection Tool),
selecciona uno de los objetos de la forma compuesta. En la paleta
Buscatrazos (Pathfinder), haz clic en el botón Excluir áreas de
formas solapadas (Exclude overlapping shape areas). 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ú Efecto (Effect)/Estilizar (Stylize)/Sombra paralela (Drop
Shadow).
10. En una nueva capa, crea un duplicado de la figura. Selecciona este
duplicado.
11. En la paleta Buscatrazos (Pathfinder), abre el menú emergente dando
clic sobre la pequeña flecha de la esquina superior derecha. Elige del menú
el comando Soltar forma compuesta (Release Compound Shape).
12. Guarda el archivo como te lo indique tu profesor.
95
Fusión y Buscatrazos
Actividad
38
Observa los MID 21 Modos de Fusión (Blending Modes) y MID 22 Paleta
Buscatrazos (Pathfinder) y escribe en el espacio si es una opción de la paleta
de Buscatrazos o un Modo de fusión. Explica la utilidad de cada opción. Sé
lo más explícito posible.
Restar (Substract from Shape Area):
Resta los objetos situados al frente del elemento situado al fondo.
Cortar (Trim):
Elimina la parte oculta de un objeto. Elimina los trazados y no combina objetos
de igual color.
Contornear (Outline):
Divide un objeto en los segmentos de línea o bordes que lo componen.
Intersectar áreas (Intersect Shape Areas):

Define el contorno del área con la que se superponen los objetos.
Normal (Normal):
Es el modo que consiste en aplicar el color de relleno seleccionado en la
paleta de herramientas.
Aclarar (Lighten):
Modifica aquellos vectores que son más oscuros que el color de relleno, mientras
que los más claros permanecen sin modificación.
Luz Intensa (Hard Light):

Este modo se rige por la cantidad de gris que hay en la imagen, aclarándola
u oscureciéndola.
Saturación (Saturation):
Se conserva la luminosidad y el tono del documento y se suma la saturación de color
con que se pinte.
97
Filtros y Efectos (Filter/Effect)
Muchos comandos que te permiten cambiar el aspecto de los objetos están
disponibles en los menús Filtro (Filter) y Efecto (Effect). Todos los comandos
del submenú Filtro (Filter)/Artístico (Artistic) aparecen también en el
submenú Efecto (Effect)/Artístico (Artistic). Sin embargo, los filtros y los
efectos dan resultados distintos, así que es importante que identifiques cuándo
se recomienda usar cada uno de ellos.
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, la paleta Apariencia (Appearance) lo muestra en una lista que
te permite editarlo, moverlo, duplicarlo, eliminarlo o guardarlo como parte de
un estilo gráfico.
Los filtros en cambio, afectan directamente los vectores del objeto y no se

pueden modificar ni quitar. La ventaja de aplicar un filtro en vez de un efecto,
es que es posible modificar los puntos ancla que se generan con el cambio.
Algunos filtros y efectos no están disponibles en todos los modos de color, por
lo que si los filtros y efectos no están disponibles, comprueba el modo de color
del documento en Menú Archivo (File)/Modo de color del documento
(Document Color Mode). La mayoría de los filtros y efectos sólo se pueden
usar en documentos que estén en modo de color RGB.
Aplicando un efecto (Effect) o un filtro (Filter):

Selecciona la imagen de mapa de bits (bitmap) y elije un filtro en el Menú
Filtro (Filter).
Selecciona una ilustración de la mesa de trabajo y selecciona un efecto en

el Menú Efecto (Effect).
Vector
Diferencias entre filtros y efectos y cómo aplicarlos

23
Ajustes de los efectos de rastrillado
Cuando aplicas algunos efectos de rastrillado o rasterizado como Desenfocar
(Blur) o Bosquejar (Sketch), 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:
1. Selecciona Menú Efecto (Effect) /Ajustes de efectos de rastrillado
de documento (Rasterize).
2. Define las opciones de rastrillado (Rasterize) y haz clic en Ok al
terminar:
Modelo de color (Color Model): 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).
Resolución (Resolution): determina el número de píxeles por pulgada
(dpi) de la imagen rastrillada.
Fondo (Background): determina la conversión en píxeles de las áreas
transparentes de un gráfico vectorial. Si seleccionas Blanco (White)
se llenan de blanco los píxeles en las áreas transparentes. O selecciona
Transparente (Transparent), para que el fondo sea un canal alfa.
Suavizar (Anti-aliasing): 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.
Crear máscara de corte (Create Clipping Mask): crea una máscara
que convierte en transparente el fondo de la imagen rastrillada o
rasterizada.
Añadir alrededor del objeto (Add Around Object): añade un número
específico de píxeles alrededor de la imagen rastrillada.
Vector
24 Ajustes de los efectos de rastrillado
Filtros y efectos Artísticos (Artistic)

Estos filtros o efectos logran una sensación pictórica dentro de proyectos
artísticos y comerciales que incluyen:
Lápiz de color (Colored Pencil): dibuja una imagen utilizando lápices
de colores sobre un fondo sólido.
Cuarteado (Cutout): 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.
99
Pincel seco (Dry Brush): pinta los bordes de la imagen utilizando una
técnica de pincel seco (entre óleo y acuarela).
Película granulada (Film Grain): 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.
Luz de neón (Neon Glow): añade varios tipos de resplandores a los
objetos de una imagen.
Manchas (Paint Daubs): te permite seleccionar entre varios tamaños y
tipos de pincel para lograr un efecto pictórico.
Espátula (Palette Knife): reduce los detalles de una imagen para dar
la impresión de un lienzo ligeramente pintado que revela la textura que
hay debajo.
Plastificado (Plastic Wrap): cubre a la imagen de plástico brillante
acentuando los detalles de la superficie.
Bordes añadidos (Poster Edges): 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.
Trazos de pastel (Rough Pastels): 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.
Barra para manchar (Smudge Stick): 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.
Esponja (Sponge): crea imágenes con áreas texturizadas con colores
que contrastan entre sí y parecen haberse pintado con esponja.
Pintar debajo (Underpainting): pinta la imagen sobre un fondo
texturizado y luego pinta la imagen final sobre ella.
Color diluido (Watercolor): pinta la imagen en estilo acuarela,
simplificando los detalles, utilizando un pincel mediano cargado de agua y
color. El filtro satura el color.
Vector
Filtros y efectos Artísticos (Artistic)

25
Filtros y efectos de Desenfocar (Blur)
Los filtros y los efectos de desenfocar (Blur) son útiles para retocar imágenes.
Suavizan las transiciones de las líneas definidas y las áreas sombreadas de una
imagen.
Desenfoque gaussiano (Gaussian Blur): desenfoca rápidamente una
selección mediante una cantidad ajustable. Produce un efecto brumoso.

Desenfoque radial (Radial Blur): simula una cámara fotográfica fuera
de foco, para producir un desenfoque suave. Puedes seleccionar Giro
(Spin), 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.
Desenfoque Inteligente (Smart Blur): da resultados muy rápidos,
suavizados y granulados.
Filtros y efectos de Trazos de pincel (Brush Stroke)

Los filtros y efectos de 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.
Bordes acentuados (Accented Edges): 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.
Trazos con efecto de ángulo (Angled Strokes): vuelve a pintar una
imagen utilizando trazos diagonales.
Sombreado (Crosshatch): 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.
Trazos oscuros (Dark Strokes): 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.
Contorno con tinta (Ink Outlines): redibuja una imagen con líneas
finas sobre los detalles originales en forma de plumilla.
Salpicaduras (Spatter): imita el efecto del aerógrafo.
Trazos con spray (Sprayed Strokes): 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.
Vector
26 Filtros y efectos de Desenfocar (Blur) y de Trazos de pincel (Brush Stroke)
Filtros y efectos de Distorsión (Distort)

Los filtros y efectos de Distorsionar (Distort) modifican una imagen
geométricamente, creando efectos tridimensionales o de cambio de forma.
Debes saber que estos filtros utilizan mucha memoria RAM.
101
Luz difusa (Diffuse Glow): 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.
Cristal (Glass): produce el efecto de ver una imagen a través de diferentes
tipos de cristales.
Ondas marinas (Ocean Ripple): añade olas a la superficie de las
imágenes, lo que hace que parezca estar debajo del agua.
Filtros y efectos Pixelar (Pixelate)

Los filtros y efectos Pixelar (Pixelate) definen claramente una selección,
mediante el agrupamiento en celdas de los píxeles de colores similares.
Semitono de color (Color Halftone): 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.
Cristalizar (Crystallize): agrupa los colores sólidos en una forma
poligonal.
Grabado (Mezzotint): convierte una imagen en un motivo con áreas en
blanco y negro o de colores.
Puntillista (Pointillize): descompone el color de una imagen en puntos,
colocados armónicamente como en una pintura puntillista.
Filtros y efectos de Enfocar (Sharpen)

El filtro y efecto Enfocar (Sharpen), 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.
Vector
Filtros y efectos de Enfocar (Sharpen), de Pixelar (Pixelate) y de

Distorsión (Distort)
27
Filtros y efectos de Bosquejar (Sketch)
Los filtros y efectos de Bosquejar (Sketch) 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.
Bajorrelieve (Bas Relief): transforma una imagen para que parezca
esculpida en bajorrelieve e iluminada, para acentuar las variaciones en la
superficie.
Gis y carboncillo (Chalk & Charcoal): redibuja las luces y los
medios tonos con gis y las áreas de sombra se reemplazan con líneas de
carboncillo.

Carboncillo (Charcoal): redibuja una imagen para crear un efecto de
difuminado.
Cromo (Chrome): trata a la imagen creando una superficie cromada
pulida.
Conté crayón (Conté Crayon): imita la textura de los lápices Conté, de
blanco puro a negro fuerte.
Estilográfica (Graphic Pen): utiliza trazos de tinta finos y bien delineados
para mantener los detalles de la imagen.
Modelo de medio tono (Halftone Pattern): simula el efecto de una
trama de semitonos y mantiene la gama continua de tonos.
Papel con relieve (Note Paper): crea una imagen que parece estar
construida por papel hecho a mano (papel amate).
Fotocopia (Photocopy): simula el efecto de fotocopiar una imagen.
Escayola (Plaster): moldea una imagen de yeso tridimensional y luego
colorea el resultado utilizando el color del primer plano.
Reticulación (Reticulation): 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.
Sello (Stamp): se simplifica la imagen para simular que parece estampada
con un sello de madera o goma.
Bordes rasgados (Torn Edges): reconstruye la imagen con trozos de
papel rasgado e irregular.
Papel húmedo (Water Paper): utiliza manchas que parecen pintadas en
papel húmedo fibroso, lo que hace que los colores fluyan y se mezclen.
Vector
28 Filtros y efectos de Bosquejar (Sketch)
Filtros y efectos de Estilizar (Stylize)

El filtro y el efecto Estilizar (Stylize) produce un efecto impresionista,
desplazando píxeles y realzando el contraste de la imagen.
Borde iluminados (Glowing Edges): identifica los bordes de color y les
añade un efecto de luz neón.
Filtros y efectos de Textura (Texture)

Se utilizan los filtros y efectos de Textura (Texture) para dar a las imágenes
apariencia de profundidad, para añadir un aspecto más natural.
Grietas (Craquelure): pinta una imagen en una superficie de yeso de
alto relieve, produciendo una red fina de grietas.
Granulado (Grain): añade textura a una imagen simulando tipos de
granulado (salpicaduras, punteados).
103
Teselas (Mosaic Tiles): dibuja la imagen como si se hubiera hecho a
partir de pequeños azulejos.
Retales (Patchwork): descompone una imagen en cuadros rellenos con
el color predominante de la imagen.
Vidriera (Stained Glass): vuelve a pintar una imagen con el color del
primer plano.
Texturizar (Texturizer): aplica una textura seleccionada o creada a una
imagen.
Vector
Filtros y efectos de Estilizar (Stylize) y de Textura (Texture)

29
Filtros y efectos de Video (Video)
Desentrelazar (De-Interlace): suaviza las imágenes móviles capturadas
en video.
Colores NTSC (NTSC Colors): Limita la gama de colores a los aceptados
para la reproducción en la televisión.
Trabajando con Filtros
Actividad
39
1. Importa a Illustrator la imagen Insecto.bmp, que se encuentra en tu CD
de trabajo o carpeta de actividades.
2. Duplica varias veces la fotografía desde la paleta Capas (Layers) con
el comando Duplicar capa (Duplicate Layer). 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. Separa las imágenes y utiliza las opciones de
alineación y distribución para formar una organización perfecta.
4. Aplica a la primera imagen un filtro cualquiera y utiliza la herramienta de
texto para etiquetarla e identificar el filtro 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 filtro.
5. Bloquea la capa que contiene la imagen (ya con el filtro) y el texto con el
nombre del filtro.
6. Aplica un filtro diferente a cada una de las imágenes. En la misma capa
de cada imagen crea el texto para identificar el nombre del filtro aplicado.
Bloquea la capa cuando esté terminada.
7. Si lo deseas, puedes aplicar más de un filtro a una misma imagen. Detalla tu
trabajo, agrégale tu nombre. Cuida al máximo la presentación y limpieza.
8. Guarda el archivo terminado como Filtros39 en la carpeta de costumbre.

TIP
Si activas la casilla Previsualizar (Preview) en las ventanas de opciones
de los efectos, podrás ver el resultado antes de aplicarlo. Esto, sin embargo,
consume recursos y no es recomendable para equipos limitados.
Agrupar y desagrupar objetos (Group and Ungroup)

Puedes reunir varios objetos para convertirlos en una unidad por medio del
comando Agrupar que se activa con Menú Objeto (Object)/Agrupar
(Group) 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ú
Objeto (Object)/Desagrupar (Ungroup) o la combinación de teclas
<Ctrl+Shift+G>.
Después de agrupar los objetos, al seleccionar cualquier parte del grupo con la
herramienta Selección (Select Tool) o la herramienta Lazo (Lasso Tool),
se seleccionará todo el grupo. Si no estás seguro si un objeto pertenece a un
grupo, mejor selecciónalo con la herramienta Selección (Select Tool).
Agrupar y desagrupar
Actividad
40
1. ¿Qué es agrupar varios objetos?
Agrupar varios objetos es unirlos para poder moverlos y tranformar al mismo
tiempo sin alterar sus posiciones relativas o atributos individuales.
2. Esquematiza los pasos que se deben seguir para agrupar y desagrupar un
objeto en Illustrator.
Agrupar Desagrupar
1. Seleccionas los objetos para agrupar 1. Selecciona el grupo
2. Vas al Menú Objeto (Object)/ 2. Vas al Menú Objeto (Object)/Desagrupar
Agrupar (Group) o con <Ctrl+G> (Ungroup) o con <Ctrl+Shift+G>
105
Los elementos del dibujo vectorial: Punto y línea
En diseño vectorial hay dos elementos fundamentales que constituyen la base
para cualquier composición: el punto y la línea. Estos sencillos elementos son
fáciles de observar. En nuestro entorno hay muchos puntos y líneas que siempre
están presentes en los objetos más comunes y más complejos: puertas, sillas,
computadores o vestidos. Analicemos estos elementos detenidamente.
El 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.
Las posibilidades que nos ofrece para poder expresarnos son variadas, ya que
combinado con otros puntos puede conformar una comunicación visual. El
punto es la unidad gráfica por excelencia, es el generador de la forma, su
movimiento produce líneas y superficies y su agrupación crea contornos y
volúmenes.
El punto también tiene diferentes valores expresivos: cuando se asienta en la
superficie manifiesta estabilidad, expresa reposo, da la sensación de silencio y
significa pausa.
El dinamismo del punto está presente a nuestro alrededor y se puede apreciar
en un campo de flores, en una galaxia, en un conjunto de globos, entre otras.
Estos y otros muchos más ejemplos pueden darnos ideas para realizar algún
diseño con base en la observación del entorno.
La 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.
La línea tiene una sola dimensión y puede ser recta o curva. Según la dirección
que tenga será de diferentes tipos y presentará diferentes posiciones: horizontal,
vertical, oblicua ascendente, oblicua descendente, espiral, ondulada, cerrada
o abierta. Si se considera en relación con otra línea, su posición compuesta
puede ser paralela, divergente, convergente o perpendicular.
La línea nos sugiere dirección, movimiento, pasividad, pasión, fuerza,
estabilidad, duda, incongruencia, entre otros. Según la dirección y el contexto
en donde se ubique, la organización de líneas genera ritmo, equilibrio, estática
y dinámica.

Técnica de puntillismo y línea
41
Actividad 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, 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.
7. Utiliza líneas para dar sombreados o texturas especiales.
8. Terminado el proyecto hazle un marco con cartulina o papel de color y
expón tu trabajo en clase.
Ritmo, Contorno y Forma

El ritmo
El 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. Puede ser de diferentes
tipos:
Ritmo repetitivo: cuando los mismos elementos o patrones se presentan
de igual manera y sin variaciones.
Ritmo progresivo: cuando se va de abajo hacia arriba, de lo alto a lo
bajo, de lo pequeño a lo grande o viceversa.
Ritmo alternado: cuando se van alternando uno o varios elementos o
patrones.
107
El ritmo se logra a través del equilibrio que se dá cuando todos los elementos
son complementos unos de otros y cuando está determinado el peso de cada
uno de los elementos que conforman una composición.
Podemos observar el ritmo en el medio ambiente con el crecimiento de las

plantas, el trotar de los animales o el movimiento del mar. Se puede decir que
el ritmo puede ser el movimiento, dirección, tamaño, proporción, color, forma
o sonido de los objetos o patrones.
Los elementos que conforman al ritmo son los siguientes:

1. Movimiento
2. Dirección. Hacia dónde se mueve
3. Tamaño. Grande o chico
4. Proporción. Relación comparativa entre dos o más objetos
5. Color. Uso de colores primarios, secundarios y terciarios
6. Superficie. Cuadrado, círculo y triángulo
El contorno
El 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.
La forma
La 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.
Las formas se clasifican de la siguiente manera:
1. Formas geométricas: constituidas matemáticamente.
2. Formas orgánicas: rodeadas por líneas con fluidez y desarrollo.
3. Formas rectilíneas: limitadas por líneas que no tienen relación
matemáticamente.
LVector 05 Lámina de apoyo: Ritmo, Contorno y Forma
Los elementos del diseño gráfico
Actividad
42
Contesta correctamente las siguientes preguntas.
1. ¿A qué se le conoce como figura-fondo?

Figura-fondo es cuando dos extremos de una línea se unen y se forman
automáticamente un contorno y un relleno.
2. Define forma.
La forma es la figura externa de los objetos.

3. ¿Para qué sirve la forma de los objetos?
La forma de los objetos sirve para distinguir las cosas, personas, plantas
y animales.
4. Ejemplifica forma, gráficamente.
5. ¿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
6. 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.
109
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).
Los elementos del dibujo vectorial: 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.
La composición implica que todos los elementos sean capaces de aportar un

significado para transmitir un mensaje más claro a los receptores o destinatarios
del diseño. En una composición, debes entregar el mensaje que quieres dar a
conocer e impactar visualmente al público receptor. No existe una norma que
asegure el éxito de una composición, pero hay pautas que pueden hacer más
eficaz un mensaje:

Antes de empezar a diseñar, debes contar con la máxima información
posible acerca del tema que se va a transmitir.
Debes saber a quién se dirige el diseño (niños, jóvenes, ancianos, ricos,
médicos, amas de casa, deportistas, entre otros).
Debes seleccionar los elementos a utilizar. Cada elemento de la composición
debe tener una función en el arte.
Existen diferentes clasificaciones de composición basadas en el equilibrio

y balance que tienen los objetos dentro del espacio. De acuerdo con esta
clasificación, la composición puede ser simétrica, asimétrica, radial y
abstracta.
La composición simétrica es aquella en la cual se tiene un eje central

al dividir la imagen en dos, encontrando igualdad de peso (partes de
la imagen) y/o de tono en ambos lados de ésta. La ilustración de una
mariposa con las alas extendidas es un ejemplo claro.
La composición asimétrica se produce cuando no existen las mismas
dimensiones (tamaño, color o textura) en ambos lados, aunque sí existe
equilibrio entre los elementos.
La composición radial es aquella en donde el objeto de interés se
encuentra en el centro y todo deriva de él. El famoso cuadro de la última
cena, de Leonardo Da Vinci, es un ejemplo de composición radial.
La composición abstracta es la que utiliza las formas básicas del arte
como las líneas, formas, colores y texturas, para expresar un mensaje
subjetivo e independiente del mundo exterior. Las últimas obras de
Picasso son claros ejemplos.
La composición vectorial
En la composición vectorial es importante considerar las propiedades de las
formas y las cualidades del color para siempre considerar las sensaciones o
percepciones que provocan. Los estudios de la percepción han concluido que la
visión humana capta las formas antes que el color. La forma produce la primera
impresión, pero el color es fundamental para retener la atención y provocar
una reflexión y emoción en el receptor.
El efecto que producen las formas depende de sus características, del espacio
que ocupa y de los colores que las conforman. Por lo tanto, es importante
conocer las posibilidades del manejo vectorial en la composición, para utilizarlas
de manera eficiente para el arte y para el observador.
111
Composición artística libre
Actividad
43
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 Simetrico43.

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 Asimetrico43.

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 Abstracto43.
Visitando el museo
44
Actividad
La visita al museo debe ser una actividad programada en la que el grupo podrá
observar obras pictóricas para su análisis. Esta visita ayudará a comprender
uno de los elementos del diseño, que es la composición. Si no es posible realizar
la visita, se puede hacer un recorrido por alguna exposición o recopilación de
arte en Internet, CD multimedia o libros.
Se realizará un proyecto de investigación con las obras vistas y se intercambiarán

las experiencias vividas durante el recorrido por el museo. Además, a partir de
actividades grupales, se relacionarán las piezas vistas con los elementos y
tipos de composición, para promover la enseñanza y claro entendimiento de
los conceptos vistos en clase.

Para preparar esta actividad es importante que se tomen en cuenta las
siguientes fases:
Fase 1: En una visita previa, el profesor recorre las exposiciones para

realizar un plan de trabajo, pensando en el tema de la composición
visual.
Fase 2: Los alumnos visitan al museo y analizan obras seleccionadas
para encontrar en ellas aspectos relacionados con la composición y demás
elementos vistos en clase.
Fase 3: La última fase es la entrega de conclusiones que deben recoger
los resultados de la visita y conclusiones de cada alumno.
Los elementos del dibujo vectorial: Perspectiva

En diseño gráfico, la 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. La
sensación de profundidad es puramente ilusoria, pero constituye una técnica
de composición muy importante: la perspectiva es la mejor forma de crear una
sensación tridimensional en una imagen.
Uno de los primeros artistas en utilizar la perspectiva fue Leonardo Da Vinci,
quien se dio cuenta que todo convergía en un “punto de fuga” y que desde ese
punto la imagen se abre hacia nosotros. El punto de fuga se localiza a la altura
de la vista, sobre la línea de horizonte.
Al realizar un trazado en Illustrator, es indispensable que tengas en cuenta
la perspectiva, ya que es parte fundamental de la visibilidad humana. Si no
la tomaras en cuenta, cualquier persona detectará el error, ya que el ojo
humano tiene una educación innata para observar los errores de perspectiva
de inmediato.
LVector 06 Lámina de apoyo: Sobre los elementos del dibujo

vectorial
Reflexión sobre perspectiva
45
Actividad
1. Define perspectiva.
La 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.
113
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.
4. Con la ayuda de imágenes o recortes da dos ejemplos de perspectiva.
Generando perspectiva
Actividad
46
1. Abre en Illustrator el documento Siluetas.ai que se encuentra en tu CD
de trabajo o carpeta de actividades. El archivo contiene 6 siluetas de
animales u objetos.
2. Utiliza el panel de Degradado (Gradient) y el panel de 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ú Efecto (Effect).
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 Perspectiva46 en la carpeta que
indique tu profesor.

Ilustrando una fotografía
47
Actividad Observa qué 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.
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 tu CD
de trabajo o carpeta de actividades.
2. Abre la foto en Illustratror. Se situará en la primera capa de la paleta de
Capas (Layers).
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 Nueva capa (Create New Layer).
5. Con la herramienta Pluma (Pen Tool) y la herramienta Lapiz (Pencil
Tool) 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
Organizar (Arrange) del menú emergente de las figuras.
c. También puedes usar la paleta Buscatrazos (Pathfinder), para
combinar o intersectar formas.
d. Incluye trazados para las sombras que se vean en la imagen.
TIP
En cualquier capa puedes hacer <Ctrl+clic> sobre el ícono del ojo para
cambiar el modo de visualización al modo de Trazado (Outline Mode).
Repite esta acción para regresar al modo normal. Esto te ayudará con el
trazado.
115
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 Modo de fusión (Blending Mode): Multiplicar
(Multiply).
8. Debes de ajustar el degradado de cada sombra para que quede uniforme.
Lo puedes ajustar tomando la herramienta de degradado (Gradient Tool)
y arrastrando el cursor de extremo a extremo. También lo puedes ajustar
desde la paleta de degradado (Gradient) con los deslizadores.
9. Puedes añadir más detalle al pelo. Crea efectos de sombra agregando
modos de fusión de multiplicar (Multiply). 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
Retrato47.ai.
Ilustrando una fotografía 2
Actividad
48
1. Elige alguna de las fotografías de paisaje que se encuentran en tu CD de
2. Aplica las técnicas aprendidas para trazarla con vectores y colorearla.
3. Al terminar elimina la capa donde se encuentra la fotografía original.
4. Guarda el archivo en la carpeta que tu profesor indique con el nombre
Paisaje48.ai.
Los símbolos
En Illustrator, un símbolo es un elemento gráfico reutilizable que se almacena
en una biblioteca llamada paleta 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.

Creando un símbolo
Actividad
49
1. Abre en Illustrator el archivo Dragon.ai que se encuentra en tu CD de
2. Vectoriza la figura del dragón que está en líneas guía. Utiliza para ello la
herramienta Pluma.
3. Dale color y detállalo para una apariencia atractiva e interesante.
4. Abre la paleta de Símbolos con el Menú Ventana (Window)/Símbolos
(Symbols).
5. Selecciona el dragón que has creado y arrástralo hacia la paleta de
símbolos.
6. Revisa que la figura se ha guardado como símbolo en la paleta y elimina
del área de trabajo el dibujo original.
7. Ahora añade una copia del símbolo a tu área de trabajo arrastrando desde
la paleta Símbolos (Symbols). A una copia del símbolo en el área de
trabajo se le llama instancia.
8. Crea 4 instancias más del dragón en el área de trabajo, separadas un poco
entre sí.
9. Ajusta la transparencia de las instancias individuales a 40%, 50%, 60%,
70% y 80%.
10. Escálalas y gíralas con ayuda de la paleta transformaciones, acomodando
las instancias de forma equilibrada y armónica, para que la composición
sea agradable a la vista.
11. Para crear muchas instancias, utiliza la herramienta Rociar símbolos
(Symbol Sprayer Tool) en el área de trabajo. Si haces doble clic en la
herramienta, puedes ajustar las opciones de rociado.
12. Toma la herramienta Girar símbolo (Symbol Spinner Tool) que
se encuentra agrupada en el mismo botón de la herramienta Rociar
símbolos. Arrástrala sobre las instancias para que giren en la dirección
de arrastre.
13. Utiliza otros símbolos para crear un diseño más abstracto.
14. Revisa que tu composición transmita un mensaje o tenga una función
especial.
15. Guarda tu trabajo con el nombre símbolos en la carpeta que indique el
profesor.
117
Recordando los elementos de diseño
Actividad
50
Responde correctamente las siguientes preguntas seleccionando a, b o c,
según corresponda.
1. En diseño vectorial hay dos elementos fundamentales que constituyen la
base para cualquier composición:
a. El punto y la línea
b. La curva y el nodo
c. El punto y la coma
2. 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.
a. Magia
b. Perspectiva
c. Ángulo
3. Implica que todos los elementos sean capaces de aportar un significado
para transmitir un mensaje más claro a los receptores o destinatarios del
diseño.
a. Compensación
b. Correlación
c. Composición
4. Es aquella en donde el objeto de interés se encuentra en el centro y todo
deriva de él. El famoso cuadro de la última cena, de Leonardo Da Vinci, es
un ejemplo de ésta:
a. Composición simétrica
b. Composición abstracta
c. Composición radial
5. 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:
a. Superposición, Transparencia y Penetración
b. Transparencia, Penetración y Matiz
c. Penetración, Superposición y Perspectiva
6. Es el conjunto de líneas que limita una figura o composición.
a. Relleno
b. Contorno
c. Tabla
7. Las formas se clasifican de la siguiente manera:
a. Formas geométricas, orgánicas y rectilíneas
b. Formas geográficas, ergonómicas y rectangulares
c. Formas geológicas, armónicas y rectas

8. 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.
a. Movimiento
b. Ritmo
c. Carisma
9. Está formada por una sucesión de puntos, tan próximos uno de otro, que
no se alcanzan a distinguir.
a. Figura
b. Dibujo
c. Línea
10. 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.
a. Punto
b. Marca
c. Línea
Organización del texto: Diseño Editorial

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.
A continuación estudiarás algunas características interesantes que puedes
aplicar en tu trabajo con textos:
Creación de contornos
La opción de Creación de contornos (Create Outline), que se encuentra
en el Menú Texto (Type)/Creación de contornos (Create Outlines),
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 Pluma y selecciona la herramienta Texto
en trazado (Type on a Path). 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.
119
Para modificar la apariencia del texto, puedes seleccionarlo y usar el Menú
Texto (Type)/Texto en trazado (Type on a Path), para especificar efectos
y otras opciones como el espaciado.
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:
a. Para usar una envolvente predefinida, selecciona Menú Objeto
(Object)/Distorsión con Envolvente (Envelope Distort)/Crear
con envolvente (Make with Warp).
b. Para crear una envolvente a partir de una malla cuadriculada selecciona
Menú Object/Distorsión con Envolvente (Envelope Distort)/
Crear con malla (Make with Mesh).
c. Para usar un objeto como envolvente debes asegurarte de que ese
objeto está hasta arriba en su capa. Selecciona el objeto a distorsionar
y el objeto que será la envolvente y utiliza el Menú Objeto (Object)/
Distorsión con Envolvente (Envelope Distort)/Crear con objeto
superior (Make with Top Object).
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.
TIP
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 imprime correctamente, aún cuando el
equipo de impresión no tenga instaladas las fuentes que hayas utilizado.

Vector
30 Organización del texto
Experimentando con texto
51
Actividad 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 Textos51 en la carpeta que indique tu
profesor.
4. Contesta las siguientes preguntas:
a. ¿Qué es una envolvente?
Los envolventes son figuras que modifican un texto u objeto cuya forma se
adapta a la envolvente.
b. ¿Cuáles son las tres clases de envolventes que se pueden usar en
Illustrator?
Las tres clases de envolventes son: arqueados, inflados y “apretados”.
Página interna de una revista
Actividad
52
Inicia un nuevo documento a partir de una plantilla con el Menú Archivo
(File)/Nuevo desde plantilla (New from Template). La plantilla que
debes usar se llama Revista.ait y se encuentra en tu CD de trabajo o
carpeta de actividades.
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.
121
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 Texto en Área (Area Type Tool) 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 ti, tus aficiones o cualquier tema
que te agrade.
6. Para cambiar el tipo de letra, tamaño, interlineado y rotación usando el
Menú Texto (Type) o utiliza el panel Menú Ventana (Window)/Texto
(Type)/Caracter (Character).
7. Crea un rectángulo en el cuadrante opuesto e introduce texto en él.
8. 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.
9. Guarda el archivo con el nombre Revista52 en la carpeta que te indique
el profesor.
En el diseño para impresión sólo hay tres tipos de fuentes o tipografías

que las imprentas manejan:
1. Fuente PostScript: en la computadora cada fuente se compone Nota
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.
2. Fuentes TrueType: cada fuente está formada por un solo
archivo (*.ttf) que es multiplataforma, es decir, funciona en Sistemas
Operativos Macintosh y Windows.
3. Fuente OpenType: son las fuentes más modernas. Son
multiplataforma y están formadas por un sólo 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.

Vectores en 3D
Los efectos 3D (3D Effects) facilitan la adición de elementos tridimensionales
a cualquier proyecto, ofreciendo opciones de diseño únicas como extrusión,
relieve, realce o revolución.
Página interna de una revista
Actividad
53
1. Crea un nuevo documento de 5 x 5 cm.
2. Selecciona la herramienta de Texto (Text Tool) y escribe tu primer
nombre, tu deporte favorito o una palabra que te guste. Utiliza una fuente
grande y clara. Dale color.
3. Selecciona texto. Ve al Menú Efecto (Effect)/Envolver (Warp)/Arco
(Arc). En el cuadro de opciones del efecto especifica los siguientes valores
y aplica el efecto:
Arqueado (Bend): 10%
Horizontal (Horizontal): -30%
Vertical (Vertical): 0%
4. Aplica el Menú Efecto (Effect)/3D/Realce y Biselado (Extrude &
Bevel). Introduce los siguientes valores en el cuadro de diálogo y aplica
el efecto:
Posición (Position): Off-Axis Front
X: -18º
Y: -26º
Z: 8º
Perspectiva (Perspective): 0º
Profundidad de realce (Extrude Depth): 5 pt.
123
Recuerda que puedes ajustar el efecto después de haberlo aplicado, haciendo
doble clic sobre su nombre en la paleta de Apariencia.
5. Ahora aplica el Menú Objeto (Object)/Expandir Apariencia (Expand

Appearance). Esto convierte el texto en trazado.
6. Desagrupa el objeto con el Menú Objeto (Object)/Desagrupar
(Ungroup) o presionando las teclas <Ctrl+Shift+G>.
7. Toma la herramienta de selección directa (Direct Selection Tool).
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 la paleta de Buscatrazos (Pathfinder),
el botón Agregar área a la forma (Add to Shape Area). Esto los
convierte en una sola figura.
9. Selecciona la figura que acabas de formar con el Buscatrazos y aplícale
un color degradado que vaya de verde a amarillo.
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 Objetos3D56 en la carpeta que indique
tu profesor.
12. Experimenta 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?

Formatos de archivo
Adobe Illustrator tiene varios formatos para guardar archivos como plantilla
(Template), 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.
Prácticamente todas las aplicaciones de gráficos de diseño de páginas Web
y de procesamiento de textos, admiten archivos EPS. Los archivos EPS
pueden contener tanto gráficos vectoriales como mapas de bits.
El formato Adobe PDF es un estándar para distribuir e intercambiar
documentos electrónicos en todo el mundo, de forma segura y fiable.
PDF es muy eficaz cuando se destina a impresiones. Cuando guardes un
archivo como PDF, también puedes crear un archivo compatible con PDF/X
(Portable Document Format Exchange), que es un tipo de PDF que elimina
muchas de las variables de colores, fuentes y reventados que pueden
causar problemas de impresión.
El formato SVG está basado completamente en XML (un lenguaje de marcas
para intercambio de datos). Con SVG puedes usar XML y JavaScript para
crear gráficos Web que respondan a las acciones del usuario, con efectos
sofisticados como resaltados, sonido y animación.
Aunque es posible guardar la ilustración para Web desde el submenú
Exportar (Export), es mucho más sencillo usar la opción Guardar
para la Web (Save for Web). Este submenú permite elegir formatos de
archivo Web, seleccionar opciones de compresión y color y previsualizar
la ilustración optimizada. Además puede cambiar el tamaño de la imagen
y exportar capas.
Si necesitas usar los archivos que creaste en Adobe Illustrator en otro programa
y ese programa no admite los formatos nativos de Illustrator, puedes exportar
la ilustración en archivos alternativos como:
Formato Función Deficiencia
Photoshop (psd) Formato de archivo Solamente se puede

de trabajo de Adobe abrir en la aplicación
Photoshop. Photoshop.
Targa (tga) Este formato es estándar Sólo abre los archivos
para los gráficos y los con las tarjetas de
programas de retoque video True Vision Targa
digital que pueden y Visa.
utilizar las tarjetas de
video True Vision Targa
y Visa.
125
JPEG o JPG (jpg) Formato muy eficiente. Formato con pérdidas

Acepta alta resolución menores de color en la
de color, tiene una imagen.
excelente compresión y
alta calidad de imagen.
TIFF (tif) Formato que crea Los archivos son muy
archivos de imagen de pesados y hay pérdidas
alta calidad. de color en la imagen.
BMP (bmp) Es el formato estándar No maneja compresión,
de Windows. Acepta por lo que las imágenes
alta densidad de color. BMP son muy grandes. No
es ideal para trabajos en
Web debido a su peso.
GIF (gif) Sólo acepta 256 colores, Su calidad no es muy alta
pero soporta un color de debido a que sólo acepta
transparencia y puede 256 colores (carece del
guardar animación. modo de color).
PNG (png) Este formato produce Existen pérdidas en el
transparencias de fondo color de la imagen.
sin bordes irregulares y
soporta los modos de
color.
PICT de Macintosh/ Este formato traslada Se utiliza solamente para
Macintosh PICT (pct) las imágenes a otros la plataforma Macintosh.
programas de dibujo,
edición o multimedia.
Archivo de intercambio Este formato transfiere Este formato no se pue-
AutoCAD /AutoCAD las aplicaciones de de abrir nuevamente en
interchange File (dxf) modelado en 3D. Illustrator: sólo es para
el archivo de intercambio
de AutoCAD.
Dibujo AutoCAD/ Este formato traslada Se utiliza solamente
AutoCAD Drawing (dwg) las imágenes vectoriales para el programa de
en línea o trazado. AutoCAD.
Formato de texto /Text Guarda y exporta textos Solamente sirve para
Format (txt) compatibles con otros guardar textos.
programas de Adobe y
Word.
Metarchivo de Este formato traslada Se utiliza solamente
Windows /Windows las imágenes vectoriales para la plataforma
Metafile (wmf) eficientemente. Windows.

Macromedia Flash Este formato exporta las No conserva todas las

(swf) animaciones basadas en propiedades del archivo
vectores. nativo.
Metarchivo mejorado/ Este formato traslada la No se puede usar en la
Enhanced Metafile creación de gráficos de plataforma Macintosh.
(emf) vectores que preservan
los trazos, rellenos y
texto.
Vector
31 Formatos de archivo
TIP
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.
Reconociendo formatos
Actividad
54
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.
127
3. ¿Qué es Adobe PDF y para qué sirve?
Adobe PDF es un estándar para distribuir e intercambiar documentos
electrónicos de forma segura y fiable. También se destina a impresiones.
4. Define el formato SVG.

El formato SVG está basado completamente en XML (lenguaje de marcas para
intercambio de datos).
5. Explica lo que se puede realizar en el submenú de Exportar (Export).
Este menú permite guardar archivos web o archivos en otros formatos.
6. A continuación se describen tres casos. Identifica el formato “no nativo” en

que se deben guardar los archivos en cada situación.
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á.
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?
JPEG
¿Por qué? Acepta buena resolución para la imagen. Tiene una 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 emoticon en un programa
de chat. ¿En qué formato(s) le recomiendas que guarde su imagen?
GIF
¿Por qué? El archivo 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?
GIF o PNG 24
¿Por qué? Estos dos formatos permiten transparencias en la imagen.
El PNG puede almacenar más colores.

Preparando un archivo para imprenta
Si planeas llevar un diseño a una imprenta, es importante que prepares tus
archivos de una forma correcta, completa y ordenada, para evitar problemas
a la hora de imprimirlos. Se recomienda realizar una serie de comprobaciones
finales conocidas dentro del diseño como checklist de impresión. Consisten
básicamente en revisar que todo lo que debe ir (imágenes y textos) esté en el
archivo, que los parámetros del arte sean los correctos y que no vayan archivos
que no tienen ninguna 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.
Principales requisitos y normas de impresión

No utilices fuentes (tipos de letra) de dudosa procedencia como las
descargadas gratuitamente de Internet. Estas fuentes no cuentan con la
calidad tipográfica suficiente y suelen causar muchos problemas cuando
carecen de minúsculas, acentos, eñes, números o signos de puntuación.
Adjunta el archivo de las fuentes y manda al impresor una copia de la letra
utilizada en el documento. Aunque hayas usado fuentes conocidas, si el
impresor no cuenta con ellas, no podrá reproducir los textos. Si la versión
de la fuente no es la misma, el texto cambiará y el documento saldrá
mal.
Para evitar incluir las fuentes y cualquier problema con textos, una buena
opción es convertir el texto a “curvas”.
Comprueba que las imágenes están tal cual aparecerán en la impresión. El
tamaño debe ser correcto y deben ser imágenes CMYK, RGB con perfil ICC,
de escala de grises (preferiblemente con perfil), de línea o vectoriales.
No debes utilizar formatos de imagen no aptos para impresión, ya que la
filmadora no los reconoce y no aparecerán dentro del archivo. Los formatos
estándares para las imágenes son TIFF y EPS. Los formatos indebidos son
GIF, BMP, PNG, PCX, PPT (PowerPoint) y archivos nativos (Draw, Illustrator,
Freehand), salvo que el impresor los acepte.
No utilices los colores Lab o indexados, ya que no son válidos dentro de la
impresión porque no son reconocidos por ninguna impresora ni filmadora.
No utilices colores directos definidos como CMYK, ni viceversa. Para usar
colores directos (pantone) debes haberlo acordado con el impresor.
Debes eliminar los trazados sin color ni relleno. También debes eliminar los
elementos ocultos, como capas que no quieres que se impriman u objetos
totalmente transparentes.
No debes dejar elementos en los espacios de trabajo alrededor de las
páginas (fuera de la mesa de trabajo).
Una vez revisados todos los puntos del checklist, guarda los archivos en algún
medio de almacenamiento (CD o memoria extraíble) o bien envíalos por
correo electrónico a la imprenta. Es muy recomendable que siempre incluyas
una descripción de lo que quieres y una muestra casera de lo que esperas
obtener.
Debes ser ordenado y limpio con el material. Los archivos deben ir ordenados
en carpetas y los discos o CDs deben ir marcados para evitar pérdidas o
confusiones. Siempre comprueba que el disco que envías se pueda abrir. Sácalo
de tu computadora, vuélvelo a meter y abre cualquier archivo.
129
Proyecto de Integración 1: Calendario escolar
El proyecto consiste en realizar un calendario con calidad y creatividad. El
proceso abarca desde la recopilación de imágenes hasta la elaboración e
impresión.
Al finalizar el ciclo escolar pueden mandar a imprimir el mejor calendario y
comercializarlos para obtener fondos.
Fases
El proyecto se compone de tres fases fundamentales:
1. Recolectar la información gráfica, es decir, las mejores fotografías del año
escolar (fotos generales, eventos escolares, deportivos, culturales o de
esparcimiento).
2. Diseño del calendario. En esta fase se pone a prueba toda tu creatividad.
3. Administrar el calendario para su impresión. Hacer el checklist de impresión,
cotizar con una imprenta, elegir el tipo de papel, acabados, entre otros.
Actividades generales
1. Realiza un plan de trabajo para tomar fotografías y recopilar las mejores
imágenes de eventos, grupos, maestros, etcétera.
2. Utiliza Illustrator para iniciar el calendario. Si lo deseas puedes utilizar
como base la plantilla Calendario.ait que se encuentra en tu CD de
3. Utiliza las líneas guía para crear las áreas para los textos e imágenes. Aplica
colores institucionales. Recuerda las reglas para usar colores primarios,
secundarios y terciarios, dependiendo de lo que quieras transmitir.
4. Para colocar las fotografías debes de bajarlas de la cámara digital o
escanearlas a 300 dpi y guardarla en el formato TIFF o JPG. Las imágenes
deben tener una muy buena calidad fotográfica, pues se quieren destinar
a impresión profesional. Cuida que no haya fotos borrosas, oscuras o muy
claras.
5. Si la imagen se sale del margen o si deseas un efecto especial, puedes
utilizar una máscara de recorte.
6. Introduce los textos para marcar los días L, M, M, J, V, S, D, en mayúscula.
Prueba intercalar colores con una letra blanca seguida de una azul. El color
rojo es para los domingos y fechas especiales.
7. Acomoda los números de manera que queden señalados por el día y el
color de la letra que le hayas puesto a ese día. El nombre del mes, los días
y los números deben ir rotados para acomodarlos en su posición final.
8. Guarda el archivo en Illustrator CS, Illustrator CS2 y en PDF.
9. Realiza un checklist de impresión.
10. Imprime una muestra casera para revisar en papel cualquier cambio que
quisieras hacer.
11. Lleva los archivos a una imprenta y pide ayuda para cotizar la impresión
usando el papel y acabado que más convengan.

Proyecto de Integración 2:
Tarjetas postales o de felicitación
En las ocasiones especiales como el día de San Valentín, día del Maestro o
día de la Madre, es muy agradable crear o diseñar una buena tarjeta. En
este proyecto individual diseñarás tres tarjetas postales o de felicitación para
presentarlas al grupo y regalarla a quien tú quieras.
1. Desarrolla un concepto de tarjeta en papel.
2. Para esta actividad puedes utilizar las plantillas de tarjetas Postales.ait

o Felicitacion.ait que se encuentran en tu CD de trabajo o carpeta de
actividades.
3. Diseña la tarjeta en Illustrator, utilizando tantos elementos como creas

convenientes para transmitir tu mensaje.
4. Imprime la tarjeta y recórtala al tamaño adecuado para su presentación

final.
5. De forma similar diseña otras dos tarjetas que sean completamente

diferentes.
Proyectos de integración 131

Proyecto de Integración 3:
Boletín del colegio
En este proyecto debes realizar un boletín que servirá como medio de
comunicación interna en el colegio. Debe informar a los padres de familia y
alumnos acerca de los eventos que se realizarán durante el mes, así como
contener secciones especiales de educación, valores, moda, alimentos o humor
entre otros.
1. Desarrollo del concepto
2. Recopilación de información
3. Diseño del arte en Illustrator
4. Detalle del contenido
5. Impresión

EVALUACION No. A V A N C E P R O G R A M ÁT IC O D E C U R S O
TEMA GENERAL: DISEÑO VECTORIAL - ILLUSTRATOR
GRUPO:
PROFESOR:
PERIODO:
SEMANA 1 SEMANA 2 SEMANA 3 SEMANA 4 SEMANA 5
L M M J V S L M M J V S L M M J V S L M M J V S L M M J V S
TEMAS
S E S IO N ES
S E S IO N ES
T E Ó R IC AS
PRÁCTICAS
P royectado
In tro d u c c ió n e h isto ria .
Im á g e n e s ve cto ria le s. C oncretado
N otas:
P royectado
F o rm a to s d e a rch ivo C oncretado
N otas:
A b rie n d o y cre a n d o u n d o c u m e n to n u e vo e n A d o b e P royectado
Illustra to r. C oncretado
A b rir a rch ivo co n A d o b e B rid g e . N otas:
P royectado
E n to rn o d e tra b a jo C oncretado
N otas:
P royectado
B a rra d e h e rra m ie n ta s C oncretado
N otas:
SEMANA 6 SEMANA 7 SEMANA 8 SEMANA 9 S E M A N A 10

TEMAS
S E S IO N ES
S E S IO N ES
T E Ó R IC AS
PRÁCTICAS
P royectado
N otas:
P royectado
N otas:
P royectado
Técn ica s d e ilu stra ció n con la s h e rra m ie n ta s C oncretado
N otas:
P royectado
Técn ica s d e ilu stra ció n con la s h e rra m ie n ta s C oncretado
N otas:
P royectado
Las p a le ta s d e A d o b e Illu stra to r p a rte 1 C oncretado
N otas:
GRUPO:
PROFESOR:
PERIODO:
S E M A N A 11 S E M A N A 12 S E M A N A 13 S E M A N A 14 S E M A N A 15
PRÁCTICAS
S E S IO N ES
T E Ó R IC AS
S E S IO N ES
TEMAS
P royectado
N otas:
P royectado
N otas:
P royectado
N otas:
P royectado
C o lo r C oncretado
N otas:
P royectado
N otas:
PRÁCTICAS
S E S IO N ES
T E Ó R IC AS
S E S IO N ES
TEMAS
P royectado
N otas:
P royectado
N otas:
P royectado
L o g o tip o s d e id e n tificació n C oncretado
N otas:
P royectado
N otas:
P royectado
N otas:
GRUPO:
PROFESOR:
PERIODO:
TEMAS
S E S IO N ES
S E S IO N ES
T E Ó R IC AS
PRÁCTICAS
P royectado
Las p a le ta s d e A d o b e Illu stra to r p a rte 3
C oncretado
N otas:
P royectado
F iltro s y E fe cto s. C oncretado
N otas:
P royectado
A g ru p a r y d e s a g ru p a r o b je to s C oncretado
N otas:
P royectado
Los e le m e n to s d e l d ib u jo ve cto ria l: P u n to y lín e a . C oncretado
N otas:
P royectado
R itm o , C o n to r y F o rm a . C oncretado
N otas:
TEMAS
S E S IO N ES
S E S IO N ES
T E Ó R IC AS
PRÁCTICAS
P royectado
E l e s p a c io
Los e le m e n to s d e l d ib u jo ve cto ria l: C o m p o sició n C oncretado
N otas:
P royectado
Los e le m e n to s d e l d ib u jo ve cto ria l: P e rsp e ctiva C oncretado
N otas:
P royectado
N otas:
P royectado
N otas:
P royectado
Los sím b o lo s. C oncretado
N otas:
GRUPO:
PROFESOR:
PERIODO:
PRÁCTICAS
S E S IO N ES
T E Ó R IC AS
S E S IO N ES
TEMAS
P royectado
O rg a n iza ció n d e l te xto : D is e ñ o E d ito ria l. C oncretado
N otas:
P royectado
C oncretado
O rg a n iza ció n d e l te xto : D is e ñ o E d ito ria l.
N otas:
P royectado
C oncretado
V e cto re s e n 3 D .
N otas:
P royectado
C oncretado
F o rm a to s d e a rch ivo .
N otas:
P royectado
C oncretado
P ro ye cto s d e in te g ra ció n 1 .
N otas:
PRÁCTICAS
S E S IO N ES
T E Ó R IC AS
S E S IO N ES
TEMAS
P royectado
P ro ye cto s d e in te g ra ció n 2 . C oncretado
N otas:
P royectado
P ro ye cto s d e in te g ra ció n 3 . C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado T = Sesión Teórica.
T O T A LE S L o s re cu a d ro s a b a jo d e fe chas d e b e rá n lle n a rse
C oncretado
co n :
PA= Sesión Práctica en el Aula
P O R C E N T A JE D E P royectado 100% 100% PL= Sesión Práctica en Laboratorio
AVANCE C oncretado
N O M B R E Y F IR M A D E L P R O F E S O R

Pit Emys Diseno Vectorial de La Ilustracion Al Diseno Editorial Con Illustrator Profesor

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Pit Emys Diseno Vectorial de La Ilustracion Al Diseno Editorial Con Illustrator Profesor

Enviado por

Direitos autorais:

Formatos disponíveis

Diseño Vectorial

De la ilustración al diseño editorial con Illustrator

Apoyo en desarrollo y actividades

Coordinación editorial y revisión

Fotografía Desarrollo de Módulos de Instrucción Digital

DERECHOS RESERVADOS © 2007 MMVII por Grupo Educare S. A. de C. V.

Abriendo y creando un documento nuevo

Abrir archivos con Adobe Bridge 14

MID 07 Color de relleno (Fill), color de trazo (Stroke)

Técnicas de ilustración con las herramientas 35

Las paletas de Adobe Illustrator parte 1 46

Paleta de Apariencia (Appearance) 54

Las paletas de Adobe Illustrator parte 2 79

Las paletas de Adobe Illustrator parte 3 89

Filtros y Efectos (Filter/Effect) 98

Filtros y efectos de Video (Video) 104

Agrupar y desagrupar objetos (Group and Ungroup) 105

Los elementos del dibujo vectorial: Punto y línea 106

Ritmo, Contorno y Forma 107

Los elementos del dibujo vectorial: Composición 110

Los elementos del dibujo vectorial: Perspectiva 113

Los símbolos 116

Organización del texto: Diseño Editorial 119

MID 30 Organización del texto 121

Formatos de archivo 125

MID. Módulo de Instrucción Digital

A p re n d e la h isto ria y la s d ive rsa s

1 /2 S e m a n a Im á g e n e s ve cto ria le s V e n ta ja s d e lo s V e cto re s In d ica la s ve n ta ja s y d e sve n ta a s

1 Sem ana F o rm a to s d e a rch ivo Im á g e n es d e m a p a d e b its E n cu e n tra la s d ife re n cia s a l cre a r

1 Sem ana L a in te rfa z y e l á re a d e tra b a jo C re a u n a in te rfa z d e n tro d e l e n to rn o

H e rra m ie n ta s d e V isu a liza ció n

E la b o ra u n re su m e n e xp lica n d o la C o n o ce lo s o ríge n e s d e A d o b e C o m p u ta d o ra , m a te ria l d e a p o yo d e l

C o n stru ye u n d o cu m e n to n u e vo co n A p re n d e a a b rir y cre a r u n n u e vo

E n u m e ra lo s a rch ivo s qu e co n tie n e R e co n o ce lo s a rch ivo s co n lo s que

In ve stiga la fun ció n d e ca d a u n a d e

A p lica la s h e rra m ie n ta s p lu m a y A ctivid a d 12 H a cie n d o u n a ca ja d e re ga lo (P a rte 2 )

D istin gue la s ca ra cte rísitica s

D ife re n cia s e n tre filtro s y e fe cto s y

R itm o , C o n to rn o y F o rm a E l ritm o R o tu la e n u n d ib u jo e l ritm o , e l

L o s sím b o lo s L o s sím b o lo s A p re n d e a u tiliza r la s h e rra m ie n ta s

C o m p a ra lo s d ive rso s form a to s que

E la b o ra u n p ro ye cto e sco la r u tiliza n d o

C re a ta rje ta s p o sta le s o d e fe licita ció n

R e a liza u n b o le tin d e u n co le gio

A ctivid a d 3 4 D e gra d a d o tra n sp a re n te

D e scrib e e l u so d e filtro s y e fe cto s.

In ve stiga la s d ife re n cia s qu e e xiste n E n cu e n tra la s o p cio n e s que se C o m p u ta d o ra , m a te ria l d e a p o yo d e l

C re a e n la p á gin a in te rn a d e u n a C o n stitu ye la o rga n iza ció n d e u n A ctivid a d 5 1 E xp e rim e n ta n d o co n te xto C o m p u ta d o ra , m a te ria l d e a p o yo d e l

R e co le cta in fo rm a ció n d e in te rés

El usuario podía trabajar con gráficos monocromáticos (un solo color) y

LVector 01 Lámina de apoyo: Historia de Illustrator

2 Diseño Vectorial - De la ilustración al diseño editorial con Illustrator

AÑO EDICIÓN SISTEMA OPERATIVO

4 Diseño Vectorial - De la ilustración al diseño editorial con Illustrator

Cualquier forma abierta o cerrada como un polígono, rectángulo, elipse o

Ventajas de los Vectores

Desventajas de los Vectores

Un uso frecuente que se da a la conversión de mapas de bits a vectores, es la

6 Diseño Vectorial - De la ilustración al diseño editorial con Illustrator

Imágenes de mapa de bits

Las imágenes bitmap dependen de la resolución, es decir del número de píxeles

Debido a que los mapas de bits dependen de la resolución, es difícil incrementar

LVector 02 Lámina de apoyo: Vectores vs. Bitmaps

Vectores vs. Bitmaps