Diseño Vectorial
ISBN 978-607-7272-85-4
9 786077 272854
Carlos Zepeda Chehaibar
PROFESOR
Illustrator® CS5
Diseño Vectorial Illustrator® CS5
Diseño Editorial: César Carranza Contreras Apoyo Editorial: Sandra A. Rodríguez Romero Corrección de Estilo: Jennifer P. Castillo Ascencio Desarrollo de Tutoriales: Mónica Lorena Aduna Esponisa Dirección de Arte: Alfredo Salazar de la Vega Coordinador Ilustración Portada: Mario Martínez Ramírez Ilustración de Portada: Ana María Gonzalez Marmolejo Autor: Carlos Zepeda Chehaibar Apoyo en Desarrollo y Actividades: Samantha Méndez Domínguez Mónica Lorena Aduna Espinosa Coordinación Editorial: Alejandro Flores Ledesma
Ilustración de Interiores: Judith Lourdes Sierra Pérez Miriam Tatiana Zamora Gutiérrez César Carranza Contreras Revisión de Recursos Digitales: Jennifer Priscila Castillo Ascencio Gregorio Sánchez Hernández Fotografía: Carlos Zepeda Chehaibar
Diseño Vectorial Illustrator® CS5. Profesor 2ª Edición 1ª Reimpresión Junio 2015 D.R. © Grupo Educare, S.A. de C.V., Cerro de Mesontepec, número 83, Colonia Colinas del Cimatario, Querétaro, Qro., CP. 76090, 2011. Queda prohibida la reproducción total o parcial de esta obra por cualquier medio, sin autorización de los editores. ISBN 978-607-7272-85-4 Impreso y hecho en México. Esta es una obra protegida por las leyes internacionales de derechos de autor. Prohibida la reproducción total o parcial de esta obra y/o los recursos que la acompañan, por cualquier medio, sin autorización escrita de Grupo Educare, S.A. de C.V. Editado por Grupo Educare S.A. de C.V. Impreso por: Grupo Formavi, S.A. de C.V. Calz. Santo Tomás #139 Col. Santo Tomás Del. Azcapotzalco, C.P. 02020 México, D.F. El logotipo de Grupo Educare es propiedad de Grupo Educare, S.A. de C.V. El diseño editorial y contenidos gráficos son propiedad exclusiva de Grupo Educare, S.A. de C.V. Todos los nombres de empresas, productos, direcciones y nombres propios contenidos en esta obra, forman parte de ejemplos ficticios, a menos que se indique lo contrario. Las citas, imágenes y videogramas utilizados en esta obra se utilizan únicamente con fines didácticos y para la crítica e investigación científica o artística, por lo que el autor y Grupo Educare, S.A. de C.V. no asumen ninguna responsabilidad por el uso que se dé a esta información, ni infringen derecho de marca alguno, en conformidad al Artículo 148 de la Ley Federal del Derecho de Autor. Microsoft Office, MS DOS, MS Windows, Word, PowerPoint, Excel, FrontPage y Access y sus logotipos son marcas comerciales de Microsoft Corporation. Microsoft y el logo de Microsoft Office son marcas registradas de Microsoft Corporation en los Estados Unidos y/o en otros países. Microsoft no patrocina, endosa o aprueba esta obra. Flash, Illustrator, Fireworks, Freehand, Dreamweaver, Photoshop y sus logotipos son marcas registradas de Adobe Inc. Adobe no patrocina o endosa esta obra.
Contenido Diseño Vectorial Illustrator® CS5
Propuesta Pedagógica
I ®
Unidad 1 Introducción a Illustrator tema
A Introducción e historia
Lámina 1-01 Historia de Adobe
®
B Imágenes Vectoriales Ventajas de los Vectores Desventajas de los Vectores tema C Formatos de archivo Imágenes de mapa de bits tema
Lámina 1-02 Vectores vs. Bitmaps Actividad 1-01 Vectores vs. Bitmaps
9 10
10
11 11 12 13 13 14 14
D Abriendo y creando un documento nuevo Abrir archivos
16 18
E Espacio de trabajo La interfaz y el área de trabajo
20 21
tema
Video 1-01 Abriendo y creando un documento nuevo Actividad 1-02 Reafirmando conceptos clave y abriendo archivos tema
Video 1-02 El espacio de trabajo Actividad 1-03 Identificando el espacio de trabajo Evaluación 01
Unidad 2 Panel Herramientas tema
A Panel Herramientas
Video 2-01 Herramientas de Selección Video 2-02 Herramientas de Dibujo Video 2-03 Herramientas de zoom y desplazamiento Actividad 2-01 Investigando herramientas
18 19
22 23 24
25
26 27 29 29 30
Color Fill (Relleno) y Color Stroke (Trazo) ¿Cómo se usan los paneles?
30 31
Técnicas de ilustración con las herramientas Herramientas de Reforma
39 39
Video 2-04 Color Fill (Relleno) y Stroke (Trazo) Proyecto 2-01 Dibujando figuras simples para un diseño Proyecto 2-02 Agitador de conciencia social Proyecto 2-03 Haciendo una caja de regalo Parte 1 Actividad 2-02 Identificando Herramientas Video 2-05 Técnicas de pluma y lápiz artístico Video 2-06 Herramientas de Reforma Proyecto 2-04 Haciendo una caja de regalo Parte 2
Herramienta de Pintura
31 32 33 35 37
39 40 41
42
Contenido Video 2-07 Herramientas de Pintura Video 2-08 Herramientas de Símbolos Video 2-09 Herramientas de Gráficas Actividad 2-03 Herramientas de Pintura
43 44 45 45
Zona de selectores de color
46
Herramientas de corte Herramientas de texto
48 49
Proyecto 2-05 Haciendo una caja de regalo Parte 3 Proyecto 2-06 Creando gráficas Video 2-10 Herramientas de Sector y Cuchilla Video 2-11 Herramientas de Texto Evaluación 02
Unidad 3 Paneles de Adobe® Illustrator® Parte 1 A Paneles de Adobe® Illustrator® Parte 1 Navigator (Panel Navegador) Layers (Panel Capas) Create New Layer (Crear nueva capa) Creación de Templates (Capas plantilla) Capa activa Ocultar y mover capas Lock (Bloqueo de capas) Delete Selection (Eliminar capas)
tema
46 47
49 49 50
51
52 52 52 53 53 54 54 54 54
Video 3-01 Capas 54 Actividad 3-01 Recordando: Capas 55 Actividad 3-02 Capas reales 56 Proyecto 3-01 Usando capas para organizar una ilustración 57
Transform (Panel de Transformación) Actions (Panel de Acciones)
58 58
Align (Panel de Alineación) Appearance (Panel de apariencia) Graphic Styles (Panel de estilos gráficos)
60 60 61
Clipping Mask (Máscaras de recorte en las capas)
63
Actividad 3-03 Recordando: acciones y transformaciones
Video 3-02 Panel Appearence (Apariencia) Proyecto 3-02 Conociendo el panel Apariencias
59
61 62
Video 3-03 Paneles 63 Video 3-04 Máscaras de recorte 65 Proyecto 3-03 Ejercicio de recorte de imágenes 65 Actividad 3-04 Paneles 67 Actividad 3-05 Operaciones con capas 68 tema
B Agrupar y desagrupar objetos
Actividad 3-06 Agrupar y desagrupar Evaluación 03
69
69 70
Contenido Unidad 4 Color 71
A Color 72 La Psicología del color 72
tema
Lámina 4-01 Color 73 Actividad 4-01 Comprendiendo el color 74
Clasificación del color
75
El Círculo Cromático
77
Color (Panel de color) Swatches (Panel de Muestras)
82 83
Actividad 4-02 El color, la luz y el ojo
75
Actividad 4-03 Diagramas de color 78 Proyecto 4-01 Colores armónicos y complementarios 79 Actividad 4-04 Campaña publicitaria de un producto 80 Actividad 4-05 alimenticio 80 Actividad 4-06 Los modos de color 81 Video 4-01 Panel de color Evaluación 04
Unidad 5 Paneles de Adobe® Illustrator® Parte 2 A Más paneles Stroke (Panel Trazo)
tema
Video 5-01 Panel de Trazo
Brushes (Panel de Pinceles) Gradient (Panel de Degradado)
Video 5-02 Panel de Pinceles Video 5-03 Panel de Degradado Proyecto 5-01 Papelería de Identificación personal Actividad 5-01 Identificando paneles tema
83 84
85
86 86 87
88 88 88 89 89 91
B Logotipos 92
Lámina 5-01 Logotipos 92 Actividad 5-02 Analizando logotipos 92 Proyecto 5-02 Creando un logotipo 94
C Transparencias 95 Transparency (Panel de Transparencia) 95 Máscara de opacidad 95
tema
Video 5-04 Panel de transparencia y máscara de opacidad Proyecto 5-03 Degradado transparente Proyecto 5-04 Degradado transparente en fotografías
Blending Modes (Modos de fusión)
Lámina 5-02 Blending Modes (Modos de fusión) Video 5-05 Blending Modes (Modos de fusión) Proyecto 5-05 Conociendo los modos de fusión tema
95 96 97
98
98 99 99
D Pathfinder (Buzcatrazos) 100
Video 5-06 Pathfinder (Panel buscatrazos) Proyecto 5-06 formas compuestas
101 102
Contenido E Effects (Efectos) 103 Ajustes de los efectos de rastrillado 103
tema
Video 5-07 Ajustes de los efectos de rastrillado
103
Artistic (Artísticos) Blur (Desenfocar) Brush Stroke (Trazos de pincel) Distort (Distorsión) Pixelate (Pixelar) Sharpen (Enfocar) Sketch (Bosquejar) Stylize (Estilizar) Texture (Textura)
104 105 105 106 106 107 107 108 108
Video (Video)
109
Lámina 5-03 Efectos 108 Proyecto 5-07 Trabajando con efectos Evaluación 05
Unidad 6 Elementos de dibujo vectorial tema
A Los elementos del dibujo vectorial
Lámina 6-01 Elementos del dibujo vectorial Actividad 6-01 Técnica de puntillismo y línea Actividad 6-02 Los elementos del diseño gráfico tema
111
112
112 113 113
B El Espacio
115
C Los símbolos
120
Proyecto 6-01 Composición artística libre Actividad 6-03 Reflexión sobre perspectiva Proyecto 6-02 Generando perspectiva Proyecto 6-03 Ilustrando una fotografía tema
109 110
Proyecto 6-04 Creando un símbolo
D Organización del texto Creación de contornos Texto en un trazado
tema
Proyecto 6-05 Experimentando con texto
116 117 117 118
120
121 121 121
122
Envolventes 122 Proyecto 6-06 Página interna de una revista tema
E Vectores 3D
Proyecto 6-07 Creando un texto 3D
123
124
124
F Archivos 126 Formatos 126 Preparando un archivo para imprenta 126
tema
Video 6-01 Formatos de archivo Lámina 6-02 Principales requisitos y normas de impresión Actividad 6-04 Reconociendo formatos Evaluación 06
126 126 127 128
Recursos
Material Impreso Este material forma parte de un conjunto de recursos que conforman el Programa de Informática y Tecnología (PIT). Está organizado en bloques integrales que incluyen todo lo necesario para aprender, practicar y evaluar habilidades o competencias. Las explicaciones, imágenes, tablas, actividades, notas y tips, apoyadas con las láminas y tutoriales, permiten integrar la experiencia de aprendizaje desde múltiples perspectivas. Así, podemos afirmar que el PIT de Grupo Educare es la mejor manera de aprender haciendo.
Recursos Digitales Los recursos digitales que acompaña al material impreso contienen videos que te ayudarán a comprender los conceptos y a poner en práctica las habilidades adquiridas. Adicionalmente encontrarás los archivos que se requieren para realizar las actividades, algunos documentos y aplicaciones útiles. No olvides que los recursos digitales son parte integral del programa, por lo que es muy importante que lo conozcas y utilices en el curso.
Explicación Iconográfica Actividad Este icono nos indica un ejercicio que refuerza la parte teórica de este material.
Proyecto Este icono nos indica un ejercicio que refuerza de manera práctica.
Video Es el material digital de los recursos del programa. La representación en video de la parte teórica.
Lámina de apoyo La lámina es un recurso del profesor, que sirve como refuerzo dinámico e interactivo a un tema denso, que complementa la teoría del material impreso.
Evaluación Este icono indica un elemento fundamental del proceso educativo que sirve para valorar el proceso de aprendizaje.
NOTA
Nota Las notas que verás dentro de tu texto, puntualizan la teoría o los aspectos más importantes de un tema.
T IP
Tip Es una sugerencia que complementa un tema del material impreso, dando un panorama más amplio al alumno sobre cómo ejecutar una actividad de manera más sencilla y práctica.
Las propuestas didácticas son flexibles, adaptables a la forma personal de trabajo del maestro y necesidades específicas de cada clase maximizando así el empleo de los recursos disponibles.
P ropuesta Did áctica NIVEL: Básico
DURACIÓN SUGERIDA: 40 SESIONES / 45-50 MINUTOS
Este libro lo integran las siguientes Unidades: Unidad 01 Introducción a Illustrator® Unidad 02 Panel Herramientas Unidad 03 Paneles de Adobe® Illustrator® Parte 1 Unidad 04 Color Unidad 05 Paneles de Adobe Illustrator Parte 2 Unidad 06 Elementos de dibujo vectorial
Diseño Vectorial Illustrator Autor: Carlos Zepeda Chehaibar
®
CS5
Diseño Vectorial Illustrator® CS5 Unidad
Tema
Subtema
Conocer la historia de Adobe® Illustrator®.
tema A Introducción e Historia
tema B Imágenes vectoriales
1 - Introducción a Illustrator®
tema C Formatos de archivo
Objetivos
Ventajas de los vectores Desventajas de los vectores
Imágenes de mapa de bits
Conocer las características de las imágenes vectoriales. Conocer los bitmaps y las diferencias que existen con las imágenes vectoriales.
Sesiones Sugeridas 5
II
tema D Abriendo y creando un documento nuevo
Conocer las diferentes maneras para abrir un archivo, cómo importar imágenes y la creación de un documento nuevo.
tema E Espacio de trabajo
Conocer el entorno y área de trabajo, sus elementos y cómo utilizarlos de manera más accesible para facilitar el trabajo en ellas.
La interfaz y el área de trabajo
Propuesta Didáctica
Competencias
Actividades sugeridas para el alumno
Tutorial Sugerido
Describe las diferentes maneras para abrir un archivo, cómo importar imágenes y la creación de un archivo nuevo.
Recursos
Lámina 1-01 Historia de Adobe®
Identifica las áreas que conforman el espacio para facilitar la elaboración de los archivos. Describe la evolución de Adobe® Illustrator® a través del tiempo.
Actividad 1-01 Vectores vs. Bitmaps
Reconoce la diferencia entre las imágenes de mapa de bits, de las imágenes vectoriales, conociendo sus principales características.
Actividad 1-02 Reafirmando conceptos clave y abriendo archivos
Distingue diferentes programas que trabajan con archivos de tipo vectorial y que es posible modificarlos con cualquiera de ellos.
Actividad 1-03 Identificando el espacio de trabajo Evaluación 01
Lámina 1-02 Vectores vs. Bitmaps
Video 1-01 Abriendo y creando un documento nuevo
Video 1-02 El espacio de trabajo
III
Diseño Vectorial Illustrator® CS5 Unidad
Tema
Subtema
Objetivos
Herramientas de selección Collor Fill (Relleno) y color stroke (trazo)
A Identificar cada uno de los elementos que conforman el panel de herramientas, para Técnicas de ilustración con conocer su uso al las herramientas momento de realizar una tema A Panel Herramientas ilustración, diseño, etc., Herramientas de reforma así como conocer los Herramienta de pintura atajos del teclado que harán más rápido y fácil el Zonas de selectores de proceso. color ¿Cómo se usan los paneles?
2 - Panel Herramientas Sesiones Sugeridas 5
Herramientas de corte Herramientas de texto
IV
Propuesta Didáctica
Competencias
Actividades sugeridas para el alumno
Tutorial Sugerido
Recursos
Video 2-01 Herramientas de selección Actividad 2-01 Investigando herramientas Proyecto 2-01 Dibujando figuras simples para un diseño Proyecto 2-02 Agitador de conciencia social Proyecto 2-03 Haciendo una caja de regalo. Parte 1
Identifica cada una de las herramientas del panel, Actividad 2-02 Identificando conociendo su uso y la herramientas manera de acceder a ellas de Proyecto 2-04 Haciendo una forma rápida con el teclado. caja de regalo. Parte 2 Actividad 2-03 Herramientas de pintura Proyecto 2-05 Haciendo una caja de regalo. Parte 3 Proyecto 2-06Creando gráficas Evaluación 02
Video 2-02 Herramientas de dibujo Video 2-03 Herramientas de zoom y desplazamiento Video 2-04 Color Fill (Relleno) y Stroke (Trazo) Video 2-05 Técnicas de pluma y lápiz artístico Video 2-06 Herramientas de reforma Video 2-07 Herramientas de pintura Video 2-08 Herramientas de símbolos Video 2-09 Herramientas de gráficas Video 2-10 Herramientas de Sector y Cuchilla Video 2-11 Herramientas de Texto
V
Diseño Vectorial Illustrator® CS5 Unidad
Tema
Subtema
Objetivos
Navigator (Navegador) Layers (Panel Capas) Create new layer (Nueva capa) Creación de templates (Capas plantila) Capa activa Ocultar y mover capas Lock (Bloque de capas)
3 - Paneles de Adobe® Illustrator® Parte 1
tema A Paneles de Adobe Illustrator Parte 1
Delete selection (Eliminar capas) Transform (Panel de Transformación)
Sesiones Sugeridas 5
Actions (Panel Acciones)
A Identificar cada uno de los paneles, así como sus funciones que permiten trabajar las imágenes, modificarlas, escalarlas, recortarlas, etc... y cómo administrarlos en el espacio de trabajo para facilitar el proceso del diseño.
Align (Panel Alineación) Appearance (Panel Apariencia) Graphic Styles (Panel Estilos gráficos) Clipping Mask (Máscaras de recorte en las capas)
tema B Agrupar y desagrupar objetos
VI
B Conocer las opciones para agrupar y desagrupar objetos.
Propuesta Didáctica
Competencias
Actividades sugeridas para el alumno
Tutorial Sugerido
Recursos
Actividad 3-01 Recordando capas Actividad 3-02 Capas reales Proyecto 3-01 Usando capas para organizar una ilustración Actividad 3-03 Recordando Identifica los paneles, sus características, conocer cómo acciones y transformaciones se pueden acomodar, acoplar Proyecto 3-02 Conociendo el para facilitar el trabajo, panel apariencia así como las funciones de algunos de ellos. Proyecto 3-03 Ejercicio de recorte de imágenes
Video 3-01 Capas Video 3-02 Panel Appearence (Apariencia) Video 3-03 Paneles Video 3-04 Máscaras de recorte
Actividad 3-04 Paneles Actividad 3-05 Operaciones con capas
Identifica que el comando de agrupar objetos es más sencillo el trabajo con varios objetos, tanto para desplazarlos, como para transformarlos.
Actividad 3-06 Agrupar y desagrupar Evaluación 03
VII
Diseño Vectorial Illustrator® CS5 Unidad
Tema
Subtema
Objetivos
Conocer los conceptos del color. Identificar cada Clasificación del color una de las herramientas del panel color, así como El círculo cromático ponerlos a la práctica en diferentes actividades y Color (Panel Color) proyectos para reafirmar Swatches (Panel Muestras) los conceptos aprendidos. La psicología del color
4 - Color Sesiones Sugeridas 5
tema A Color
Stroke (Panel Trazo) tema A Más paneles
Gradient (Panel Degradado)
5 - Paneles de Adobe Illustrator Parte 2 Sesiones Sugeridas 9
tema B Logotipos
VIII
Brushes (Panel Pinceles)
Aprender las herramientas de los paneles para lograr transparencias, modos de fusionar dibujos e imágenes, a utilizar las máscaras de opacidad, los degradados de transparencia y los buscatrazos, poniéndolos en práctica en diferentes ejercicios de la unidad. Aplicar los conceptos aprendidos para la creación de un logotipo, utilizando las herramientas contenidas en esta unidad.
Propuesta Didáctica
Competencias
Actividades sugeridas para el alumno
Tutorial Sugerido
Recursos
Actividad 4-01 Comprendiendo el color Actividad 4-02 El color, la luz y el ojo Reconoce y comprende el concepto de color, su clasificación, psicología y su uso; así como a identificar los elementos que componen el panel y los diferentes modos de color.
Actividad 4-03 Diagramas de color Proyecto 4-01 Creando un mural con colores armónicos
Video 4-01 Panel de color
Lámina 4-01 Color
Actividad 4-04 Campaña publicitaria de producto alimenticio Actividad 4-05 Los modos de color Evaluación 04
Identifica cada una de las herramientas de diferentes paneles y reforzando los conocimientos adquiridos a través de la realización de diferentes ejercicios.
Crea un logotipo utilizando las herramientas de Adobe® Illustrator® basándonos en los conceptos explicados en esta unidad.
Proyecto 5-01 Papelería de identificación personal
Video 5-01 Panel Trazo Video 5-02 Panel Pinceles
Actividad 5-01 Identificando paneles
Lámina 5-01 Logotipos Actividad 5-02 Analizando logotipos Proyecto 5-02 Creando un logotipo
IX
Diseño Vectorial Illustrator® CS5 Unidad
Tema
tema C Transparencias
Subtema Transparency (Panel Transparencia) Máscara de opacidad Blending modes (Modos de fusión)
Objetivos Conocer el concepto de transparencia al efectuar cambios en parámetros de los paneles y aplicar modos de fusión en composiciones. Comparar las opciones del panel Pathfinder (Buscatrazos), con funciones matemáticas para crear figuras complejas con objetos simples
tema D Pathfinder (Buzcatrazos)
Ajustes de los efectos de rastrillado
Cont. Unidad 5
Artistic (Artísticos) Blur (Desenfocar) Brush Stroke (Trazos de Pincel) tema E Effects (Efectos)
Distort (Distorsión) Pixelate (Pixelar) Sharpen (Enfocar) Sketch (Bosquejar) Stylize (Estilizar) Texture (Textura) Video (Video)
X
Comprender cada uno de los efectos que maneja Adobe® Illustrator® para saber cuándo aplicar cada uno según el trabajo que se esté realizando.
Propuesta Didáctica
Competencias Emplea las herramientas de los paneles, a aplicar transparencias, máscaras de opacidad, degradados de transparencia, los diferentes modos de fusión.
Actividades sugeridas para el alumno Proyecto 5-03 Degradado transparente Proyecto 5-04 Degradado transparente en fotografías Proyecto 5-05 Conociendo los Modos de fusión
Realiza diferentes combinaciones de objetos por medio del panel buscatrazos Proyecto 5-06 Combinación a través de la realización de objetos para crear formas de diferentes ejercicios compuestas reafirmando los conceptos aprendidos.
Aplica cada uno de los efectos de Adobe® Illustrator® para conocer sus características.
Tutorial Sugerido Video 5-03 Panel Transparencia y Panel Opacidad Video 5-04 Blending Modes (Modos de fusión)
Recursos
Lámina 5-02 Blending Modes (Modos de fusión)
Video 5-05 Pathfinder (Panel Buzcatrazos)
Proyecto 5-07 Trabajando con Video 5-06 Ajustes de los efectos efectos de rastrillado Evaluación 05
Lámina 5-03 Efectos
XI
Diseño Vectorial Illustrator® CS5 Unidad
Tema
Subtema
tema A Los elementos del dibujo vectorial
Comprender los elementos del dibujo vectorial aplicando conceptos como puntillismo, línea, ritmo, contorno y forma al crear composiciones.
tema B El espacio
Definir el concepto de espacio al analizar la relación que existe entre los objetos de un plano básico.
tema C Los Símbolos
Identificar lo que es un símbolo, cómo crearlos y guardarlos en la librería de Illustrator®.
6 - Elementos de dibujo vectorial Sesiones Sugeridas 6 Creación de contornos tema D Organización del texto
Texto en un trazado Envolventes
Utilizar herramientas para deformar el texto por medio de envolventes y ajustar el texto a un trazado.
tema E Vectores 3D
Aprender a crear elementos con efectos 3D.
tema F Archivos
Identificar y describir los formatos en que pueden guardarse los archivos creados en Illustrator® dependiendo el tipo de salida que tendrán.
Formatos
XII
Objetivos
Preparando un archivo para imprenta
Propuesta Didáctica
Competencias Reconoce los principales elementos que componen una ilustración vectorial para crear composición que integren estos elementos.
Actividades sugeridas para el alumno
Tutorial Sugerido
Actividad 6-01 Técnica de puntillismo y línea
Recursos
Lámina 6-01 Los elementos del dibujo vectorial
Actividad 6-02 Los elementos del diseño gráfico Proyecto 6-01 Composición artística libre
Identifica la relación de los elementos con el plano y de los elementos entre sí.
Actividad 6-03 Reflexión sobre perspectiva Proyecto 6-02 Generando perspectiva Proyecto 6-03 Ilustrando una fotografía
Reconoce lo que es un símbolo, aprender a crearlos y guardarlos en la librería de Illustrator®.
Proyecto 6-04 Creando un símbolo
Define los tres tipos de fuentes, aplicar envolventes a texto para crear efectos en texto y que es posible acoplar texto en un trazo.
Proyecto 6-05 Experimentando con texto
Crea elementos con efectos de 3D.
Proyecto 6-07 Creando un texto 3D
Describe cada uno de los formatos en que se pueden guardar los archivos generados en Illustrator® según el uso que se les dará al final.
Proyecto 6-06 Página Interna de una revista
Actividad 6-04 Reconociendo formatos Evaluación 06
Video 6-01 Formatos de Archivos
Lámina 6-02 Principales requisitos y normas de impresión
XIII
Diseño Vectorial Illustrator® CS5
Inventario de habilidades Este inventario se emplea para medir las habilidades de los alumnos que inician el curso. Esto no es una prueba, es un indicador que va del 1 al 5, dónde uno establece poco o nulo conocimiento del tema por parte del alumno y cinco que está completamente familiarizado con el mismo. Habilidad
Reconocer diferencias entre mapa de bits y vector. Listar las caracteristicas de las imágenes vectoriales. Reconocer el espacio de trabajo de Illustrator®. Abrir y guardar archivos en Illsutrator ®. Diferenciar Color de Relleno y Color de Trazo. Modificar una seleccion. Crear capas. Modificar el tamaño de un objeto. Emplear el panel buzcatrazos. Utilizar las herramientas de alineación. Emplear símbolos de Illustrator®. Agrupar y desabrupar objetos. Organizar texto en Illustrator®. Optimizar archivos para la Web o medio impreso. Diferenciar los modos de color RGB y CMYK. Aplicar efectos en Illustrator®. Configurar ajustes de los efectos de rastrillado. Aplicación de filtros a una fotografía. Utilizar máscara de opacidad. Crear composiciones con ritmo y forma.
XIV
1
2
3
4
5
Adobe Ilustrador es un programa de creación y manipulación vectorial. Fue lanzado al mercado en marzo 19 de 1987, bajo la versión Adobe Illustrator 1.1, exclusivamente para sistema Macintosh®. Los formatos nativos de Illustrator son: .FXG, .AI, .PDF, .EPS, .AIT, .SVG y .SVGZ.
Un id ad
01
NIVEL: Básico
Introducción a I l lus trator ®
DURACIÓN SUGERIDA: 5 SESIONES / 45-50 MINUTOS
Durante el desarrollo de esta unidad aprenderás a: A Conocer la historia de Adobe® Illustrator®. B Conocer las características de las imágenes vectoriales. C Conocer los bitmaps y las diferencias que existen con las imágenes vectoriales. D Conocer las diferentes maneras para abrir un archivo, cómo importar imágenes y la creación de un documento nuevo. E Conocer el entorno y área de trabajo, sus elementos y cómo utilizarlos de manera más accesible para facilitar el trabajo en ellas.
Diseño Vectorial Illustrator Autor: Carlos Zepeda Chehaibar
®
CS5
Diseño Vectorial Illustrator® CS5 tema
A Introducción e historia El programa de Adobe® Illustrator® nació en 1987 junto con la tecnología de Apple® y una impresora llamada LaserWriter®, la cual manejaba un nuevo formato de archivo gráfico conocido como PostScript®. En su primera versión, lo que se creaba con Illustrator® sólo se podía imprimir en esa impresora, lo que era una gran limitante para la comercialización del programa.
El usuario podía trabajar con gráficos monocromáticos (un solo color) y una resolución de pantalla de 512 x 387 píxeles. El elemento primordial del documento eran las curvas de Bézier, utilizadas para crear líneas, arcos y figuras trigonométricas.
Imagen 1-1: Impresora Apple® LaserWritter®
Actualmente, Adobe Illustrator es una aplicación de software de diseño gráfico, que proporciona la libertad creativa que se necesita para materializar ideas de forma rápida y eficaz. Illustrator ha definido por muchos años el lenguaje gráfico contemporáneo mediante el dibujo vectorial. Las mentes más creativas en el mundo de las artes gráficas, utilizan Illustrator para pintar, trazar, reproducir y automatizar diseños de todo tipo. Además, gracias a la integración con otros programas, permite producir extraordinarios gráficos para formato impreso, video, internet y dispositivos móviles.
Imagen 1-2: Ejemplo de trazo en Illustrator®
1-01 LÁMINA 10
Historia de Adobe®
Introducción a Illustrator
tema
B Imágenes Vectoriales ¿Recuerdas que en las clases de física se estudian los vectores? En diseño gráfico, un vector está constituido por una serie de puntos y líneas, rectas o curvas, definidas matemáticamente. Las características de un vector son las siguientes: ¤¤ Tienen una línea de contorno (también llamado trazo) y un color de relleno. Las características del contorno y del relleno se pueden cambiar en cualquier momento. ¤¤ Los vectores se pueden agrupar, separar, recortar, intersectar y relacionar con otros vectores en el dibujo. ¤¤ Cada vector se manipula por separado del resto de los objetos. Se puede ordenar de cualquier manera y modificar sin afectar otros vectores. Para comprender mejor por qué se les llama vectores a estos objetos, primero recuerda que, en geometría, un punto del plano se puede definir por sus coordenadas y dos puntos cualesquiera se pueden unir mediante una línea recta. Si en lugar de unir dos puntos con una recta, se hace con una curva, los puntos se denominan nodos o puntos de anclaje. La forma de la curva (suave o pronunciada), se define por otros puntos invisibles en el dibujo llamados puntos de control, manejadores o manecillas.
Imagen 1-3: Ejemplo ojo vectorizado
Cualquier forma abierta o cerrada como un polígono, rectángulo, elipse o una curva irregular, se basa en nodos y puntos de control. Para rellenar un gráfico vectorial, es necesario que los puntos estén unidos formando una línea cerrada. Los contornos o trazos pueden ser delgados o gruesos y tener una forma determinada. Esto permite crear dibujos lineales o creaciones artísticas con un contorno caligráfico.
Ventajas de los Vectores ¤¤ No importa el tamaño en el que se dibuje o despliegue un vector: siempre aparecerá con la misma nitidez y calidad al escalarlo (hacerlo más pequeño o más grande), tanto en la pantalla como en la impresión. ¤¤ Cada objeto está definido por fórmulas matemáticas independientes al resto de los demás. Puede escalarse, distorsionarse, cambiar de forma o resituarse sin afectar a los otros elementos del dibujo.
11
Diseño Vectorial Illustrator® CS5
¤¤ Se puede controlar con gran precisión la forma, orientación y orden de los elementos. ¤¤ Las imágenes vectoriales no están limitadas a un área rectangular como los mapas de bits. ¤¤ Cualquier cambio que se aplique a los objetos puede modificarse en cualquier momento: el dibujo siempre es editable. ¤¤ Se puede reutilizar un dibujo vectorial o parte de él en otros proyectos. ¤¤ El peso del archivo es muy reducido, dado que no se almacena información para definir cada punto de la pantalla. ¤¤ Permite trabajar con texto sin limitaciones.
Imagen 1-4: Fotografía en mapa de bits
Imagen 1-5: Imagen vectorizada
Desventajas de los Vectores ¤¤ Los gráficos vectoriales no pueden producir imágenes fotográficas realistas, ya que están hechos de áreas de color sólido o degradado y no pueden representar los tonos continuos de una fotografía. Por eso la mayoría de las imágenes vectoriales tienen una apariencia de caricatura. ¤¤ Los vectores son de aspecto frío, con un contorno o trazo perfecto, sin naturalidad. Un uso frecuente que se da a la conversión de mapas de bits a vectores, es la necesidad de publicarlos en web. Los formatos más comunes y aceptados para la imagen vectorial en web son el Shockwave® Flash® (SWF) y PNG.
12
Introducción a Illustrator
tema
C Formatos de archivo Existen diferentes aplicaciones que trabajan con archivos de tipo vectorial, como Adobe® Illustrator®, Corel® Draw ®, Macromedia Freehand ® o Xara X ®. Aunque cada aplicación maneja sus formatos de archivo nativos, en general es posible abrir y modificar los gráficos creados en una aplicación, utilizando otra aplicación. Los formatos de archivo nativos “principales” reconocidos por otras aplicaciones son: ¤¤ ¤¤ ¤¤ ¤¤ ¤¤ ¤¤
Adobe® Illustrator® (AI) Corel® Draw® (CDR) Corel® Exchange® (CMX) Computer Graphics Metafile® (CGM) Macromedia Freehand® (FH) Auto CAD® (DXF)
Imágenes de mapa de bits Las imágenes de mapa de bits o bitmaps están compuestas por píxeles. Los píxeles son los elementos mínimos de imagen. Un mapa de bits es una cuadrícula de esos pequeños puntos individuales de color, que están ordenados de una forma determinada para definir un patrón y formar la imagen que observas en pantalla. Las imágenes bitmap dependen de la resolución, es decir, del número de píxeles que existen en un área determinada. La resolución se mide en dpi (dots per inch) o puntos por pulgada. Imagen 1-6: Acercamiento imagen mapa de bits
Debido a que los mapas de bits dependen de la resolución, es difícil incrementar o disminuir su tamaño sin reducir la calidad de la imagen. Cuando se hace más pequeña una imagen bitmap, se eliminan píxeles y cuando se hace más grande, se crean nuevos píxeles. Así, cuando se crean nuevos píxeles, el programa de edición que se esté utilizando, estima el valor del color de los nuevos píxeles basado en los ya existentes. El resultado siempre es una calidad reducida. Imagen 1-7: Imagen de mapa de bits
13
Diseño Vectorial Illustrator® CS5 Los bitmaps pueden modificarse con programas tales como: Microsoft® Paint®, Adobe® Photoshop®, Corel® Photo Paint®, Jasc Paint Shop Pro® y Unlead Photoimpact®.
Imagen 1-9: Imagen en alta resolución
Imagen 1-8: Imagen en baja resolución
1-02 LÁMINA
Vectores vs. Bitmaps
ACTIVIDAD
1-01
Vectores vs. Bitmaps
1. Un mapa de bits (bitmap) está formado por una matriz o arreglo de puntos, cada uno de ellos con características diferentes como color, intensidad y posición. a. Verdadero b. Falso 2. Por su capacidad para almacenar grandes cantidades de colores y detalles, se usa para manipular fotografías. a. Vector b. Bitmap 3. Está formado por puntos o píxeles y un acercamiento disminuye la calidad. a. Vector b. Bitmap
14
Introducción a Illustrator
4. Un vector se define por medio de una serie de puntos de control o nodos, que se combinan para formar curvas de diferente extensión y diversos atributos. a. Verdadero b. Falso 5. Generalmente se usan para gráficas, dibujos sencillos y de colores simples. En diseño editorial son muy populares como Clipart. a. Vector b. Bitmap 6. ¿Qué es un vector? Un vector es una serie de puntos y líneas, rectas o curvas, definidas matemáticamente. 7. ¿Qué es un píxel? Los píxeles son elementos mínimos de una imagen de mapa de bits. 8. Dibuja un píxel.
9. ¿Qué es un mapa de bits? Es una cuadrícula de pequeños puntos individuales de color, ordenados para definir un patrón y formar la imagen. 10. En el espacio en blanco especifica si estamos hablando de un vector o de un mapa de bits. ¤¤ No importa el tamaño al que se dibuje, siempre tendrá la misma nitidez y calidad al escalarlo.
Vector
¤¤ Se controla de manera precisa la forma, orientación y orden de los elementos.
Vector
¤¤ Depende de la resolución y es difícil incrementar o disminuir el tamaño sin perder calidad.
Mapa de bits
¤¤ Pierde píxeles si se hace más pequeño.
Mapa de bits
¤¤ El tamaño del archivo es muy compacto.
Vector
15
Diseño Vectorial Illustrator® CS5 tema
D Abriendo y creando un documento nuevo Una vez abierto Adobe® Illustrator®, para crear un nuevo documento utiliza el menú File/New (Archivo/Nuevo) o la combinación de teclas . Aparecerá una ventana de diálogo en la que debes especificar varios parámetros:
1
2
3 4 7
5 6
8
10 11
9 12 13
14
15 Imagen 1-10: Cuadro de diálogo para crear un documento nuevo.
1. Name (Nombre del documento): El título que quieras dar al archivo. 2. New Document Profile (Nuevo perfil de documento): Se pueden crear documentos destinados a diferentes tipos de salida, dependiendo del uso que se le dará al archivo, puede ser para imprimir, para la web, etc. Cada perfil incluye valores predeterminados para el tamaño, el modo en color, unidades, orientación, transparencia y la resolución. 3. Artboards (Mesa de trabajo): Número de espacios de trabajo a utilizar. 4. Spacing (Espacio): Es el espacio que se tendrá entre las mesas de trabajo. 5. Columns and Rows (Columnas y filas): Estos iconos sirven para acomodar nuestras mesas de trabajo por columnas o filas y si quieren comenzar a trabajar de derecha a izquierda o viceversa. 6. Units (Unidades del documento): Puedes definir las medidas de la mesa de trabajo en puntos (unidad utilizada en tipografía que equivale a 1/72 de pulgada), picas (equivale a 12 puntos), pulgadas, milímetros, centímetros o píxeles.
16
Introducción a Illustrator
7. Size (Tamaño del documento): Elige el formato que requieras, dependiendo del tamaño y la forma de la mesa de trabajo que se va a realizar. Los formatos más comunes en el diseño impreso son el tamaño Letter (Carta), el Legal (Oficio) y el Tabloid (Doble carta). Para el diseño Web el formato más utilizado es el de 800 x 600 píxeles (para páginas web) y 480 x 60 píxeles (para banners). 8. Width (Ancho del documento): Puedes definir el ancho de la mesa de trabajo manualmente, si no deseas utilizar las medidas del tipo de la mesa de trabajo elegida. 9. Height (Alto del documento): Puedes definir el alto de la mesa de trabajo manualmente, si no deseas utilizar las medidas del tipo de la mesa elegida. 10. Orientation (Orientación): Las dos opciones que direccionan la mesa de trabajo en forma vertical u horizontal. 11. Bleed (Sangrado): Es la cantidad de material gráfico que queda fuera del área de impresión, este material son las franjas, fondos, fotografías, etc., que quedan rebasadas del tamaño de la mesa de trabajo y que serán cortadas cuando se encuentren impresas. 12. Color Mode (Modos de color): Hay dos modos de color para trabajar en la aplicación: ¤¤ CMYK Color (Cyan, Magenta, Yellow, Black): Se usa para trabajar con imágenes que se destinarán a impresión. ¤¤ RGB Color (Red, Green, Blue): Se utiliza para imágenes que sólo se verán en pantalla. 13. Raster Effects (Efectos de rasterizado): Especifica la resolución de los efectos de rasterizado del documento. Son efectos que generan píxeles en lugar de datos vectoriales. 14. Preview Mode (Modo de vista previa): Permite ver en diferentes maneras cómo lucirá nuestro documento. Tiene 3 opciones: Default (Por defecto): El diseño creado en vectores se verá en full color, el zoom in/out conserva la suavidad en las curvas. Pixel (Vista previa de píxel): Rejilla que se observa con el zoom al 600%. Overprint (Vista previa de impresión): Permite ver colores con anticipación, impresiones y modos que se mezclan para saber cómo se verán al imprimirse el archivo. 15. Si se selecciona, los nuevos objetos se alinearán en la rejilla del píxel.
17
Diseño Vectorial Illustrator® CS5
Abrir archivos Los objetos vectoriales e imágenes ya existentes se abren y se importan en varios formatos de archivo. Para abrir un archivo: 1. Selecciona el menú File/Open (Archivo/Abrir) o la combinación de teclas . 2. Selecciona el archivo que quieres abrir. Si el archivo no aparece, selecciona la opción All Documents (Todos los archivos) en el menú emergente del tipo de archivo. 3. Haz clic en Open (Abrir). En algunos casos aparece un cuadro de diálogo que permite configurar opciones específicas de algún formato. Si ya estás trabajando en un documento y deseas incluir un archivo externo en él, puedes utilizar el menú File/Place (Archivo/Acomodar). El cuadro de diálogo que se muestra es muy similar al de Open (Abrir), pero además debes especificar alguno de los campos que aparecen en la parte inferior: Link (Link o vínculo), Template (Plantilla) y Replace (Reemplazo). Debes seleccionar la opción Link (Vínculo), para que la imagen se abra dentro del archivo con un tamaño mucho menor al que tenía originalmente.
Tipo de documento
Nombre del documento Acomodar
Vínculo Plantilla Reemplazo del documento
Imagen 1-11: Cuadro de diálogo para acomodar una imagen.
Puedes importar imágenes al programa desde bancos de imágenes, PDF’s, clipart, dibujos vectoriales de Freehand® y Corel® Draw®, escaneos de fotografías, transparencias, negativos y gráficos, entre otros.
1-01 VIDEO 18
Abriendo y creando un documento nuevo
Introducción a Illustrator
ACTIVIDAD
1-02
Reafirmando conceptos clave y abriendo archivos
1. Describe lo que entiendes para cada uno de estos conceptos de Illustrator®: a. Picas Sistema de medición para calcular el tamaño de la letra. b. Orientación del documento Si el documento es horizontal o vertical. c. CMYK Son cuatro colores: cyan, magenta, amarillo y negro. Son los colores de impresión. 2. Inicia Adobe® Illustrator® y abre los siguientes archivos que se encuentran en los Recursos Digitales: a. Utilizando el cuadro de diálogo de inicio, abre los documentos Vector1.ai, Vector2. ai y Vector3.ai. b. En el mismo documento coloca el archivo Vector4.ai y Vector5.ai, utilizando el menú File/Place (Archivo/Acomodar). c. Utiliza cualquier método para abrir los archivos Vector6.ai y Vector7.ai. 3. Observa con atención las características comunes de los archivos en el estilo que representan, la calidad y sensaciones que transmiten. ¿Qué características tienen los gráficos vectoriales? •Tienen una línea de contorno o trazo. •Tienen color de relleno. •Se pueden agrupar entre sí. •Se pueden relacionar con otros vectores.
19
Diseño Vectorial Illustrator® CS5 tema
E Espacio de trabajo Al iniciar Adobe® Illustrator® verás la siguiente ventana de trabajo. Los elementos que componen la pantalla de trabajo son los siguientes: 6 1 2 4
3
5
Imagen 1-12: Espacio de trabajo de Illustrator®
1. Barra de aplicación. Contiene un conmutador de espacio de trabajo, menús y otros controles de la aplicación. También contiene la barra de menús que da detalle de todas las operaciones que se le pueden hacer a la mesa de trabajo o al programa. 2. Panel de control. Muestra opciones específicas de la herramienta seleccionada en el momento. 3. Panel herramientas. Incluye utilidades para crear, modificar, vectorizar y editar imágenes, ilustraciones, elementos de página, etc. Las herramientas relacionadas están agrupadas. 4. Paneles. Ayudan a controlar y modificar el trabajo. Permiten trabajar con los distintos
20
Introducción a Illustrator
aspectos de un documento como son las capas, los colores, el buscador de trazos, los símbolos, las acciones y la transformación, entre otros. Los paneles se pueden agrupar, apilar o acoplar. Si mueve alguno de sus elementos o si cambia su tamaño, todos los elementos que integra responden en consecuencia para evitar su superposición. 5. Área de Trabajo. Contiene el espacio donde se crean los gráficos. 6. Ventanas de documento en forma de fichas. Muestra el archivo en el que se trabaja. Las ventanas de documento se pueden organizar como fichas y en ciertos casos se pueden agrupar y acoplar. 7. Conmutador de espacio de trabajo. En el se muestran los nombres de los espacios de trabajo predeterminados y personalizados. Al seleccionar algún nombre de la lista, el acomodo de los elementos se modificará según la configuración establecida. Cualquier disposición de estos elementos se denomina espacio de trabajo.
T IP
Como el espacio de trabajo es personalizable, es recomendable utilizar la distribución predeterminada mientras te familiarizas con la aplicación. Utiliza el menú Window/ Workspace/Essentials (Ventana/Espacio de trabajo/Objetos esenciales).
La interfaz y el área de trabajo En Adobe® Illustrator® el área de trabajo de un documento ocupa todo el espacio dentro de la ventana de la aplicación. El área de trabajo se divide de la siguiente forma: ¤¤ Área de imagen (A): El área de imagen está delimitada por las líneas punteadas internas y es la sección de la página destinada a la impresión. Sólo lo que esté dentro de esta área saldrá en la impresión, aunque debes recordar que la mayoría de las impresoras no pueden imprimir tan cerca del borde del papel. ¤¤ Área no imprimible (B): Es el área que está situada fuera de las líneas punteadas, representando el límite no imprimible del documento. ¤¤ Borde de la página (C): El borde de la página está delimitado por las líneas
21
Diseño Vectorial Illustrator® CS5
continuas externas del documento. ¤¤ Mesa de trabajo (D): La mesa de trabajo está limitada por las líneas punteadas y concentra la región que contiene las imágenes a imprimirse. La mesa de trabajo tiene el mismo tamaño que el área de imagen (A), pero la puedes aumentar o reducir. ¤¤ Área de pruebas (E): El área de pruebas es la parte que queda por fuera de la mesa de trabajo y que se extiende hasta el borde de la ventana. El área de pruebas representa un espacio donde se pueden crear, editar y almacenar elementos vectoriales antes de colocarlos en la mesa de trabajo. Los objetos colocados en el área de pruebas se verán en la pantalla, pero no se imprimirán.
E
B
C
A D
Imagen 1-13: Espacio de trabajo.
T IP
Para ver todas las áreas en Illustrator® puedes utilizar el menú View/Show Print Tiling (Ver/Mostrar margen de página). Si el margen está oculto, no se verán las líneas punteadas que delimitan el área imprimible.
1-02 VIDEO 22
El espacio de trabajo
Introducción a Illustrator
ACTIVIDAD
1-03
Identificando el espacio de trabajo
En equipos de 2 a 4 personas y en medio pliego de papel bond o cartulina, dibujen las áreas que conforman el espacio de trabajo Essentials de Adobe® Illustrator®. Utilicen colores, papeles de color, revistas, periódicos, plumones, textos de computadora o imágenes de internet. Señalen cada parte del espacio de trabajo y anoten la función de cada una de ellas. ¤¤ ¤¤ ¤¤ ¤¤ ¤¤
Barra de menús Barra de opciones Barra de estado Barra de herramientas Paneles
Incluye en tu trabajo los siguientes elementos del espacio de trabajo: ¤¤ ¤¤ ¤¤ ¤¤ ¤¤
Área de imagen Área no imprimible Borde de la página Mesa de trabajo Área de pruebas
Escribe una “e” si se trata de un espacio de trabajo o una “a” si es el área de trabajo según corresponda en cada una de las siguientes afrimaciones. A
El área de pruebas es la parte exterior de la mesa de trabajo que se extiende hasta el borde de la ventana.
A
El área de imagen es imprimible.
E
Los paneles sirven para cambiar aspectos de los elementos del archivo.
E La barra de estado proporciona información como el tamaño del archivo que se está trabajando.
23
Diseño Vectorial Illustrator® CS5
¿Qué aprendiste? TEMA A: A conocer las diferentes maneras para abrir un archivo, cómo importar imágenes y la creación de un archivo nuevo. TEMA B: A conocer las áreas que conforman el espacio para facilitar la elaboración de los archivos. TEMA C: La evolución de Adobe® Illustrator® a través del tiempo. TEMA D: A diferenciar las imágenes de mapa de bits, de las imágenes vectoriales, conociendo sus principales características. TEMA E: Que existen diferentes programas que trabajan con archivos de tipo vectorial y que es posible modificarlos con cualquiera de ellos.
EVALUACIÓN
01 Contesta las preguntas correctamente. 1. ¿En qué año nació Adobe Illustrator? Adobe Illustrator nació en 1987. 2. Menciona dos maneras diferentes de iniciar un documento. 1. Desde la ventana de bienvenida, dando click en el icono nuevo documento. 2. Desde el menú File/New (Archivo/Nuevo) ó 3. ¿Qué es el espacio de trabajo? El espacio de trabajo contiene todos los elementos que componen la pantalla de trabajo, barras, menús y paneles. 4. Explica brevemente, ¿qué es una mesa de trabajo? La mesa de trabajo está limitada por las líneas punteadas y concentra la región que contiene las imágenes a imprimirse. La mesa de trabajo tiene el mismo tamaño que el área de imagen pero la puedes aumentar o reducir.
24
En 1987, Adobe Illustrator contaba con sólo 13 herramientas y sólo 5 menús. La versión cs5 tiene 28 herramientas en panel, más 55 ocultas y 9 menús. Pueden agregarse herramientas específicas a través de un Plug in.
Un id ad
02
NIVEL: Básico
Pa nel Her ra m ientas
DURACIÓN SUGERIDA: 5 SESIONES / 45-50 MINUTOS
Durante el desarrollo de esta unidad aprenderás a: A Identificar cada uno de los elementos que conforman el panel de herramientas, para conocer su uso al momento de realizar una ilustración, diseño, etc., así como conocer los atajos del teclado que harán más rápido y fácil el proceso.
Diseño Vectorial Illustrator Autor: Carlos Zepeda Chehaibar
®
CS5
Diseño Vectorial Illustrator® CS5 tema
A Panel Herramientas Este panel agrupa las herramientas que te ayudarán a realizar tus actividades dentro del programa. Las herramientas de Adobe® Illustrator® están comúnmente agrupadas en el lado izquierdo de la ventana de aplicación. Aunque el panel herramientas se puede mover, es recomendable tenerlo siempre visible en esta zona de la pantalla. Las herramientas están representadas por iconos. Hay algunas herramientas que incluyen un menú lateral, que se identifica por un pequeño triángulo de color negro en la esquina inferior derecha del botón de la herramienta. Para desplegar ese menú, debes mantener un clic sostenido sobre el botón de la herramienta. Las herramientas se clasifican en grupos de acuerdo a la función que desempeñan dentro de la aplicación. El uso detallado de las herramientas se ve en las actividades, pero a continuación se describe cada herramienta de forma general para que las utilices cuanto antes. En las siguientes tablas, las herramientas que están en Negritas comparten el mismo botón (botones con triángulo negro en la esquina inferior derecha) con las herramientas que siguen debajo y que están en letra normal. Recuerda que debes hacer un clic sostenido sobre la herramienta actual, para tener acceso a las otras herramientas incluidas en un botón. Imagen 2-1: Panel Herramientas
T IP
26
Si el panel herramientas está oculto, muéstralo con el menú Window/Tools (Ventana/Herramientas).
Panel Herramientas
Herramientas de Selección
Atajo
Función
Herramienta de selección
Selecciona y mueve los objetos.
Selección Directa
Selecciona puntos o nodos de un objeto para manipularlo.
Selection
Direct Selection
Permite seleccionar como grupo los elementos que conforman a un objeto.
Selección de Grupos
Group Selection Varita Mágica
Magic Wand Herramienta de lazo
Lasso
Mesa de Trabajo
Artboard
Imagen
Selecciona vectores que se encuentran dentro de un rango de color parecido al vector elegido.
Permite seleccionar libremente áreas de la imagen.
Crea mesas de trabajo independientes para la impresión o la exportación.
2-01 VIDEO Herramientas de Dibujo
Herramientas de Selección
Atajo
Función
Pluma
Dibuja líneas rectas y curvas para crear objetos.
Añadir punto de ancla
Agrega puntos de ancla a trazos.
Eliminar punto de ancla
Elimina puntos de ancla de los trazos.
Pen
Add Anchor Point
Delete Anchor Point Convertir punto de ancla
Convert Anchor Point
Imagen
Cambia vértices redondeados a vértices cuadrados y viceversa.
27
Diseño Vectorial Illustrator® CS5
Herramientas de Dibujo Segmento de línea
Liner Segment
Atajo
Arc
Espiral
Dibuja espirales en ambos sentidos.
Spiral
Cuadrícula rectangular
Dibuja cuadrículas rectangulares.
Rectangular Grid
Dibuja cuadrículas de gráficas circulares.
Cuadrícula polar
Polar Grid Rectangle
Rounded Rectangle Elipse
Polígono Estrella
Dibuja estrellas.
Star
Crea efectos de destello de una lente o solar.
Destello
Flare
Pencil
Suavizar Borrador de trazos
Borra trazados y puntos de ancla del objeto.
Path Eraser Perspective Grid
Selección de perspectiva
Perspective Selection
28
Dibuja y modifica líneas a mano alzada. Suaviza las curvas Bézier.
Smooth
Cuadrícula de perspectiva
Dibuja círculos y elipses. Dibuja formas regulares de varios lados.
Polygon
Lápiz
Dibuja cuadrados y rectángulos. Dibuja cuadrados y rectángulos con vértices redondeados.
Rectángulo redondeado Elipse
Dibuja segmentos de línea rectos individuales. Dibuja segmentos de curva cóncavos y convexos individuales.
Arco
Rectángulo
Función
Permite crear e interpretar ilustraciones en perspectiva.
Permite colocar objetos, texto y símbolos en perspectiva, mover objetos en perspectiva y mover objetos en perpendicular a su dirección actual.
Imagen
Panel Herramientas
2-02 VIDEO
Herramientas de Zoom y Desplazamiento Mano
Herramientas de Dibujo
Atajo
Hand
Print Tiling
Zoom
Imagen
Mueve la mesa de trabajo dentro de la ventana de ilustración. Ajusta la cuadrícula de la página para controlar dónde aparece la ilustración en la página impresa.
Segmentación de impresión
Zoom
Función
Aumenta y reduce la ampliación de la vista del documento.
2-03 VIDEO
Herramientas de Visualización Opciones de Visualización Modo Normal
Normal Screen Mode
Herramientas de zoom y desplazamiento
Atajo
Pantalla completa
Full Screen Mode
Imagen
Pantalla completa con menús
Full Screen Mode with Menu Bar
Función
29
Diseño Vectorial Illustrator® CS5
ACTIVIDAD
2-01
Investigando herramientas
Contesta las siguientes preguntas. Si tienes dudas puedes consultar la ayuda del programa o bien probar las herramientas en un documento. 1. ¿Para qué sirve la herramienta Hand (Mano)? La herramienta Mano sirve para mover la ventana de trabajo de la aplicación. 2. ¿Para qué sirve la herramienta Zoom (Zoom)? La herramienta Zoom sirve para alejar o acercar la vista de una imagen. 3. ¿Qué tecla debe presionarse simultáneamente con la herramienta Zoom para hacer un alejamiento? Se debe presionar simultáneamente con la herramienta zoom para hacer un alejamiento 4. Explica en qué consiste cada uno de los tres modos de visualización de un documento de Adobe® Illustrator® •Modo Standard: Este modo muestra todos los menús de la aplicación. •Modo Visualización pantalla completa con menús: Este modo muestra el área de trabajo completo con los menús de la aplicación. •Modo pantalla completa: Muestra la pantalla completa sin barra de menús pero con las paletas y herramientas visibles.
Color Fill (Relleno) y Color Stroke (Trazo) En la parte inferior del panel herramientas, siempre hay visibles dos cuadros grandes de color llamados selectores de color. Estos cuadros corresponden a los colores de relleno y de trazo activo. Para cambiar cualquiera de estos colores, basta hacer doble clic sobre alguno de los selectores y elegir un color del panel Picker (Selección color). Los objetos que se dibujen utilizarán los colores activos. También puedes utilizar los selectores de color para modificar el color de cualquier objeto seleccionado.
30
Panel Herramientas
Color de relleno Color de trazo None (/) Gradient (>) Imagen 2-2: Selector de color.
Color (