Diseño Vectorial de la Ilustración al Diseño Editorial con Illustrator

Transcripción

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
Apoyo en desarrollo y actividades
Samantha Méndez Domínguez
Coordinación editorial y revisión
Coordinación de ilustración
Elsa Lesser Carrillo
Ilustración de portada
María Goretti Fuentes García
Ilustración de Interiores
José Agustín Pedraza Nieto
Ramón Salas Gil
Armando Mendoza Hernández
Carlos Alberto León Rendón
Jorge Zúñiga Reza
Ramón Salas Gil
Said Emmanuel Dokins Milián
Revisión de Recursos Digitales
Diseño editorial
Apoyo editorial
Corrección de estilo
Elsa Lesser Carrillo
Lorena Lara Manzano
Coordinación de Módulos de Instrucción Digital
Carlos Alberto León Rendón
Sergio Jiménez Valenzuela
Fotografía
Desarrollo de Módulos de Instrucción Digital
Resolución de actividades
Samantha Méndez Domínguez
Alma Rodríguez de Jesús
Dennise López Font
Luis Alfonso Jiménez Chávez
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 historia1
Lamina de Apoyo 01 Historia de Illustrator2
Ediciones de Adobe Illustrator3
Actividad 01 Recordando4
Imágenes vectoriales4
Ventajas de los Vectores5
Desventajas de los Vectores6
Formatos de archivo7
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 Illustrator13
Abrir archivos con Adobe Bridge14
Gestión de archivos con Adobe Bridge15
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 trabajo18
La interfaz y el área de trabajo
19
MID 03 Entorno de trabajo de la interfaz y
el área de trabajo20
Actividad 06 Identificando el área de trabajo
21
Barra de herramientas22
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 Illustrator28
CONTENIDO
MID 07 Color de relleno (Fill), color de trazo (Stroke)
y las paletas en Adobe Illustrator28
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ón37
MID 09 Herramientas de Transformación
38
39
Herramientas de Pintura 39
Zona de selectores de color
42
Actividad 13 Reconociendo herramientas
42
MID 10 Herramientas de Pintura
42
43
Actividad 15 Creando gráficas
44
Herramientas de corte45
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 activa47
Ocultar y mover capas48
Bloqueo de capas (Lock)
48
Eliminar capas (Delete Selection)
48
MID 12 Capas48
Actividad 16 Recordando: capas48
Actividad 17 Capas reales49
Actividad 18 Usando capas para organizar
una ilustración51
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
Color63
¿Qué es el color?63
Dimensiones del color64
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ático69
Actividad 26 Diagramas de color
69
Actividad 27 Creando un mural con colores
armónicos y complementarios71
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 alimenticio73
Modos de color74
Colores planos o directos (Pantones)
75
Actividad 29 Los modos de color
76
Paleta de color (Color)77
MID 15 Paleta de color78
Paleta de Muestras (Swatches)
78
MID 16 Paleta de muestras
79
79
Paleta de Trazo (Stroke)
79
MID17 Paleta de trazo80
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
Lámina de Apoyo 04 Cómo crear un logotipo
Actividad 32 Analizando logotipos
Actividad 33 Creando un logotipo
85
86
86
88
89
Paleta de Transparencia (Transparency)
89
Máscara de opacidad89
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 compuestas96
Actividad 38 Fusión y Buscatrazos
97
Filtros y Efectos (Filter/Effect)
MID 23 Diferencias entre filtros y efectos y cómo aplicarlos
Ajustes de los efectos de rastrillado
MID 24 Ajustes de los efectos de rastrillado
Filtros y efectos Artísticos (Artistic)
MID 25 Filtros y efectos Artísticos (Artistic)
Filtros y efectos de Desenfocar (Blur)
Filtros y efectos de Trazos de pincel (Brush Stroke)
MID 26 Filtros y efectos de Desenfocar (Blur)
y Trazos de pincel (Brush Stroke)
Filtros y efectos de Distorsión (Distort)
Filtros y efectos Pixelar (Pixelate)
Filtros y efectos de Enfocar (Sharpen)
MID 27 Filtros y efectos de Enfocar (Sharpen),
de Pixelar (Pixelate) y de Distorsión (Distort)
Filtros y efectos de Bosquejar (Sketch)
MID 28 Filtros y efectos de Bosquejar (Sketch)
Filtros y efectos de Estilizar (Stylize)
Filtros y efectos de Textura (Texture)
MID 29 Filtros y efectos de Estilizar (Stylize) y
de Textura (Textura)
98
98
99
99
99
100
100
101
101
101
102
102
102
102
103
103
103
104
CONTENIDO
Filtros y efectos de Video (Video)
Actividad 39 Trabajando con Filtros
104
104
Agrupar y desagrupar objetos (Group and Ungroup)
Actividad 40 Agrupar y desagrupar
105
105
Los elementos del dibujo vectorial: Punto y línea
106
El punto106
La línea
106
Actividad 41 Técnica de puntillismo y línea
107
Ritmo, Contorno y Forma107
El ritmo107
El contorno108
La forma
108
Lámina de apoyo 05 Ritmo, Contorno y Forma
108
Actividad 42 Los elementos del diseño gráfico
108
El espacio110
Los elementos del dibujo vectorial: Composición
La composición vectorial
Actividad 43 Composición artística libre
Actividad 44 Visitando el museo
110
111
112
112
Los elementos del dibujo vectorial: Perspectiva
113
Lámina de Apoyo 06 Sobre los elementos
del dibujo vectorial113
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ímbolos116
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 contornos119
Texto en un trazado
119
Envolventes120
CONTENIDO
MID 30 Organización del texto
Actividad 51 Experimentando con texto
Actividad 52 Página interna de una revista
121
121
121
Vectores en 3D123
Actividad 53 Página interna de una revista
123
Formatos de archivo125
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
SEMANAS
TEMAS
SUBTEMAS
COMPETENCIA
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 re n d e la h isto ria y la s d ive rsa s
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
D e sve 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 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.
1 /2 S e m a n a
A b rie n d o y cre a n d o u n
d o cu m e n to n u e vo e n A d o b e
Illu stra to r
A b rir a rch ivo s e n Illu stra to r
P re p a ra u n n u e vo d o cu m e n to
co n A d o b e Ilu stra to r.
1 /2 S e m a n a
A b rir a rch ivo s co n A d o b e
B rid ge
G e stió n d e a rch ivo s co n A d o b e
B rid ge
E la b o ra u n n u e vo d o cu m e n to co n
A d o b e B rid ge .
E n to rn o d e tra b a jo
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
d e tra b a jo .
B a rra d e h e rra m ie n ta s
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
H e rra m ie n ta s d e E d ició n
C o lo r d e re lle n o y co lo r d e tra zo
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
A p lica la s h e rra m ie n ta s d e Ad o b e
Ilu stra to r e n a rch ivo s n u e vo s y e n
a rch ivo s ya e xiste n te s.
T é cn ica s d e ilu stra ció n co n la s
h e rra m ie n ta s
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
H e rra m ie n ta s d e T ra n sfo rm a ció n
H e rra m ie n ta s d e P in tu ra
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
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
h e rra m ie n ta s.
L a s p a le ta s d e A d o b e Illu stra to r
p a rte 1
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
B lo q u e o d e ca p a s
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
1 Sem ana
3 Sem anas
2 Sem anas
4 Sem anas
C o n o ce lo s d ife re n te s tip o s d e p a le ta s
y su a p lica ció n e n u n n u e vo d ise ñ o .
¿ 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
L a p sico lo gía d e l co lo 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
In tre rp re ta e l u so d e l co lo r e n la
cre a ció n d e n u e vo s d ise ñ o s co n
Ad o b e Ilu stra to r.
3 Sem anas
C o lo r
1 Sem ana
p a rte 2
P a le ta d e T ra zo
P a le ta d e P in ce le s
P a le ta d e D e gra d a d o
In tre rp re ta e l u so d e l co lo r e n la
cre a ció n d e n u e vo s d ise ñ o s co n
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
C o n o ce lo s o ríge n e s d e A d o b e
Ilu stra to r y su s a p lica cio n e s e n e l
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
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
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
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
E la b o ra u n re su m e n e xp lica n d o la
h isto ria d e Ad o b e Ilu stra to r.
ACTIVIDADES SUGERIDAS PARA EL ALUMNO
(CONTENIDAS EN EL MATERIAL DE TRABAJO)
A ctivid a d 0 1 R e co rd a n d 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
Ilu stra to r e n d ife re n te s a rch ivo s.
d ise ñ o .
A p lica h e rra m ie n ta s n u e va s e n u n
a rch ivo ya e xiste n te .
Id e n tifica la fu n ció n d e ca d a u n a d e
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
lá p iz e n u n a rch ivo ya e xiste n te .
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
d e p in tu ra .
h e rra m ie n ta s d e Ad o b e Ilu stra to r.
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.
E xp re sa la s a p lica cio n e s que tie n e n
la s ca p a s.
C o n stru ye u n d ise ñ o d o n d e a p liqu e s
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 d o b e ilu stra to r, e n d ife re n te s
la s tra n sfo rm a cio n e s, la s a ccio n e s,
d ise ñ o s.
la a lin e a ció n , la a p a rie n cia , y lo s
grá fico 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
cla sifica ció n .
Id e n tifica e l círcu lo cro m á tico , la
p sico lo gía d e l co lo r, m o d o s d e co lo r,
E va lúa to d a s la s fu n cio n e s d o n d e
co lo re s p la n o s o d ire cto s, p a le ta d e
se p u e d e tra b a ja r co n e l co lo r.
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
co m p le m e n ta rio s. C o n stru ye u n a
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
E va lúa to d a s la s fu n cio n e s d o n d e
d e p a le ta s qu e e xiste n
se p u e d e tra b a ja r co n e l co lo r.
In icia u n n u e vo d o cu m e n to
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
d ife re n te s lo go tip o s d e
id e n tifica ció n .
E va lúa la s d ife re n te s form a s d e
cre a r lo go tip o s d e id e n tifica ció n .
C o m p u ta d o ra , m a te ria l d e a p o yo d e l
a lu m n o y cd d e l a lu m n o
C o m p u ta d o ra y m a te ria l d e a p o yo d e l
a lu m n o
A ctivid a d 0 2 V e cto re s vs. B itm a p s
A ctivid a d 0 3 R e co rd a n d o e in ve stiga n d 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
d o cu m e n to co n Ad o b e Ilu stra to r.
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
se p u e d e n tra b a ja r e n A d o b e
A d o b e B rid ge .
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
d e tra b a jo a l cre a r u n a in te rfa z.
Ilu stra to r
RECURSOS
C o m p u ta d o ra y m a te ria l d e a p o yo d e l
a lu m n o
A ctivid a d 0 4 R e a firm a n d o co n ce p to s cla ve
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 ctivid a d 0 6 Id e n tifica n d o e l á re a d e tra b a jo
A ctivid a d
A ctivid a d
A ctivid a d
A ctivid a d
A ctivid a d
07
08
09
10
11
In ve stiga n d o h e rra m ie n ta s
D ib u ja n d o figu ra s sim p le s p a ra u n d ise ñ o
A gita d o r d e co n cie n cia so cia l
H a cie n d o u n a ca ja d e re ga lo (P a rte 1 )
Id e n tifica n d o h e rra m ie n ta s
A ctivid a d
A ctivid a d
A ctivid a d
A ctivid a d
12
13
14
15
R e co n o cie n d o h e rra m ie n ta s
C re a n d o grá fica s
A ctivid a d 1 6
A ctivid a d 1 7
A ctivid a d 1 8
ilu stra ció n
A ctivid a d 1 9
A ctivid a d 2 0
A p a rie n cia s
A ctivid a d 2 1
A ctivid a d 2 2
A ctivid a d 2 3
R e co rd a n d o : ca p a s
C a p a s re a le s
U sa n d o ca p a s p a ra o rga n iza r u n a
R e co rd a n d o : a ccio n e s y tra n sfo rm a cio n e s
E je rcicio b á sico p a ra co n o ce r la p a le ta
E je rcicio d e re co rte d e im a g e n
P a le ta s flo ta n te s
O p e ra cio n e s co n ca p a s
A ctivid a d 2 4 C o m p re n d ie n d o e l co lo r
A ctivid a d 2 5 E l co lo r, la lu z y e l o jo
A ctivid a d 2 6 D ia gra m a 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
y co m p le m e n ta rio s
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
a lim e n ticio
A ctivid a d 2 9 L o s m o d o s d e co lo r
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
A ctivid a d 3 1 Id e n tifica n d o p a le ta s
A ctivid a d 3 2 A n a liza n d o lo go tip o s
A ctivid a d 3 3 C re a n d o u n lo go tip o
TIEMPO EN
SEMANAS
3 Sem anas
TEMAS
p a rte 3
SUBTEMAS
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
M o d o s d e fu sió n
P a le ta B u sca tra zo s
COMPETENCIA
U tiliza la s h e rra m ie n ta s a d e cu a d a s e n
la cre a ció n d e n u e vo s d ise ñ o s co n
1 Sem ana
F iltro s y E fe cto s
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
F iltro s y e fe cto s d e T ra zo s d e p in ce l y
T ra zo s d e p in ce l
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
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
C la sifica la s o p cio n e s d e a g ru p a r y
d e sa gru p a r o b je to s.
1 Sem ana
L o s 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
E l p u n to
L a lín e a
U tiliza e l p u n to y la lín e a co m o u n
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
E l co n to rn o
L a fo rm a
R o tu la e n u n d ib u jo e l ritm o , e l
co n to rn o y la form a .
1 Sem ana
R e co n o ce la im p o rta n cia que tie n e e l
u so d e filtro s y su s e fe cto s, d e n tro d e
L a co m p o sició n ve cto ria l
R e co n o ce y a p lica lo s e le m e n to s d e l
d ib u jo ve cto ria l e n u n a n u e va
co m p o sició n .
3 Sem anas
ve cto ria l: P e rsp e ctiva
P e rsp e ctiva d e l d ib u jo
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
ve cto ria l.
1 Sem ana
L o s sím b o lo s
L o s sím b o lo s
2 Sem anas
O rganiza ció n d e l te xto : D ise ñ o
E d ito ria l
C re a ció n d e co n to rn o s
T e xto e n u n tra za d o
E n vo lve n te s
1 Sem ana
V e cto re s e n 3 D
V e cto re s e n 3 D
P re p a ra n d o u n a rch ivo p a ra im p re n ta
P rin cip a le s re qu isito s y n o rm a s d e
im p re sió n
1 Sem ana
E l e sp a cio
ve cto ria l: C o m p o sició n
1 Sem ana
1 Sem ana
1 Sem ana
1 Sem ana
Total 37 semanas
P ro ye cto d e In te gra ció n 1
C a le n d a rio e sco la r
T a rje ta s p o sta le s o d e fe licita ció n
B o le tín d e l co le gio
A p re n d e a u tiliza r la s h e rra m ie n ta s
p a ra cre a r sim b o lo s.
O rganiza u n te xto co n d ise ñ o
e d ito ria l.
Id e n tifica lo s ve cto re s 3 D e n la págin a
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
tie n e u n a rch ivo .
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.
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
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
m a n ifie sta Ad o b e Ilu stra to r.
INDICADOR
OBJETIVOS
ACTIVIDADES SUGERIDAS PARA EL ALUMNO
(CONTENIDAS EN EL MATERIAL DE TRABAJO)
RECURSOS
A ctivid a d 3 4 D e gra d a d o tra n sp a re n te
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
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
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
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
A ctivid a d 3 9 T ra b a ja n d o co n F iltro 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
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
d e sa gru p a r o b je to s.
A ctivid a d 4 0 A gru p a r y d e sa gru p a r
E je cu ta la té cn ica d e p u n tillism o y
lín e a d e n tro d e u n d ib u jo ve cto ria l.
V a lo 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 4 1 T é cn ica d e p u n tillism o y lín e a
U tiliza e l ritm o , e l co n to rn o y la
fo rm a e n u n d ise ñ o grá fico .
R e co n o ce 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
d ise ñ o grá fico .
C re a d ife re n te s d o cu m e n to s
D istin gue la s p a le ta s d e Ad o b e
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.
Ilu stra to r.
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
p u e d e n tra za r co n lo s filtro s.
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.
C o n stru ye u n n u e vo d o cu m e n to
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.
E xp lica e l co n ce p to d e p e rsp e ctiva .
Ilu stra u n a fo to gra fia ya e xiste n te
ca m b ia n d o lo s e le m e n to s d e l d ib u jo
ve cto ria l.
A p lica e l u so d e filtro s y e fe cto s
d e n tro d e u n n u e vo d o cu m e n to .
A ctivid a d 4 2 L o s e le m e n to s d e l d ise ñ o grá fico
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
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
D istin gu e lo s e le m e n to s d e l d ib u jo
ve cto ria l e n u n a p e rsp e ctiva .
A ctivid a d
A ctivid a d
A ctivid a d
A ctivid a d
45
46
47
48
R e fle xió n so b re p e rsp e ctiva
G e n e ra n d o p e rsp e ctiva
Ilu stra n d o u n a fo to gra fía
Ilu stra n d o u n a fo to gra fía 2
D e fin e e l co n ce p to d e sím b o lo .
D ise ñ a d ive rso s sím b o lo s.
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
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
C re a e n la p á gin a in te rn a d e u n a
re vista : te xto , co n to rn o s, tra zo s y
e n vo lve n te s.
C o n stitu ye la o rga n iza ció n d e u n
te xto d e n tro d e l d ise ñ o e d ito ria l.
A ctivid a d 5 1 E xp e rim e n ta n d o co n te xto
A ctivid a d 5 2 P á gin a in te rn a d e u n a re vista
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
A ctivid a d 5 3 P á gin a in te rn a d e u n a re vista
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
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 .
E xp lica lo s p rin cip a le s re qu isito s y
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 .
Id e n tifica lo s fo rm a to s d e u n
a rch ivo .
A ctivid a d 5 4 R e co n o cie n d o fo rm a to s
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.
D ise ñ a e l form a to d e l ca le n d a rio
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 .
A p lica lo s co n o cim ie n to s
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
D e sa rro lla e n p a p e l u n co n ce p to d e
ta rje ta .
D ise ñ a la ta rje ta e n Ilu stra to r
u tiliza n d o lo s e le m e n to s n e ce sa rio s
p a ra tra n sm itir tu m e n sa je .
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
B o le tín d e l co le gio
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
e n e l b o le tín .
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
2
01
Lámina de apoyo: Historia de Illustrator
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
1987
MAC
1989
Windows
1990
MAC, NEXT y UNIXES
1991
SILICON GRAPHICS
1992
Windows
1993
SOLARIS
1993
MAC
1994
MAC
1996
MAC
1997
MAC /Windows
1998
MAC /Windows
2000
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
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.
01
Actividad
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.
4
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.
Fotografía en mapa de bits
Imagen vectorizada
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.
6
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.
2.
3.
4.
5.
6.
Adobe Illustrator (AI)
Corel Draw (CDR)
Corel Exchange (CMX)
Computer Graphics Metafile (CGM)
Macromedia Freehand (FH)
Auto CAD (DXF)
Imágenes de mapa de bits
Las imágenes de mapa de bits o bitmaps están compuestas por píxeles.
Los píxeles son los elementos mínimos de imagen. Un mapa de bits es una
cuadrícula de esos pequeños puntos individuales de color que están ordenados
de una forma determinada para definir un patrón y formar la imagen que
observas en pantalla.
Las imágenes bitmap dependen de la resolución, es decir del número de píxeles
que existen en un área determinada. La resolución se mide en dpi (dots per
inch) o puntos por pulgada.
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
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.
02
Actividad
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
8
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
Programa vectorial.
Misma familia de software
que Photoshop.
Herramientas similares a Photoshop.
Creación de máscaras.
Adobe Photoshop
Programa de manipulación y edición de
imágenes de mapa de bits.
Misma familia de software
que Illustrator.
Herramientas similares a Illustrator.
Creación de máscaras.
9
7.
10
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 programa
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.
1
2
3
6
7
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.
12
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
1
2
5
4
3
6
10
14
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:
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.
a. Picas
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.
c. Bridge
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.
16
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
Pluma
Borrador
Cuentagotas
Exclusivo de Illustrator
Símbolos
Estilos
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
5
2
4
7
3
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.
18
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
20
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.
•
•
•
•
•
•
2.
Incluye en tu trabajo los siguientes elementos del área de trabajo:
•
•
•
•
•
3.
Barra de título
Barra de menús
Barra de opciones
Barra de estado
Barra de herramientas
Paletas flotantes
Área de imagen
Área no imprimible
Borde de la página
Mesa de trabajo
Área de pruebas
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.
El área de imagen es imprimible.
Área de trabajo
Á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.
22
Herramientas Atajo
de visualización
Mano
(Hand Tool)
<H> o
<Barra
espaciadora>
Opciones de
visualización
Modo Standard
(Standard
Screen Mode)
Imagen
Mueve la ventana en la aplicación.
Mueve los márgenes de la página
para tener un mejor control de ésta
en la impresión.
Herramienta de
página (Page
Tool)
Zoom
(Zoom Tool)
Función
<Z> o
<Ctrl+Barra
espaciadora>
Acerca o aleja la vista de una
imagen.
<F>
<F>
Opciones de
visualización
Pantalla
completa con
menús
(Full Screen
Mode with Menu
Bar)
Opciones de
visualización
Pantalla
completa
(Full Screen
Mode)
<F>
Vector
04
Herramientas de Visualización
23
Herramientas
de selección
Atajo
Función
Selección
(Selection Tool)
<V>
Selecciona y mueve los objetos.
Selección directa <A>
(Direct Selection
Tool)
Selecciona puntos o nodos de un
objeto para manipularlo.
Selección de
grupos
(Group Selection
Tool)
Permite seleccionar como grupo
los elementos que conforman a un
objeto.
Imagen
<Y>
Selecciona vectores que se
encuentran dentro de un rango de
color parecido al del vector escogido.
<Q>
Lazo de
selección directa
(Lasso Tool)
Permite seleccionar libremente áreas
de la imagen.
Varita mágica
(Magic Wand
Tool)
Vector
05
Herramientas de Selección
Herramientas
de edición
Atajo
Función
Pluma
(Pen Tool)
<P>
Crea líneas y curvas bien definidas.
Añadir Punto
Ancla
(Add Anchor
Point Tool)
<+>
Agrega puntos ancla a la línea o
curva en la que se está trabajando.
Eliminar Punto
Ancla
(Delete Anchor
Point Tool)
<->
Borra puntos ancla del vector.
Imagen
Convertir Punto <Shift+C> Modifica los puntos ancla que la
de Ancla
imagen vectorial contiene, para darle
(Convert Anchor
un mejor acabado.
Point Tool)
24
Herramientas
de edición
Atajo
Función
Texto
(Type Tool)
<T>
Sirve para escribir texto.
Texto de Área
(Area Type Tool)
Escribe texto dentro de un
cuadrado, círculo o cualquier figura
geométrica.
Texto de
Trazado
(Type on a Path
Tool)
Escribe texto sobre un vector.
Texto Vertical
(Vertical Type
Tool)
Escribe texto de forma vertical.
Texto de Área
Vertical
(Vertical Area
Type Tool)
Escribe texto dentro de una figura
geométrica de forma vertical.
Texto de
Trazado Vertical
(Vertical Type on
a Path Tool)
Escribe texto de forma vertical en
un trazado establecido.
Segmento de
Línea
(Line Segment
Tool)
</>
Dibuja líneas rectas.
Arco
(Curve Tool)
Dibuja curvas.
Espiral
(Spiral Tool)
Dibuja espirales.
Cuadrícula
Rectangular
(Rectangular
Grid Tool)
Dibuja cuadrículas
rectangulares.
Cuadrícula Polar
(Polar Grid Tool)
Dibuja gráficas circulares.
<M>
Rectángulo
(Rectangle Tool)
Dibuja cuadrados y rectángulos.
Rectángulo
Redondeado
(Rounded
Rectangle Tool)
Dibuja cuadrados y rectángulos
con vértices redondedas.
Elipse
(Ellipse Tool)
Polígono
(Polygon Tool)
<L>
Imagen
Dibuja círculos y elipses.
Dibuja formas regulares de varias
formas geométricas.
25
Herramientas
de edición
Atajo
Función
Estrella
(Star Tool)
Dibuja estrellas.
Destello
(Flare Tool)
Crea efectos de destellos como los
reflejos de la luz solar.
Pincel
(Paintbrush
Tool)
Dibuja líneas a mano alzada y
caligráfica además de añadir dibujos
y motivos a los trazados.
Lápiz
(Pencil Tool)
<B>
Dibuja y modifica líneas a mano
alzada.
Redondear
(Smooth Tool)
<N>
Redondea trazos Bézier (Vectores).
Borrador
(Erase Tool)
Imagen
Borra trazos y puntos de ancla de la
ilustración.
Vector
06
Herramientas de Edición
Investigando herramientas
Contesta las siguientes preguntas. Si tienes dudas puedes consultar la ayuda
del programa o bien probar las herramientas en un documento.
1.
¿Para qué sirve la herramienta Mano?
La herramienta Mano sirve para mover la ventana de trabajo de la aplicación.
2.
26
07
Actividad
¿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?
6.
Dibuja un rectángulo y señala cuáles serían sus puntos ancla.
Un punto de ancla o nodo es la unión de dos líneas o curvas.
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
07
Color de relleno (Fill), color de trazo (Stroke) y las paletas en Adobe
Illustrator
Dibujando figuras simples para un diseño
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.
28
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>.
08
Actividad
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.
30
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
características:
documento
de
Illustrator
con
las
siguientes
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.
32
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.
Herramienta Mano
Visualizació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.
Nombre:
Herramienta de:
Función:
33
Herramienta de degradado
Edició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.
Nombre:
Herramienta de:
Función:
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
34
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.
36
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
Vector
08
Borrar
Suavizar
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
transformación
Función
Rotar
(Rotate Tool)
<R>
Gira objetos alrededor de un
punto fijo.
Reflejo
(Reflect Tool)
<O>
Refleja objetos respecto a un eje
fijo.
Escala
(Scale Tool)
<S>
Cambia de tamaño los objetos
alrededor de un punto fijo.
Imagen
37
Herramientas de Atajo
transformación
Función
Distorsión
(Shear Tool)
Inclina o distorsiona un objeto
alrededor de un punto fijo.
Reformar
(Reshape Tool)
Suaviza o modifica trazados sin
cambiar su forma original.
Deformar
(Warp Tool)
<Shift+R>
Moldea los objetos con el
movimiento del cursor.
Molinete
(Twirl Tool)
Crea distorsiones en remolino
dentro de los objetos.
Fruncir
(Pucker Tool)
Desinfla o adelgaza los objetos.
Engordar
(Bloat Tool)
Infla los objetos.
Festonear
(Scallop Tool)
Añade al contorno de un objeto,
detalles en forma de arcos
redondeados.
Cristalizar
(Crystallize Tool)
detalles en forma de arcos
terminados en punta.
Arrugar
(Wrinkle Tool)
arcos y detalles terminados en
punta.
Transformación
libre
(Free transform
Tool)
<E>
Imagen
Sirve para modificar el tamaño,
la forma y la orientación de los
objetos seleccionados.
Vector
Herramientas de Transformación
38
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
Herramientas
de pintura
Atajo
Función
Rociar Símbolos
(Symbol Sprayer
Tool)
<Shift+S>
Coloca numerosas instancias del
símbolo agrupadas en la mesa de
trabajo.
Desplazar Símbolo
(Symbol Shifter
Tool)
Mueve instancias del símbolo.
Reunir y Separar
Símbolos
(Symbol
Scruncher Tool)
Separa o une instancias de
símbolos entre sí.
Cambiar Tamaño
de Símbolo
(Symbol Sizer
Tool)
Cambia el tamaño de las
instancias del símbolo.
Girar Símbolo
(Symbol Spinner
Tool)
Gira las instancias del símbolo.
Manchar Símbolo
(Symbol Stainer
Tool)
Da color a las instancias del
símbolo.
Translucir Símbolo
(Symbol Screener
Tool)
Aplica opacidad a las instancias
del símbolo.
Aplicar Estilo a
Símbolo (Symbol
Styler Tool)
Aplica el estilo seleccionado a las
instancias del símbolo.
Gráfica de
Columnas
(Column Graph
Tool)
<J>
Coloca las columnas en posición
vertical.
Gráfica de
Columnas
Apiladas (Stacked
Column Graph
Tool)
Acomoda las columnas una sobre
otra.
Gráfica de Barras
(Bar Graph Tool)
Coloca las columnas en posición
horizontal.
40
Imagen
Herramientas
de pintura
Atajo
Función
Gráfica de Barras
Apiladas (Stacked
Bar Graph Tool)
Agrupa las columnas y las pone
en posición horizontal.
Gráfica Lineal
(Line Graph Tool)
Muestra la evolución de uno o
varios conceptos durante un
período de tiempo.
Gráfica de Áreas
(Area Graph Tool)
Pone en relieve los totales y
valores de cambio.
Gráfica de
Dispersión
(Scatter Graph
Tool)
Representa los datos como pares
de coordenadas en “X” y ”Y”.
Gráfica de Tarta
(Pie Graph Tool)
Crea diagramas circulares con
secciones que representan los
porcentajes relativos de los
valores comparados.
Gráfica de Radar
(Radar Graph
Tool)
Utiliza un círculo para comparar
conjuntos de valores en
momentos determinados o en
categorías específicas.
Malla
(Mesh Tool)
<U>
Crea y edita mallas envolventes.
<G>
Ajusta los puntos inicial y final, así
como el ángulo de los degradados
de un relleno.
<I>
Cuentagotas
(Eyedropper Tool)
Toma una muestra de los atributos
de color o texto de los objetos.
Medición
(Measure Tool)
Mide la distancia entre dos
puntos.
Degradado
(Gradient Tool)
Fusión
(Blend Tool)
<W>
Imagen
Crea una mezcla entre el color y la
forma de varios objetos.
Pintura Interactiva
(Live Paint
Bucket)
Permite pintar gráficos vectoriales
detectando automáticamente las
formas y corrigiendo los huecos.
Selección de
Pintura Interactiva
(Live Paint
Selection)
Selecciona las formas que pintó el
Live Paint Bucket.
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:
Herramientas
de color
Atajo
Función
Color
(<)
Degradado
(Gradient)
(>)
Agrega color sólido al relleno y
contorno de la ilustración.
Agrega degradado al relleno de la
figura o ilustración.
Ninguno
(None)
</>
Imagen
Sin color tanto en el relleno como
en el contorno de la imagen
vectorial.
Reconociendo herramientas
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.
Para poder crear texturas en la imagen o para agregar
símbolos a un diseño.
Ejemplo:
Ejemplo:
Actividad
13
Al tener una ilustración, el degradado sirve para darle volumen.
Crear una gráfica para ejemplificar datos para una actividad de
geografía, biología, matemáticas, etcétera.
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.
Ejemplo:
Vector
Herramientas de Pintura
42
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.
44
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.
Herramientas
de corte
Atajo
Función
Sección
(Slice Tool)
<Shift+K>
Crea secciones para Web.
Selección de
sección
(Slice selection
Tool)
Tijeras
(Scissors Tool)
Imagen
Selecciona secciones Web.
<C>
Cuchilla
(Knife Tool)
Corta trazados en puntos
específicos.
Corta objetos y trazados.
Vector
11
Herramientas de corte
45
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
46
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.
Para añadir nuevas capas a la composición, haz clic en el ícono
capa (Create New Layer).
Nueva
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.
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.
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.
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
12
Capas
Recordando: capas
Contesta las siguientes preguntas.
1. ¿Cuál es la función de las capas?
Las capas sirven para organizar todos los elementos que componen o puedan
componer la imagen vectorial.
2. ¿Cuántas capas como máximo se pueden utilizar en un proyecto de
Illustrator?
16
Actividad
Como máximo se pueden utilizar 100 capas en Illustrator.
48
3.
Describe una forma para crear una capa nueva.
4.
¿Para qué sirve una sub-capa?
5.
¿Qué es una capa plantilla?
Dando clic en el ícono Nueva Capa (Create New Layer).
Una sub-capa sirve para modificar de forma independiente los elementos de
la capa.
Una capa plantilla es usar una ilustración ya existente para trabajar un
nuevo proyecto.
6.
¿Cómo se crea una capa plantilla?
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.
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.
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
2. Relleno
b.
3. Sombra
4. Texto
¿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.
50
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.
52
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
Aumenta o disminuye el tamaño vertical
ROTAR
Se mueve en el eje “Y”
4.
ALTO
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”
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.
54
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.
56
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.
Crear/Soltar máscara de recorte (Make/
2. Haz clic en el botón
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).
58
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.
60
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
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.
En esta opción puedes crear nuevas capas.
Actividad
23
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.
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.
Se selecciona la capa y das clic en el ícono del bote de basura para eliminar
la capa.
62
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
64
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
luz blanca
prisma o vidrio
rojo
amarillo
verde
azul
índigo y violeta
Isaac Newton
luz del Sol
siete
Isaac Newton
1666
luz blanca
siete
rojo, amarillo, verde, azul, índigo y violeta
luz del sol
un prisma o vidrio
______________________descubrió en el año_________________
que la_______________________ estaba formada por_____________
colores:___________________________________________________.
Demostró su descubrimiento al descomponer un rayo de_______________
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.
66
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:
68
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=73
G=48
B=137
R=153
G=0
B=0
R=255
G=0
B=0
R=245
G=0
B=51
R=254
G=92
B=51
R=73 R=255
R=254
G=48 G=0
G=92
B=137 B=0
R=254
R=5
B=51
G=171
G=29
R=5
R=254
B=51
B=171
G=29
G=255
B=171 B=51
R=2
R=254
R=10 G=188
G=48
G=255
B=0
B=197
B=51
R=0
R=9
G=184
G=216
R=10
B=190
B=0
G=188
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.
70
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?
72
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
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.
Nota
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
74
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
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.
Nota
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
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
29
Actividad
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:
76
a.
b.
c.
d.
Arrastrando los desilzadores de los componentes (R,G,B o C,M,Y,K).
Los deslizadores también se llaman mezcladores de color.
Introduciendo los valores para cada componenete de color
numéricamente.
Haciendo clic sobre algún color del espectro disponible.
Haciendo doble clic en los pequeños selectores de color de relleno y
contorno contenidos en la misma paleta.
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).
78
Grosor
Remates
Línea punteada
Para ajustar el trazo sigue estos pasos:
1.
2.
Utiliza cualquier herramienta de selección para elegir el objeto cuyos
atributos de trazo deseas modificar.
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
17
Paleta de Pinceles (Brushes)
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.
80
Punto de
degradado
Regulador de
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
19
Paleta de degradado
Papelería de identificación personal
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á
Actividad
30
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).
82
Identificando paletas
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.
Actividad
31
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.
84
LVector
04
Lámina de apoyo: Cómo crear un logotipo
Analizando logotipos
1.
Observa con atención y analiza los logotipos de la imagen anterior.
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.
32
Actividad
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
b. Gatorade
c. Microsoft Office
d. Mont Blanc
e. Palm
f. Elektra
g. Corn Pops de Kellogg´s
h. Oakley sunglasses
i. Adobe
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é?
86
¿Por qué?
Creando un logotipo
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.
Actividad
33
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.
88
Vector
20
Paleta de transparencia y Máscara de opacidad
Degradado transparente
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).
Actividad
34
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
90
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
indique tu profesor.
en la carpeta que te
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
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.
92
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
94
Paleta buscatrazos (Pathfinder)
Combinación de objetos para crear formas compuestas
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).
Actividad
37
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
98
23
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
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
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.
100
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
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.
102
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 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
29
Filtros y efectos de Estilizar (Stylize) y de Textura (Texture)
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
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.
Actividad
39
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.
104
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
1. Seleccionas los objetos para agrupar
2. Vas al Menú Objeto (Object)/
Agrupar (Group) o con <Ctrl+G>
Desagrupar
1. Selecciona el grupo
2. Vas al Menú Objeto (Object)/Desagrupar
(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.
106
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
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.
108
Actividad
42
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.
b.
c.
d.
e.
f.
formas geométricas
formas orgánicas
formas rectilíneas
puntos, líneas, superficies y volúmenes
a, b y c
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:
110
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
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.
Actividad
43
10. ¿Cuál es el mensaje que genera en el espectador?
11. Guarda la tercera composición como Abstracto43.
Visitando el museo
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.
112
44
Actividad
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
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.
114
46
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
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.
Actividad
48
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.
116
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
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.
Actividad
50
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
118
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.
120
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
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.
122
Nota
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?
124
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
para los gráficos y los
programas de retoque
digital que pueden
utilizar las tarjetas de
video True Vision Targa
y Visa.
Sólo abre los archivos
con las tarjetas de
video True Vision Targa
y Visa.
125
Formato
Función
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,
pero soporta un color de
transparencia y puede
guardar animación.
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.
Deficiencia
Su calidad no es muy alta
debido a que sólo acepta
256 colores (carece del
modo 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 puelas aplicaciones de de abrir nuevamente en
AutoCAD /AutoCAD
Illustrator: sólo es para
modelado en 3D.
interchange File (dxf)
el archivo de intercambio
de AutoCAD.
Este formato traslada Se utiliza solamente
Dibujo AutoCAD/
AutoCAD Drawing (dwg) las imágenes vectoriales para el programa de
AutoCAD.
en línea o trazado.
Formato de texto /Text Guarda y exporta textos Solamente sirve para
compatibles con otros guardar textos.
Format (txt)
programas de Adobe y
Word.
Metarchivo de
Windows /Windows
Metafile (wmf)
126
Este formato traslada Se utiliza solamente
las imágenes vectoriales para la plataforma
Windows.
eficientemente.
Formato
Función
Deficiencia
Macromedia Flash
(swf)
Este formato exporta las No conserva todas las
animaciones basadas en propiedades del archivo
vectores.
nativo.
Metarchivo mejorado/
Enhanced Metafile
(emf)
Este formato traslada la No se puede usar en la
creación de gráficos de plataforma Macintosh.
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
Acepta buena resolución para la imagen. Tiene una excelente
compresión y alta calidad.
¿Por qué?
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
El archivo GIF permite guardar las capas de animación
como fotogramas de animación.
¿Por qué?
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.
128
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.
130
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
132
Las p a le ta s d e A d o b e Illu stra to r p a rte 1
Técn ica s d e ilu stra ció n con la s h e rra m ie n ta s
Técn ica s d e ilu stra ció n con la s h e rra m ie n ta s
TEMAS
E n to rn o d e tra b a jo
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
Illustra to r.
A b rir a rch ivo co n A d o b e B rid g e .
In tro d u c c ió n e h isto ria .
Im á g e n e s ve cto ria le s.
TEMAS
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
L
L
M
M
J
M
J
SEMANA 6
M
SEMANA 1
V
V
S
S
L
L
M
M
J
M
J
SEMANA 7
M
SEMANA 2
V
V
S
S
L
L
M
M
J
M
J
SEMANA 8
M
SEMANA 3
A V A N C E P R O G R A M ÁT IC O D E C U R S O
S E S IO N ES
T E Ó R IC AS
S E S IO N ES
T E Ó R IC AS
EVALUACION No.
TEMA GENERAL: DISEÑO VECTORIAL - ILLUSTRATOR
GRUPO:
PROFESOR:
PERIODO:
S E S IO N ES
PRÁCTICAS
S E S IO N ES
PRÁCTICAS
V
V
S
S
L
L
M
M
J
M
J
SEMANA 9
M
SEMANA 4
V
V
S
S
L
L
M
M
J
M
J
S E M A N A 10
M
SEMANA 5
V
V
S
S
EVALUACION No.
GRUPO:
PROFESOR:
PERIODO:
TEMAS
TEMAS
C o lo r
C o lo r
C o lo r
L o g o tip o s d e id e n tificació n
P royectado
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
C oncretado
N otas:
P royectado
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
C oncretado
N otas:
S E S IO N ES
T E Ó R IC AS
S E S IO N ES
T E Ó R IC AS
S E S IO N ES
PRÁCTICAS
S E S IO N ES
PRÁCTICAS
M
M
M
J
J
S E M A N A 16
M
S E M A N A 11
V
V
S
S
L
L
M
M
M
J
J
S E M A N A 17
M
S E M A N A 12
V
V
S
S
L
L
M
M
M
J
J
S E M A N A 18
M
S E M A N A 13
L
L
V
V
S
S
L
L
M
M
M
J
S E M A N A 14
M
J
S E M A N A 19
V
V
S
S
L
L
M
M
M
J
S E M A N A 15
M
J
S E M A N A 20
V
V
S
S
Los sím b o lo s.
Los e le m e n to s d e l d ib u jo ve cto ria l: P e rsp e ctiva
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
TEMAS
R itm o , C o n to r y F o rm a .
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 .
A g ru p a r y d e s a g ru p a r o b je to s
F iltro s y E fe cto s.
TEMAS
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
S E S IO N ES
T E Ó R IC AS
S E S IO N ES
T E Ó R IC AS
EVALUACION No.
GRUPO:
PROFESOR:
PERIODO:
S E S IO N ES
PRÁCTICAS
S E S IO N ES
PRÁCTICAS
L
L
J
M
J
V
V
S E M A N A 26
M
S E M A N A 21
M
M
S
S
L
L
J
M
J
V
V
S E M A N A 27
M
S E M A N A 22
M
M
S
S
L
L
J
M
J
V
V
S E M A N A 28
M
S E M A N A 23
M
M
S
S
L
L
J
M
J
V
V
S E M A N A 29
M
S E M A N A 24
M
M
S
S
L
L
J
M
J
V
V
S E M A N A 30
M
S E M A N A 25
M
M
S
S
EVALUACION No.
GRUPO:
PROFESOR:
PERIODO:
TEMAS
P royectado
C oncretado
N otas:
O rg a n iza ció n d e l te xto : D is e ñ o E d ito ria l.
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
N otas:
V e cto re s e n 3 D .
C oncretado
N otas:
C oncretado
P royectado
C oncretado
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado
P royectado
P royectado
P royectado
F o rm a to s d e a rch ivo .
C oncretado
N otas:
P ro ye cto s d e in te g ra ció n 3 .
TEMAS
T O T A LE S
P O R C E N T A JE D E
AVANCE
100%
S E S IO N ES
T E Ó R IC AS
S E S IO N ES
T E Ó R IC AS
100%
S E S IO N ES
PRÁCTICAS
S E S IO N ES
PRÁCTICAS
M
M
M
J
J
S E M A N A 36
M
S E M A N A 31
V
V
S
S
L
L
M
M
M
J
J
S E M A N A 37
M
S E M A N A 32
V
V
S
S
L
L
M
M
M
J
J
S E M A N A 38
M
S E M A N A 33
L
L
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
co n :
V
V
S
S
L
L
M
M
M
J
S E M A N A 34
M
J
S E M A N A 39
V
V
S
S
L
L
M
M
M
J
S E M A N A 35
M
J
S E M A N A 40
Sesión Práctica en el Aula
Sesión Teórica.
Sesión Práctica en Laboratorio
T =
=
=
PL
PA
N O M B R E Y F IR M A D E L P R O F E S O R
V
V
S
S

Diseño Vectorial de la Ilustración al Diseño Editorial con Illustrator

Transcripción

Documentos relacionados

Esto es un archivo de Adobe® Illustrator

Cianoplan fichas PDF Illustrator CS4

Promocion Web - Victorvazquez.es

curriculum en PDF

¿Como sacar la paleta de colores de Roland ? COREL DRAW