7/25/2019 Tutorial de illustrator cs5
1/143
ISBN 978-607-7272-85-4
9 786077 272854
Carlos Zepeda Chehaibar
Diseo VectorialIllustratorCS5
7/25/2019 Tutorial de illustrator cs5
2/143
7/25/2019 Tutorial de illustrator cs5
3/143
Diseo VectorialIllustratorCS5
Autor:Carlos Zepeda Chehaibar
Apoyo en Desarrollo y Actividades:Samantha Mndez DomnguezMnica Lorena Aduna Espinosa
Coordinacin Editorial:Alejandro Flores Ledesma
Diseo Editorial:Csar Carranza Contreras
Apoyo Editorial:Sandra A. Rodrguez Romero
Correccin de Estilo:Jennifer P. Castillo Ascencio
Desarrollo de Tutoriales:Mnica Lorena Aduna Esponisa
Direccin de Arte:Alfredo Salazar de la Vega
Coordinador Ilustracin Portada:Mario Martnez Ramrez
Ilustracin de Portada:Ana Mara Gonzalez Marmolejo
Ilustracin de Interiores:Judith Lourdes Sierra Prez
Miriam Tatiana Zamora GutirrezCsar Carranza Contreras
Revisin de Recursos Digitales:Jennifer Priscila Castillo Ascencio
Gregorio Snchez Hernndez
Fotografa:Carlos Zepeda Chehaibar
Diseo Vectorial IllustratorCS5. Profesor2 Edicin 1 ReimpresinJunio 2015
D.R. Grupo Educare, S.A. de C.V., Cerro de Mesontepec, nmero 83, Colonia Colinas del Cimatario, Quertaro, Qro., CP.76090, 2011.Queda prohibida la reproduccin total o parcial de esta obra por cualquier medio, sin autorizacin de los editores.
ISBN 978-607-7272-85-4Impreso y hecho en Mxico.Esta es una obra protegida por las leyes internacionales de derechos de autor. Prohibida la reproduccin total o parcial deesta obra y/o los recursos que la acompaan, por cualquier medio, sin autorizacin escrita de Grupo Educare, S.A. de C.V.
Editado por Grupo Educare S.A. de C.V.
Impreso por: Grupo Formavi, S.A. de C.V.Calz. Santo Toms #139 Col. Santo Toms Del. Azcapotzalco, C.P. 02020 Mxico, D.F.
El logotipo de Grupo Educare es propiedad de Grupo Educare, S.A. de C.V.El diseo editorial y contenidos grficos son propiedad exclusiva de Grupo Educare, S.A. de C.V.Todos los nombres de empresas, productos, direcciones y nombres propios contenidos en esta obra, forman parte de ejemplos ficticios, a menosque se indique lo contrario. Las citas, imgenes y videogramas utilizados en esta obra se utilizan nicamente con fines didcticos y para lacrtica e investigacin cientfica o artstica, por lo que el autor y Grupo Educare, S.A. de C.V. no asumen ninguna responsabilidad por el uso quese d a esta informacin, ni infringen derecho de marca alguno, en conformidad al Artculo 148 de la Ley Federal del Derecho de Autor.Microsoft Office, MS DOS, MS Windows, Word, PowerPoint, Excel, FrontPage y Access y sus logotipos son marcas comerciales de MicrosoftCorporation. Microsoft y el logo de Microsoft Office son marcas registradas de Microsoft Corporation en los Estados Unidos y/o en otrospases. Microsoft no patrocina, endosa o aprueba esta obra. Flash, Illustrator, Fireworks, Freehand, Dreamweaver, Photoshop y sus logotiposson marcas registradas de Adobe Inc. Adobe no patrocina o endosa esta obra.
7/25/2019 Tutorial de illustrator cs5
4/143
Diseo VectorialIllustratorCS5
Contenido
Unidad 1 Introduccin a Illustrator 9
TEMAA Introduccin e historia 10Lmina 1-01 Historia de Adobe 10
TEMAB Imgenes Vectoriales 11Ventajas de los Vectores 11Desventajas de los Vectores 12
TEMAC Formatos de archivo 13Imgenes de mapa de bits 13Lmina 1-02 Vectores vs. Bitmaps 14Actividad 1-01 Vectores vs. Bitmaps 14
TEMAD Abriendo y creando un documento nuevo 16Abrir archivos 18Video 1-01 Abriendo y creando un documento nuevo 18Actividad 1-02 Reafirmando conceptos clave y abriendo archivos 19
TEMAE Espacio de trabajo 20La interfaz y el rea de trabajo 21Video 1-02 El espacio de trabajo 22Actividad 1-03 Identificando el espacio de trabajo 23
Evaluacin 01 24
Unidad 2 Panel Herramientas 25TEMAA Panel Herramientas 26
Video 2-01 Herramientas de Seleccin 27Video 2-02 Herramientas de Dibujo 29Video 2-03 Herramientas de zoom y desplazamiento 29Actividad 2-01 Investigando herramientas 30Color Fill (Relleno) y Color Stroke (Trazo) 30Cmo se usan los paneles? 31Video 2-04 Color Fill (Relleno) y Stroke (Trazo) 31Proyecto 2-01 Dibujando figuras simples para un diseo 32Proyecto 2-02 Agitador de conciencia social 33Proyecto 2-03 Haciendo una caja de regalo Parte 1 35Actividad 2-02 Identificando Herramientas 37Tcnicas de ilustracin con las herramientas 39Herramientas de Reforma 39Video 2-05 Tcnicas de pluma y lpiz artstico 39Video 2-06 Herramientas de Reforma 40Proyecto 2-04 Haciendo una caja de regalo Parte 2 41Herramienta de Pintura 42
Propuesta Pedaggica I
7/25/2019 Tutorial de illustrator cs5
5/143
Contenido
Video 2-07 Herramientas de Pintura 43
Video 2-08 Herramientas de Smbolos 44Video 2-09 Herramientas de Grficas 45Actividad 2-03 Herramientas de Pintura 45Zona de selectores de color 46Proyecto 2-05 Haciendo una caja de regalo Parte 3 46Proyecto 2-06 Creando grficas 47Herramientas de corte 48Herramientas de texto 49Video 2-10 Herramientas de Sector y Cuchilla 49Video 2-11 Herramientas de Texto 49Evaluacin 02 50
Unidad 3 Paneles de AdobeIllustratorParte 1 51TEMAA Paneles de AdobeIllustratorParte 1 52
Navigator (Panel Navegador) 52Layers (Panel Capas) 52Create New Layer (Crear nueva capa) 53Creacin de Templates (Capas plantilla) 53Capa activa 54Ocultar y mover capas 54Lock (Bloqueo de capas) 54Delete Selection (Eliminar capas) 54Video 3-01 Capas 54
Actividad 3-01 Recordando: Capas 55Actividad 3-02 Capas reales 56Proyecto 3-01 Usando capas para organizar una ilustracin 57Transform (Panel de Transformacin) 58
Actions (Panel de Acciones) 58Actividad 3-03 Recordando: acciones y transformaciones 59
Align (Panel de Alineacin) 60Appearance (Panel de apariencia) 60Graphic Styles (Panel de estilos grficos) 61Video 3-02 Panel Appearence (Apariencia) 61Proyecto 3-02 Conociendo el panel Apariencias 62Clipping Mask (Mscaras de recorte en las capas) 63Video 3-03 Paneles 63Video 3-04 Mscaras de recorte 65Proyecto 3-03 Ejercicio de recorte de imgenes 65Actividad 3-04 Paneles 67Actividad 3-05 Operaciones con capas 68
TEMAB Agrupar y desagrupar objetos 69Actividad 3-06 Agrupar y desagrupar 69Evaluacin 03 70
7/25/2019 Tutorial de illustrator cs5
6/143
Contenido
Unidad 4 Color 71
TEMAA Color 72La Psicologa del color 72Lmina 4-01 Color 73Actividad 4-01 Comprendiendo el color 74Clasificacin del color 75Actividad 4-02 El color, la luz y el ojo 75El Crculo Cromtico 77Actividad 4-03 Diagramas de color 78Proyecto 4-01 Colores armnicos y complementarios 79Actividad 4-04 Campaa publicitaria de un producto 80Actividad 4-05 alimenticio 80Actividad 4-06 Los modos de color 81Color (Panel de color) 82Swatches (Panel de Muestras) 83Video 4-01 Panel de color 83Evaluacin 04 84
Unidad 5 Paneles de AdobeIllustratorParte 2 85TEMAA Ms paneles 86
Stroke (Panel Trazo) 86Video 5-01 Panel de Trazo 87Brushes (Panel de Pinceles) 88Gradient (Panel de Degradado) 88
Video 5-02 Panel de Pinceles 88Video 5-03 Panel de Degradado 89Proyecto 5-01 Papelera de Identificacin personal 89Actividad 5-01 Identificando paneles 91
TEMAB Logotipos 92Lmina 5-01 Logotipos 92Actividad 5-02 Analizando logotipos 92Proyecto 5-02 Creando un logotipo 94
TEMAC Transparencias 95Transparency (Panel de Transparencia) 95Mscara de opacidad 95Video 5-04 Panel de transparencia y mscara de opacidad 95Proyecto 5-03 Degradado transparente 96Proyecto 5-04 Degradado transparente en fotografas 97Blending Modes (Modos de fusin) 98Lmina 5-02 Blending Modes (Modos de fusin) 98Video 5-05 Blending Modes(Modos de fusin) 99Proyecto 5-05 Conociendo los modos de fusin 99
TEMAD Pathfinder (Buzcatrazos) 100Video 5-06 Pathfinder(Panel buscatrazos) 101Proyecto 5-06 formas compuestas 102
7/25/2019 Tutorial de illustrator cs5
7/143
Contenido
TEMAE Effects (Efectos) 103
Ajustes de los efectos de rastrillado 103Video 5-07 Ajustes de los efectos de rastrillado 103Artistic (Artsticos) 104Blur (Desenfocar) 105Brush Stroke (Trazos de pincel) 105Distort (Distorsin) 106Pixelate (Pixelar) 106Sharpen (Enfocar) 107Sketch (Bosquejar) 107Stylize (Estilizar) 108Texture (Textura) 108Lmina 5-03 Efectos 108Video (Video) 109Proyecto 5-07 Trabajando con efectos 109Evaluacin 05 110
Unidad 6 Elementos de dibujo vectorial 111TEMAA Los elementos del dibujo vectorial 112
Lmina 6-01 Elementos del dibujo vectorial 112Actividad 6-01 Tcnica de puntillismo y lnea 113Actividad 6-02 Los elementos del diseo grfico 113
TEMAB El Espacio 115Proyecto 6-01 Composicin artstica libre 116
Actividad 6-03 Reflexin sobre perspectiva 117Proyecto 6-02 Generando perspectiva 117Proyecto 6-03 Ilustrando una fotografa 118
TEMAC Los smbolos 120Proyecto 6-04 Creando un smbolo 120
TEMAD Organizacin del texto 121Creacin de contornos 121Texto en un trazado 121Proyecto 6-05 Experimentando con texto 122Envolventes 122Proyecto 6-06 Pgina interna de una revista 123
TEMAE Vectores 3D 124Proyecto 6-07 Creando un texto 3D 124
TEMAF Archivos 126Formatos 126Preparando un archivo para imprenta 126Video 6-01 Formatos de archivo 126Lmina 6-02 Principales requisitos y normas de impresin 126Actividad 6-04 Reconociendo formatos 127Evaluacin 06 128
7/25/2019 Tutorial de illustrator cs5
8/143
Recursos
Material Impreso
Recursos Digitales
Este material forma parte de un conjunto de recursos que conforman el Programade Informtica y Tecnologa (PIT). Est organizado en bloques integrales queincluyen todo lo necesario para aprender, practicar y evaluar habilidades ocompetencias. Las explicaciones, imgenes, tablas, actividades, notas y tips,apoyadas con las lminas y tutoriales, permiten integrar la experiencia deaprendizaje desde mltiples perspectivas. As, podemos afirmar que el PIT deGrupo Educare es la mejor manera de aprender haciendo.
Los recursos digitales que acompaa al material impreso contienen videos quete ayudarn a comprender los conceptos y a poner en prctica las habilidadesadquiridas. Adicionalmente encontrars los archivos que se requieren para realizarlas actividades, algunos documentos y aplicaciones tiles. No olvides que losrecursos digitales son parte integral del programa, por lo que es muy importanteque lo conozcas y utilices en el curso.
7/25/2019 Tutorial de illustrator cs5
9/143
T IP
Explicacin Iconogrfica
NOTA
Proyecto
Este icono nos indica un ejercicio que refuerza de manera prctica.
Actividad
Este icono nos indica un ejercicio que refuerza la parte terica deeste material.
Video
Es el material digital de los recursos del programa. La representacinen video de la parte terica.
Lmina de apoyo
La lmina es un recurso del profesor, que sirve como refuerzodinmico e interactivo a un tema denso, que complementa la teoradel material impreso.
Nota
Las notas que vers dentro de tu texto, puntualizan la teora o losaspectos ms importantes de un tema.
Evaluacin
Este icono indica un elemento fundamental del proceso educativoque sirve para valorar el proceso de aprendizaje.
Tip
Es una sugerencia que complementa un tema del material impreso,dando un panorama ms amplio al alumno sobre cmo ejecutaruna actividad de manera ms sencilla y prctica.
7/25/2019 Tutorial de illustrator cs5
10/143
Diseo Vectorial IllustratorCS5Autor:
Carlos Zepeda Chehaibar
Unidad 01 Introduccin a Illustrator
Unidad 02 Panel Herramientas
Unidad 03 Paneles de Adobe
Illustrator
Parte 1Unidad 04 Color
Unidad 05 Paneles de Adobe Illustrator Parte 2
Unidad 06 Elementos de dibujo vectorial
NIVEL: Bsico DURACIN SUGERIDA: 40 SESIONES / 45-50 MINUTOS
Propuesta Didctica
Este libro lo integran las siguientes Unidades:
Las propuestas didcticas son flexibles, adaptables a la forma personal detrabajo del maestro y necesidades especficas de cada clase maximizando asel empleo de los recursos disponibles.
7/25/2019 Tutorial de illustrator cs5
11/143
Unidad Tema Subtema Objetivos
II
Diseo Vectorial
IllustratorCS5
1 - Introduccin a Illustrator
Sesiones Sugeridas 5
tema A Introduccin e
Historia
Conocer la historia de
AdobeIllustrator.
tema B Imgenes
vectoriales
Ventajas de los vectores
Desventajas de los
vectores
Conocer las caractersticas
de las imgenes
vectoriales.
tema C Formatos de
archivo
Imgenes de mapa de bits
Conocer los bitmaps y las
diferencias que existen con
las imgenes vectoriales.
tema D Abriendo y creando
un documento nuevo
Conocer las diferentes
maneras para abrir un
archivo, cmo importar
imgenes y la creacin de
un documento nuevo.
tema E Espacio de trabajoLa interfaz y el rea de
trabajo
Conocer el entorno y rea
de trabajo, sus elementosy cmo utilizarlos de
manera ms accesible
para facilitar el trabajo en
ellas.
7/25/2019 Tutorial de illustrator cs5
12/143
CompetenciasActividades sugeridas para el
alumnoTutorial Sugerido Recursos
Propuesta Didct
Describe las diferentes
maneras para abrir un
archivo, cmo importarimgenes y la creacin de un
archivo nuevo.
Lmina 1-01 Historia de
Adobe
Identifica las reas que
conforman el espacio para
facilitar la elaboracin de los
archivos.
Describe la evolucin de
Adobe Illustrator a travs
del tiempo.
Actividad 1-01 Vectores vs.
Bitmaps
Lmina 1-02 Vectores vs.
Bitmaps
Reconoce la diferencia
entre las imgenes de mapa
de bits, de las imgenes
vectoriales, conociendo sus
principales caractersticas.
Actividad 1-02 Reafirmando
conceptos clave y abriendo
archivos
Video 1-01 Abriendo y
creando un documento nuevo
Distingue diferentes
programas que trabajan con
archivos de tipo vectorial y
que es posible modificarlos
con cualquiera de ellos.
Actividad 1-03 Identificandoel espacio de trabajo
Evaluacin 01
Video 1-02 El espacio de
trabajo
7/25/2019 Tutorial de illustrator cs5
13/143
Unidad Tema Subtema Objetivos
IV
Diseo Vectorial
IllustratorCS5
2 - Panel Herramientas
Sesiones Sugeridas 5
tema A Panel Herramientas
Herramientas de seleccin
Collor Fill (Relleno) y color
stroke (trazo)
Cmo se usan los
paneles?
Tcnicas de ilustracin conlas herramientas
Herramientas de reforma
Herramienta de pintura
Zonas de selectores de
color
Herramientas de corte
Herramientas de texto
A Identificar cada uno
de los elementos que
conforman el panel
de herramientas, para
conocer su uso al
momento de realizar una
ilustracin, diseo, etc.,
as como conocer los
atajos del teclado que
harn ms rpido y fcil el
proceso.
7/25/2019 Tutorial de illustrator cs5
14/143
CompetenciasActividades sugeridas para el
alumnoTutorial Sugerido Recursos
Propuesta Didct
Identifica cada una de las
herramientas del panel,
conociendo su uso y la
manera de acceder a ellas de
forma rpida con el teclado.
Actividad 2-01 Investigando
herramientas
Proyecto 2-01 Dibujando
figuras simples para un
diseo
Proyecto 2-02 Agitador de
conciencia social
Proyecto 2-03 Haciendo una
caja de regalo. Parte 1
Actividad 2-02 Identificando
herramientas
Proyecto 2-04 Haciendo una
caja de regalo. Parte 2
Actividad 2-03 Herramientas
de pintura
Proyecto 2-05 Haciendo una
caja de regalo. Parte 3
Proyecto 2-06Creando
grficas
Evaluacin 02
Video 2-01 Herramientas de
seleccin
Video 2-02 Herramientas dedibujo
Video 2-03 Herramientas de
zoom y desplazamiento
Video 2-04 Color Fill (Relleno)
y Stroke (Trazo)
Video 2-05 Tcnicas de
pluma y lpiz artstico
Video 2-06 Herramientas dereforma
Video 2-07 Herramientas de
pintura
Video 2-08 Herramientas de
smbolos
Video 2-09 Herramientas de
grficas
Video 2-10 Herramientas deSector y Cuchilla
Video 2-11 Herramientas de
Texto
7/25/2019 Tutorial de illustrator cs5
15/143
Unidad Tema Subtema Objetivos
VI
Diseo Vectorial
IllustratorCS5
3 - Paneles de AdobeIllustrator Parte 1
Sesiones Sugeridas 5
tema A Paneles de AdobeIllustrator Parte 1
Navigator (Navegador)
Layers (Panel Capas)
Create new layer (Nueva
capa)
Creacin de templates
(Capas plantila)
Capa activa
Ocultar y mover capas
Lock (Bloque de capas)
Delete selection (Eliminarcapas)
Transform (Panel de
Transformacin)
Actions (Panel Acciones)
Align (Panel Alineacin)
Appearance (Panel
Apariencia)
Graphic Styles (PanelEstilos grficos)
Clipping Mask (Mscaras
de recorte en las capas)
A Identificar cada uno de
los paneles, as como sus
funciones que permiten
trabajar las imgenes,modificarlas, escalarlas,
recortarlas, etc... y cmo
administrarlos en el
espacio de trabajo para
facilitar el proceso del
diseo.
tema B Agrupar y
desagrupar objetos
B Conocer las opciones
para agrupar y desagrupar
objetos.
7/25/2019 Tutorial de illustrator cs5
16/143
CompetenciasActividades sugeridas para el
alumnoTutorial Sugerido Recursos
V
Propuesta Didct
Identifica los paneles, sus
caractersticas, conocer cmose pueden acomodar, acoplar
para facilitar el trabajo,
as como las funciones de
algunos de ellos.
Actividad 3-01 Recordando
capas
Actividad 3-02 Capas reales
Proyecto 3-01 Usando capas
para organizar una ilustracin
Actividad 3-03 Recordando
acciones y transformaciones
Proyecto 3-02 Conociendo el
panel apariencia
Proyecto 3-03 Ejercicio de
recorte de imgenes
Actividad 3-04 Paneles
Actividad 3-05 Operaciones
con capas
Video 3-01 Capas
Video 3-02 Panel Appearence
(Apariencia)
Video 3-03 Paneles
Video 3-04 Mscaras de
recorte
Identifica que el comando
de agrupar objetos es ms
sencillo el trabajo con
varios objetos, tanto para
desplazarlos, como para
transformarlos.
Actividad 3-06 Agrupar y
desagrupar
Evaluacin 03
7/25/2019 Tutorial de illustrator cs5
17/143
Unidad Tema Subtema Objetivos
VIII
Diseo Vectorial
IllustratorCS5
4 - Color
Sesiones Sugeridas 5tema A Color
La psicologa del color
Clasificacin del color
El crculo cromtico
Color (Panel Color)
Swatches (Panel Muestras)
Conocer los conceptos
del color. Identificar cada
una de las herramientas
del panel color, as como
ponerlos a la prctica en
diferentes actividades y
proyectos para reafirmar
los conceptos aprendidos.
5 - Paneles de Adobe IllustratorParte 2
Sesiones Sugeridas 9
tema A Ms paneles
Stroke (Panel Trazo)
Brushes (Panel Pinceles)
Gradient (Panel
Degradado)
Aprender las herramientas
de los paneles para
lograr transparencias,
modos de fusionar
dibujos e imgenes, a
utilizar las mscaras deopacidad, los degradados
de transparencia y los
buscatrazos, ponindolos
en prctica en diferentes
ejercicios de la unidad.
tema B Logotipos
Aplicar los conceptos
aprendidos para la
creacin de un logotipo,
utilizando las herramientascontenidas en esta unidad.
7/25/2019 Tutorial de illustrator cs5
18/143
CompetenciasActividades sugeridas para el
alumnoTutorial Sugerido Recursos
Propuesta Didct
Reconoce y comprende
el concepto de color, su
clasificacin, psicologa y su
uso; as como a identificar los
elementos que componen el
panel y los diferentes modos
de color.
Actividad 4-01
Comprendiendo el color
Actividad 4-02 El color, la luzy el ojo
Actividad 4-03 Diagramas de
color
Proyecto 4-01 Creando un
mural con colores armnicos
Actividad 4-04 Campaa
publicitaria de producto
alimenticio
Actividad 4-05 Los modos de
color
Evaluacin 04
Video 4-01 Panel de color Lmina 4-01 Color
Identifica cada una de las
herramientas de diferentes
paneles y reforzando los
conocimientos adquiridos a
travs de la realizacin de
diferentes ejercicios.
Proyecto 5-01 Papelera de
identificacin personal
Actividad 5-01 Identificando
paneles
Video 5-01 Panel Trazo
Video 5-02 Panel Pinceles
Crea un logotipo utilizando
las herramientas de Adobe
Illustrator basndonos en
los conceptos explicados enesta unidad.
Lmina 5-01 Logotipos
Actividad 5-02 Analizando
logotipos
Proyecto 5-02 Creando un
logotipo
7/25/2019 Tutorial de illustrator cs5
19/143
Unidad Tema Subtema Objetivos
X
Diseo Vectorial
IllustratorCS5
Cont. Unidad 5
tema C Transparencias
Transparency (Panel
Transparencia)
Mscara de opacidad
Blending modes (Modos
de fusin)
Conocer el concepto de
transparencia al efectuar
cambios en parmetrosde los paneles y aplicar
modos de fusin en
composiciones.
tema D Pathfinder
(Buzcatrazos)
Comparar las opciones
del panel Pathfinder
(Buscatrazos), con
funciones matemticas
para crear figuras
complejas con objetos
simples
tema E Effects (Efectos)
Ajustes de los efectos de
rastrillado
Artistic (Artsticos)
Blur (Desenfocar)
Brush Stroke (Trazos de
Pincel)
Distort (Distorsin)
Pixelate (Pixelar)
Sharpen (Enfocar)
Sketch (Bosquejar)
Stylize (Estilizar)
Texture (Textura)
Video (Video)
Comprender cada uno delos efectos que maneja
Adobe Illustrator para
saber cundo aplicar cada
uno segn el trabajo que
se est realizando.
7/25/2019 Tutorial de illustrator cs5
20/143
CompetenciasActividades sugeridas para el
alumnoTutorial Sugerido Recursos
Propuesta Didct
Emplea las herramientas
de los paneles, a aplicar
transparencias, mscarasde opacidad, degradados de
transparencia, los diferentes
modos de fusin.
Proyecto 5-03 Degradado
transparente
Proyecto 5-04 Degradadotransparente en fotografas
Proyecto 5-05 Conociendo los
Modos de fusin
Video 5-03 Panel
Transparencia y Panel
Opacidad
Video 5-04 Blending Modes
(Modos de fusin)
Lmina 5-02 Blending Mod(Modos de fusin)
Realiza diferentes
combinaciones de objetos por
medio del panel buscatrazos
a travs de la realizacin
de diferentes ejercicios
reafirmando los conceptos
aprendidos.
Proyecto 5-06 Combinacin
de objetos para crear formas
compuestas
Video 5-05 Pathfinder (Panel
Buzcatrazos)
Aplica cada uno de los
efectos de Adobe
Illustrator para conocer sus
caractersticas.
Proyecto 5-07 Trabajando con
efectos
Evaluacin 05
Video 5-06 Ajustes de los
efectos de rastrilladoLmina 5-03 Efectos
7/25/2019 Tutorial de illustrator cs5
21/143
Unidad Tema Subtema Objetivos
XII
Diseo Vectorial
IllustratorCS5
6 - Elementos de dibujovectorial
Sesiones Sugeridas 6
tema A Los elementos deldibujo vectorial
Comprender los elementos
del dibujo vectorial
aplicando conceptos comopuntillismo, lnea, ritmo,
contorno y forma al crear
composiciones.
tema B El espacio
Definir el concepto de
espacio al analizar la
relacin que existe entre
los objetos de un plano
bsico.
tema C Los Smbolos
Identificar lo que es un
smbolo, cmo crearlos y
guardarlos en la librera de
Illustrator.
tema D Organizacin del
texto
Creacin de contornos
Texto en un trazado
Envolventes
Utilizar herramientas para
deformar el texto pormedio de envolventes
y ajustar el texto a un
trazado.
tema E Vectores 3DAprender a crear
elementos con efectos 3D.
tema F Archivos
Formatos
Preparando un archivo
para imprenta
Identificar y describir los
formatos en que pueden
guardarse los archivoscreados en Illustrator
dependiendo el tipo de
salida que tendrn.
7/25/2019 Tutorial de illustrator cs5
22/143
CompetenciasActividades sugeridas para el
alumnoTutorial Sugerido Recursos
X
Propuesta Didct
Reconoce los principales
elementos que componen
una ilustracin vectorial
para crear composicin que
integren estos elementos.
Actividad 6-01 Tcnica de
puntillismo y lnea
Actividad 6-02 Los elementos
del diseo grfico
Lmina 6-01 Los elementosdel dibujo vectorial
Identifica la relacin de los
elementos con el plano y de
los elementos entre s.
Proyecto 6-01 Composicin
artstica libre
Actividad 6-03 Reflexin sobre
perspectiva
Proyecto 6-02 Generando
perspectiva
Proyecto 6-03 Ilustrando una
fotografa
Reconoce lo que es un
smbolo, aprender a crearlos
y guardarlos en la librera de
Illustrator.
Proyecto 6-04 Creando un
smbolo
Define los tres tipos de
fuentes, aplicar envolventesa texto para crear efectos en
texto y que es posible acoplar
texto en un trazo.
Proyecto 6-05
Experimentando con texto
Proyecto 6-06 Pgina Interna
de una revista
Crea elementos con efectos
de 3D.
Proyecto 6-07 Creando un
texto 3D
Describe cada uno de
los formatos en que se
pueden guardar los archivosgenerados en Illustrator
segn el uso que se les dar
al final.
Actividad 6-04 Reconociendo
formatos
Evaluacin 06
Video 6-01 Formatos deArchivos
Lmina 6-02 Principales
requisitos y normas deimpresin
7/25/2019 Tutorial de illustrator cs5
23/143
XIV
Diseo VectorialIllustratorCS5
Inventario de habilidades
Habilidad 1 2 3 4 5
Reconocer diferencias entre mapa de bits y vector.
Listar las caracteristicas de las imgenes vectoriales.
Reconocer el espacio de trabajo de Illustrator.
Abrir y guardar archivos en Illsutrator .
Diferenciar Color de Relleno y Color de Trazo.
Modificar una seleccion.
Crear capas.
Modificar el tamao de un objeto.
Emplear el panel buzcatrazos.
Utilizar las herramientas de alineacin.
Emplear smbolos de Illustrator.
Agrupar y desabrupar objetos.
Organizar texto en Illustrator.
Optimizar archivos para la Web o medio impreso.
Diferenciar los modos de color RGB y CMYK.
Aplicar efectos en Illustrator.
Configurar ajustes de los efectos de rastrillado.
Aplicacin de filtros a una fotografa.
Utilizar mscara de opacidad.
Crear composiciones con ritmo y forma.
Este inventario se emplea para medir las habilidades de los alumnos que inicianel curso. Esto no es una prueba, es un indicador que va del 1 al 5, dnde unoestablece poco o nulo conocimiento del tema por parte del alumno y cinco queest completamente familiarizado con el mismo.
7/25/2019 Tutorial de illustrator cs5
24/143
Diseo Vectorial IllustratorCS5
Autor:
Carlos Zepeda Chehaibar
A Conocer la historia de AdobeIllustrator.
B Conocer las caractersticas de las imgenes vectoriales.
C Conocer los bitmaps y las diferencias que existen con las imgenes vectoriales.
D Conocer las diferentes maneras para abrir un archivo, cmo importarimgenes y la creacin de un documento nuevo.
E Conocer el entorno y rea de trabajo, sus elementos y cmo utilizarlos demanera ms accesible para facilitar el trabajo en ellas.
NIVEL: Bsico DURACIN SUGERIDA: 5 SESIONES / 45-50 MINUTOS
Unidad 01 Introduccin aI l lustrator
Durante el desarrollo de esta unidad aprenders a:
Adobe Ilustrador es un programa de creacin y manipulacin vectorial. Fuelanzado al mercado en marzo 19 de 1987, bajo la versin Adobe Illustrator 1.1,exclusivamente para sistema Macintosh. Los formatos nativos de Illustrator son:.FXG, .AI, .PDF, .EPS, .AIT, .SVG y .SVGZ.
7/25/2019 Tutorial de illustrator cs5
25/143
10
Diseo Vectorial
IllustratorCS5
El programa de Adobe Illustrator naci en 1987 junto con la tecnologa de Apple y unaimpresora llamada LaserWriter, la cual manejaba un nuevo formato de archivo grfico conocido
como PostScript. En su primera versin, lo que se creaba con Illustratorslo se poda imprimiren esa impresora, lo que era una gran limitante para la comercializacin del programa.
El usuario poda trabajar congrficos monocromticos (un solocolor) y una resolucin de pantallade 512 x 387 pxeles. El elementoprimordial del documento eranlas curvas de Bzier, utilizadas
para crear lneas, arcos y figurastrigonomtricas.
Imagen 1-1: Impresora AppleLaserWritter
Actualmente, Adobe Illustrator es una aplicacin de software de diseo grfico, que proporcionala libertad creativa que se necesita para materializar ideas de forma rpida y eficaz. Illustratorha definido por muchos aos el lenguaje grfico contemporneo mediante el dibujo vectorial.Las mentes ms creativas en el mundo de las artes grficas, utilizan Illustrator para pintar,
trazar, reproducir y automatizar diseos de todo tipo. Adems, gracias a la integracin con otrosprogramas, permite producir extraordinarios grficos para formato impreso, video, internet ydispositivos mviles.
Imagen 1-2: Ejemplo de trazo en Illustrator
1-01LMINA Historia de Adobe
TEMAA Introduccin e historia
7/25/2019 Tutorial de illustrator cs5
26/143
Introduccin a Illustra
Recuerdas que en las clases de fsica se estudian los vectores? En diseo grfico, un vecest constituido por una serie de puntos y lneas, rectas o curvas, definidas matemticamen
Las caractersticas de un vector son las siguientes:
Tienen una lnea de contorno (tambin llamado trazo) y un color de relleno. Lcaractersticas del contorno y del relleno se pueden cambiar en cualquier momen
Los vectores se pueden agrupar, separar, recortar, intersectar y relacionar con otvectores en el dibujo.
Cada vector se manipula por separado del resto de los objetos. Se puede ordende cualquier manera y modificar sin afectar otros vectores.
TEMAB Imgenes Vectoriales
Imagen 1-3: Ejemplo ojo vectorizado
Para comprender mejor por qu se les llamavectores a estos objetos, primero recuerdaque, en geometra, un punto del plano sepuede definir por sus coordenadas y dospuntos cualesquiera se pueden unir medianteuna lnea recta.
Si en lugar de unir dos puntos con unarecta, se hace con una curva, los puntos sedenominan nodos o puntos de anclaje. Laforma de la curva (suave o pronunciada), sedefine por otros puntos invisibles en el dibujo
llamados puntos de control, manejadores omanecillas.
Cualquier forma abierta o cerrada como un polgono, rectngulo, elipse o una curva irregulse basa en nodos y puntos de control. Para rellenar un grfico vectorial, es necesario que puntos estn unidos formando una lnea cerrada.
Los contornos o trazos pueden ser delgados o gruesos y tener una forma determinada. Epermite crear dibujos lineales o creaciones artsticas con un contorno caligrfico.
Ventajas de los Vectores
No importa el tamao en el que se dibuje o despliegue un vector: siempre aparecer cla misma nitidez y calidad al escalarlo (hacerlo ms pequeo o ms grande), tanto enpantalla como en la impresin.
Cada objeto est definido por frmulas matemticas independientes al resto de los demPuede escalarse, distorsionarse, cambiar de forma o resituarse sin afectar a los otelementos del dibujo.
7/25/2019 Tutorial de illustrator cs5
27/143
12
Diseo Vectorial
IllustratorCS5
Se puede controlar con gran precisin la forma, orientacin y orden de los elementos.
Las imgenes vectoriales no estn limitadas a un rea rectangular como los mapas de bits.
Cualquier cambio que se aplique a los objetos puede modificarse en cualquier momento: eldibujo 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 informacin para definir cadapunto de la pantalla.
Permite trabajar con texto sin limitaciones.
Imagen 1-4: Fotografa en mapa de bits
Imagen 1-5: Imagen vectorizada
Desventajas de los Vectores
Los grficos vectoriales no pueden producir imgenes fotogrficas realistas, ya que estn hechosde reas de color slido o degradado y no pueden representar los tonos continuos de unafotografa. Por eso la mayora de las imgenes vectoriales tienen una apariencia de caricatura.
Los vectores son de aspecto fro, con un contorno o trazo perfecto, sin naturalidad.
Un uso frecuente que se da a la conversin de mapas de bits a vectores, es la necesidad depublicarlos en web. Los formatos ms comunes y aceptados para la imagen vectorial en web sonel ShockwaveFlash(SWF) y PNG.
7/25/2019 Tutorial de illustrator cs5
28/143
Introduccin a Illustra
Existen diferentes aplicaciones que trabajan con archivos de tipo vectorial, como AdobeIllustrato
CorelDraw , Macromedia Freehand o Xara X . Aunque cada aplicacin maneja sus formade archivo nativos, en general es posible abrir y modificar los grficos creados en una aplicaciutilizando otra aplicacin.
Los formatos de archivo nativos principales reconocidos por otras aplicaciones son:
AdobeIllustrator(AI) CorelDraw (CDR) CorelExchange (CMX) Computer Graphics Metafile (CGM) Macromedia Freehand (FH)
Auto CAD
(DXF)Imgenes de mapa de bits
Las imgenes de mapa de bits o bitmaps estn compuestas por pxeles. Los pxeles son elementos mnimos de imagen.
Un mapa de bits es una cuadrcula de esos pequepuntos individuales de color, que estn ordenadde una forma determinada para definir un patrformar la imagen que observas en pantalla.
Las imgenes bitmap dependen de la resolucin,decir, del nmero de pxeles que existen en un determinada. La resolucin se mide en dpi (dots pinch) o puntos por pulgada.
Debido a que los mapas de bits dependen de la resolucin, es difcil incrementar o disminuir tamao sin reducir la calidad de la imagen.
Cuando se hace ms pequea una imagen bitmap,
se eliminan pxeles y cuando se hace ms grande, secrean nuevos pxeles.
As, cuando se crean nuevos pxeles, el programa deedicin que se est utilizando, estima el valor del colorde los nuevos pxeles basado en los ya existentes. Elresultado siempre es una calidad reducida.
TEMAC Formatos de archivo
Imagen 1-6: Acercamiento imagen mapa de bits
Imagen 1-7: Imagen de mapa de bits
7/25/2019 Tutorial de illustrator cs5
29/143
14
Diseo Vectorial
IllustratorCS5
Imagen 1-8: Imagen en baja resolucin
Vectores vs. Bitmaps1-01
ACTIVIDAD
1. Un mapa de bits (bitmap) est formado por una matriz o arreglo de puntos, cada uno deellos con caractersticas diferentes como color, intensidad y posicin.
a. Verdaderob. Falso
2. Por su capacidad para almacenar grandes cantidades de colores y detalles, se usa paramanipular fotografas.
a. Vectorb. Bitmap
3. Est formado por puntos o pxeles y un acercamiento disminuye la calidad.
a. Vectorb. Bitmap
1-02LMINA Vectores vs. Bitmaps
Los bitmaps pueden modificarse con programas tales como: Microsoft Paint, AdobePhotoshop, CorelPhoto Paint, Jasc Paint Shop Proy Unlead Photoimpact.
Imagen 1-9: Imagen en alta resolucin
7/25/2019 Tutorial de illustrator cs5
30/143
Introduccin a Illustra
4. Un vector se define por medio de una serie de puntos de control o nodos, que se combinpara formar curvas de diferente extensin y diversos atributos.
a. Verdadero
b. Falso
5. Generalmente se usan para grficas, dibujos sencillos y de colores simples. En diseeditorial son muy populares como Clipart.
a. Vectorb. Bitmap
6. Qu es un vector?
7. Qu es un pxel?
8. Dibuja un pxel.
9. Qu es un mapa de bits?
10. En el espacio en blanco especifica si estamos hablando de un vector o de un mapa de b
No importa el tamao al que se dibuje, siempre tendrla misma nitidez y calidad al escalarlo.
Se controla de manera precisa la forma, orientacin y
orden de los elementos. Depende de la resolucin y es difcil incrementar o
disminuir el tamao sin perder calidad.
Pierde pxeles si se hace ms pequeo.
El tamao del archivo es muy compacto.
Un vector es una serie de puntos y lneas, rectas o curvas, definidas matemti
camente.
Los pxeles son elementos mnimos de una imagen de mapa de bits.
Es una cuadrcula de pequeos puntos individuales de color, ordenados paradefinir un patrn y formar la imagen.
Vector
Vector
Mapa de bits
Mapa de bits
Vector
7/25/2019 Tutorial de illustrator cs5
31/143
16
Diseo Vectorial
IllustratorCS5
Imagen 1-10: Cuadro de dilogo para crear un documento nuevo.
TEMAD Abriendo y creando un documento nuevo
Una vez abierto AdobeIllustrator, para crear un nuevo documento utiliza el men File/New
(Archivo/Nuevo) o la combinacin de teclas . Aparecer una ventana de dilogo enla que debes especificar varios parmetros:
1. Name(Nombre del documento): El ttulo que quieras dar al archivo.
2. New Document Profile (Nuevo perfil de documento): Se pueden crear documentosdestinados a diferentes tipos de salida, dependiendo del uso que se le dar al archivo,puede ser para imprimir, para la web, etc. Cada perfil incluye valores predeterminados parael tamao, el modo en color, unidades, orientacin, transparencia y la resolucin.
3. Artboards(Mesa de trabajo): Nmero de espacios de trabajo a utilizar.
4. Spacing(Espacio): Es el espacio que se tendr entre las mesas de trabajo.
5.
Columns and Rows(Columnas y filas): Estos iconos sirven para acomodar nuestras mesasde trabajo por columnas o filas y si quieren comenzar a trabajar de derecha a izquierda oviceversa.
6. Units (Unidades del documento): Puedes definir las medidas de la mesa de trabajo enpuntos (unidad utilizada en tipografa que equivale a 1/72 de pulgada), picas (equivale a12 puntos), pulgadas, milmetros, centmetros o pxeles.
1
5
6
2
3
4
7
9
8
14
10
15
11
13
12
7/25/2019 Tutorial de illustrator cs5
32/143
Introduccin a Illustra
7. Size(Tamao del documento): Elige el formato que requieras, dependiendo del tama
y la forma de la mesa de trabajo que se va a realizar. Los formatos ms comunes endiseo impreso son el tamao Letter(Carta), el Legal (Oficio) y el Tabloid (Doble cartPara el diseo Web el formato ms utilizado es el de 800 x 600 pxeles (para pginas wey 480 x 60 pxeles (para banners).
8. Width(Ancho del documento): Puedes definir el ancho de la mesa de trabajo manualmensi no deseas utilizar las medidas del tipo de la mesa de trabajo elegida.
9. Height(Alto del documento): Puedes definir el alto de la mesa de trabajo manualmenteno deseas utilizar las medidas del tipo de la mesa elegida.
10.
Orientation(Orientacin): Las dos opciones que direccionan la mesa de trabajo en forvertical u horizontal.
11. Bleed (Sangrado): Es la cantidad de material grfico que queda fuera del rea de impresieste material son las franjas, fondos, fotografas, etc., que quedan rebasadas del tamade la mesa de trabajo y que sern cortadas cuando se encuentren impresas.
12. Color Mode(Modos de color): Hay dos modos de color para trabajar en la aplicacin:
CMYK Color(Cyan, Magenta, Yellow, Black): Se usa para trabajar con imgenque se destinarn a impresin.
RGB Color (Red, Green, Blue): Se utiliza para imgenes que slo se vern pantalla.
13. Raster Effects (Efectos de rasterizado): Especifica la resolucin de los efectos de rasterizadel documento. Son efectos que generan pxeles en lugar de datos vectoriales.
14. Preview Mode (Modo de vista previa): Permite ver en diferentes maneras cmo lucnuestro documento. Tiene 3 opciones: Default (Por defecto): El diseo creado en vectose ver en full color, el zoom in/out conserva la suavidad en las curvas. Pixel (Viprevia de pxel): Rejilla que se observa con el zoom al 600%. Overprint(Vista previa impresin): Permite ver colores con anticipacin, impresiones y modos que se mezc
para saber cmo se vern al imprimirse el archivo.15. Si se selecciona, los nuevos objetos se alinearn en la rejilla del pxel.
7/25/2019 Tutorial de illustrator cs5
33/143
18
Diseo Vectorial
IllustratorCS5
Imagen 1-11: Cuadro de dilogo para acomodar una imagen.
Vnculo
Tipo de documento
Plantilla
Reemplazo deldocumento
Acomodar
Nombre del documento
Abrir archivos
Los objetos vectoriales e imgenes ya existentes se abren y se importan en varios formatos dearchivo. Para abrir un archivo:
1. Selecciona el men File/Open(Archivo/Abrir) o la combinacin de teclas .
2. Selecciona el archivo que quieres abrir. Si el archivo no aparece, selecciona la opcin AllDocuments (Todos los archivos) en el men emergente del tipo de archivo.
3. Haz clic en Open (Abrir). En algunos casos aparece un cuadro de dilogo que permiteconfigurar opciones especficas de algn formato.
Si ya ests trabajando en un documento y deseas incluir un archivo externo en l, puedesutilizar el men File/Place(Archivo/Acomodar). El cuadro de dilogo que se muestra es muy
similar al de Open(Abrir), pero adems debes especificar alguno de los campos que aparecenen la parte inferior: Link (Link o vnculo), Template (Plantilla) y Replace(Reemplazo).
Debes seleccionar la opcinLink (Vnculo), para que la imagen se abra dentro del archivo conun tamao mucho menor al que tena originalmente.
1-01VIDEO Abriendo y creando un documento nuevo
Puedes importar imgenes al programa desde bancos de imgenes, PDFs, clipart, dibujos
vectoriales de Freehand
y Corel
Draw
, escaneos de fotografas, transparencias, negativos ygrficos, entre otros.
7/25/2019 Tutorial de illustrator cs5
34/143
Introduccin a Illustra
Reafirmando conceptos clave
y abriendo archivos1-02
ACTIVIDAD
1. Describe lo que entiendes para cada uno de estos conceptos de Illustrator:
a. Picas
b. Orientacin del documento
c. CMYK
2. Inicia AdobeIllustratory abre los siguientes archivos que se encuentran en los RecursDigitales:
a. Utilizando el cuadro de dilogo de inicio, abre los documentos Vector1.ai,Vectoai yVector3.ai.
b. En el mismo documento coloca el archivo Vector4.aiyVector5.ai,utilizando el meFile/Place (Archivo/Acomodar).
c. Utiliza cualquier mtodo para abrir los archivos Vector6.aiy Vector7.ai.
3. Observa con atencin las caractersticas comunes de los archivos en el estilo que representla calidad y sensaciones que transmiten. Qu caractersticas tienen los grficos vectoriale
Sistema de medicin para calcular el tamao de la letra.
Si el documento es horizontal o vertical.
Son cuatro colores: cyan, magenta, amarillo y negro. Son los colores deimpresin.
Tienen una lnea de contorno o trazo.Tienen color de relleno.Se pueden agrupar entre s.Se pueden relacionar con otros vectores.
7/25/2019 Tutorial de illustrator cs5
35/143
20
Diseo Vectorial
IllustratorCS5
Imagen 1-12: Espacio de trabajo de Illustrator
TEMAE Espacio de trabajo
Al iniciar AdobeIllustrator vers la siguiente ventana de trabajo. Los elementos que componenla pantalla de trabajo son los siguientes:
1. Barra de aplicacin. Contiene un conmutador de espacio de trabajo, mens y otroscontroles de la aplicacin. Tambin contiene la barra de mens que da detalle de todaslas operaciones que se le pueden hacer a la mesa de trabajo o al programa.
2. Panel de control. Muestra opciones especficas de la herramienta seleccionada en elmomento.
3. Panel herramientas. Incluye utilidades para crear, modificar, vectorizar y editar imgenes,ilustraciones, elementos de pgina, etc. Las herramientas relacionadas estn agrupadas.
4. Paneles. Ayudan a controlar y modificar el trabajo. Permiten trabajar con los distintos
6
3
1
2
4
5
7/25/2019 Tutorial de illustrator cs5
36/143
Introduccin a Illustra
La interfaz y el rea de trabajo
En AdobeIllustratorel rea de trabajo de un documento ocupa todo el espacio dentro deventana de la aplicacin. El rea de trabajo se divide de la siguiente forma:
rea de imagen (A): El rea de imagen est delimitada por las lneas puntead
internas y es la seccin de la pgina destinada a la impresin. Slo lo que esdentro de esta rea saldr en la impresin, aunque debes recordar que la mayode las impresoras no pueden imprimir tan cerca del borde del papel.
rea no imprimible (B):Es el rea que est situada fuera de las lneas punteadrepresentando el lmite no imprimible del documento.
Borde de la pgina (C): El borde de la pgina est delimitado por las lne
aspectos de un documento como son las capas, los colores, el buscador de trazos, smbolos, las acciones y la transformacin, entre otros. Los paneles se pueden agrupapilar o acoplar. Si mueve alguno de sus elementos o si cambia su tamao, todos
elementos que integra responden en consecuencia para evitar su superposicin.
5. rea de Trabajo. Contiene el espacio donde se crean los grficos.
6. Ventanas de documento en forma de fichas. Muestra el archivo en el que se trabaja. ventanas de documento se pueden organizar como fichas y en ciertos casos se puedagrupar y acoplar.
7. Conmutador de espacio de trabajo. En el se muestran los nombres de los espacios trabajo predeterminados y personalizados. Al seleccionar algn nombre de la lista,acomodo de los elementos se modificar segn la configuracin establecida.
Cualquier disposicin de estos elementos se denomina espacio de trabajo.
TIP Como el espacio de trabajo es personalizable,es recomendable utilizar la distribucinpredeterminada mientras te familiarizascon la aplicacin. Utiliza el men Window/Workspace/Essentials(Ventana/Espacio detrabajo/Objetos esenciales).
7/25/2019 Tutorial de illustrator cs5
37/143
22
Diseo Vectorial
IllustratorCS5
Imagen 1-13: Espacio de trabajo.
EB
D
A
C
1-02VIDEO El espacio de trabajo
continuas externas del documento.
Mesa de trabajo (D): La mesa de trabajo est limitada por las lneas punteadas
y concentra la regin que contiene las imgenes a imprimirse. La mesa de trabajotiene el mismo tamao que el rea de imagen (A), pero la puedes aumentar oreducir.
rea de pruebas (E): El rea de pruebas es la parte que queda por fuera de lamesa de trabajo y que se extiende hasta el borde de la ventana. El rea de pruebasrepresenta un espacio donde se pueden crear, editar y almacenar elementosvectoriales antes de colocarlos en la mesa de trabajo. Los objetos colocados en elrea de pruebas se vern en la pantalla, pero no se imprimirn.
T IP Para ver todas las reas en Illustratorpuedes utilizar el men View/Show PrintTiling (Ver/Mostrar margen de pgina).Si el margen est oculto, no se vern laslneas punteadas que delimitan el reaimprimible.
7/25/2019 Tutorial de illustrator cs5
38/143
Introduccin a Illustra
Identificando el espacio de trabajo
En equipos de 2 a 4 personas y en medio pliego de papel bond o cartulina, dibujen las rque conforman el espacio de trabajo Essentials de AdobeIllustrator. Utilicen colores, papde color, revistas, peridicos, plumones, textos de computadora o imgenes de internet. Seacada parte del espacio de trabajo y anoten la funcin de cada una de ellas.
Barra de mens Barra de opciones Barra de estado Barra de herramientas
PanelesIncluye en tu trabajo los siguientes elementos del espacio de trabajo:
rea de imagen rea no imprimible Borde de la pgina Mesa de trabajo rea de pruebas
Escribe una e si se trata de un espacio de trabajo o una a si es el rea de trabajo secorresponda en cada una de las siguientes afrimaciones.
El rea de pruebas es la parte exterior de la mesa de trabajo que se extiende hasta borde de la ventana.
El rea de imagen es imprimible.
Los paneles sirven para cambiar aspectos de los elementos del archivo.
La barra de estado proporciona informacin como el tamao del archivo que se esttrabajando.
1-03
ACTIVIDAD
A
A
E
E
7/25/2019 Tutorial de illustrator cs5
39/143
24
Diseo Vectorial
IllustratorCS5
Qu aprendiste?
TEMA A: A conocer las diferentes maneras para abrir un archivo, cmo importar imgenes yla creacin de un archivo nuevo.
TEMA B: A conocer las reas que conforman el espacio para facilitar la elaboracin de losarchivos.
TEMA C: La evolucin de AdobeIllustratora travs del tiempo.
TEMA D: A diferenciar las imgenes de mapa de bits, de las imgenes vectoriales, conociendosus principales caractersticas.
TEMA E: Que existen diferentes programas que trabajan con archivos de tipo vectorial y quees posible modificarlos con cualquiera de ellos.
01
EVALUACIN
Contesta las preguntas correctamente.
1. En qu ao naci Adobe Illustrator?
2. Menciona dos maneras diferentes de iniciar un documento.
3. Qu es el espacio de trabajo?
4. Explica brevemente, qu es una mesa de trabajo?
1. Desde la ventana de bienvenida, dando click en el icono nuevo documento.2. Desde el men File/New (Archivo/Nuevo)
El espacio de trabajo contiene todos los elementos que componen la pantallade trabajo, barras, mens y paneles.
La mesa de trabajo est limitada por las lneas punteadas y concentra la reginque contiene las imgenes a imprimirse. La mesa de trabajo tiene el mismotamao que el rea de imagen pero la puedes aumentar o reducir.
Adobe Illustrator naci en 1987.
7/25/2019 Tutorial de illustrator cs5
40/143
Diseo Vectorial IllustratorCS5
Autor:
Carlos Zepeda Chehaibar
A Identificar cada uno de los elementos que conforman el panel deherramientas, para conocer su uso al momento de realizar una ilustracin,diseo, etc., as como conocer los atajos del teclado que harn ms rpidoy fcil el proceso.
NIVEL: Bsico DURACIN SUGERIDA: 5 SESIONES / 45-50 MINUTOS
Unidad 02 PanelHerramientas
Durante el desarrollo de esta unidad aprenders a:
En 1987, Adobe Illustrator contaba con slo 13 herramientas y slo 5 mens. Laversin cs5 tiene 28 herramientas en panel, ms 55 ocultas y 9 mens. Puedenagregarse herramientas especficas a travs de un Plug in.
7/25/2019 Tutorial de illustrator cs5
41/143
26
Diseo Vectorial
IllustratorCS5
Este panel agrupa las herramientas que te ayudarn a realizar tus actividades dentrodel programa. Las herramientas de AdobeIllustratorestn comnmente agrupadasen el lado izquierdo de la ventana de aplicacin. Aunque el panel herramientas sepuede mover, es recomendable tenerlo siempre visible en esta zona de la pantalla.
Las herramientas estn representadas por iconos. Hay algunas herramientas queincluyen un men lateral, que se identifica por un pequeo tringulo de color negroen la esquina inferior derecha del botn de la herramienta. Para desplegar ese men,debes mantener un clic sostenido sobre el botn de la herramienta.
Las herramientas se clasifican en grupos de acuerdo a la funcin que desempean
dentro de la aplicacin. El uso detallado de las herramientas se ve en las actividades,pero a continuacin se describe cada herramienta de forma general para que lasutilices cuanto antes.
En las siguientes tablas, las herramientas que estn en Negritas comparten elmismo botn (botones con tringulo negro en la esquina inferior derecha) con lasherramientas que siguen debajo y que estn en letra normal. Recuerda que debeshacer un clic sostenido sobre la herramienta actual, para tener acceso a las otrasherramientas incluidas en un botn.
TIPSi el panel herramientas estoculto, mustralo con el menWindow/Tools (Ventana/Herra-mientas).
Imagen 2-1: Panel Herramientas
TEMAA Panel Herramientas
7/25/2019 Tutorial de illustrator cs5
42/143
Panel Herramien
Herramientas de
SeleccinAtajo Funcin Image
Herramienta de seleccinSelection
Selecciona y mueve los objetos.
Seleccin DirectaDirect Selection
Selecciona puntos o nodos de unobjeto para manipularlo.
Seleccin de GruposGroup Selection
Permite seleccionar como grupolos elementos que conforman a unobjeto.
Varita MgicaMagic Wand
Selecciona vectores que seencuentran dentro de un rango decolor parecido al vector elegido.
Herramienta de lazoLasso
Permite seleccionar libremente reasde la imagen.
Mesa de TrabajoArtboard
Crea mesas de trabajoindependientes para la impresin ola exportacin.
2-01VIDEO Herramientas de SeleccinHerramientas
de DibujoAtajo Funcin Imagen
PlumaPen
Dibuja lneas rectas y curvas para crearobjetos.
Aadir punto de anclaAdd Anchor Point
Agrega puntos de ancla a trazos.
Eliminar punto de anclaDelete Anchor Point
Elimina puntos de ancla de los trazos.
Convertir punto de anclaConvert Anchor Point
Cambia vrtices redondeados a vrticescuadrados y viceversa.
7/25/2019 Tutorial de illustrator cs5
43/143
28
Diseo Vectorial
IllustratorCS5
Herramientas
de DibujoAtajo Funcin Imagen
Segmento de lneaLiner Segment Dibuja segmentos de lnea rectosindividuales.
ArcoArc
Dibuja segmentos de curva cncavos yconvexos individuales.
EspiralSpiral
Dibuja espirales en ambos sentidos.
Cuadrcula rectangularRectangular Grid
Dibuja cuadrculas rectangulares.
Cuadrcula polar
Polar Grid
Dibuja cuadrculas de grficas
circulares.RectnguloRectangle
Dibuja cuadrados y rectngulos.
Rectngulo redondeadoRounded Rectangle
Dibuja cuadrados y rectngulos convrtices redondeados.
ElipseElipse
Dibuja crculos y elipses.
PolgonoPolygon
Dibuja formas regulares de varios lados.
EstrellaStar Dibuja estrellas.
DestelloFlare
Crea efectos de destello de una lente osolar.
LpizPencil
Dibuja y modifica lneas a mano alzada.
SuavizarSmooth
Suaviza las curvas Bzier.
Borrador de trazos
Path Eraser
Borra trazados y puntos de ancla del
objeto.Cuadrcula de perspectivaPerspective Grid
Permite crear e interpretar ilustracionesen perspectiva.
Seleccin de perspectivaPerspective Selection
Permite colocar objetos, texto ysmbolos en perspectiva, mover objetosen perspectiva y mover objetos enperpendicular a su direccin actual.
7/25/2019 Tutorial de illustrator cs5
44/143
Panel Herramien
2-02VIDEO Herramientas de Dibujo
Herramientas
de Zoom y
Desplazamiento
Atajo Funcin Imagen
Mano
Hand
Mueve la mesa de trabajo dentro de la
ventana de ilustracin.
Segmentacin de impresinPrint Tiling
Ajusta la cuadrcula de la pgina paracontrolar dnde aparece la ilustracin en lapgina impresa.
ZoomZoom
Aumenta y reduce la ampliacin de la vistadel documento.
Herramientas
de VisualizacinAtajo Funcin Imagen
Opciones de VisualizacinModo NormalNormal Screen Mode
Pantalla completa con mensFull Screen Mode with Menu Bar
Pantalla completaFull Screen Mode
2-03VIDEO Herramientas de zoom y desplazamiento
7/25/2019 Tutorial de illustrator cs5
45/143
30
Diseo Vectorial
IllustratorCS5
2-01
ACTIVIDAD
Contesta las siguientes preguntas. Si tienes dudas puedes consultar la ayuda del programa o bienprobar las herramientas en un documento.
1. Para qu sirve la herramienta Hand (Mano)?
2. Para qu sirve la herramienta Zoom(Zoom)?
3. Qu tecla debe presionarse simultneamente con la herramienta Zoom para hacer unalejamiento?
4. Explica en qu consiste cada uno de los tres modos de visualizacin de un documento de
AdobeIllustrator
Investigando herramientas
Color Fill (Relleno) y Color Stroke (Trazo)
En la parte inferior del panel herramientas, siempre hay visibles dos cuadros grandes de colorllamados selectores de color.Estos cuadros corresponden a los colores de relleno y de trazoactivo. Para cambiar cualquiera de estos colores, basta hacer doble clic sobre alguno de losselectores y elegir un color del panel Picker (Seleccin color).
Los objetos que se dibujen utilizarn los colores activos. Tambin puedes utilizar los selectoresde color para modificar el color de cualquier objeto seleccionado.
La herramienta Mano sirve para mover la ventana de trabajo de la aplicacin.
La herramienta Zoom sirve para alejar o acercar la vista de una imagen.
Se debe presionar simultneamente con la herramienta zoom para hacerun alejamiento
Modo Standard: Este modo muestra todos los mens de la aplicacin.Modo Visualizacin pantalla completa con mens: Este modo muestra el reade trabajo completo con los mens de la aplicacin.Modo pantalla completa: Muestra la pantalla completa sin barra de menspero con las paletas y herramientas visibles.
7/25/2019 Tutorial de illustrator cs5
46/143
Panel Herramien
Color de relleno
Color ()
Color de trazo
T IP Para intercambiar los colores de rellenoy de trazo, haz click sobre el icono dedoble flecha. As, haces que elcolor que se encontraba en el recuadrodel trazo pase al frente como color derelleno.
Imagen 2-2: Selector de color.
Cmo se usan los paneles?
Los paneles de AdobeIllustratorson pequeas cajas que contienen opciones y comandpara controlar, modificar y mejorar las ilustraciones. Los paneles se pueden mover, agrupamostrar y ocultar para organizar el espacio de trabajo a cada necesidad. Recuerda que siemppuedes volver al espacio de trabajo predeterminado utilizando el men Window/WorkspacEssentials (Ventana/Espacio de trabajo/Objetos esenciales).
Para separar un panel que est agrupado conotros, basta arrastrarla desde la ficha donde seencuentra su nombre. El procedimiento inverso sepuede usar para agrupar dos o ms paneles enuna sola caja.
Todos los paneles se pueden mostrar desde elmen Window (Ventana), donde los panelesvisibles en ese momento aparecen sealados.
Imagen 2-3: Panel Color
2-04VIDEO Color Fill (Relleno) y Stroke (Trazo)
7/25/2019 Tutorial de illustrator cs5
47/143
32
Diseo Vectorial
IllustratorCS5
T IP Para visualizar las opciones de panelhaz clic en el botn situado en
la esquina superior derecha. Se puedeabrir un men de panel incluso cuandoel panel est minimizado.
1. Inicia un documento con las siguientes caractersticas:
Size(Tamao): Letter (Carta) Units(Unidad): Centimeters(Centmetros) Orientation(Orientacin): Vertical (Vertical) Color Mode(Modo de color): CMYK Color(Color CMYK)
2. Selecciona la herramienta Rectangle (Rectngulo) y arrastra sobre la mesa de trabajo para
crear un cuadrado. Para que el cuadrado sea perfecto, mientras arrastras la herramientapresiona la tecla.
3. Localiza el panel Stroke(Trazo). Si no est en el espacio de trabajo utiliza el menWindow/Stroke (Ventana/Trazo). Define el tamao de trazo (Weight) a 10 pts.
4. Crea un nuevo cuadrado en otro lugar de la mesa de trabajo. Con la herramienta deseleccin, arrstralo para que quede sobre el primero. Luego da un clic sobre l con el botnsecundario del ratn y del men emergente selecciona Arrange/Send to Back (Organizar/Enviar atrs).
5. Para modificar el tamao de las figuras, arrastra los puntos de control que aparecen cuandolas seleccionas con la herramienta de Selection(Seleccin).
6. Aplica un color de trazo diferente a cada cuadrado utilizando los selectores de color. Recuerdaque puedes dar doble clic sobre el selector en el panel herramientas para elegir el color.
7. Cmbiale el color de relleno al primer cuadrado.
Dibujando figuras simples paraun diseo2-01
PROYECTO
7/25/2019 Tutorial de illustrator cs5
48/143
Panel Herramien
8. Ahora vas a repetir todos los pasos para crear cada una de las figuras geomtricas queprograma permite. Recuerda que para activar todas las formas bsicas, debes mantensostenido un clic sobre la herramienta Rectangle (Rectngulo).
9. Aplica a cada figura colores de relleno y trazo.
10. Organiza las figuras en la mesa de trabajo de forma creativa en una composicin interesay atractiva. Puedes utilizar ms de una figura de cada tipo si tu diseo lo requiere.
11. Para evitar perder tu trabajo utiliza el men File/Save(Archivo/Salvar) y guarda el archivo la carpeta que indique el profesor.
1. Abre el archivo Agitadorque se encuentra en los Recursos Digitales. Al abrirlo vers que grficos tienen lneas gua. Representan las dos caras de un agitador de bebidas que uvez impreso y recortado, servir adems para promover la conciencia social.
2. Localiza o abre el panel deLayers (Capas) y observa que ya existe una capa. Crea u
nueva capa utilizando el botn Create New Layer(Crear Nueva Capa), que se encuentrala parte inferior del panel Layers(Capas). Aparecer una segunda capa arriba de la actu
3. Renombra la nueva capa dando doble clic sobre ella en el panel Layers(Capas). DaleName(Nombre) Agitador 02.
4. Asegrate de tener seleccionada la capa agitador en elpanel Layers(Capas). Ahora selecciona la herramientaRectangle (Rectngulo) y con ella da un solo clic sobreel espacio de trabajo para que aparezca la ventana delas opciones del rectngulo. Introduce los siguientes
valores: Width(Ancho): 0.7 y Height (Alto): 10.1 cm. yda clic en el botn Ok.
5. Acomoda el nuevo rectngulo sobre el espacio que le corresponde en el agitador del laizquierdo.
6. Utiliza las herramientas de Zoom (Zoom) y Hand (Mano) para agrandar y mover el espade trabajo, de modo que puedas ver todos los detalles.
Imagen 2-4: Opciones de Rectngu
Agitador de conciencia social2-02
PROYECTO
7/25/2019 Tutorial de illustrator cs5
49/143
34
Diseo Vectorial
IllustratorCS5
7. Ahora selecciona la herramienta Elipse(Elipse) y da un clic sobre el espacio de trabajo paraque se abra el panel de las opciones. Introduce los siguientes valores: Width(Ancho): 4.4 y
Height (Alto): 4 cm. y da clic en Ok.
8. Vuelve a tomar la herramienta Elipse(Elipse) y de forma similar crea una figura de 3.6 x 3.3cm.
9. Acomoda las dos elipses sobre las guas en el agitador izquierdo.
10. Crea un nuevo rectngulo de 5 x 1 cm. Seleccinalo con la herramienta Select (Seleccin).Cuando acercas el puntero del ratn a uno de los puntos de control de las esquinas delrectngulo seleccionado, el puntero toma forma de doble flecha curva, indicando quepuedes arrastrar para girar la figura. Grala y hazla coincidir con el rectngulo gua que est
inclinado.11. Dibuja rectngulos siguiendo la forma del personaje en la parte de arriba (hombros, tronco,
brazo, antebrazo, pierna y pie). Acomdalos sobre la figura. Los rectngulos deben traslaparseunos sobre otros, ya que los uniremos en el siguiente paso.
12. Selecciona simultneamente los rectngulos de tronco, hombros, espalda, pierna y pie.Localiza el panel de Pathfinder (Buscatrazos). Si no est visible mustralo con el menWindow/Pathfinder (Ventana/Buscatrazos). Manteniendo presionada la tecla, hazclic en la opcin Add to Shape Area(Aadir). Esto hace que los rectngulos seleccionadosse conviertan en una sola forma.
13. Haz lo mismo para unir en una sola forma losrectngulos de brazo y antebrazo.
14. Termina creando la cabeza del personaje.
15. Ahora lo vas a colorear. Aplica colores de relleno atodas las formas para lograr una combinacin agradable.
16. Cuando el lado izquierdo del agitador est terminado, selecciona todos los objetos yagrpalos utilizando el men Object/Group(Objeto/Agrupar) o las teclas.
17. Mientras arrastras el agitador con la herramienta de Select(Seleccionar) presiona la tecla.Suelta primero el clic y despus la tecla. Obtendrs una copia exacta de la forma.Ahora para reflejarla hazle un clic con el botn secundario del ratn y del men emergenteselecciona la opcin Transform/Reflect/Vertical (Transformar/Reflejar/Vertical).
18. Acomoda el agitador derecho con la ayuda de las herramientasSelect (Seleccionar), Hand(Mano) y Zoom(Zoom). Haz un clic en un rea vaca del documento para asegurarte de queno hay ningn objeto seleccionado.
Imagen 2-5: Panel Buscatrazos
7/25/2019 Tutorial de illustrator cs5
50/143
Panel Herramien
19. Para darle ms vida, vamos a cambiar el color del crculo del agitadorderecho. Como los objetos estn agrupados, para seleccionar slo elcrculo, es necesario utilizar la herramienta Direct Selection (Seleccin
directa), seleccinalo y cambia su color.
20. Utiliza la herramienta Text(Texto)para crear dos mensajes comoAhora manejo mi vida y Evita el exceso.
21. Dale color a los textos y un tamao adecuado para que los puedascolocar en los agitadores. Puedes usar cualquier rea que creasconveniente, as como tipografa, tamaos y colores. Incluso puedesponer cada palabra del mensaje en un lugar diferente del agitador.
22. Guarda tu trabajo con el nombre Agitador_CSen la carpeta que indique
tu profesor.
Haciendo una caja de regalo Parte 12-03
PROYECTO
1. Inicia un nuevo documento con las siguientes caractersticas:
Size(Tamao): Letter (Carta) Units(Unidad):Inches(Pulgadas) Orientation(Orientacin): Horizontal (Horizontal) Color Mode(Modo de Color): Color CMYK(CMYK Color)
2. Haz visibles las reglas en men View/Show Rulers(Vista/Mostrar reglas). Tecleaprestablecer los colores predeterminados: blanco para el Fill (Relleno) y negro para el Stro(Contorno).
3. Selecciona la herramienta Rectangle (Rectngulo) y crea un rectngulo de 6 x 3.5 pulgadEste rectngulo ser la parte delantera de la caja.
4. Con la herramienta Select (Seleccin) mueve el rectngulo hacia la parte de arriba depgina para tener espacio en la parte de atrs de la caja.
5. Duplica el rectngulo y coloca la copia exactamente debajo del original, de manera qla lnea inferior del primero coincida con la lnea superior del segundo. Aydate del pade control para hacer coincidir las coordenadas x y definir las coordenadas y de rectngulos.
Imagen 2-6: Diseo agitador
7/25/2019 Tutorial de illustrator cs5
51/143
36
Diseo Vectorial
IllustratorCS5
6. Selecciona la herramienta Elipse (Elipse) y crea unafigura de 1.5 x 3.5 pulgadas. Elimina el color de relleno dela elipse para que quede hueca.
7. Enciende las Smart Guides (Guas inteligentes) en elmen View/Smart Guides (Ver/Guas inteligentes). Estaherramienta mostrar el centro de los objetos al pasar elratn sobre ellos y te servir para alinearlos.
8. Mueve la elipse al centro de la orilla del lado izquierdodel rectngulo, como se muestra en la imagen 3-8. Utilizael panel de control para determinar las coordenadasprecisas.
9. Selecciona la elipse y toma la herramienta ConvertAnchor Point (Convertir punto de ancla), que se encuentraen el panel herramientas, agrupada en el mismo botn dela herramienta Pen (Pluma). Da un clic con la herramientaen los puntos de ancla que muestra la elipse arriba y abajo.Esto har que se afilen las orillas de la elipse.
10. Duplica la elipse modificada y ubica la copia en elextremo derecho del rectngulo superior como se muestraen la imagen 3-9. Luego selecciona de forma simultnealas dos elipses y duplcalas para colocar una copia en loslaterales del rectngulo inferior. Observa la figura.
11. Crea un crculo perfecto de 1 x 1 pulgadas sin relleno.Colcalo al centro de la lnea exterior izquierda de laprimera elipse. Duplica el crculo en el otro extremo.
12. Selecciona el crculo junto con la elipse con laherramienta Select (Seleccin) o.
13. Localiza el panel Pathfinder (Buscatrazos). Si noest visible utiliza el men Window/Pathfinder (Ventana/Buscatrazos) presionay da clic en la opcin Substract
from Shape Area(Sustraer de la forma), para eliminar el crculode la elipse. Repite el mismo procedimiento para el crculo dela elipse contraria. Ahora tienes la forma bsica de la caja.
14. Guarda el archivo con el nombre Caja10en la carpetaque indique tu profesor. Utilizars el archivo en el siguienteproyecto.
Imagen 2-7: Ejemplo del paso 8.
Imagen 2-8: Ejemplo del paso 10.
Imagen 2-9: Ejemplo del trazo de la caja.
Imagen 2-10: Trazo terminado de la caja.
7/25/2019 Tutorial de illustrator cs5
52/143
Panel Herramien
Identificando Herramientas2-02
ACTIVIDAD
Identifica la herramienta apoyndote en la imagen, escribe su nombre y si es herramienta Seleccin, de Visualizacin o de Edicin. Escribe en el espacio la funcin que correspondecada herramienta.
Nombre:Herramienta de:
Funcin:
Nombre:Herramienta de:
Funcin:
Nombre:Herramienta de:
Funcin:
Nombre:
Herramienta de:Funcin:
Nombre:Herramienta de:
Funcin:
Nombre:Herramienta de:
Funcin:
Nombre:Herramienta de:
Funcin:
Herramienta Mano.Visualizacin.Mueve el rea de trabajo de la aplicacin.
Herramienta Lpiz.Dibujo.Dibuja y modifica lneas a mano alzada.
Herramienta Dibujo.Espiral.
Dibuja espirales en ambos sentidos.
Herramienta de Seleccin.Mesa de trabajo.Crea mesas de trabajo independientes.
Herramienta Varita Mgica.Seleccin.Selecciona vectores que estn dentro de un rango de color
Eliminar punto de ancla.
Dibujo.Elimina puntos de ancla de los trazos.
Herramienta Lupa (Zoom).Visualizacin.
Acerca o aleja la vista de una imagen.
7/25/2019 Tutorial de illustrator cs5
53/143
38
Diseo Vectorial
IllustratorCS5
Contesta correctamente las siguientes preguntas, selecciona a, b o c segn corresponda.
1. Son pequeas cajas que contienen opciones y comandos para controlar, modificar y mejorar
las ilustraciones. Se pueden mover, agrupar, mostrar y ocultar para organizar el entorno detrabajo a cada necesidad.
a. Las Paletas extensibles de Adobe Illustratorb. Las Paletas flotantes de Adobe Illustratorc. Las Fichas desplegables de Adobe Illustrator
2. Est delimitada por las lneas punteadas internas y es la seccin de la pgina destinada ala impresin.
a.rea de imagen
b.rea de diseoc. rea de pruebas
3. En la parte inferior de la Barra de herramientas siempre hay visibles dos cuadros grandes decolor llamados:
a. Cuadros de colorb. Paleta de colorc. Selectores de color
4. Contiene a detalle todas las operaciones que se le pueden hacer al documento o al programa.
a. Barra de estadob. Barra de mensc. Barra de opciones
5. Las funciones de ________________ abarcan tanto la exploracin de imgenes, comopoder moverlas de una carpeta a otra, crear nuevas carpetas, renombrar archivos o recuperarfotos desde dispositivos externos.
a.Adobe Bridgeb.Adobe Illustratorc. Adobe Photoshop
6. Si ya ests trabajando en un documento y deseas incluir un archivo externo en l, puedesutilizar el:
a. Men Archivo (File)/Place (Acomodar)b. Men Archivo (File)/Open (Abrir)c. Men Archivo (File)/Import (Importar)
7/25/2019 Tutorial de illustrator cs5
54/143
Panel Herramien
Tcnicas de ilustracin con las herramientas
La herramienta Pen (Pluma) se utiliza para crear trazos rectos y curvos en la ilustracin. H
varias tcnicas para crear lneas y stas son las bsicas.
La herramienta Pencil (Lpiz) se utiliza para crear trazos a mano alzada que se convieren curvas delimitadas por puntos ancla. Cuando uses esta herramienta debes tener cuidade mantener un pulso firme, para evitar generar una cantidad excesiva de puntos ancla qdificultaran mucho la edicin y afectan la suavidad de la lnea resultante.
Herramientas de Reforma
La transformacin de un vector permite modificarlo de muchas maneras, por ejemplo, hacerloms pequeo, voltearlo, darle perspectiva o distorsionarlo.
2-05VIDEO Tcnicas de pluma y lpiz artstico
Herramientasde Reforma
Atajo Funcin Imagen
RotarRotate
Gira objetos alrededor de unpunto fijo.
ReflejoReflect
Refleja objetos respecto a un ejefijo.
EscalaScale
Cambia de tamao los objetos entorno a un punto fijo.
DistorsinShear
Inclina objetos respecto a unpunto fijo.
ReformarReshape
Suaviza o modifica trazos sincambiar su forma original.
AnchuraWidth
Permite crear trazos de anchuravariable.
7/25/2019 Tutorial de illustrator cs5
55/143
40
Diseo Vectorial
IllustratorCS5
Herramientas
de Reforma Atajo Funcin Imagen
DeformarWarp
Moldea objetos con elmovimiento del cursor.
MolineteTwirl
Crea distorsiones en espiral enun objeto.
FruncirPucker
Desinfla o adelgaza objetos.
EngordarBloat
Infla un objeto alejando lospuntos de control del cursor.
FestonearScallop
Aade al contorno de un objetodetalles en forma de arcoredondeados.
CristalizarCrystallize Tool
Aade detalles en puntaaleatorios al contorno de unobjeto.
ArrugarWrinkle Tool
Aade detalles con aspecto dearruga al contorno de un objeto.
Transformacin libre
Free Transform Tool
Escala, rota o sesga la seleccin.
Creador de formasShape Builder Tool
Combina formas simples paracrear formas complejas ypersonalizadas.
FusinBlend Tool
Crea una serie de objetosfusionados con el color y laforma de varios objetos.
2-06VIDEO Herramientas de Reforma
7/25/2019 Tutorial de illustrator cs5
56/143
Panel Herramien
Hay dos herramientas de Reforma nuevas en IllustratorCS5:
1. Herramienta Shape Builder(Creador de Formas), una herramienta interactiva que perm
crear formas complejas mediante la combinacin y eliminacin de formas ms simplPuede configurar y personalizar distintas opciones, como la deteccin de huecos, el origdel color y la iluminacin, haga doble clic en la herramienta Shape Builder Tool (Creade Formas) del panel herramientas para definir estas opciones.
2. Herramienta Width(Anchura) que permite dibujar trazos de anchura variable que pueajustar sin problemas en cualquier punto, de forma simtrica o a lo largo de un ladTambin puede crear y guardar perfiles de anchura personalizados para aplicarloscualquier trazo.
Haciendo una caja de regalo Parte 22-04
PROYECTO
1. Abre el archivo Caballito.aique se encuentra en los Recursos Digitales. Es la silueta de caballito de mar creada slo con lneas gua. Las lneas gua no son objetos reales por lo qno es posible colorearlos.
2. Acerca la pantalla para que puedas visualizar mejor los detalles. Utiliza la herramienta Zoo
(Lupa) o.
3. Utilizando las herramientas y sub-herramientas Pluma y Lpiz, empieza a trazar el cabalde mar. Comienza por las curvas que adornan la cabeza. Sigue las tcnicas para crear lney curvas que se explicaron anteriormente. Trata de usar los menos puntos ancla posibles. muchos casos slo se requiere uno inicial y uno final para cada segmento de curva comse muestra a continuacin.
Imagen 2-11: Trazado del caballito de mar.
7/25/2019 Tutorial de illustrator cs5
57/143
42
Diseo Vectorial
IllustratorCS5
Herramienta de Pintura
Existen varios tipos de herramientas de pintura. Las herramientas relacionadas con smbolosutilizan diseos vectoriales predefinidos para crear efectos interesantes. Los smbolos estndisponibles en el panel Smbolos y debes elegir alguno antes de poder utilizar las herramientas
de esta seccin.Las herramientas relacionadas con grficas sirven para representar datos a partir de una tablade valores. Cuando utilizas alguna de estas herramientas, un cuadriculado se despliega paraintroducir los valores que se desean graficar.
Herramientas
de PinturaAtajo Funcin Imagen
Pincel
Paintbrush
Dibuja lneas a mano alzada ycaligrficas, adems de aadir
dibujos y trazos de los pinceles decerdas a los ya existentes.
Pincel de manchasBlob Brush
Dibuja trazos que expanden ycombinan automticamentetrazos de pincel caligrfico quecomparten el mismo color y queson consecutivos en el orden deapilamiento.
MallaMesh
Crea y edita mallas y envolventes demalla.
DegradadoGradient
Ajusta los puntos inicial y final, ascomo el ngulo de los degradadosdentro de los objetos.
CuentagotasEyedropper
Toma y aplica atributos de color,texto y de apariencia, incluidos losefectos de los objetos.
4. Cuando termines de trazar el caballito de mar, abre el documento Caja10que creaste enel Poyecto 01.
5. Selecciona todo el caballito y cpialo. Pgalo sobre la figura de la caja de regalo y modificasu tamao para que quede en una de las caras de la caja.
6. Guarda el documento con el nombre Caja12 en la carpeta de costumbre.
7/25/2019 Tutorial de illustrator cs5
58/143
Panel Herramien
2-07VIDEO Herramientas de Pintura
Herramientas
de PinturaAtajo Funcin Imagen
Medicin
Measure
Mide la distancia entre dos puntos.
Bote de pintura interactivaLive Paint Bucket
Pinta las caras y los bordes de losgrupos de pintura interactiva con losatributos de pintura actuales.
Seleccin de pinturainteractivaLive Paint Selection
Selecciona las caras y los bordes delos grupos de pintura interactiva.
Herramientas
de SmbolosAtajo Funcin Imagen
Rociar smboloSymbol Sprayer
Coloca varias instancias de unsmbolo como un conjunto en lamesa de trabajo.
Desplazar smboloSymbol Shifter
Mueve instancias de un smbolo.
Reunir/Separar smbolosSymbol Scruncher
Acerca o aleja las instancias desmbolo.
Cambiar tamao de smboloSymbol Sizer
Cambia el tamao de instancias deun smbolo.
Girar smboloSymbol Spinner
Rota instancias de smbolo.
Manchar smboloSymbol Stainer Colorea instancias de smbolo.
Translucir smboloSymbol Screener
Aplica opacidad a instancias desmbolo.
Aplicar estilo a smboloSymbol Styler
Aplica el estilo seleccionado ainstancias de smbolo.
7/25/2019 Tutorial de illustrator cs5
59/143
44
Diseo Vectorial
IllustratorCS5
Herramientas
de GrficasAtajo Funcin Imagen
Grfica de columnasColumn Graph
Crea grficas que comparten valores mediantecolumnas verticales.
Grfica de columnas apiladasStacked Column Graph
Crea grficas similares a las de columnas peroapila las columnas una sobre otra en vez deacomodarlas lateralmente.
Grfica de barrasBar Graph
Crea grficas similares con columnas colocadasen forma horizontal como barras.
Grfica de barras apiladasStacked Bar Graph
Crea grficas de barras similares a las decolumnas pero apiladas horizontalmente.
Grfica linealLine Graph
Crea grficas que utilizan puntos pararepresentar uno o ms conjuntos de valores,con una lnea diferente para unir los puntosde cada conjunto. Se utiliza para mostrar latendencia de uno o varios conceptos durante un
periodo de tiempo.
Grfica de reasArea Graph
Crea grficas similares a las de lneas peroresalta los totales, adems de los cambios devalor.
Grfica de dispersinScatter Graph
Crea grficas que traza puntos de datos comopares de coordenadas en los ejes x/y, sirvenpara identificar tendencias en los datos y si lasvariables influyen entre s.
Grfica de pastel
Pie Graph
Crea grficas circulares cuyas porcionesrepresentan los porcentajes relativos de losvalores comparados.
Grfica de radarRadar Graph Tool
Crea grficas que comparan conjuntos devalores en puntos determinados en el tiempoo en categoras concretas. Se muestran enformato circular, tambin se le conoce comogrfica de red.
2-08VIDEO Herramientas de Smbolos
7/25/2019 Tutorial de illustrator cs5
60/143
Panel Herramien
2-09VIDEO Herramientas de Grficas
Herramientas de Pintura2-03
ACTIVIDAD
Escribe en el espacio que corresponda un ejemplo real donde utilizaras cada una de herramientas de Pinturaque se muestran a continuacin. Da un ejemplo diferente para caherramienta
Para poder crear texturas en la imagen o para agregar smbolos a un diseo.
Al tener una ilustracin, el degradado sirve para darle volumen.
Crear una grfica para ejemplificar datos para una actividad de geografa, bioga, matemticas, etctera.
Al tener una figura geomtrica bsica se puede deformar por medio de susnodos.
Para copiar los atributos de color de un objeto y aplicrselo al texto.
Rota instancias de smbolo.
Dibuja trazos que expanden y combinan automticamente trazos de pincelcaligrfico que comparten el mismo color.
7/25/2019 Tutorial de illustrator cs5
61/143
46
Diseo Vectorial
IllustratorCS5
Haciendo una caja de regalo Parte 32-05
PROYECTO
1. Abre el documento Caja12que creaste en el Proyecto 02.
2. Con la herramienta Select (Seleccin) oselecciona el cuerpo del caballito y da dobleclic en el selector de Fill (Color de relleno) del panel herramientas. Busca un color rosadopara darle color. En el Stroke (Selector de color de contorno) quita el color con la opcinNone(Ninguno).
3. Manda la forma del cuerpo hacia atrs dando un clic con el botn secundario del ratny seleccionando del men emergente la opcin Arrange/Send to Back (Organizar/Enviaratrs).
4. De forma similar ve dando color a las diferentes partes del caballito, usando tonalidades
ligeramente diferentes. Vers que hay que organizar las figuras para que unas no tapen aotras, ya sea envandolas al frente o hacia atrs.
5. Ya que tiene color todo el caballito de mar, duplcalo y utiliza el botn secundario delratn para reflejarlo con la opcinTransform/Reflect (Transformar/Reflejar). Acomoda elduplicado junto al original y luego duplica todo el conjunto nuevamente. Debes obtener unacomposicin como en la Imagen Acomodo del caballito de mar..
Herramientas
Selectores de colorAtajo Funcin Imagen
ColorColor
Agrega degradado al relleno de la figura oilustracin.
Ninguno
None
Sin color tanto en el relleno como en el
contorno de la imagen vectorial.
Zona de selectores de color
Adems de los selectores de color de relleno y trazo que hemos ya explicado, el panel
herramientas muestra estos botones de seleccin:
7/25/2019 Tutorial de illustrator cs5
62/143
Panel Herramien
6. Dale color a la caja. Un color contrastante puede ser negro o algn otro color oscuro.
7. Detalla la caja y revisa que todo est bien. Guarda el archivo terminado.
8. Imprmela en papel grueso o mndala aimprimir a cualquier tienda que tenga serviciode impresin digital.
1. Crea un nuevo documento con las siguientes opciones:
Size(Tamao):Letter(Carta) Units(Unidades): Pxeles(Pixels)
Orientation(Orientacin): Vertical (Vertical) Color Mode(Modo de color): RGB
2. Selecciona la herramienta Pie Graph (Grfica de pastel). Se encuentra agrupada enmismo botn que la herramienta de Column Graph (Grfica de columnas).
3. Con la herramienta da clic en cualquier parte del espacio de trabajo para que aparezcacaja de dilogo de opciones de la grfica. Define el tamao 200 x 200px.
Imagen 2-12: Acomodo del caballito de ma
Imagen 2-13: Caja lista para impresin.
9. Recorta la caja dejando un espacio adicional papoder pegarla.
10. Dblala y rmala.
Creando grficas2-06
PROYECTO
7/25/2019 Tutorial de illustrator cs5
63/143
48
Diseo Vectorial
IllustratorCS5
4. Ahora AdobeIllustratordesplegar una mini hoja de clculo en donde podrs introducirlos valores. Para escribir los valores tienes que usar el campo en blanco que se sita en laparte superior izquierda de la hoja de clculo. Para cambiar de campo usa la tecla
o las flechas.
5. Introduce datos que quieras representar como calificaciones de algunas materias,popularidad de algn programa de televisin o cualquier otro que tenga lgica. Utiliza laprimera fila para los nombres de las categoras y la segunda para los valores de cada una.
6. Al terminar de introducir los valores da clic en el botn Apply(Aplicar) en la parte superiorderecha de la hoja y cierra la hoja de clculo.
7. AdobeIllustratormuestra las rebanadas en diferentes tonos de gris. Para agregarles colordebes seleccionarlas primero con la herramienta Direct Select (Seleccin directa). Aplica a
cada rebanada un color diferente.8. Revisa que tu grfica se pueda interpretar lgicamente y que se vea bien. Agrgale un ttulo
con la herramienta de texto y dale formato. Guarda tu trabajo con el nombre Grfica15en lacarpeta que indique tu profesor.
Herramientas de corte
Hay dos tipos de herramientas de corte. El primer tipo se utiliza para crear secciones quepuedan exportarse de forma independiente para su uso en web. El segundo tipo se usa paracortar vectores en el espacio de trabajo.
Herramientas
de Sector y CuchillaAtajo Funcin Imagen
SectorSlice
Divide las ilustraciones en imgenesindependientes.
Seleccionar sectorSlice Select
Selecciona sectores.
BorradorEraser Borra cualquier rea del objeto sobrela que pase al arrastrar.
TijerasScissors
Corta trazos por puntos especficos.
CuchillaKnife
Corta objetos y trazos.
7/25/2019 Tutorial de illustrator cs5
64/143
Panel Herramien
2-10VIDEO Herramientas de Sector y CuchillaHerramientas de texto
Illustratorproporciona las siguientes herramientas de texto:
Herramientas
de Texto
Atajo Funcin Imagen
TextoType
Crea texto y contenedores de textoindividuales, permitiendo tambin introduciry modificar texto.
Texto de reaArea Type
Convierte los trazos cerrados encontenedores de texto y permite introducir ymodificar el texto en su interior.
Texto en trazadoType on a Path
Convierte trazos en trazos de textopermitiendo introducir y modificar el textode los mismos.
Texto verticalVertical Type
Crea textos y contenedores de textoverticales permitiendo introducir y modificarel texto vertical.
Texto de rea verticalVertical Area Type
Convierte trazos cerrados en contenedoresde texto vertical permitiendo introducir ymodificar el texto de los mismos.
Texto vertical en trazadoVertical Type on a Path
Convierte los trazos en trazos de textovertical perm