Академический Документы
Профессиональный Документы
Культура Документы
DISEÑO VECTORIAL
De la ilustración al diseño editorial con Illustrator
Autor
Carlos Zepeda Chehaibar
Microsoft Office, MS DOS, MS Windows, Word, PowerPoint, Excel, FrontPage y Access y sus logotipos son marcas comerciales de Microsoft Corporation. Microsoft y el logo de Microsoft Office son
marcas registradas de Microsoft Corporation en los Estados Unidos y/o en otros países. Microsoft no patrocina, endosa o aprueba esta obra. Flash, Illustrator, Fireworks, Freehand, Dreamweaver,
Photoshop y sus logotipos son marcas registradas de Adobe Inc. Adobe no patrocina o endosa esta obra.
CONTENIDO
Diseño Vectorial
Introducción e historia 1
Lamina de Apoyo 01 Historia de Illustrator 2
Ediciones de Adobe Illustrator 3
Actividad 01 Recordando 4
Imágenes vectoriales 4
Ventajas de los Vectores 5
Desventajas de los Vectores 6
Formatos de archivo 7
Imágenes de mapa de bits 7
Lamina de Apoyo 02 Vectores vs. Bitmaps 8
Actividad 02 Vectores vs. Bitmaps 8
Actividad 03 Recordando e investigando 9
Entorno de trabajo 18
La interfaz y el área de trabajo 19
MID 03 Entorno de trabajo de la interfaz y
el área de trabajo 20
Actividad 06 Identificando el área de trabajo 21
Barra de herramientas 22
MID 04 Herramientas de Visualización 23
MID 05 Herramientas de Selección 24
MID 06 Herramientas de Edición 26
Actividad 07 Investigando herramientas 26
Color de relleno (Fill) y color de trazo (Stroke) 27
Cómo se usan las paletas en Adobe Illustrator 28
CONTENIDO
Color 63
¿Qué es el color? 63
Dimensiones del color 64
Actividad 24 Comprendiendo el color 66
Actividad 25 El color, la luz y el ojo 67
Clasificación del color 67
El Círculo Cromático 69
Actividad 26 Diagramas de color 69
Actividad 27 Creando un mural con colores
armónicos y complementarios 71
La psicología del color 72
Lámina de apoyo 03 Psicología del color y su clasificación 73
Actividad 28 Campaña publicitaria sobre
un producto alimenticio 73
Modos de color 74
Colores planos o directos (Pantones) 75
Actividad 29 Los modos de color 76
Paleta de color (Color) 77
MID 15 Paleta de color 78
Paleta de Muestras (Swatches) 78
MID 16 Paleta de muestras 79
Logotipos de identificación 85
Lámina de Apoyo 04 Cómo crear un logotipo 86
Actividad 32 Analizando logotipos 86
Actividad 33 Creando un logotipo 88
El espacio 110
Vectores en 3D 123
Actividad 53 Página interna de una revista 123
Proyecto de Integración 1
Calendario escolar 130
Proyecto de Integración 2
Tarjetas postales o de felicitación 131
Proyecto de Integración 3
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.
Nota
Las notas que verás dentro de tu texto, puntualizan la
teoría o los aspectos más importantes de un tema.
Lámina de apoyo
La lámina es un recurso del profesor, que sirve como
refuerzo dinámico e interactivo a un tema denso, que
complementa la teoría del material impreso.
TIP
Es una sugerencia que complementa un tema del
material impreso, dando un panorama más amplio al
alumno sobre cómo ejecutar una actividad de manera
más sencilla y práctica.
TIEMPO EN TEMAS SUBTEMAS COMPETENCIA
SEMANAS
U so d e la h e rra m ie n ta P lu ma
U so d e la s su b -h e rra m ie n ta s d e
P lu m a
U so d e la h e rra m ie n ta L á p iz C o n stru ye u n d ise ñ o a p lica n d o la s
T é cn ica s d e ilu stra ció n co n la s
2 Sem anas H e rra m ie n ta s d e T ra n sfo rm a ció n té cn ica s d e ilu stra ció n co n la s
h e rra m ie n ta s
H e rra m ie n ta s d e P in tu ra h e rra m ie n ta s.
Z o n a d e se le cto re s d e co lo r
H e rra m ie n ta s d e P in tu ra
H e rra m ie n ta s d e co rte
P a le ta d e l N a ve gado r
P a le ta d e C a p a s
C re a r n u e va ca p a
C re a ció n d e ca p a s p la n tilla
C a p a a ctiva
O cu lta r y m o ve r ca p a s C o n o ce lo s d ife re n te s tip o s d e p a le ta s
L a s p a le ta s d e A d o b e Illu stra to r B lo q u e o d e ca p a s
4 Sem anas y su a p lica ció n e n u n n u e vo d ise ñ o .
p a rte 1 E lim in a r ca p a s
P a le ta d e T ra n sfo rm a ció n
P a le ta d e A ccio n e s
P a le ta d e A lin e a ció n
P a le ta d e A p a rie n cia
P a le ta d e e stilo s grá fico s
M á sca ra s d e re co rte e n la s ca p a s
¿ Q u é e s e l co lo r?
D im e n sio n e s d e l co lo r
C la sifica ció n d e l co lo r
E l C írcu lo C ro m á tico In tre rp re ta e l u so d e l co lo r e n la
L a p sico lo gía d e l co lo r cre a ció n d e n u e vo s d ise ñ o s co n
3 Sem anas C o lo r Ad o b e Ilu stra to r.
M o d o s d e co lo r
C o lo re s p la n o s o d ire cto s
P a le ta d e co lo r
P a le ta d e M u e stra s
P a le ta d e T ra zo In tre rp re ta e l u so d e l co lo r e n la
L a s p a le ta s d e A d o b e Illu stra to r P a le ta d e P in ce le s
1 Sem ana p a rte 2 cre a ció n d e n u e vo s d ise ñ o s co n
P a le ta d e D e gra d a d o Ad o b e Ilu stra to r.
1 Sem ana Logo tip o s d e id e n tifica ció n L o g o tip o s d e id e n tifica ció n Id e n tifica y cre a n u e vo s lo go tip o s d e
id e n tifica ció n .
INDICADOR OBJETIVOS ACTIVIDADES SUGERIDAS PARA EL ALUMNO RECURSOS
(CONTENIDAS EN EL MATERIAL DE TRABAJO)
A ctivid a d 1 6 R e co rd a n d o : ca p a s
E xp re sa la s a p lica cio n e s que tie n e n A ctivid a d 1 7 C a p a s re a le s
la s ca p a s. A ctivid a d 1 8 U sa n d o ca p a s p a ra o rga n iza r u n a
C o n stru ye u n d ise ñ o d o n d e a p liqu e s ilu stra ció n
A p lica e l u so d e la s p a le ta s d e
e l u so d e la s p a le ta s, in te rca la n d o A ctivid a d 1 9 R e co rd a n d o : a ccio n e s y tra n sfo rm a cio n e s
a d o b e ilu stra to r, e n d ife re n te s C o m p u ta d o ra , m a te ria l d e a p o yo d e l
la s tra n sfo rm a cio n e s, la s a ccio n e s, A ctivid a d 2 0 E je rcicio b á sico p a ra co n o ce r la p a le ta
d ise ñ o s. a lu m n o y cd d e l a lu m n o
la a lin e a ció n , la a p a rie n cia , y lo s A p a rie n cia s
grá fico s. A ctivid a d 2 1 E je rcicio d e re co rte d e im a g e n
A ctivid a d 2 2 P a le ta s flo ta n te s
A ctivid a d 2 3 O p e ra cio n e s co n ca p a s
D e scrib e qu é e s e l co lo r, su
im p o rta n cia , su s d im e n sio n e s, y su A ctivid a d 2 4 C o m p re n d ie n d o e l co lo r
cla sifica ció n . A ctivid a d 2 5 E l co lo r, la lu z y e l o jo
Id e n tifica e l círcu lo cro m á tico , la A ctivid a d 2 6 D ia gra m a s d e co lo r
p sico lo gía d e l co lo r, m o d o s d e co lo r, A ctivid a d 2 7 C re a n d o u n m u ra l co n co lo re s a rm ó n ico s
E va lúa to d a s la s fu n cio n e s d o n d e y co m p le m e n ta rio s
co lo re s p la n o s o d ire cto s, p a le ta d e C o m p u ta d o ra , m a te ria l d e a p o yo d e l
se p u e d e tra b a ja r co n e l co lo r. A ctivid a d 2 8 C a m p a ñ a p u b licita ria so b re u n p ro d u cto a lu m n o y cd d e l a lu m n o
co lo r y p a le ta s m u e stra s. R e a liza u n
m u ra l co n co lo re s a rm ó n ico s y a lim e n ticio
co m p le m e n ta rio s. C o n stru ye u n a A ctivid a d 2 9 L o s m o d o s d e co lo r
ca m p a ñ a p u b licita ria so b re u n
p ro d u cto r alim e n ticio u tiliza n d o
to d a s la s h e rra m ie n ta s d e l co lo r.
P a le ta d e T ra n sp a re n cia
M á sca ra d e o p a cid a d U tiliza la s h e rra m ie n ta s a d e cu a d a s e n
L a s p a le ta s d e A d o b e Illu stra to r M o d o s d e fu sió n la cre a ció n d e n u e vo s d ise ñ o s co n
3 Sem anas p a rte 3 P a le ta B u sca tra zo s Ad o b e Ilu stra to r.
C la sifica la s o p cio n e s d e a g ru p a r y
1 Sem ana A gru p a r y d e sa g ru p a r o b je to s A gru p a r y d e sa gru p a r o b je to s
d e sa gru p a r o b je to s.
L o s e le m e n to s d e l d ib u jo E l p u n to U tiliza e l p u n to y la lín e a co m o u n
1 Sem ana ve cto ria l: P u n to y lín e a L a lín e a e le m e n to d e n tro d e l d ib u jo ve cto ria l.
E l e sp a cio R e co n o ce y a p lica lo s e le m e n to s d e l
L o s e le m e n to s d e l d ib u jo d ib u jo ve cto ria l e n u n a n u e va
1 Sem ana ve cto ria l: C o m p o sició n L a co m p o sició n ve cto ria l co m p o sició n .
C o m p re n d e y p ractica e l u so d e la
p e rsp e ctiva d e n tro d e l d ib u jo
L o s e le m e n to s d e l d ib u jo
3 Sem anas P e rsp e ctiva d e l d ib u jo ve cto ria l.
ve cto ria l: P e rsp e ctiva
Total 37 semanas
INDICADOR OBJETIVOS ACTIVIDADES SUGERIDAS PARA EL ALUMNO RECURSOS
(CONTENIDAS EN EL MATERIAL DE TRABAJO)
E n lista lo s e le m e n to s d e la
co m p o sició n ve cto ria l. S e le ccio n a lo s e le m e n to s qu e tie n e A ctivid a d 4 3 C o m p o sició n a rtística lib re
C o m p u ta d o ra , m a te ria l d e a p o yo d e l
C o n stru ye u n n u e vo d o cu m e n to u n a co m p o sició n ve cto ria l. A ctivid a d 4 4 V isita n d o e l m u se o a lu m n o y cd d e l a lu m n o
d o n d e m a n e je s la co m p o sició n
ve cto ria l.
E n u m e ra lo s e le m e n to s d e l d ib u jo
ve cto ria l. A ctivid a d 45 R e fle xió n so b re p e rsp e ctiva
D istin gu e lo s e le m e n to s d e l d ib u jo
E xp lica e l co n ce p to d e p e rsp e ctiva . A ctivid a d 46 G e n e ra n d o p e rsp e ctiva C o m p u ta d o ra , m a te ria l d e a p o yo d e l
ve cto ria l e n u n a p e rsp e ctiva .
Ilu stra u n a fo to gra fia ya e xiste n te A ctivid a d 47 Ilu stra n d o u n a fo to gra fía a lu m n o y cd d e l a lu m n o
ca m b ia n d o lo s e le m e n to s d e l d ib u jo A ctivid a d 48 Ilu stra n d o u n a fo to gra fía 2
ve cto ria l.
D e fin e e l co n ce p to d e sím b o lo . R e cu e rd a lo s e le m e n to s d e l d ise ñ o A ctivid a d 4 9 C re a n d o u n sím b o lo C o m p u ta d o ra , m a te ria l d e a p o yo d e l
D ise ñ a d ive rso s sím b o lo s. y lo s sím b o lo s. A ctivid a d 5 0 R e co rd a n d o lo s e le m e n to s d e d ise ñ o a lu m n o y cd d e l a lu m n o
P re p a ra u n a rch ivo p a ra e l u so d e la
im p re n ta . C o m p u ta d o ra , m a te ria l d e a p o yo d e l
Id e n tifica lo s fo rm a to s d e u n
E xp lica lo s p rin cip a le s re qu isito s y A ctivid a d 5 4 R e co n o cie n d o fo rm a to s a lu m n o y cd d e l a lu m n o
a rch ivo .
n o rm a s d e im p re sió n qu e se lle va n
a ca b o e n lo s fo rm a to s d e u n a rch ivo .
D e scrib e e l co n ce p to qu e e m p le a rás
e n e l b o le tín d e l co le gio .
R e co p ila la in fo rm a ció n que p o n d rá s A p lica lo s co n o cim ie n to s C o m p u ta d o ra , m a te ria l d e a p o yo d e l
e n e l b o le tín . a p re n d id o s, co n Ad o b e Ilu stra to r. B o le tín d e l co le gio a lu m n o y cd d e l a lu m n o
D ise ñ a e l b o le tín e n ilu stra to r.
Im p rim e e l b o le tín d e l co le gio .
Diseño Vectorial
Introducción e historia
El programa de Adobe Illustrator nació en 1987 junto con la tecnología de
Apple y una impresora llamada Laser Writer, la cual manejaba un nuevo formato
de archivo gráfico conocido como PostScript. En su primera versión, lo que se
creaba con Illustrator sólo se podía imprimir en esa impresora, lo que era una
gran limitante para la comercialización del programa.
3
En Illustrator los objetos tienen tres propiedades: color, forma y tipografía. El
color se añade al objeto con la ayuda de las herramientas de Relleno, Trazo y
Estilo.
Recordando
01
Actividad
Contesta las preguntas correctamente.
1. ¿En qué año nació Adobe Illustrator?
Adobe Illustrator nació en 1987.
2. ¿Qué tecnologías acompañaron la creación de Adobe Illustrator?
Las tecnologías que acompañaron a Illustrator fueron Apple y la impresora
Laser Writer.
3. ¿Con qué tipo de gráficos y a qué resolución de pantalla trabajaba el
usuario en Adobe Illustrator?
El tipo de gráficos con los que podía trabajar el usuario en Illustrator eran
monocromáticos y a una resolución de pantalla de 512 x 387 píxeles.
4. ¿Para qué se usan las curvas de Bézier?
Las curvas de Bézier son utilizadas para crear líneas, arcos y figuras
trigonométricas.
Imágenes vectoriales
¿Recuerdas que en las clases de física se estudian los vectores? En diseño
gráfico un vector está constituido por una serie de puntos y líneas, rectas o
curvas, definidas matemáticamente. Las características de un vector son las
siguientes:
Tienen una línea de contorno (también llamado trazo) y un color de
relleno. Las características del contorno y del relleno se pueden cambiar
en cualquier momento.
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.
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.
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.
Imagen vectorizada
Fotografía en mapa de bits
7
Los bitmaps pueden modificarse con programas tales como: Microsoft
Paint, Adobe Photoshop, Corel PhotoPaint, Jasc Paint Shop Pro y Unlead
Photoimpact.
02
Actividad
Observa la Lámina de Apoyo Vectores vs. Bitmaps y responde las siguientes
preguntas:
1. Un mapa de bits (bitmap) está formado por una matriz o arreglo de puntos,
cada uno de ellos con características diferentes como color, intensidad y
posición.
a. Verdadero
b. Falso
a. Vector
b. Bitmap
a. Vector
b. Bitmap
a. Verdadero
b. Falso
a. Vector
b. Bitmap
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.
9
7. Crea un collage con recortes de revistas. Divide el área del collage en dos
partes. En una mitad pega solamente imágenes que sean ilustraciones
vectoriales. En la otra mitad pega imágenes que sean mapas de bits o
fotografías.
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:
11
5 Alto del documento (Height): puedes definir el alto del documento
manualmente, si no deseas utilizar las medidas del tipo de documento
elegido.
7 Modos de color (Color Mode): hay dos modos de color para trabajar
en la aplicación:
CMYK Color (Cyan, Magenta, Yellow, Black): se usa para trabajar
con imágenes que se destinarán a impresión.
RGB Color (Red, Green, Blue): Se utiliza para imágenes que sólo se
verán en pantalla.
2
3
6
4 5
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)
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.
Vector
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.
5
4
3
10 8 9
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:
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:
05
Actividad 1. Inicia Adobe Illustrator y abre los siguientes archivos que se encuentran
en tu CD de trabajo o carpeta de actividades:
Pluma Símbolos
Borrador Estilos
Cuentagotas Pintura y selección interactiva
17
Entorno de trabajo
Al iniciar Adobe Illustrator verás la siguiente ventana de trabajo. Los elementos
que componen la pantalla de trabajo son los siguientes:
1 2 3
5 4 7 6
Á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.
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)
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
06
Actividad
1. En equipos de 2 a 4 personas y en medio pliego de papel bond o cartulina,
dibujen las áreas que conforman el entorno de trabajo de Adobe Illustrator.
Utilicen colores, papeles de color, revistas, periódicos, plumones, textos de
computadora o imágenes de Internet. Señalen cada parte del entorno de
trabajo y anoten la función de cada una de ellas.
• Barra de título
• Barra de menús
• Barra de opciones
• Barra de estado
• Barra de herramientas
• Paletas flotantes
• Área de imagen
• Área no imprimible
• Borde de la página
• Mesa de trabajo
• Área de pruebas
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).
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.
Vector
04 Herramientas de Visualización
23
Herramientas Atajo Función Imagen
de selección
Selección <V> Selecciona y mueve los objetos.
(Selection Tool)
Selección directa <A> Selecciona puntos o nodos de un
(Direct Selection objeto para manipularlo.
Tool)
Selección de Permite seleccionar como grupo
grupos los elementos que conforman a un
(Group Selection objeto.
Tool)
Vector
Herramientas de Selección
05
Herramientas Atajo Función Imagen
de edición
Pluma <P> Crea líneas y curvas bien definidas.
(Pen Tool)
Añadir Punto <+> Agrega puntos ancla a la línea o
Ancla curva en la que se está trabajando.
(Add Anchor
Point Tool)
Eliminar Punto <-> Borra puntos ancla del vector.
Ancla
(Delete Anchor
Point Tool)
Convertir Punto <Shift+C> Modifica los puntos ancla que la
de Ancla imagen vectorial contiene, para darle
(Convert Anchor un mejor acabado.
Point Tool)
25
Herramientas Atajo Función Imagen
de edición
Estrella Dibuja estrellas.
(Star Tool)
Vector
Herramientas de Edición
06
Investigando herramientas
07
Actividad
Contesta las siguientes preguntas. Si tienes dudas puedes consultar la ayuda
del programa o bien probar las herramientas en un documento.
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.
Vector
08
Actividad
1. Inicia un documento con las siguientes características:
Tamaño (Size): Carta (Letter)
Unidad (Units): Centímetros (Centimeters)
Orientación (Orientation): Vertical
Modo de color (Mode Color): Color CMYK (CMYK Color)
2. Selecciona la herramienta Rectángulo (Rectangle Tool) y arrastra
sobre la mesa de trabajo para crear un cuadrado. Para que el cuadrado sea
perfecto, mientras arrastras la herramienta presiona la tecla <Shift>.
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.
10
Actividad
1. Inicia un nuevo documento de Illustrator con las siguientes
características:
Tamaño (Size): Carta (Letter)
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.
Identificando herramientas
11
Actividad
Identifica la herramienta apoyándote en la imagen, escribe su nombre y si
es herramienta de Selección, de Visualización o de Edición. Escribe en el
espacio la función que corresponde a cada herramienta.
Nombre: Herramienta Mano
Herramienta de: Visualización
Función: Mueve el área de trabajo de la aplicación.
Nombre: Herramienta pincel
Herramienta de: Edición
Función: Dibuja líneas a mano alzada y caligráfica además de añadir
dibujos y motivos a los trazados.
33
Nombre: Herramienta de degradado
Herramienta de: Edición
Función: Agrega degradado al relleno de la figura o ilustración.
Nombre: Herramienta lupa (zoom)
Herramienta de: Visualización
Función: Acerca o aleja la vista de una imagen.
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.
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).
Después de crear una línea con el Lápiz, elimina los puntos ancla sobrantes con
la herramienta Borrar Punto Ancla (Delete Anchor Point). Para mejorar la
apariencia de los trazos, también puedes usar las sub-herramientas Suavizar
(Smooth Tool) y Borrar (Erase Tool) que están en el mismo grupo de
botones que la herramienta Lápiz (Pencil Tool).
Lápiz Borrar
Vector Suavizar
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.
37
Herramientas de Atajo Función Imagen
transformación
Vector
Herramientas de Transformación
09
12
Actividad 1. Abre el archivo Caballito.ai que se encuentra en tu CD de trabajo o
carpeta de actividades. Es la silueta de un caballito de mar creada sólo con
líneas guía. Las líneas guía no son objetos reales por lo que no es posible
colorearlos.
2. Acerca la pantalla para que puedas visualizar mejor los detalles. Utiliza la
herramienta Lupa (Zoom Tool) o <Z>.
3. Utilizando las herramientas y sub-herramientas Pluma y Lápiz, empieza
a trazar el caballito de mar. Comienza por las curvas que adornan la
cabeza. Sigue las técnicas para crear líneas y curvas que se explicaron
anteriormente. Trata de usar los menos puntos ancla posibles: en muchos
casos sólo se requiere uno inicial y uno final para cada segmento de curva
como se muestra a continuación.
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.
39
Herramientas Atajo Función Imagen
de pintura
Rociar Símbolos <Shift+S> Coloca numerosas instancias del
(Symbol Sprayer símbolo agrupadas en la mesa de
Tool) trabajo.
Desplazar Símbolo Mueve instancias del símbolo.
(Symbol Shifter
Tool)
Reunir y Separar Separa o une instancias de
Símbolos símbolos entre sí.
(Symbol
Scruncher Tool)
Cambiar Tamaño Cambia el tamaño de las
de Símbolo instancias del símbolo.
(Symbol Sizer
Tool)
Girar Símbolo Gira las instancias del símbolo.
(Symbol Spinner
Tool)
Manchar Símbolo Da color a las instancias del
(Symbol Stainer símbolo.
Tool)
Translucir Símbolo Aplica opacidad a las instancias
(Symbol Screener del símbolo.
Tool)
Aplicar Estilo a Aplica el estilo seleccionado a las
Símbolo (Symbol instancias del símbolo.
Styler Tool)
Gráfica de <J> Coloca las columnas en posición
Columnas vertical.
(Column Graph
Tool)
Gráfica de Acomoda las columnas una sobre
Columnas otra.
Apiladas (Stacked
Column Graph
Tool)
Gráfica de Barras Coloca las columnas en posición
(Bar Graph Tool) horizontal.
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:
Reconociendo herramientas
Actividad
13
Observa detenidamente el MID 10 Herramientas de Pintura y escribe en el
espacio que corresponda un ejemplo real donde utilizarías cada una de las
herramientas de Pintura que se muestran a continuación. Da un ejemplo
diferente para cada herramienta.
Ejemplo: Crear una gráfica para ejemplificar datos para una actividad de
geografía, biología, matemáticas, etcétera.
Ejemplo: Al tener una figura geométrica básica se puede deformar por
medio de sus nodos.
Ejemplo: Muestrear el color de una fotografía para tener el mismo color
y agregárselo a un texto.
Vector
Herramientas de Pintura
10
42 Diseño Vectorial - De la ilustración al diseño editorial con Illustrator
Haciendo una caja de regalo (Parte 3)
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:
Tamaño (Size): Carta (Letter)
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.
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.
Vector
11 Herramientas de corte
45
Las paletas de Adobe Illustrator parte 1
Paleta del Navegador (Navigator)
En ocasiones cuando estás trabajando con un documento grande, se pierde
la imagen dentro de la aplicación o es difícil detallar alguna sección del
diseño. Puedes ayudarte de las herramientas Zoom y Mano para moverte
por el documento, pero también podrías usar la paleta del Navegador
(Navigator).
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.
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
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.
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.
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.
Vector
Capas
12
Recordando: capas
16
Actividad
Contesta las siguientes preguntas.
1. ¿Cuál es la función de las capas?
Las capas sirven para organizar todos los elementos que componen o puedan
componer la imagen vectorial.
2. ¿Cuántas capas como máximo se pueden utilizar en un proyecto de
Illustrator?
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.
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:
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)
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.
Actividad
19
Contesta las siguientes preguntas:
Normal
Rotar 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).
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.
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.
Vector
13 Paletas
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.
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.
Vector
14 Máscaras de recorte
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.
Actividad
22
Relaciona las paletas de Adobe Illustrator que estudiamos anteriormente con
la función que les corresponde.
Paletas Funciones
Almacena combinaciones de
colores, efectos y transparencias
para su rápida aplicación.
61
Operaciones con capas
Actividad
23
Observa con atención el MID 12 Capas y explica aquí cómo funcionan las
opciones de la paleta Capas. Sé lo mas explicito que puedas.
Capa activa
Activa la capa en la cual estás trabajando.Para seleccionar la capa activa se da
clic sobre su nombre.
¿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.
24
Actividad
Contesta las preguntas correctamente.
Isaac Newton
______________________descubrió en el año_________________ 1666
luz blanca
que la_______________________ estaba formada por_____________ siete
rojo, amarillo, verde, azul, índigo y violeta
colores:___________________________________________________.
luz del sol
Demostró su descubrimiento al descomponer un rayo de_______________
un prisma o vidrio
haciéndolo pasar a través de_________________________.
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.
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.
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:
R=255
R=153 G=0 R=245
G=0 B=0 G=0
B=0 B=51
R=73 R=254
G=48 G=92
B=137 B=51
R=73 R=255
G=48 G=0 R=254
B=137 B=0 G=92
R=5 B=51 R=254
G=29 R=5 R=254 G=171
B=171 G=29 G=255 B=51
B=171 B=51
R=2 R=10 G=188 R=254
G=48 B=0 G=255
B=197 B=51
R=0 R=9
G=184 G=216
B=190 R=10
G=188 B=0
B=0
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.
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
Fotografía cortesía de Thy Bun. Usada con permiso.
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?
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.
73
Nota
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).
29
Actividad
1. Explica qué es un Modo de color.
Los modos de color son modelos que tratan de representar los colores de la
naturaleza para ser visualizados en pantalla e impresión.
2. ¿Cuáles son los Modos de color de Illustrator?
a. rojo, amarillo y azul
b. negro y blanco
c. morado, rosa y rojo
d. RGB, CMYK, Lab y grises
e. ninguno de los anteriores
75
3. Con la ayuda de lápices de colores, ejemplifica gráficamente dos modos
de color, representando cada uno de la forma que consideres adecuada.
Puedes utilizar dibujos, esquemas, diagramas o lo que desees, mientras
quede clara la idea de lo que es cada modo.
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.
Menú emergente
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.
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.
Vector
16 Paleta de muestras
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).
Línea punteada
Vector
Paleta de trazo
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.
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
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.
Vector
Paleta de degradado
19
Papelería de identificación personal
Actividad
30
1. Inicia un nuevo documento de Illustrator basado en una plantilla. Para ello
debes elegir la opción Nuevo desde plantilla (New from Template)
al momento de cerrar el documento. La plantilla que debes buscar es
Tarjetas30.ait y se encuentra en tu CD de trabajo o carpeta de
actividades. Esta plantilla servirá para crear una tarjeta de presentación
en formato horizontal.
2. Abre la biblioteca de brochas de decoración dispersa. Para ello usa el Menú
Ventana (Window)/Biblioteca de Pinceles (Brush Libraries)/
Decoración dispersa (Decorative_Scatter). Esta biblioteca estará
disponible en la paleta de Pinceles (Brushes).
81
3. Las brochas de la biblioteca son aplicadas a un trazo creado por las
herramientas de pluma, lápiz, segmento de línea o brocha. Empieza
dibujando una línea sin relleno a lo largo del espacio de la tarjeta de
presentación. Luego ve a la paleta Pinceles (Brushes) y selecciona la
que más te agrade.
4. Puedes cambiar el tamaño, espaciado, esparcimiento y rotación de cada
elemento individualmente. Selecciona el trazo o segmento de línea que
dibujaste y da doble clic en la brocha de tu elección, directamente en la
paleta Pinceles (Brushes). Prueba los valores que den el mejor efecto.
5. Selecciona la herramienta de Texto (Text Tool) de la barra de
herramientas e introduce tus datos: nombre de una empresa, tu nombre
completo, cargo u ocupación, dirección, teléfono, correo electrónico y
página web. Recuerda que puedes modificar los atributos del texto desde
la Paleta de Control.
6. Para agregar íconos o logotipos a tu tarjeta, los puedes descargar de Internet
y vectorizarlos con la herramienta Pluma en Illustrator. Acomódalos de tal
manera que queden en armonía con los demás elementos.
7. Los elementos de la brocha en muchas ocasiones se salen del área de
trabajo, por lo que es recomendable que hagas una máscara de recorte al
proyecto final para que no tenga mal aspecto.
8. Guarda el trabajo terminado con el nombre Papeleria30_1 en la carpeta
que indique tu profesor.
9. Cuando esté terminada tu tarjeta de presentación, crea los siguientes
elementos de papelería personalizada. Para cada uno hay una plantilla
que debes tomar como base. Cuida de mantener uniformidad en toda la
papelería usando los mismos colores, brochas y diseños.
10. Crea máscaras de recorte para cada objeto. Guarda los documentos con
nombres consecutivos (Papeleria30_2, Papeleria30_3, etcétera).
Actividad
31
Relaciona las Paletas de Adobe Illustrator que estudiamos anteriormente con
la función que le corresponde.
Paletas Funciones
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.
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.
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.
Analizando logotipos
32
1. Observa con atención y analiza los logotipos de la imagen anterior.
Actividad
2. Organiza una mesa redonda o discusión para comentar en grupo acerca de
cada uno de los logotipos. ¿Qué será lo que los hace fáciles de recordar?
¿En qué década habrán sido diseñados? ¿Han tenido cambios significativos
con el paso del tiempo? ¿Crees que representan los valores de una marca?
¿Qué valores? ¿Qué precios? ¿A qué personas están dirigidos?
Elige tres de los logos y anota tus conclusiones a estas interrogantes:
85
Marca 1:
Marca 2:
Marca 3:
Creando un logotipo
Actividad
33
1. Crea en este espacio dos o tres ideas para un posible logotipo que te
represente. Puedes utilizar cualquier elemento de diseño excepto
fotografías. Tu logo personal debe tener una razón teorizable; esto quiere
decir debe tener un “por qué” y un “para quién”. No olvides que un logo
te diferencia e identifica de los demás.
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.
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.
34
1. Crea un documento nuevo con las siguientes propiedades:
Tamaño (Size): Carta (Letter)
Unidades (Units): Centímetros (Centimeters)
Orientación (Orientation): Horizontal
Modo de color (Color Mode): CMYK Color
2. Crea un círculo de 7 x 7 cm. Colorea el círculo con un relleno sólido de
cualquier color brillante.
3. Presiona simultáneamente la combinación de teclas <Ctrl+Shift+D>,
para poner transparente el fondo de la aplicación. El fondo se verá como
una cuadrícula gris y blanca, indicando que es transparente.
4. Selecciona el círculo y localiza a la paleta Transparencia (Transparency).
Si no está visible ve al Menú Ventana (Window)/Transparencia
(Transparency).
5. En la paleta Transparencia, abre el menú emergente con el botón circular
con flecha de la esquina superior derecha. Elige la opción Crear máscara
de Opacidad (Make Opacity Mask).
Máscara
6. En la paleta Transparencia selecciona el recuadro que corresponde a la
máscara (observa la figura anterior). Revisa también que la opción Clip
esté activa y la opción Invertir máscara (Invert Mask) inactiva.
7. Cambia a color blanco los dos selectores de color de la paleta de
herramientas.
8. Crea un cuadrado de 8 x 8 cm. El círculo se vuelve a ver. Si no lo ves
completo, mueve el cuadrado hasta que aparezca. Este cuadrado es una
figura creada sobre la máscara que tapa al círculo original.
89
9. Seleccionado el cuadrado, ve a la paleta Muestras (Swatches), si no
está visible ve al Menú Ventana (Window)/Muestras (Swatches).
Elige el degradado blanco a negro (White, Black). Puedes ver que el círculo
adquiere el degradado, pero en niveles de transparencia.
10. Ve a la paleta Degradado (Gradient). Puedes visualizarla desde el Menú
Ventana (Window)/Degradado (Gradient). Ajusta el degradado con
estos parámetros:
Tipo (Type): Lineal (Linear)
Ángulo (Angle): 50º
Localización (Location): 50%
11. Ve nuevamente a la paleta Transparencia (Transparency), selecciona
el recuadro que corresponde a la figura (círculo) y cámbiale el color desde
los selectores de color.
12. De forma similar en una nueva capa crea una estrella y aplícale una
máscara de opacidad. Aplica un degradado a la máscara para crear un
efecto similar al del círculo.
Actividad
35
1. En un nuevo documento de Illustrator coloca la imagen Ola.tif que se
encuentra en tu CD de trabajo o carpeta de actividades.
2. Toma la herramienta de Elipse (Ellipse Tool) y dibuja una forma que
abarque casi toda la fotografía.
3. Aplica a la elipse un degradado radial de blanco a negro.
4. Selecciona los dos objetos. Ve a la paleta de Transparencia
(Transparency) y crea una máscara de opacidad (Make Opacity
Mask). Obtendrás una elipse que contiene a la fotografía, con un
degradado transparente.
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
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.
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):
93
Dividir (Divide): divide una parte de la ilustración.
Recortar (Crop): divide una ilustración y elimina las partes de ésta que
queden fuera de sus límites.
Menos fondo (Minus Back): resta los objetos situados al fondo del
elemento situado al frente.
Vector
37
1. Abre el programa de Illustrator y crea un documento nuevo (New
Document) de 9 x 9 cm. en modo de color CMYK.
2. Selecciona las herramientas de figuras simples y dibuja cuatro objetos
diferentes superpuestos. Dales a los objetos un color de relleno y un color
de contorno.
3. Ve a la paleta de Buscatrazos (Pathfinder). Si no está visible en el
área de trabajo usa el Menú Ventana (Window)/Buscatrazos
(Pathfinder).
4. Selecciona todos los objetos con la combinación de teclas <Ctrl+A>.
Después, dentro de la paleta Buscatrazos (Pathfinder) da clic en la
opción Añadir áreas a forma (Add to shape area). Haz un clic en
cualquier lugar del documento fuera de la figura, para ver el resultado.
5. Con la herramienta Selección directa (Direct Selection Tool),
selecciona un objeto de la forma compuesta. Arrastra el objeto para
cambiarlo de sitio. Para cambiar la forma del objeto, arrastra un punto
ancla.
6. Con la herramienta Selección directa (Direct Selection Tool),
selecciona uno de los objetos de la forma compuesta. En la paleta
Buscatrazos (Pathfinder), haz clic en el botón Excluir áreas de
formas solapadas (Exclude overlapping shape areas). Las áreas
superpuestas se volverán transparentes o visibles.
7. Aplica a la figura compuesta un degradado de azul oscuro a azul claro de
tipo lineal. El degradado se aplica a toda la figura.
8. Aplica un contorno de color azul oscuro.
9. Con la forma seleccionada, aplica un efecto de sombra paralela desde
el Menú Efecto (Effect)/Estilizar (Stylize)/Sombra paralela (Drop
Shadow).
10. En una nueva capa, crea un duplicado de la figura. Selecciona este
duplicado.
11. En la paleta Buscatrazos (Pathfinder), abre el menú emergente dando
clic sobre la pequeña flecha de la esquina superior derecha. Elige del menú
el comando Soltar forma compuesta (Release Compound Shape).
12. Guarda el archivo como te lo indique tu profesor.
95
Fusión y Buscatrazos
Actividad
38
Observa los MID 21 Modos de Fusión (Blending Modes) y MID 22 Paleta
Buscatrazos (Pathfinder) y escribe en el espacio si es una opción de la paleta
de Buscatrazos o un Modo de fusión. Explica la utilidad de cada opción. Sé
lo más explícito posible.
Restar (Substract from Shape Area):
Resta los objetos situados al frente del elemento situado al fondo.
Cortar (Trim):
Elimina la parte oculta de un objeto. Elimina los trazados y no combina objetos
de igual color.
Contornear (Outline):
Divide un objeto en los segmentos de línea o bordes que lo componen.
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.
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.
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.
Vector
Vector
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
Vector
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.
Vector
Vector
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
Actividad
39
1. Importa a Illustrator la imagen Insecto.bmp, que se encuentra en tu CD
de trabajo o carpeta de actividades.
2. Duplica varias veces la fotografía desde la paleta Capas (Layers) con
el comando Duplicar capa (Duplicate Layer). Cada imagen deberá
quedar en una capa diferente.
3. Organiza un mosaico de 4 imágenes horizontales por 5 verticales, dando
un total de 20 imágenes. Separa las imágenes y utiliza las opciones de
alineación y distribución para formar una organización perfecta.
4. Aplica a la primera imagen un filtro cualquiera y utiliza la herramienta de
texto para etiquetarla e identificar el filtro aplicado por nombre. Asegúrate
que el texto quede en la misma capa en la que está la imagen a la que
estás aplicando el filtro.
5. Bloquea la capa que contiene la imagen (ya con el filtro) y el texto con el
nombre del filtro.
6. Aplica un filtro diferente a cada una de las imágenes. En la misma capa
de cada imagen crea el texto para identificar el nombre del filtro aplicado.
Bloquea la capa cuando esté terminada.
7. Si lo deseas, puedes aplicar más de un filtro a una misma imagen. Detalla tu
trabajo, agrégale tu nombre. Cuida al máximo la presentación y limpieza.
8. Guarda el archivo terminado como Filtros39 en la carpeta de costumbre.
Después de agrupar los objetos, al seleccionar cualquier parte del grupo con la
herramienta Selección (Select Tool) o la herramienta Lazo (Lasso Tool),
se seleccionará todo el grupo. Si no estás seguro si un objeto pertenece a un
grupo, mejor selecciónalo con la herramienta Selección (Select Tool).
Agrupar y desagrupar
Actividad
40
1. ¿Qué es agrupar varios objetos?
Agrupar varios objetos es unirlos para poder moverlos y tranformar al mismo
tiempo sin alterar sus posiciones relativas o atributos individuales.
2. Esquematiza los pasos que se deben seguir para agrupar y desagrupar un
objeto en Illustrator.
Agrupar Desagrupar
1. Seleccionas los objetos para agrupar 1. Selecciona el grupo
2. Vas al Menú Objeto (Object)/ 2. Vas al Menú Objeto (Object)/Desagrupar
Agrupar (Group) o con <Ctrl+G> (Ungroup) o con <Ctrl+Shift+G>
105
Los elementos del dibujo vectorial: Punto y línea
En diseño vectorial hay dos elementos fundamentales que constituyen la base
para cualquier composición: el punto y la línea. Estos sencillos elementos son
fáciles de observar. En nuestro entorno hay muchos puntos y líneas que siempre
están presentes en los objetos más comunes y más complejos: puertas, sillas,
computadores o vestidos. Analicemos estos elementos detenidamente.
El punto
En diseño gráfico, un punto es la huella dejada por un lápiz, crayón, plumón,
pincel o pluma en una superficie o plano. Es el elemento más sencillo y queda
definido por su dimensión o tamaño, forma y color.
Las posibilidades que nos ofrece para poder expresarnos son variadas, ya que
combinado con otros puntos puede conformar una comunicación visual. El
punto es la unidad gráfica por excelencia, es el generador de la forma, su
movimiento produce líneas y superficies y su agrupación crea contornos y
volúmenes.
El punto también tiene diferentes valores expresivos: cuando se asienta en la
superficie manifiesta estabilidad, expresa reposo, da la sensación de silencio y
significa pausa.
El dinamismo del punto está presente a nuestro alrededor y se puede apreciar
en un campo de flores, en una galaxia, en un conjunto de globos, entre otras.
Estos y otros muchos más ejemplos pueden darnos ideas para realizar algún
diseño con base en la observación del entorno.
La línea
En diseño gráfico, un punto en movimiento da como resultado una línea o un
trazo. Una línea está formada por una sucesión de puntos, tan próximos uno
de otro, que no se alcanzan a distinguir.
La línea tiene una sola dimensión y puede ser recta o curva. Según la dirección
que tenga será de diferentes tipos y presentará diferentes posiciones: horizontal,
vertical, oblicua ascendente, oblicua descendente, espiral, ondulada, cerrada
o abierta. Si se considera en relación con otra línea, su posición compuesta
puede ser paralela, divergente, convergente o perpendicular.
La línea nos sugiere dirección, movimiento, pasividad, pasión, fuerza,
estabilidad, duda, incongruencia, entre otros. Según la dirección y el contexto
en donde se ubique, la organización de líneas genera ritmo, equilibrio, estática
y dinámica.
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.
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.
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.
Actividad
42
Contesta correctamente las siguientes preguntas.
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.
La composición vectorial
En la composición vectorial es importante considerar las propiedades de las
formas y las cualidades del color para siempre considerar las sensaciones o
percepciones que provocan. Los estudios de la percepción han concluido que la
visión humana capta las formas antes que el color. La forma produce la primera
impresión, pero el color es fundamental para retener la atención y provocar
una reflexión y emoción en el receptor.
El efecto que producen las formas depende de sus características, del espacio
que ocupa y de los colores que las conforman. Por lo tanto, es importante
conocer las posibilidades del manejo vectorial en la composición, para utilizarlas
de manera eficiente para el arte y para el observador.
111
Composición artística libre
Actividad
43
1. En un nuevo documento de Illustrator (define el tamaño que consideres
apropiado), crea con formas y líneas rectas y curvas una composición
simétrica. La simetría se puede dar en la forma, en el color o en ambas. La
composición debe adaptarse al espacio elegido (mesa de trabajo).
2. Aplica a las formas diferentes efectos, degradados y transparencias. Puedes
usar herramientas de alineación, buscatrazos o cualquiera otra vista en
clase, para dar mayor calidad y transmitir sensaciones al espectador.
3. Observa tu dibujo terminado. ¿Qué te hace sentir? ¿Qué transmite? Anota
algunas percepciones:
Visitando el museo
44
Actividad
La visita al museo debe ser una actividad programada en la que el grupo podrá
observar obras pictóricas para su análisis. Esta visita ayudará a comprender
uno de los elementos del diseño, que es la composición. Si no es posible realizar
la visita, se puede hacer un recorrido por alguna exposición o recopilación de
arte en Internet, CD multimedia o libros.
45
Actividad
1. Define perspectiva.
La perspectiva se define como la ilusión visual que ayuda al observador a
determinar la profundidad y la ubicación de los objetos a diferentes distancias.
2. ¿Qué es el punto de fuga?
El punto de fuga se localiza a la altura de la vista, sobre la línea de horizonte,
ese punto hace que la imagen se abra hacia nosotros.
113
3. ¿En qué ayuda la perspectiva a un diseño?
La perspectiva es fundamental en el diseño ya que crea profundidad y define
la ubicación de los objetos.
4. Con la ayuda de imágenes o recortes da dos ejemplos de perspectiva.
Generando perspectiva
Actividad
46
1. Abre en Illustrator el documento Siluetas.ai que se encuentra en tu CD
de trabajo o carpeta de actividades. El archivo contiene 6 siluetas de
animales u objetos.
2. Utiliza el panel de Degradado (Gradient) y el panel de Color, para
aplicar degradados suaves a los objetos, de modo que den la sensación de
tener volumen. Para ello debes elegir un color y aplicar una tonalidad clara
para las zonas que deberían estar más cerca del espectador. Este tono se
degrada a una tonalidad más oscura para las zonas alejadas o sombras.
3. Cuando hayas terminado de aplicar los degradados a las 6 formas, prueba
utilizar efectos suaves de perspectiva 3D desde el Menú Efecto (Effect).
No utilices efectos muy angulosos o pronunciados.
4. Aplica finalmente un efecto de sombra a cada una de las figuras.
5. Guarda tu trabajo con el nombre Perspectiva46 en la carpeta que
indique tu profesor.
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.
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.
Actividad
48
1. Elige alguna de las fotografías de paisaje que se encuentran en tu CD de
trabajo o carpeta de actividades.
2. Aplica las técnicas aprendidas para trazarla con vectores y colorearla.
3. Al terminar elimina la capa donde se encuentra la fotografía original.
4. Guarda el archivo en la carpeta que tu profesor indique con el nombre
Paisaje48.ai.
Los símbolos
En Illustrator, un símbolo es un elemento gráfico reutilizable que se almacena
en una biblioteca llamada paleta de Símbolos. Cualquier elemento gráfico se
puede convertir en un símbolo, que podrá usarse para crear motivos o diseños
nuevos.
Originalmente los símbolos se desarrollaron para crear archivos de tamaño
reducido. Sin embargo, el símbolo es además un elemento esencial para la
creación de diseños especiales y complejos.
Actividad
49
1. Abre en Illustrator el archivo Dragon.ai que se encuentra en tu CD de
trabajo o carpeta de actividades.
2. Vectoriza la figura del dragón que está en líneas guía. Utiliza para ello la
herramienta Pluma.
3. Dale color y detállalo para una apariencia atractiva e interesante.
4. Abre la paleta de Símbolos con el Menú Ventana (Window)/Símbolos
(Symbols).
5. Selecciona el dragón que has creado y arrástralo hacia la paleta de
símbolos.
6. Revisa que la figura se ha guardado como símbolo en la paleta y elimina
del área de trabajo el dibujo original.
7. Ahora añade una copia del símbolo a tu área de trabajo arrastrando desde
la paleta Símbolos (Symbols). A una copia del símbolo en el área de
trabajo se le llama instancia.
8. Crea 4 instancias más del dragón en el área de trabajo, separadas un poco
entre sí.
9. Ajusta la transparencia de las instancias individuales a 40%, 50%, 60%,
70% y 80%.
10. Escálalas y gíralas con ayuda de la paleta transformaciones, acomodando
las instancias de forma equilibrada y armónica, para que la composición
sea agradable a la vista.
11. Para crear muchas instancias, utiliza la herramienta Rociar símbolos
(Symbol Sprayer Tool) en el área de trabajo. Si haces doble clic en la
herramienta, puedes ajustar las opciones de rociado.
12. Toma la herramienta Girar símbolo (Symbol Spinner Tool) que
se encuentra agrupada en el mismo botón de la herramienta Rociar
símbolos. Arrástrala sobre las instancias para que giren en la dirección
de arrastre.
13. Utiliza otros símbolos para crear un diseño más abstracto.
14. Revisa que tu composición transmita un mensaje o tenga una función
especial.
15. Guarda tu trabajo con el nombre símbolos en la carpeta que indique el
profesor.
117
Recordando los elementos de diseño
Actividad
50
Responde correctamente las siguientes preguntas seleccionando a, b o c,
según corresponda.
1. En diseño vectorial hay dos elementos fundamentales que constituyen la
base para cualquier composición:
a. El punto y la línea
b. La curva y el nodo
c. El punto y la coma
2. Se define como la ilusión visual que ayuda al observador a determinar la
profundidad y la ubicación de los objetos a diferentes distancias.
a. Magia
b. Perspectiva
c. Ángulo
3. Implica que todos los elementos sean capaces de aportar un significado
para transmitir un mensaje más claro a los receptores o destinatarios del
diseño.
a. Compensación
b. Correlación
c. Composición
4. Es aquella en donde el objeto de interés se encuentra en el centro y todo
deriva de él. El famoso cuadro de la última cena, de Leonardo Da Vinci, es
un ejemplo de ésta:
a. Composición simétrica
b. Composición abstracta
c. Composición radial
5. El plano básico es un elemento activo en la estructura del espacio. La
relación de los elementos con el plano y de los elementos entre sí,
obedecerá a uno de estos tres criterios:
a. Superposición, Transparencia y Penetración
b. Transparencia, Penetración y Matiz
c. Penetración, Superposición y Perspectiva
6. Es el conjunto de líneas que limita una figura o composición.
a. Relleno
b. Contorno
c. Tabla
7. Las formas se clasifican de la siguiente manera:
a. Formas geométricas, orgánicas y rectilíneas
b. Formas geográficas, ergonómicas y rectangulares
c. Formas geológicas, armónicas y rectas
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.
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.
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”.
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.
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.
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?
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:
125
Formato Función Deficiencia
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.
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.
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á.
GIF o PNG 24
¿Por qué? Estos dos formatos permiten transparencias en la imagen.
El PNG puede almacenar más colores.
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
trabajo o carpeta de actividades.
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.
Actividades generales
Actividades generales
2. Recopilación de información
5. Impresión
TEMAS
S E S IO N ES
S E S IO N ES
T E Ó R IC AS
PRÁCTICAS
P royectado
In tro d u c c ió n e h isto ria .
Im á g e n e s ve cto ria le s. C oncretado
N otas:
P royectado
F o rm a to s d e a rch ivo C oncretado
N otas:
A b rie n d o y cre a n d o u n d o c u m e n to n u e vo e n A d o b e P royectado
Illustra to r. C oncretado
A b rir a rch ivo co n A d o b e B rid g e . N otas:
P royectado
E n to rn o d e tra b a jo C oncretado
N otas:
P royectado
B a rra d e h e rra m ie n ta s C oncretado
N otas:
TEMAS
S E S IO N ES
S E S IO N ES
T E Ó R IC AS
PRÁCTICAS
P royectado
B a rra d e h e rra m ie n ta s C oncretado
N otas:
P royectado
B a rra d e h e rra m ie n ta s C oncretado
N otas:
P royectado
Técn ica s d e ilu stra ció n con la s h e rra m ie n ta s C oncretado
N otas:
P royectado
Técn ica s d e ilu stra ció n con la s h e rra m ie n ta s C oncretado
N otas:
P royectado
Las p a le ta s d e A d o b e Illu stra to r p a rte 1 C oncretado
N otas:
EVALUACION No. A V A N C E P R O G R A M ÁT IC O D E C U R S O
TEMA GENERAL: DISEÑO VECTORIAL - ILLUSTRATOR
GRUPO:
PROFESOR:
PERIODO:
S E M A N A 11 S E M A N A 12 S E M A N A 13 S E M A N A 14 S E M A N A 15
L M M J V S L M M J V S L M M J V S L M M J V S L M M J V S
PRÁCTICAS
S E S IO N ES
T E Ó R IC AS
S E S IO N ES
TEMAS
P royectado
Las p a le ta s d e A d o b e Illu stra to r p a rte 1 C oncretado
N otas:
P royectado
Las p a le ta s d e A d o b e Illu stra to r p a rte 1 C oncretado
N otas:
P royectado
Las p a le ta s d e A d o b e Illu stra to r p a rte 1 C oncretado
N otas:
P royectado
C o lo r C oncretado
N otas:
P royectado
C o lo r C oncretado
N otas:
S E M A N A 16 S E M A N A 17 S E M A N A 18 S E M A N A 19 S E M A N A 20
PRÁCTICAS
S E S IO N ES
L M M J V S L M M J V S L M M J V S L M M J V S L M M J V S
T E Ó R IC AS
S E S IO N ES
TEMAS
P royectado
C o lo r C oncretado
N otas:
P royectado
Las p a le ta s d e A d o b e Illu stra to r p a rte 2 C oncretado
N otas:
P royectado
L o g o tip o s d e id e n tificació n C oncretado
N otas:
P royectado
Las p a le ta s d e A d o b e Illu stra to r p a rte 3 C oncretado
N otas:
P royectado
Las p a le ta s d e A d o b e Illu stra to r p a rte 3 C oncretado
N otas:
EVALUACION No. A V A N C E P R O G R A M ÁT IC O D E C U R S O
TEMA GENERAL: DISEÑO VECTORIAL - ILLUSTRATOR
GRUPO:
PROFESOR:
PERIODO:
S E M A N A 21 S E M A N A 22 S E M A N A 23 S E M A N A 24 S E M A N A 25
L M M J V S L M M J V S L M M J V S L M M J V S L M M J V S
TEMAS
S E S IO N ES
S E S IO N ES
T E Ó R IC AS
PRÁCTICAS
P royectado
Las p a le ta s d e A d o b e Illu stra to r p a rte 3
C oncretado
N otas:
P royectado
F iltro s y E fe cto s. C oncretado
N otas:
P royectado
A g ru p a r y d e s a g ru p a r o b je to s C oncretado
N otas:
P royectado
Los e le m e n to s d e l d ib u jo ve cto ria l: P u n to y lín e a . C oncretado
N otas:
P royectado
R itm o , C o n to r y F o rm a . C oncretado
N otas:
S E M A N A 26 S E M A N A 27 S E M A N A 28 S E M A N A 29 S E M A N A 30
L M M J V S L M M J V S L M M J V S L M M J V S L M M J V S
TEMAS
S E S IO N ES
S E S IO N ES
T E Ó R IC AS
PRÁCTICAS
P royectado
E l e s p a c io
Los e le m e n to s d e l d ib u jo ve cto ria l: C o m p o sició n C oncretado
N otas:
P royectado
Los e le m e n to s d e l d ib u jo ve cto ria l: P e rsp e ctiva C oncretado
N otas:
P royectado
Los e le m e n to s d e l d ib u jo ve cto ria l: P e rsp e ctiva C oncretado
N otas:
P royectado
Los e le m e n to s d e l d ib u jo ve cto ria l: P e rsp e ctiva C oncretado
N otas:
P royectado
Los sím b o lo s. C oncretado
N otas:
EVALUACION No. A V A N C E P R O G R A M ÁT IC O D E C U R S O
TEMA GENERAL: DISEÑO VECTORIAL - ILLUSTRATOR
GRUPO:
PROFESOR:
PERIODO:
S E M A N A 31 S E M A N A 32 S E M A N A 33 S E M A N A 34 S E M A N A 35
L M M J V S L M M J V S L M M J V S L M M J V S L M M J V S
PRÁCTICAS
S E S IO N ES
T E Ó R IC AS
S E S IO N ES
TEMAS
P royectado
O rg a n iza ció n d e l te xto : D is e ñ o E d ito ria l. C oncretado
N otas:
P royectado
C oncretado
O rg a n iza ció n d e l te xto : D is e ñ o E d ito ria l.
N otas:
P royectado
C oncretado
V e cto re s e n 3 D .
N otas:
P royectado
C oncretado
F o rm a to s d e a rch ivo .
N otas:
P royectado
C oncretado
P ro ye cto s d e in te g ra ció n 1 .
N otas:
S E M A N A 36 S E M A N A 37 S E M A N A 38 S E M A N A 39 S E M A N A 40
L M M J V S L M M J V S L M M J V S L M M J V S L M M J V S
PRÁCTICAS
S E S IO N ES
T E Ó R IC AS
S E S IO N ES
TEMAS
P royectado
P ro ye cto s d e in te g ra ció n 2 . C oncretado
N otas:
P royectado
P ro ye cto s d e in te g ra ció n 3 . C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado
C oncretado
N otas:
P royectado T = Sesión Teórica.
T O T A LE S L o s re cu a d ro s a b a jo d e fe chas d e b e rá n lle n a rse
C oncretado
co n :
PA= Sesión Práctica en el Aula
P O R C E N T A JE D E P royectado 100% 100% PL= Sesión Práctica en Laboratorio
AVANCE C oncretado
N O M B R E Y F IR M A D E L P R O F E S O R