Tutorial de illustrator cs5

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 (