Tutorial de illustrator cs5

7/25/2019 Tutorial de illustrator cs5

1/143

ISBN 978-607-7272-85-4

9 786077 272854

Carlos Zepeda Chehaibar

Diseo VectorialIllustratorCS5


2/143


3/143


Autor:Carlos Zepeda Chehaibar

Apoyo en Desarrollo y Actividades:Samantha Mndez DomnguezMnica Lorena Aduna Espinosa

Coordinacin Editorial:Alejandro Flores Ledesma

Diseo Editorial:Csar Carranza Contreras

Apoyo Editorial:Sandra A. Rodrguez Romero

Correccin de Estilo:Jennifer P. Castillo Ascencio

Desarrollo de Tutoriales:Mnica Lorena Aduna Esponisa

Direccin de Arte:Alfredo Salazar de la Vega

Coordinador Ilustracin Portada:Mario Martnez Ramrez

Ilustracin de Portada:Ana Mara Gonzalez Marmolejo

Ilustracin de Interiores:Judith Lourdes Sierra Prez

Miriam Tatiana Zamora GutirrezCsar Carranza Contreras

Revisin de Recursos Digitales:Jennifer Priscila Castillo Ascencio

Gregorio Snchez Hernndez

Fotografa:Carlos Zepeda Chehaibar

Diseo Vectorial IllustratorCS5. Profesor2 Edicin 1 ReimpresinJunio 2015

D.R. Grupo Educare, S.A. de C.V., Cerro de Mesontepec, nmero 83, Colonia Colinas del Cimatario, Quertaro, Qro., CP.76090, 2011.Queda prohibida la reproduccin total o parcial de esta obra por cualquier medio, sin autorizacin de los editores.

ISBN 978-607-7272-85-4Impreso y hecho en Mxico.Esta es una obra protegida por las leyes internacionales de derechos de autor. Prohibida la reproduccin total o parcial deesta obra y/o los recursos que la acompaan, por cualquier medio, sin autorizacin escrita de Grupo Educare, S.A. de C.V.

Editado por Grupo Educare S.A. de C.V.

Impreso por: Grupo Formavi, S.A. de C.V.Calz. Santo Toms #139 Col. Santo Toms Del. Azcapotzalco, C.P. 02020 Mxico, D.F.

El logotipo de Grupo Educare es propiedad de Grupo Educare, S.A. de C.V.El diseo editorial y contenidos grficos son propiedad exclusiva de Grupo Educare, S.A. de C.V.Todos los nombres de empresas, productos, direcciones y nombres propios contenidos en esta obra, forman parte de ejemplos ficticios, a menosque se indique lo contrario. Las citas, imgenes y videogramas utilizados en esta obra se utilizan nicamente con fines didcticos y para lacrtica e investigacin cientfica o artstica, por lo que el autor y Grupo Educare, S.A. de C.V. no asumen ninguna responsabilidad por el uso quese d a esta informacin, ni infringen derecho de marca alguno, en conformidad al Artculo 148 de la Ley Federal del Derecho de Autor.Microsoft Office, MS DOS, MS Windows, Word, PowerPoint, Excel, FrontPage y Access y sus logotipos son marcas comerciales de MicrosoftCorporation. Microsoft y el logo de Microsoft Office son marcas registradas de Microsoft Corporation en los Estados Unidos y/o en otrospases. Microsoft no patrocina, endosa o aprueba esta obra. Flash, Illustrator, Fireworks, Freehand, Dreamweaver, Photoshop y sus logotiposson marcas registradas de Adobe Inc. Adobe no patrocina o endosa esta obra.


4/143


Contenido

Unidad 1 Introduccin a Illustrator 9

TEMAA Introduccin e historia 10Lmina 1-01 Historia de Adobe 10

TEMAB Imgenes Vectoriales 11Ventajas de los Vectores 11Desventajas de los Vectores 12

TEMAC Formatos de archivo 13Imgenes de mapa de bits 13Lmina 1-02 Vectores vs. Bitmaps 14Actividad 1-01 Vectores vs. Bitmaps 14

TEMAD Abriendo y creando un documento nuevo 16Abrir archivos 18Video 1-01 Abriendo y creando un documento nuevo 18Actividad 1-02 Reafirmando conceptos clave y abriendo archivos 19

TEMAE Espacio de trabajo 20La interfaz y el rea de trabajo 21Video 1-02 El espacio de trabajo 22Actividad 1-03 Identificando el espacio de trabajo 23

Evaluacin 01 24

Unidad 2 Panel Herramientas 25TEMAA Panel Herramientas 26

Video 2-01 Herramientas de Seleccin 27Video 2-02 Herramientas de Dibujo 29Video 2-03 Herramientas de zoom y desplazamiento 29Actividad 2-01 Investigando herramientas 30Color Fill (Relleno) y Color Stroke (Trazo) 30Cmo se usan los paneles? 31Video 2-04 Color Fill (Relleno) y Stroke (Trazo) 31Proyecto 2-01 Dibujando figuras simples para un diseo 32Proyecto 2-02 Agitador de conciencia social 33Proyecto 2-03 Haciendo una caja de regalo Parte 1 35Actividad 2-02 Identificando Herramientas 37Tcnicas de ilustracin con las herramientas 39Herramientas de Reforma 39Video 2-05 Tcnicas de pluma y lpiz artstico 39Video 2-06 Herramientas de Reforma 40Proyecto 2-04 Haciendo una caja de regalo Parte 2 41Herramienta de Pintura 42

Propuesta Pedaggica I


5/143

Contenido

Video 2-07 Herramientas de Pintura 43

Video 2-08 Herramientas de Smbolos 44Video 2-09 Herramientas de Grficas 45Actividad 2-03 Herramientas de Pintura 45Zona de selectores de color 46Proyecto 2-05 Haciendo una caja de regalo Parte 3 46Proyecto 2-06 Creando grficas 47Herramientas de corte 48Herramientas de texto 49Video 2-10 Herramientas de Sector y Cuchilla 49Video 2-11 Herramientas de Texto 49Evaluacin 02 50

Unidad 3 Paneles de AdobeIllustratorParte 1 51TEMAA Paneles de AdobeIllustratorParte 1 52

Navigator (Panel Navegador) 52Layers (Panel Capas) 52Create New Layer (Crear nueva capa) 53Creacin de Templates (Capas plantilla) 53Capa activa 54Ocultar y mover capas 54Lock (Bloqueo de capas) 54Delete Selection (Eliminar capas) 54Video 3-01 Capas 54

Actividad 3-01 Recordando: Capas 55Actividad 3-02 Capas reales 56Proyecto 3-01 Usando capas para organizar una ilustracin 57Transform (Panel de Transformacin) 58

Actions (Panel de Acciones) 58Actividad 3-03 Recordando: acciones y transformaciones 59

Align (Panel de Alineacin) 60Appearance (Panel de apariencia) 60Graphic Styles (Panel de estilos grficos) 61Video 3-02 Panel Appearence (Apariencia) 61Proyecto 3-02 Conociendo el panel Apariencias 62Clipping Mask (Mscaras de recorte en las capas) 63Video 3-03 Paneles 63Video 3-04 Mscaras de recorte 65Proyecto 3-03 Ejercicio de recorte de imgenes 65Actividad 3-04 Paneles 67Actividad 3-05 Operaciones con capas 68

TEMAB Agrupar y desagrupar objetos 69Actividad 3-06 Agrupar y desagrupar 69Evaluacin 03 70


6/143

Contenido

Unidad 4 Color 71

TEMAA Color 72La Psicologa del color 72Lmina 4-01 Color 73Actividad 4-01 Comprendiendo el color 74Clasificacin del color 75Actividad 4-02 El color, la luz y el ojo 75El Crculo Cromtico 77Actividad 4-03 Diagramas de color 78Proyecto 4-01 Colores armnicos y complementarios 79Actividad 4-04 Campaa publicitaria de un producto 80Actividad 4-05 alimenticio 80Actividad 4-06 Los modos de color 81Color (Panel de color) 82Swatches (Panel de Muestras) 83Video 4-01 Panel de color 83Evaluacin 04 84

Unidad 5 Paneles de AdobeIllustratorParte 2 85TEMAA Ms paneles 86

Stroke (Panel Trazo) 86Video 5-01 Panel de Trazo 87Brushes (Panel de Pinceles) 88Gradient (Panel de Degradado) 88

Video 5-02 Panel de Pinceles 88Video 5-03 Panel de Degradado 89Proyecto 5-01 Papelera de Identificacin personal 89Actividad 5-01 Identificando paneles 91

TEMAB Logotipos 92Lmina 5-01 Logotipos 92Actividad 5-02 Analizando logotipos 92Proyecto 5-02 Creando un logotipo 94

TEMAC Transparencias 95Transparency (Panel de Transparencia) 95Mscara de opacidad 95Video 5-04 Panel de transparencia y mscara de opacidad 95Proyecto 5-03 Degradado transparente 96Proyecto 5-04 Degradado transparente en fotografas 97Blending Modes (Modos de fusin) 98Lmina 5-02 Blending Modes (Modos de fusin) 98Video 5-05 Blending Modes(Modos de fusin) 99Proyecto 5-05 Conociendo los modos de fusin 99

TEMAD Pathfinder (Buzcatrazos) 100Video 5-06 Pathfinder(Panel buscatrazos) 101Proyecto 5-06 formas compuestas 102


7/143

Contenido

TEMAE Effects (Efectos) 103

Ajustes de los efectos de rastrillado 103Video 5-07 Ajustes de los efectos de rastrillado 103Artistic (Artsticos) 104Blur (Desenfocar) 105Brush Stroke (Trazos de pincel) 105Distort (Distorsin) 106Pixelate (Pixelar) 106Sharpen (Enfocar) 107Sketch (Bosquejar) 107Stylize (Estilizar) 108Texture (Textura) 108Lmina 5-03 Efectos 108Video (Video) 109Proyecto 5-07 Trabajando con efectos 109Evaluacin 05 110

Unidad 6 Elementos de dibujo vectorial 111TEMAA Los elementos del dibujo vectorial 112

Lmina 6-01 Elementos del dibujo vectorial 112Actividad 6-01 Tcnica de puntillismo y lnea 113Actividad 6-02 Los elementos del diseo grfico 113

TEMAB El Espacio 115Proyecto 6-01 Composicin artstica libre 116

Actividad 6-03 Reflexin sobre perspectiva 117Proyecto 6-02 Generando perspectiva 117Proyecto 6-03 Ilustrando una fotografa 118

TEMAC Los smbolos 120Proyecto 6-04 Creando un smbolo 120

TEMAD Organizacin del texto 121Creacin de contornos 121Texto en un trazado 121Proyecto 6-05 Experimentando con texto 122Envolventes 122Proyecto 6-06 Pgina interna de una revista 123

TEMAE Vectores 3D 124Proyecto 6-07 Creando un texto 3D 124

TEMAF Archivos 126Formatos 126Preparando un archivo para imprenta 126Video 6-01 Formatos de archivo 126Lmina 6-02 Principales requisitos y normas de impresin 126Actividad 6-04 Reconociendo formatos 127Evaluacin 06 128


8/143

Recursos

Material Impreso

Recursos Digitales

Este material forma parte de un conjunto de recursos que conforman el Programade Informtica y Tecnologa (PIT). Est organizado en bloques integrales queincluyen todo lo necesario para aprender, practicar y evaluar habilidades ocompetencias. Las explicaciones, imgenes, tablas, actividades, notas y tips,apoyadas con las lminas y tutoriales, permiten integrar la experiencia deaprendizaje desde mltiples perspectivas. As, podemos afirmar que el PIT deGrupo Educare es la mejor manera de aprender haciendo.

Los recursos digitales que acompaa al material impreso contienen videos quete ayudarn a comprender los conceptos y a poner en prctica las habilidadesadquiridas. Adicionalmente encontrars los archivos que se requieren para realizarlas actividades, algunos documentos y aplicaciones tiles. No olvides que losrecursos digitales son parte integral del programa, por lo que es muy importanteque lo conozcas y utilices en el curso.


9/143

T IP

Explicacin Iconogrfica

NOTA

Proyecto

Este icono nos indica un ejercicio que refuerza de manera prctica.

Actividad

Este icono nos indica un ejercicio que refuerza la parte terica deeste material.

Video

Es el material digital de los recursos del programa. La representacinen video de la parte terica.

Lmina de apoyo

La lmina es un recurso del profesor, que sirve como refuerzodinmico e interactivo a un tema denso, que complementa la teoradel material impreso.

Nota

Las notas que vers dentro de tu texto, puntualizan la teora o losaspectos ms importantes de un tema.

Evaluacin

Este icono indica un elemento fundamental del proceso educativoque sirve para valorar el proceso de aprendizaje.

Tip

Es una sugerencia que complementa un tema del material impreso,dando un panorama ms amplio al alumno sobre cmo ejecutaruna actividad de manera ms sencilla y prctica.


10/143

Diseo Vectorial IllustratorCS5Autor:


Unidad 01 Introduccin a Illustrator

Unidad 02 Panel Herramientas

Unidad 03 Paneles de Adobe

Illustrator

Parte 1Unidad 04 Color

Unidad 05 Paneles de Adobe Illustrator Parte 2

Unidad 06 Elementos de dibujo vectorial

NIVEL: Bsico DURACIN SUGERIDA: 40 SESIONES / 45-50 MINUTOS

Propuesta Didctica

Este libro lo integran las siguientes Unidades:

Las propuestas didcticas son flexibles, adaptables a la forma personal detrabajo del maestro y necesidades especficas de cada clase maximizando asel empleo de los recursos disponibles.


11/143

Unidad Tema Subtema Objetivos

II

Diseo Vectorial

IllustratorCS5

1 - Introduccin a Illustrator

Sesiones Sugeridas 5

tema A Introduccin e

Historia

Conocer la historia de

AdobeIllustrator.

tema B Imgenes

vectoriales

Ventajas de los vectores

Desventajas de los

vectores

Conocer las caractersticas

de las imgenes

vectoriales.

tema C Formatos de

archivo

Imgenes de mapa de bits

Conocer los bitmaps y las

diferencias que existen con

las imgenes vectoriales.

tema D Abriendo y creando

un documento nuevo

Conocer las diferentes

maneras para abrir un

archivo, cmo importar

imgenes y la creacin de

un documento nuevo.

tema E Espacio de trabajoLa interfaz y el rea de

trabajo

Conocer el entorno y rea

de trabajo, sus elementosy cmo utilizarlos de

manera ms accesible

para facilitar el trabajo en

ellas.


12/143

CompetenciasActividades sugeridas para el

alumnoTutorial Sugerido Recursos

Propuesta Didct

Describe las diferentes

maneras para abrir un

archivo, cmo importarimgenes y la creacin de un

archivo nuevo.

Lmina 1-01 Historia de

Adobe

Identifica las reas que

conforman el espacio para

facilitar la elaboracin de los

archivos.

Describe la evolucin de

Adobe Illustrator a travs

del tiempo.

Actividad 1-01 Vectores vs.

Bitmaps

Lmina 1-02 Vectores vs.

Bitmaps

Reconoce la diferencia

entre las imgenes de mapa

de bits, de las imgenes

vectoriales, conociendo sus

principales caractersticas.

Actividad 1-02 Reafirmando

conceptos clave y abriendo

archivos

Video 1-01 Abriendo y

creando un documento nuevo

Distingue diferentes

programas que trabajan con

archivos de tipo vectorial y

que es posible modificarlos

con cualquiera de ellos.

Actividad 1-03 Identificandoel espacio de trabajo

Evaluacin 01

Video 1-02 El espacio de

trabajo


13/143


IV

Diseo Vectorial

IllustratorCS5

2 - Panel Herramientas


tema A Panel Herramientas

Herramientas de seleccin

Collor Fill (Relleno) y color

stroke (trazo)

Cmo se usan los

paneles?

Tcnicas de ilustracin conlas herramientas

Herramientas de reforma

Herramienta de pintura

Zonas de selectores de

color

Herramientas de corte

Herramientas de texto

A Identificar cada uno

de los elementos que

conforman el panel

de herramientas, para

conocer su uso al

momento de realizar una

ilustracin, diseo, etc.,

as como conocer los

atajos del teclado que

harn ms rpido y fcil el

proceso.


14/143



Propuesta Didct

Identifica cada una de las

herramientas del panel,

conociendo su uso y la

manera de acceder a ellas de

forma rpida con el teclado.

Actividad 2-01 Investigando

herramientas

Proyecto 2-01 Dibujando

figuras simples para un

diseo

Proyecto 2-02 Agitador de

conciencia social

Proyecto 2-03 Haciendo una

caja de regalo. Parte 1

Actividad 2-02 Identificando

herramientas



Actividad 2-03 Herramientas

de pintura



Proyecto 2-06Creando

grficas

Evaluacin 02

Video 2-01 Herramientas de

seleccin

Video 2-02 Herramientas dedibujo


zoom y desplazamiento

Video 2-04 Color Fill (Relleno)

y Stroke (Trazo)

Video 2-05 Tcnicas de

pluma y lpiz artstico

Video 2-06 Herramientas dereforma


pintura


smbolos


grficas

Video 2-10 Herramientas deSector y Cuchilla


Texto


15/143


VI

Diseo Vectorial

IllustratorCS5

3 - Paneles de AdobeIllustrator Parte 1


tema A Paneles de AdobeIllustrator Parte 1

Navigator (Navegador)

Layers (Panel Capas)

Create new layer (Nueva

capa)

Creacin de templates

(Capas plantila)

Capa activa

Ocultar y mover capas

Lock (Bloque de capas)

Delete selection (Eliminarcapas)

Transform (Panel de

Transformacin)

Actions (Panel Acciones)

Align (Panel Alineacin)

Appearance (Panel

Apariencia)

Graphic Styles (PanelEstilos grficos)

Clipping Mask (Mscaras

de recorte en las capas)

A Identificar cada uno de

los paneles, as como sus

funciones que permiten

trabajar las imgenes,modificarlas, escalarlas,

recortarlas, etc... y cmo

administrarlos en el

espacio de trabajo para

facilitar el proceso del

diseo.

tema B Agrupar y

desagrupar objetos

B Conocer las opciones

para agrupar y desagrupar

objetos.


16/143



V

Propuesta Didct

Identifica los paneles, sus

caractersticas, conocer cmose pueden acomodar, acoplar

para facilitar el trabajo,

as como las funciones de

algunos de ellos.

Actividad 3-01 Recordando

capas

Actividad 3-02 Capas reales

Proyecto 3-01 Usando capas

para organizar una ilustracin

Actividad 3-03 Recordando

acciones y transformaciones

Proyecto 3-02 Conociendo el

panel apariencia

Proyecto 3-03 Ejercicio de

recorte de imgenes

Actividad 3-04 Paneles

Actividad 3-05 Operaciones

con capas

Video 3-01 Capas

Video 3-02 Panel Appearence

(Apariencia)

Video 3-03 Paneles

Video 3-04 Mscaras de

recorte

Identifica que el comando

de agrupar objetos es ms

sencillo el trabajo con

varios objetos, tanto para

desplazarlos, como para

transformarlos.

Actividad 3-06 Agrupar y

desagrupar

Evaluacin 03


17/143


VIII

Diseo Vectorial

IllustratorCS5

4 - Color

Sesiones Sugeridas 5tema A Color

La psicologa del color

Clasificacin del color

El crculo cromtico

Color (Panel Color)

Swatches (Panel Muestras)

Conocer los conceptos

del color. Identificar cada

una de las herramientas

del panel color, as como

ponerlos a la prctica en

diferentes actividades y

proyectos para reafirmar

los conceptos aprendidos.

5 - Paneles de Adobe IllustratorParte 2


tema A Ms paneles

Stroke (Panel Trazo)

Brushes (Panel Pinceles)

Gradient (Panel

Degradado)

Aprender las herramientas

de los paneles para

lograr transparencias,

modos de fusionar

dibujos e imgenes, a

utilizar las mscaras deopacidad, los degradados

de transparencia y los

buscatrazos, ponindolos

en prctica en diferentes

ejercicios de la unidad.

tema B Logotipos

Aplicar los conceptos

aprendidos para la

creacin de un logotipo,

utilizando las herramientascontenidas en esta unidad.


18/143



Propuesta Didct

Reconoce y comprende

el concepto de color, su

clasificacin, psicologa y su

uso; as como a identificar los

elementos que componen el

panel y los diferentes modos

de color.

Actividad 4-01

Comprendiendo el color

Actividad 4-02 El color, la luzy el ojo

Actividad 4-03 Diagramas de

color

Proyecto 4-01 Creando un

mural con colores armnicos

Actividad 4-04 Campaa

publicitaria de producto

alimenticio

Actividad 4-05 Los modos de

color

Evaluacin 04

Video 4-01 Panel de color Lmina 4-01 Color

Identifica cada una de las

herramientas de diferentes

paneles y reforzando los

conocimientos adquiridos a

travs de la realizacin de

diferentes ejercicios.

Proyecto 5-01 Papelera de

identificacin personal

Actividad 5-01 Identificando

paneles

Video 5-01 Panel Trazo

Video 5-02 Panel Pinceles

Crea un logotipo utilizando

las herramientas de Adobe

Illustrator basndonos en

los conceptos explicados enesta unidad.

Lmina 5-01 Logotipos

Actividad 5-02 Analizando

logotipos


logotipo


19/143


X

Diseo Vectorial

IllustratorCS5

Cont. Unidad 5

tema C Transparencias

Transparency (Panel

Transparencia)

Mscara de opacidad

Blending modes (Modos

de fusin)

Conocer el concepto de

transparencia al efectuar

cambios en parmetrosde los paneles y aplicar

modos de fusin en

composiciones.

tema D Pathfinder

(Buzcatrazos)

Comparar las opciones

del panel Pathfinder

(Buscatrazos), con

funciones matemticas

para crear figuras

complejas con objetos

simples

tema E Effects (Efectos)

Ajustes de los efectos de

rastrillado

Artistic (Artsticos)

Blur (Desenfocar)

Brush Stroke (Trazos de

Pincel)

Distort (Distorsin)

Pixelate (Pixelar)

Sharpen (Enfocar)

Sketch (Bosquejar)

Stylize (Estilizar)

Texture (Textura)

Video (Video)

Comprender cada uno delos efectos que maneja

Adobe Illustrator para

saber cundo aplicar cada

uno segn el trabajo que

se est realizando.


20/143



Propuesta Didct

Emplea las herramientas

de los paneles, a aplicar

transparencias, mscarasde opacidad, degradados de

transparencia, los diferentes

modos de fusin.

Proyecto 5-03 Degradado

transparente

Proyecto 5-04 Degradadotransparente en fotografas

Proyecto 5-05 Conociendo los

Modos de fusin

Video 5-03 Panel

Transparencia y Panel

Opacidad

Video 5-04 Blending Modes

(Modos de fusin)

Lmina 5-02 Blending Mod(Modos de fusin)

Realiza diferentes

combinaciones de objetos por

medio del panel buscatrazos

a travs de la realizacin

de diferentes ejercicios

reafirmando los conceptos

aprendidos.

Proyecto 5-06 Combinacin

de objetos para crear formas

compuestas

Video 5-05 Pathfinder (Panel

Buzcatrazos)

Aplica cada uno de los

efectos de Adobe

Illustrator para conocer sus

caractersticas.

Proyecto 5-07 Trabajando con

efectos

Evaluacin 05

Video 5-06 Ajustes de los

efectos de rastrilladoLmina 5-03 Efectos


21/143


XII

Diseo Vectorial

IllustratorCS5

6 - Elementos de dibujovectorial


tema A Los elementos deldibujo vectorial

Comprender los elementos

del dibujo vectorial

aplicando conceptos comopuntillismo, lnea, ritmo,

contorno y forma al crear

composiciones.

tema B El espacio

Definir el concepto de

espacio al analizar la

relacin que existe entre

los objetos de un plano

bsico.

tema C Los Smbolos

Identificar lo que es un

smbolo, cmo crearlos y

guardarlos en la librera de

Illustrator.

tema D Organizacin del

texto

Creacin de contornos

Texto en un trazado

Envolventes

Utilizar herramientas para

deformar el texto pormedio de envolventes

y ajustar el texto a un

trazado.

tema E Vectores 3DAprender a crear

elementos con efectos 3D.

tema F Archivos

Formatos

Preparando un archivo

para imprenta

Identificar y describir los

formatos en que pueden

guardarse los archivoscreados en Illustrator

dependiendo el tipo de

salida que tendrn.


22/143



X

Propuesta Didct

Reconoce los principales

elementos que componen

una ilustracin vectorial

para crear composicin que

integren estos elementos.

Actividad 6-01 Tcnica de

puntillismo y lnea

Actividad 6-02 Los elementos

del diseo grfico

Lmina 6-01 Los elementosdel dibujo vectorial

Identifica la relacin de los

elementos con el plano y de

los elementos entre s.

Proyecto 6-01 Composicin

artstica libre

Actividad 6-03 Reflexin sobre

perspectiva

Proyecto 6-02 Generando

perspectiva

Proyecto 6-03 Ilustrando una

fotografa

Reconoce lo que es un

smbolo, aprender a crearlos

y guardarlos en la librera de

Illustrator.


smbolo

Define los tres tipos de

fuentes, aplicar envolventesa texto para crear efectos en

texto y que es posible acoplar

texto en un trazo.

Proyecto 6-05

Experimentando con texto

Proyecto 6-06 Pgina Interna

de una revista

Crea elementos con efectos

de 3D.


texto 3D

Describe cada uno de

los formatos en que se

pueden guardar los archivosgenerados en Illustrator

segn el uso que se les dar

al final.

Actividad 6-04 Reconociendo

formatos

Evaluacin 06

Video 6-01 Formatos deArchivos

Lmina 6-02 Principales

requisitos y normas deimpresin


23/143

XIV


Inventario de habilidades

Habilidad 1 2 3 4 5

Reconocer diferencias entre mapa de bits y vector.

Listar las caracteristicas de las imgenes vectoriales.

Reconocer el espacio de trabajo de Illustrator.

Abrir y guardar archivos en Illsutrator .

Diferenciar Color de Relleno y Color de Trazo.

Modificar una seleccion.

Crear capas.

Modificar el tamao de un objeto.

Emplear el panel buzcatrazos.

Utilizar las herramientas de alineacin.

Emplear smbolos de Illustrator.

Agrupar y desabrupar objetos.

Organizar texto en Illustrator.

Optimizar archivos para la Web o medio impreso.

Diferenciar los modos de color RGB y CMYK.

Aplicar efectos en Illustrator.

Configurar ajustes de los efectos de rastrillado.

Aplicacin de filtros a una fotografa.

Utilizar mscara de opacidad.

Crear composiciones con ritmo y forma.

Este inventario se emplea para medir las habilidades de los alumnos que inicianel curso. Esto no es una prueba, es un indicador que va del 1 al 5, dnde unoestablece poco o nulo conocimiento del tema por parte del alumno y cinco queest completamente familiarizado con el mismo.


24/143

Diseo Vectorial IllustratorCS5

Autor:


A Conocer la historia de AdobeIllustrator.

B Conocer las caractersticas de las imgenes vectoriales.

C Conocer los bitmaps y las diferencias que existen con las imgenes vectoriales.

D Conocer las diferentes maneras para abrir un archivo, cmo importarimgenes y la creacin de un documento nuevo.

E Conocer el entorno y rea de trabajo, sus elementos y cmo utilizarlos demanera ms accesible para facilitar el trabajo en ellas.


Unidad 01 Introduccin aI l lustrator

Durante el desarrollo de esta unidad aprenders a:

Adobe Ilustrador es un programa de creacin y manipulacin vectorial. Fuelanzado al mercado en marzo 19 de 1987, bajo la versin Adobe Illustrator 1.1,exclusivamente para sistema Macintosh. Los formatos nativos de Illustrator son:.FXG, .AI, .PDF, .EPS, .AIT, .SVG y .SVGZ.


25/143

10

Diseo Vectorial

IllustratorCS5

El programa de Adobe Illustrator naci en 1987 junto con la tecnologa de Apple y unaimpresora llamada LaserWriter, la cual manejaba un nuevo formato de archivo grfico conocido

como PostScript. En su primera versin, lo que se creaba con Illustratorslo se poda imprimiren esa impresora, lo que era una gran limitante para la comercializacin del programa.

El usuario poda trabajar congrficos monocromticos (un solocolor) y una resolucin de pantallade 512 x 387 pxeles. El elementoprimordial del documento eranlas curvas de Bzier, utilizadas

para crear lneas, arcos y figurastrigonomtricas.

Imagen 1-1: Impresora AppleLaserWritter

Actualmente, Adobe Illustrator es una aplicacin de software de diseo grfico, que proporcionala libertad creativa que se necesita para materializar ideas de forma rpida y eficaz. Illustratorha definido por muchos aos el lenguaje grfico contemporneo mediante el dibujo vectorial.Las mentes ms creativas en el mundo de las artes grficas, utilizan Illustrator para pintar,

trazar, reproducir y automatizar diseos de todo tipo. Adems, gracias a la integracin con otrosprogramas, permite producir extraordinarios grficos para formato impreso, video, internet ydispositivos mviles.

Imagen 1-2: Ejemplo de trazo en Illustrator

1-01LMINA Historia de Adobe

TEMAA Introduccin e historia


26/143

Introduccin a Illustra

Recuerdas que en las clases de fsica se estudian los vectores? En diseo grfico, un vecest constituido por una serie de puntos y lneas, rectas o curvas, definidas matemticamen

Las caractersticas de un vector son las siguientes:

Tienen una lnea de contorno (tambin llamado trazo) y un color de relleno. Lcaractersticas del contorno y del relleno se pueden cambiar en cualquier momen

Los vectores se pueden agrupar, separar, recortar, intersectar y relacionar con otvectores en el dibujo.

Cada vector se manipula por separado del resto de los objetos. Se puede ordende cualquier manera y modificar sin afectar otros vectores.

TEMAB Imgenes Vectoriales

Imagen 1-3: Ejemplo ojo vectorizado

Para comprender mejor por qu se les llamavectores a estos objetos, primero recuerdaque, en geometra, un punto del plano sepuede definir por sus coordenadas y dospuntos cualesquiera se pueden unir medianteuna lnea recta.

Si en lugar de unir dos puntos con unarecta, se hace con una curva, los puntos sedenominan nodos o puntos de anclaje. Laforma de la curva (suave o pronunciada), sedefine por otros puntos invisibles en el dibujo

llamados puntos de control, manejadores omanecillas.

Cualquier forma abierta o cerrada como un polgono, rectngulo, elipse o una curva irregulse basa en nodos y puntos de control. Para rellenar un grfico vectorial, es necesario que puntos estn unidos formando una lnea cerrada.

Los contornos o trazos pueden ser delgados o gruesos y tener una forma determinada. Epermite crear dibujos lineales o creaciones artsticas con un contorno caligrfico.

Ventajas de los Vectores

No importa el tamao en el que se dibuje o despliegue un vector: siempre aparecer cla misma nitidez y calidad al escalarlo (hacerlo ms pequeo o ms grande), tanto enpantalla como en la impresin.

Cada objeto est definido por frmulas matemticas independientes al resto de los demPuede escalarse, distorsionarse, cambiar de forma o resituarse sin afectar a los otelementos del dibujo.


27/143

12

Diseo Vectorial

IllustratorCS5

Se puede controlar con gran precisin la forma, orientacin y orden de los elementos.

Las imgenes vectoriales no estn limitadas a un rea rectangular como los mapas de bits.

Cualquier cambio que se aplique a los objetos puede modificarse en cualquier momento: eldibujo siempre es editable.

Se puede reutilizar un dibujo vectorial o parte de l en otros proyectos.

El peso del archivo es muy reducido, dado que no se almacena informacin para definir cadapunto de la pantalla.

Permite trabajar con texto sin limitaciones.

Imagen 1-4: Fotografa en mapa de bits

Imagen 1-5: Imagen vectorizada

Desventajas de los Vectores

Los grficos vectoriales no pueden producir imgenes fotogrficas realistas, ya que estn hechosde reas de color slido o degradado y no pueden representar los tonos continuos de unafotografa. Por eso la mayora de las imgenes vectoriales tienen una apariencia de caricatura.

Los vectores son de aspecto fro, con un contorno o trazo perfecto, sin naturalidad.

Un uso frecuente que se da a la conversin de mapas de bits a vectores, es la necesidad depublicarlos en web. Los formatos ms comunes y aceptados para la imagen vectorial en web sonel ShockwaveFlash(SWF) y PNG.


28/143


Existen diferentes aplicaciones que trabajan con archivos de tipo vectorial, como AdobeIllustrato

CorelDraw , Macromedia Freehand o Xara X . Aunque cada aplicacin maneja sus formade archivo nativos, en general es posible abrir y modificar los grficos creados en una aplicaciutilizando otra aplicacin.

Los formatos de archivo nativos principales reconocidos por otras aplicaciones son:

AdobeIllustrator(AI) CorelDraw (CDR) CorelExchange (CMX) Computer Graphics Metafile (CGM) Macromedia Freehand (FH)

Auto CAD

(DXF)Imgenes de mapa de bits

Las imgenes de mapa de bits o bitmaps estn compuestas por pxeles. Los pxeles son elementos mnimos de imagen.

Un mapa de bits es una cuadrcula de esos pequepuntos individuales de color, que estn ordenadde una forma determinada para definir un patrformar la imagen que observas en pantalla.

Las imgenes bitmap dependen de la resolucin,decir, del nmero de pxeles que existen en un determinada. La resolucin se mide en dpi (dots pinch) o puntos por pulgada.

Debido a que los mapas de bits dependen de la resolucin, es difcil incrementar o disminuir tamao sin reducir la calidad de la imagen.

Cuando se hace ms pequea una imagen bitmap,

se eliminan pxeles y cuando se hace ms grande, secrean nuevos pxeles.

As, cuando se crean nuevos pxeles, el programa deedicin que se est utilizando, estima el valor del colorde los nuevos pxeles basado en los ya existentes. Elresultado siempre es una calidad reducida.

TEMAC Formatos de archivo

Imagen 1-6: Acercamiento imagen mapa de bits

Imagen 1-7: Imagen de mapa de bits


29/143

14

Diseo Vectorial

IllustratorCS5

Imagen 1-8: Imagen en baja resolucin

Vectores vs. Bitmaps1-01

ACTIVIDAD

1. Un mapa de bits (bitmap) est formado por una matriz o arreglo de puntos, cada uno deellos con caractersticas diferentes como color, intensidad y posicin.

a. Verdaderob. Falso

2. Por su capacidad para almacenar grandes cantidades de colores y detalles, se usa paramanipular fotografas.

a. Vectorb. Bitmap

3. Est formado por puntos o pxeles y un acercamiento disminuye la calidad.

a. Vectorb. Bitmap

1-02LMINA Vectores vs. Bitmaps

Los bitmaps pueden modificarse con programas tales como: Microsoft Paint, AdobePhotoshop, CorelPhoto Paint, Jasc Paint Shop Proy Unlead Photoimpact.

Imagen 1-9: Imagen en alta resolucin


30/143


4. Un vector se define por medio de una serie de puntos de control o nodos, que se combinpara formar curvas de diferente extensin y diversos atributos.

a. Verdadero

b. Falso

5. Generalmente se usan para grficas, dibujos sencillos y de colores simples. En diseeditorial son muy populares como Clipart.

a. Vectorb. Bitmap

6. Qu es un vector?

7. Qu es un pxel?

8. Dibuja un pxel.

9. Qu es un mapa de bits?

10. En el espacio en blanco especifica si estamos hablando de un vector o de un mapa de b

No importa el tamao al que se dibuje, siempre tendrla misma nitidez y calidad al escalarlo.

Se controla de manera precisa la forma, orientacin y

orden de los elementos. Depende de la resolucin y es difcil incrementar o

disminuir el tamao sin perder calidad.

Pierde pxeles si se hace ms pequeo.

El tamao del archivo es muy compacto.

Un vector es una serie de puntos y lneas, rectas o curvas, definidas matemti

camente.

Los pxeles son elementos mnimos de una imagen de mapa de bits.

Es una cuadrcula de pequeos puntos individuales de color, ordenados paradefinir un patrn y formar la imagen.

Vector

Vector

Mapa de bits

Mapa de bits

Vector


31/143

16

Diseo Vectorial

IllustratorCS5

Imagen 1-10: Cuadro de dilogo para crear un documento nuevo.

TEMAD Abriendo y creando un documento nuevo

Una vez abierto AdobeIllustrator, para crear un nuevo documento utiliza el men File/New

(Archivo/Nuevo) o la combinacin de teclas . Aparecer una ventana de dilogo enla que debes especificar varios parmetros:

1. Name(Nombre del documento): El ttulo que quieras dar al archivo.

2. New Document Profile (Nuevo perfil de documento): Se pueden crear documentosdestinados a diferentes tipos de salida, dependiendo del uso que se le dar al archivo,puede ser para imprimir, para la web, etc. Cada perfil incluye valores predeterminados parael tamao, el modo en color, unidades, orientacin, transparencia y la resolucin.

3. Artboards(Mesa de trabajo): Nmero de espacios de trabajo a utilizar.

4. Spacing(Espacio): Es el espacio que se tendr entre las mesas de trabajo.

5.

Columns and Rows(Columnas y filas): Estos iconos sirven para acomodar nuestras mesasde trabajo por columnas o filas y si quieren comenzar a trabajar de derecha a izquierda oviceversa.

6. Units (Unidades del documento): Puedes definir las medidas de la mesa de trabajo enpuntos (unidad utilizada en tipografa que equivale a 1/72 de pulgada), picas (equivale a12 puntos), pulgadas, milmetros, centmetros o pxeles.

1

5

6

2

3

4

7

9

8

14

10

15

11

13

12


32/143


7. Size(Tamao del documento): Elige el formato que requieras, dependiendo del tama

y la forma de la mesa de trabajo que se va a realizar. Los formatos ms comunes endiseo impreso son el tamao Letter(Carta), el Legal (Oficio) y el Tabloid (Doble cartPara el diseo Web el formato ms utilizado es el de 800 x 600 pxeles (para pginas wey 480 x 60 pxeles (para banners).

8. Width(Ancho del documento): Puedes definir el ancho de la mesa de trabajo manualmensi no deseas utilizar las medidas del tipo de la mesa de trabajo elegida.

9. Height(Alto del documento): Puedes definir el alto de la mesa de trabajo manualmenteno deseas utilizar las medidas del tipo de la mesa elegida.

10.

Orientation(Orientacin): Las dos opciones que direccionan la mesa de trabajo en forvertical u horizontal.

11. Bleed (Sangrado): Es la cantidad de material grfico que queda fuera del rea de impresieste material son las franjas, fondos, fotografas, etc., que quedan rebasadas del tamade la mesa de trabajo y que sern cortadas cuando se encuentren impresas.

12. Color Mode(Modos de color): Hay dos modos de color para trabajar en la aplicacin:

CMYK Color(Cyan, Magenta, Yellow, Black): Se usa para trabajar con imgenque se destinarn a impresin.

RGB Color (Red, Green, Blue): Se utiliza para imgenes que slo se vern pantalla.

13. Raster Effects (Efectos de rasterizado): Especifica la resolucin de los efectos de rasterizadel documento. Son efectos que generan pxeles en lugar de datos vectoriales.

14. Preview Mode (Modo de vista previa): Permite ver en diferentes maneras cmo lucnuestro documento. Tiene 3 opciones: Default (Por defecto): El diseo creado en vectose ver en full color, el zoom in/out conserva la suavidad en las curvas. Pixel (Viprevia de pxel): Rejilla que se observa con el zoom al 600%. Overprint(Vista previa impresin): Permite ver colores con anticipacin, impresiones y modos que se mezc

para saber cmo se vern al imprimirse el archivo.15. Si se selecciona, los nuevos objetos se alinearn en la rejilla del pxel.


33/143

18

Diseo Vectorial

IllustratorCS5

Imagen 1-11: Cuadro de dilogo para acomodar una imagen.

Vnculo

Tipo de documento

Plantilla

Reemplazo deldocumento

Acomodar

Nombre del documento

Abrir archivos

Los objetos vectoriales e imgenes ya existentes se abren y se importan en varios formatos dearchivo. Para abrir un archivo:

1. Selecciona el men File/Open(Archivo/Abrir) o la combinacin de teclas .

2. Selecciona el archivo que quieres abrir. Si el archivo no aparece, selecciona la opcin AllDocuments (Todos los archivos) en el men emergente del tipo de archivo.

3. Haz clic en Open (Abrir). En algunos casos aparece un cuadro de dilogo que permiteconfigurar opciones especficas de algn formato.

Si ya ests trabajando en un documento y deseas incluir un archivo externo en l, puedesutilizar el men File/Place(Archivo/Acomodar). El cuadro de dilogo que se muestra es muy

similar al de Open(Abrir), pero adems debes especificar alguno de los campos que aparecenen la parte inferior: Link (Link o vnculo), Template (Plantilla) y Replace(Reemplazo).

Debes seleccionar la opcinLink (Vnculo), para que la imagen se abra dentro del archivo conun tamao mucho menor al que tena originalmente.

1-01VIDEO Abriendo y creando un documento nuevo

Puedes importar imgenes al programa desde bancos de imgenes, PDFs, clipart, dibujos

vectoriales de Freehand

y Corel

Draw

, escaneos de fotografas, transparencias, negativos ygrficos, entre otros.


34/143


Reafirmando conceptos clave

y abriendo archivos1-02

ACTIVIDAD

1. Describe lo que entiendes para cada uno de estos conceptos de Illustrator:

a. Picas

b. Orientacin del documento

c. CMYK

2. Inicia AdobeIllustratory abre los siguientes archivos que se encuentran en los RecursDigitales:

a. Utilizando el cuadro de dilogo de inicio, abre los documentos Vector1.ai,Vectoai yVector3.ai.

b. En el mismo documento coloca el archivo Vector4.aiyVector5.ai,utilizando el meFile/Place (Archivo/Acomodar).

c. Utiliza cualquier mtodo para abrir los archivos Vector6.aiy Vector7.ai.

3. Observa con atencin las caractersticas comunes de los archivos en el estilo que representla calidad y sensaciones que transmiten. Qu caractersticas tienen los grficos vectoriale

Sistema de medicin para calcular el tamao de la letra.

Si el documento es horizontal o vertical.

Son cuatro colores: cyan, magenta, amarillo y negro. Son los colores deimpresin.

Tienen una lnea de contorno o trazo.Tienen color de relleno.Se pueden agrupar entre s.Se pueden relacionar con otros vectores.


35/143

20

Diseo Vectorial

IllustratorCS5

Imagen 1-12: Espacio de trabajo de Illustrator

TEMAE Espacio de trabajo

Al iniciar AdobeIllustrator vers la siguiente ventana de trabajo. Los elementos que componenla pantalla de trabajo son los siguientes:

1. Barra de aplicacin. Contiene un conmutador de espacio de trabajo, mens y otroscontroles de la aplicacin. Tambin contiene la barra de mens que da detalle de todaslas operaciones que se le pueden hacer a la mesa de trabajo o al programa.

2. Panel de control. Muestra opciones especficas de la herramienta seleccionada en elmomento.

3. Panel herramientas. Incluye utilidades para crear, modificar, vectorizar y editar imgenes,ilustraciones, elementos de pgina, etc. Las herramientas relacionadas estn agrupadas.

4. Paneles. Ayudan a controlar y modificar el trabajo. Permiten trabajar con los distintos

6

3

1

2

4

5


36/143


La interfaz y el rea de trabajo

En AdobeIllustratorel rea de trabajo de un documento ocupa todo el espacio dentro deventana de la aplicacin. El rea de trabajo se divide de la siguiente forma:

rea de imagen (A): El rea de imagen est delimitada por las lneas puntead

internas y es la seccin de la pgina destinada a la impresin. Slo lo que esdentro de esta rea saldr en la impresin, aunque debes recordar que la mayode las impresoras no pueden imprimir tan cerca del borde del papel.

rea no imprimible (B):Es el rea que est situada fuera de las lneas punteadrepresentando el lmite no imprimible del documento.

Borde de la pgina (C): El borde de la pgina est delimitado por las lne

aspectos de un documento como son las capas, los colores, el buscador de trazos, smbolos, las acciones y la transformacin, entre otros. Los paneles se pueden agrupapilar o acoplar. Si mueve alguno de sus elementos o si cambia su tamao, todos

elementos que integra responden en consecuencia para evitar su superposicin.

5. rea de Trabajo. Contiene el espacio donde se crean los grficos.

6. Ventanas de documento en forma de fichas. Muestra el archivo en el que se trabaja. ventanas de documento se pueden organizar como fichas y en ciertos casos se puedagrupar y acoplar.

7. Conmutador de espacio de trabajo. En el se muestran los nombres de los espacios trabajo predeterminados y personalizados. Al seleccionar algn nombre de la lista,acomodo de los elementos se modificar segn la configuracin establecida.

Cualquier disposicin de estos elementos se denomina espacio de trabajo.

TIP Como el espacio de trabajo es personalizable,es recomendable utilizar la distribucinpredeterminada mientras te familiarizascon la aplicacin. Utiliza el men Window/Workspace/Essentials(Ventana/Espacio detrabajo/Objetos esenciales).


37/143

22

Diseo Vectorial

IllustratorCS5

Imagen 1-13: Espacio de trabajo.

EB

D

A

C

1-02VIDEO El espacio de trabajo

continuas externas del documento.

Mesa de trabajo (D): La mesa de trabajo est limitada por las lneas punteadas

y concentra la regin que contiene las imgenes a imprimirse. La mesa de trabajotiene el mismo tamao que el rea de imagen (A), pero la puedes aumentar oreducir.

rea de pruebas (E): El rea de pruebas es la parte que queda por fuera de lamesa de trabajo y que se extiende hasta el borde de la ventana. El rea de pruebasrepresenta un espacio donde se pueden crear, editar y almacenar elementosvectoriales antes de colocarlos en la mesa de trabajo. Los objetos colocados en elrea de pruebas se vern en la pantalla, pero no se imprimirn.

T IP Para ver todas las reas en Illustratorpuedes utilizar el men View/Show PrintTiling (Ver/Mostrar margen de pgina).Si el margen est oculto, no se vern laslneas punteadas que delimitan el reaimprimible.


38/143


Identificando el espacio de trabajo

En equipos de 2 a 4 personas y en medio pliego de papel bond o cartulina, dibujen las rque conforman el espacio de trabajo Essentials de AdobeIllustrator. Utilicen colores, papde color, revistas, peridicos, plumones, textos de computadora o imgenes de internet. Seacada parte del espacio de trabajo y anoten la funcin de cada una de ellas.

Barra de mens Barra de opciones Barra de estado Barra de herramientas

PanelesIncluye en tu trabajo los siguientes elementos del espacio de trabajo:

rea de imagen rea no imprimible Borde de la pgina Mesa de trabajo rea de pruebas

Escribe una e si se trata de un espacio de trabajo o una a si es el rea de trabajo secorresponda en cada una de las siguientes afrimaciones.

El rea de pruebas es la parte exterior de la mesa de trabajo que se extiende hasta borde de la ventana.

El rea de imagen es imprimible.

Los paneles sirven para cambiar aspectos de los elementos del archivo.

La barra de estado proporciona informacin como el tamao del archivo que se esttrabajando.

1-03

ACTIVIDAD

A

A

E

E


39/143

24

Diseo Vectorial

IllustratorCS5

Qu aprendiste?

TEMA A: A conocer las diferentes maneras para abrir un archivo, cmo importar imgenes yla creacin de un archivo nuevo.

TEMA B: A conocer las reas que conforman el espacio para facilitar la elaboracin de losarchivos.

TEMA C: La evolucin de AdobeIllustratora travs del tiempo.

TEMA D: A diferenciar las imgenes de mapa de bits, de las imgenes vectoriales, conociendosus principales caractersticas.

TEMA E: Que existen diferentes programas que trabajan con archivos de tipo vectorial y quees posible modificarlos con cualquiera de ellos.

01

EVALUACIN

Contesta las preguntas correctamente.

1. En qu ao naci Adobe Illustrator?

2. Menciona dos maneras diferentes de iniciar un documento.

3. Qu es el espacio de trabajo?

4. Explica brevemente, qu es una mesa de trabajo?

1. Desde la ventana de bienvenida, dando click en el icono nuevo documento.2. Desde el men File/New (Archivo/Nuevo)

El espacio de trabajo contiene todos los elementos que componen la pantallade trabajo, barras, mens y paneles.

La mesa de trabajo est limitada por las lneas punteadas y concentra la reginque contiene las imgenes a imprimirse. La mesa de trabajo tiene el mismotamao que el rea de imagen pero la puedes aumentar o reducir.

Adobe Illustrator naci en 1987.


40/143

Diseo Vectorial IllustratorCS5

Autor:


A Identificar cada uno de los elementos que conforman el panel deherramientas, para conocer su uso al momento de realizar una ilustracin,diseo, etc., as como conocer los atajos del teclado que harn ms rpidoy fcil el proceso.


Unidad 02 PanelHerramientas

Durante el desarrollo de esta unidad aprenders a:

En 1987, Adobe Illustrator contaba con slo 13 herramientas y slo 5 mens. Laversin cs5 tiene 28 herramientas en panel, ms 55 ocultas y 9 mens. Puedenagregarse herramientas especficas a travs de un Plug in.


41/143

26

Diseo Vectorial

IllustratorCS5

Este panel agrupa las herramientas que te ayudarn a realizar tus actividades dentrodel programa. Las herramientas de AdobeIllustratorestn comnmente agrupadasen el lado izquierdo de la ventana de aplicacin. Aunque el panel herramientas sepuede mover, es recomendable tenerlo siempre visible en esta zona de la pantalla.

Las herramientas estn representadas por iconos. Hay algunas herramientas queincluyen un men lateral, que se identifica por un pequeo tringulo de color negroen la esquina inferior derecha del botn de la herramienta. Para desplegar ese men,debes mantener un clic sostenido sobre el botn de la herramienta.

Las herramientas se clasifican en grupos de acuerdo a la funcin que desempean

dentro de la aplicacin. El uso detallado de las herramientas se ve en las actividades,pero a continuacin se describe cada herramienta de forma general para que lasutilices cuanto antes.

En las siguientes tablas, las herramientas que estn en Negritas comparten elmismo botn (botones con tringulo negro en la esquina inferior derecha) con lasherramientas que siguen debajo y que estn en letra normal. Recuerda que debeshacer un clic sostenido sobre la herramienta actual, para tener acceso a las otrasherramientas incluidas en un botn.

TIPSi el panel herramientas estoculto, mustralo con el menWindow/Tools (Ventana/Herra-mientas).

Imagen 2-1: Panel Herramientas

TEMAA Panel Herramientas


42/143

Panel Herramien

Herramientas de

SeleccinAtajo Funcin Image

Herramienta de seleccinSelection

Selecciona y mueve los objetos.

Seleccin DirectaDirect Selection

Selecciona puntos o nodos de unobjeto para manipularlo.

Seleccin de GruposGroup Selection

Permite seleccionar como grupolos elementos que conforman a unobjeto.

Varita MgicaMagic Wand

Selecciona vectores que seencuentran dentro de un rango decolor parecido al vector elegido.

Herramienta de lazoLasso

Permite seleccionar libremente reasde la imagen.

Mesa de TrabajoArtboard

Crea mesas de trabajoindependientes para la impresin ola exportacin.

2-01VIDEO Herramientas de SeleccinHerramientas

de DibujoAtajo Funcin Imagen

PlumaPen

Dibuja lneas rectas y curvas para crearobjetos.

Aadir punto de anclaAdd Anchor Point

Agrega puntos de ancla a trazos.

Eliminar punto de anclaDelete Anchor Point

Elimina puntos de ancla de los trazos.

Convertir punto de anclaConvert Anchor Point

Cambia vrtices redondeados a vrticescuadrados y viceversa.


43/143

28

Diseo Vectorial

IllustratorCS5

Herramientas

de DibujoAtajo Funcin Imagen

Segmento de lneaLiner Segment Dibuja segmentos de lnea rectosindividuales.

ArcoArc

Dibuja segmentos de curva cncavos yconvexos individuales.

EspiralSpiral

Dibuja espirales en ambos sentidos.

Cuadrcula rectangularRectangular Grid

Dibuja cuadrculas rectangulares.

Cuadrcula polar

Polar Grid

Dibuja cuadrculas de grficas

circulares.RectnguloRectangle

Dibuja cuadrados y rectngulos.

Rectngulo redondeadoRounded Rectangle

Dibuja cuadrados y rectngulos convrtices redondeados.

ElipseElipse

Dibuja crculos y elipses.

PolgonoPolygon

Dibuja formas regulares de varios lados.

EstrellaStar Dibuja estrellas.

DestelloFlare

Crea efectos de destello de una lente osolar.

LpizPencil

Dibuja y modifica lneas a mano alzada.

SuavizarSmooth

Suaviza las curvas Bzier.

Borrador de trazos

Path Eraser

Borra trazados y puntos de ancla del

objeto.Cuadrcula de perspectivaPerspective Grid

Permite crear e interpretar ilustracionesen perspectiva.

Seleccin de perspectivaPerspective Selection

Permite colocar objetos, texto ysmbolos en perspectiva, mover objetosen perspectiva y mover objetos enperpendicular a su direccin actual.


44/143

Panel Herramien

2-02VIDEO Herramientas de Dibujo

Herramientas

de Zoom y

Desplazamiento

Atajo Funcin Imagen

Mano

Hand

Mueve la mesa de trabajo dentro de la

ventana de ilustracin.

Segmentacin de impresinPrint Tiling

Ajusta la cuadrcula de la pgina paracontrolar dnde aparece la ilustracin en lapgina impresa.

ZoomZoom

Aumenta y reduce la ampliacin de la vistadel documento.

Herramientas

de VisualizacinAtajo Funcin Imagen

Opciones de VisualizacinModo NormalNormal Screen Mode

Pantalla completa con mensFull Screen Mode with Menu Bar

Pantalla completaFull Screen Mode

2-03VIDEO Herramientas de zoom y desplazamiento


45/143

30

Diseo Vectorial

IllustratorCS5

2-01

ACTIVIDAD

Contesta las siguientes preguntas. Si tienes dudas puedes consultar la ayuda del programa o bienprobar las herramientas en un documento.

1. Para qu sirve la herramienta Hand (Mano)?

2. Para qu sirve la herramienta Zoom(Zoom)?

3. Qu tecla debe presionarse simultneamente con la herramienta Zoom para hacer unalejamiento?

4. Explica en qu consiste cada uno de los tres modos de visualizacin de un documento de

AdobeIllustrator

Investigando herramientas

Color Fill (Relleno) y Color Stroke (Trazo)

En la parte inferior del panel herramientas, siempre hay visibles dos cuadros grandes de colorllamados selectores de color.Estos cuadros corresponden a los colores de relleno y de trazoactivo. Para cambiar cualquiera de estos colores, basta hacer doble clic sobre alguno de losselectores y elegir un color del panel Picker (Seleccin color).

Los objetos que se dibujen utilizarn los colores activos. Tambin puedes utilizar los selectoresde color para modificar el color de cualquier objeto seleccionado.

La herramienta Mano sirve para mover la ventana de trabajo de la aplicacin.

La herramienta Zoom sirve para alejar o acercar la vista de una imagen.

Se debe presionar simultneamente con la herramienta zoom para hacerun alejamiento

Modo Standard: Este modo muestra todos los mens de la aplicacin.Modo Visualizacin pantalla completa con mens: Este modo muestra el reade trabajo completo con los mens de la aplicacin.Modo pantalla completa: Muestra la pantalla completa sin barra de menspero con las paletas y herramientas visibles.


46/143

Panel Herramien

Color de relleno

Color ()

Color de trazo

T IP Para intercambiar los colores de rellenoy de trazo, haz click sobre el icono dedoble flecha. As, haces que elcolor que se encontraba en el recuadrodel trazo pase al frente como color derelleno.

Imagen 2-2: Selector de color.

Cmo se usan los paneles?

Los paneles de AdobeIllustratorson pequeas cajas que contienen opciones y comandpara controlar, modificar y mejorar las ilustraciones. Los paneles se pueden mover, agrupamostrar y ocultar para organizar el espacio de trabajo a cada necesidad. Recuerda que siemppuedes volver al espacio de trabajo predeterminado utilizando el men Window/WorkspacEssentials (Ventana/Espacio de trabajo/Objetos esenciales).

Para separar un panel que est agrupado conotros, basta arrastrarla desde la ficha donde seencuentra su nombre. El procedimiento inverso sepuede usar para agrupar dos o ms paneles enuna sola caja.

Todos los paneles se pueden mostrar desde elmen Window (Ventana), donde los panelesvisibles en ese momento aparecen sealados.

Imagen 2-3: Panel Color

2-04VIDEO Color Fill (Relleno) y Stroke (Trazo)


47/143

32

Diseo Vectorial

IllustratorCS5

T IP Para visualizar las opciones de panelhaz clic en el botn situado en

la esquina superior derecha. Se puedeabrir un men de panel incluso cuandoel panel est minimizado.

1. Inicia un documento con las siguientes caractersticas:

Size(Tamao): Letter (Carta) Units(Unidad): Centimeters(Centmetros) Orientation(Orientacin): Vertical (Vertical) Color Mode(Modo de color): CMYK Color(Color CMYK)

2. Selecciona la herramienta Rectangle (Rectngulo) y arrastra sobre la mesa de trabajo para

crear un cuadrado. Para que el cuadrado sea perfecto, mientras arrastras la herramientapresiona la tecla.

3. Localiza el panel Stroke(Trazo). Si no est en el espacio de trabajo utiliza el menWindow/Stroke (Ventana/Trazo). Define el tamao de trazo (Weight) a 10 pts.

4. Crea un nuevo cuadrado en otro lugar de la mesa de trabajo. Con la herramienta deseleccin, arrstralo para que quede sobre el primero. Luego da un clic sobre l con el botnsecundario del ratn y del men emergente selecciona Arrange/Send to Back (Organizar/Enviar atrs).

5. Para modificar el tamao de las figuras, arrastra los puntos de control que aparecen cuandolas seleccionas con la herramienta de Selection(Seleccin).

6. Aplica un color de trazo diferente a cada cuadrado utilizando los selectores de color. Recuerdaque puedes dar doble clic sobre el selector en el panel herramientas para elegir el color.

7. Cmbiale el color de relleno al primer cuadrado.

Dibujando figuras simples paraun diseo2-01

PROYECTO


48/143

Panel Herramien

8. Ahora vas a repetir todos los pasos para crear cada una de las figuras geomtricas queprograma permite. Recuerda que para activar todas las formas bsicas, debes mantensostenido un clic sobre la herramienta Rectangle (Rectngulo).

9. Aplica a cada figura colores de relleno y trazo.

10. Organiza las figuras en la mesa de trabajo de forma creativa en una composicin interesay atractiva. Puedes utilizar ms de una figura de cada tipo si tu diseo lo requiere.

11. Para evitar perder tu trabajo utiliza el men File/Save(Archivo/Salvar) y guarda el archivo la carpeta que indique el profesor.

1. Abre el archivo Agitadorque se encuentra en los Recursos Digitales. Al abrirlo vers que grficos tienen lneas gua. Representan las dos caras de un agitador de bebidas que uvez impreso y recortado, servir adems para promover la conciencia social.

2. Localiza o abre el panel deLayers (Capas) y observa que ya existe una capa. Crea u

nueva capa utilizando el botn Create New Layer(Crear Nueva Capa), que se encuentrala parte inferior del panel Layers(Capas). Aparecer una segunda capa arriba de la actu

3. Renombra la nueva capa dando doble clic sobre ella en el panel Layers(Capas). DaleName(Nombre) Agitador 02.

4. Asegrate de tener seleccionada la capa agitador en elpanel Layers(Capas). Ahora selecciona la herramientaRectangle (Rectngulo) y con ella da un solo clic sobreel espacio de trabajo para que aparezca la ventana delas opciones del rectngulo. Introduce los siguientes

valores: Width(Ancho): 0.7 y Height (Alto): 10.1 cm. yda clic en el botn Ok.

5. Acomoda el nuevo rectngulo sobre el espacio que le corresponde en el agitador del laizquierdo.

6. Utiliza las herramientas de Zoom (Zoom) y Hand (Mano) para agrandar y mover el espade trabajo, de modo que puedas ver todos los detalles.

Imagen 2-4: Opciones de Rectngu

Agitador de conciencia social2-02

PROYECTO


49/143

34

Diseo Vectorial

IllustratorCS5

7. Ahora selecciona la herramienta Elipse(Elipse) y da un clic sobre el espacio de trabajo paraque se abra el panel de las opciones. Introduce los siguientes valores: Width(Ancho): 4.4 y

Height (Alto): 4 cm. y da clic en Ok.

8. Vuelve a tomar la herramienta Elipse(Elipse) y de forma similar crea una figura de 3.6 x 3.3cm.

9. Acomoda las dos elipses sobre las guas en el agitador izquierdo.

10. Crea un nuevo rectngulo de 5 x 1 cm. Seleccinalo con la herramienta Select (Seleccin).Cuando acercas el puntero del ratn a uno de los puntos de control de las esquinas delrectngulo seleccionado, el puntero toma forma de doble flecha curva, indicando quepuedes arrastrar para girar la figura. Grala y hazla coincidir con el rectngulo gua que est

inclinado.11. Dibuja rectngulos siguiendo la forma del personaje en la parte de arriba (hombros, tronco,

brazo, antebrazo, pierna y pie). Acomdalos sobre la figura. Los rectngulos deben traslaparseunos sobre otros, ya que los uniremos en el siguiente paso.

12. Selecciona simultneamente los rectngulos de tronco, hombros, espalda, pierna y pie.Localiza el panel de Pathfinder (Buscatrazos). Si no est visible mustralo con el menWindow/Pathfinder (Ventana/Buscatrazos). Manteniendo presionada la tecla, hazclic en la opcin Add to Shape Area(Aadir). Esto hace que los rectngulos seleccionadosse conviertan en una sola forma.

13. Haz lo mismo para unir en una sola forma losrectngulos de brazo y antebrazo.

14. Termina creando la cabeza del personaje.

15. Ahora lo vas a colorear. Aplica colores de relleno atodas las formas para lograr una combinacin agradable.

16. Cuando el lado izquierdo del agitador est terminado, selecciona todos los objetos yagrpalos utilizando el men Object/Group(Objeto/Agrupar) o las teclas.

17. Mientras arrastras el agitador con la herramienta de Select(Seleccionar) presiona la tecla.Suelta primero el clic y despus la tecla. Obtendrs una copia exacta de la forma.Ahora para reflejarla hazle un clic con el botn secundario del ratn y del men emergenteselecciona la opcin Transform/Reflect/Vertical (Transformar/Reflejar/Vertical).

18. Acomoda el agitador derecho con la ayuda de las herramientasSelect (Seleccionar), Hand(Mano) y Zoom(Zoom). Haz un clic en un rea vaca del documento para asegurarte de queno hay ningn objeto seleccionado.

Imagen 2-5: Panel Buscatrazos


50/143

Panel Herramien

19. Para darle ms vida, vamos a cambiar el color del crculo del agitadorderecho. Como los objetos estn agrupados, para seleccionar slo elcrculo, es necesario utilizar la herramienta Direct Selection (Seleccin

directa), seleccinalo y cambia su color.

20. Utiliza la herramienta Text(Texto)para crear dos mensajes comoAhora manejo mi vida y Evita el exceso.

21. Dale color a los textos y un tamao adecuado para que los puedascolocar en los agitadores. Puedes usar cualquier rea que creasconveniente, as como tipografa, tamaos y colores. Incluso puedesponer cada palabra del mensaje en un lugar diferente del agitador.

22. Guarda tu trabajo con el nombre Agitador_CSen la carpeta que indique

tu profesor.

Haciendo una caja de regalo Parte 12-03

PROYECTO

1. Inicia un nuevo documento con las siguientes caractersticas:

Size(Tamao): Letter (Carta) Units(Unidad):Inches(Pulgadas) Orientation(Orientacin): Horizontal (Horizontal) Color Mode(Modo de Color): Color CMYK(CMYK Color)

2. Haz visibles las reglas en men View/Show Rulers(Vista/Mostrar reglas). Tecleaprestablecer los colores predeterminados: blanco para el Fill (Relleno) y negro para el Stro(Contorno).

3. Selecciona la herramienta Rectangle (Rectngulo) y crea un rectngulo de 6 x 3.5 pulgadEste rectngulo ser la parte delantera de la caja.

4. Con la herramienta Select (Seleccin) mueve el rectngulo hacia la parte de arriba depgina para tener espacio en la parte de atrs de la caja.

5. Duplica el rectngulo y coloca la copia exactamente debajo del original, de manera qla lnea inferior del primero coincida con la lnea superior del segundo. Aydate del pade control para hacer coincidir las coordenadas x y definir las coordenadas y de rectngulos.

Imagen 2-6: Diseo agitador


51/143

36

Diseo Vectorial

IllustratorCS5

6. Selecciona la herramienta Elipse (Elipse) y crea unafigura de 1.5 x 3.5 pulgadas. Elimina el color de relleno dela elipse para que quede hueca.

7. Enciende las Smart Guides (Guas inteligentes) en elmen View/Smart Guides (Ver/Guas inteligentes). Estaherramienta mostrar el centro de los objetos al pasar elratn sobre ellos y te servir para alinearlos.

8. Mueve la elipse al centro de la orilla del lado izquierdodel rectngulo, como se muestra en la imagen 3-8. Utilizael panel de control para determinar las coordenadasprecisas.

9. Selecciona la elipse y toma la herramienta ConvertAnchor Point (Convertir punto de ancla), que se encuentraen el panel herramientas, agrupada en el mismo botn dela herramienta Pen (Pluma). Da un clic con la herramientaen los puntos de ancla que muestra la elipse arriba y abajo.Esto har que se afilen las orillas de la elipse.

10. Duplica la elipse modificada y ubica la copia en elextremo derecho del rectngulo superior como se muestraen la imagen 3-9. Luego selecciona de forma simultnealas dos elipses y duplcalas para colocar una copia en loslaterales del rectngulo inferior. Observa la figura.

11. Crea un crculo perfecto de 1 x 1 pulgadas sin relleno.Colcalo al centro de la lnea exterior izquierda de laprimera elipse. Duplica el crculo en el otro extremo.

12. Selecciona el crculo junto con la elipse con laherramienta Select (Seleccin) o.

13. Localiza el panel Pathfinder (Buscatrazos). Si noest visible utiliza el men Window/Pathfinder (Ventana/Buscatrazos) presionay da clic en la opcin Substract

from Shape Area(Sustraer de la forma), para eliminar el crculode la elipse. Repite el mismo procedimiento para el crculo dela elipse contraria. Ahora tienes la forma bsica de la caja.

14. Guarda el archivo con el nombre Caja10en la carpetaque indique tu profesor. Utilizars el archivo en el siguienteproyecto.

Imagen 2-7: Ejemplo del paso 8.

Imagen 2-8: Ejemplo del paso 10.

Imagen 2-9: Ejemplo del trazo de la caja.

Imagen 2-10: Trazo terminado de la caja.


52/143

Panel Herramien

Identificando Herramientas2-02

ACTIVIDAD

Identifica la herramienta apoyndote en la imagen, escribe su nombre y si es herramienta Seleccin, de Visualizacin o de Edicin. Escribe en el espacio la funcin que correspondecada herramienta.

Nombre:Herramienta de:

Funcin:


Funcin:


Funcin:

Nombre:

Herramienta de:Funcin:


Funcin:


Funcin:


Funcin:

Herramienta Mano.Visualizacin.Mueve el rea de trabajo de la aplicacin.

Herramienta Lpiz.Dibujo.Dibuja y modifica lneas a mano alzada.

Herramienta Dibujo.Espiral.

Dibuja espirales en ambos sentidos.

Herramienta de Seleccin.Mesa de trabajo.Crea mesas de trabajo independientes.

Herramienta Varita Mgica.Seleccin.Selecciona vectores que estn dentro de un rango de color

Eliminar punto de ancla.

Dibujo.Elimina puntos de ancla de los trazos.

Herramienta Lupa (Zoom).Visualizacin.

Acerca o aleja la vista de una imagen.


53/143

38

Diseo Vectorial

IllustratorCS5

Contesta correctamente las siguientes preguntas, selecciona a, b o c segn corresponda.

1. Son pequeas cajas que contienen opciones y comandos para controlar, modificar y mejorar

las ilustraciones. Se pueden mover, agrupar, mostrar y ocultar para organizar el entorno detrabajo a cada necesidad.

a. Las Paletas extensibles de Adobe Illustratorb. Las Paletas flotantes de Adobe Illustratorc. Las Fichas desplegables de Adobe Illustrator

2. Est delimitada por las lneas punteadas internas y es la seccin de la pgina destinada ala impresin.

a.rea de imagen

b.rea de diseoc. rea de pruebas

3. En la parte inferior de la Barra de herramientas siempre hay visibles dos cuadros grandes decolor llamados:

a. Cuadros de colorb. Paleta de colorc. Selectores de color

4. Contiene a detalle todas las operaciones que se le pueden hacer al documento o al programa.

a. Barra de estadob. Barra de mensc. Barra de opciones

5. Las funciones de ________________ abarcan tanto la exploracin de imgenes, comopoder moverlas de una carpeta a otra, crear nuevas carpetas, renombrar archivos o recuperarfotos desde dispositivos externos.

a.Adobe Bridgeb.Adobe Illustratorc. Adobe Photoshop

6. Si ya ests trabajando en un documento y deseas incluir un archivo externo en l, puedesutilizar el:

a. Men Archivo (File)/Place (Acomodar)b. Men Archivo (File)/Open (Abrir)c. Men Archivo (File)/Import (Importar)


54/143

Panel Herramien

Tcnicas de ilustracin con las herramientas

La herramienta Pen (Pluma) se utiliza para crear trazos rectos y curvos en la ilustracin. H

varias tcnicas para crear lneas y stas son las bsicas.

La herramienta Pencil (Lpiz) se utiliza para crear trazos a mano alzada que se convieren curvas delimitadas por puntos ancla. Cuando uses esta herramienta debes tener cuidade mantener un pulso firme, para evitar generar una cantidad excesiva de puntos ancla qdificultaran mucho la edicin y afectan la suavidad de la lnea resultante.

Herramientas de Reforma

La transformacin de un vector permite modificarlo de muchas maneras, por ejemplo, hacerloms pequeo, voltearlo, darle perspectiva o distorsionarlo.

2-05VIDEO Tcnicas de pluma y lpiz artstico

Herramientasde Reforma

Atajo Funcin Imagen

RotarRotate

Gira objetos alrededor de unpunto fijo.

ReflejoReflect

Refleja objetos respecto a un ejefijo.

EscalaScale

Cambia de tamao los objetos entorno a un punto fijo.

DistorsinShear

Inclina objetos respecto a unpunto fijo.

ReformarReshape

Suaviza o modifica trazos sincambiar su forma original.

AnchuraWidth

Permite crear trazos de anchuravariable.


55/143

40

Diseo Vectorial

IllustratorCS5

Herramientas

de Reforma Atajo Funcin Imagen

DeformarWarp

Moldea objetos con elmovimiento del cursor.

MolineteTwirl

Crea distorsiones en espiral enun objeto.

FruncirPucker

Desinfla o adelgaza objetos.

EngordarBloat

Infla un objeto alejando lospuntos de control del cursor.

FestonearScallop

Aade al contorno de un objetodetalles en forma de arcoredondeados.

CristalizarCrystallize Tool

Aade detalles en puntaaleatorios al contorno de unobjeto.

ArrugarWrinkle Tool

Aade detalles con aspecto dearruga al contorno de un objeto.

Transformacin libre

Free Transform Tool

Escala, rota o sesga la seleccin.

Creador de formasShape Builder Tool

Combina formas simples paracrear formas complejas ypersonalizadas.

FusinBlend Tool

Crea una serie de objetosfusionados con el color y laforma de varios objetos.

2-06VIDEO Herramientas de Reforma


56/143

Panel Herramien

Hay dos herramientas de Reforma nuevas en IllustratorCS5:

1. Herramienta Shape Builder(Creador de Formas), una herramienta interactiva que perm

crear formas complejas mediante la combinacin y eliminacin de formas ms simplPuede configurar y personalizar distintas opciones, como la deteccin de huecos, el origdel color y la iluminacin, haga doble clic en la herramienta Shape Builder Tool (Creade Formas) del panel herramientas para definir estas opciones.

2. Herramienta Width(Anchura) que permite dibujar trazos de anchura variable que pueajustar sin problemas en cualquier punto, de forma simtrica o a lo largo de un ladTambin puede crear y guardar perfiles de anchura personalizados para aplicarloscualquier trazo.


PROYECTO

1. Abre el archivo Caballito.aique se encuentra en los Recursos Digitales. Es la silueta de caballito de mar creada slo con lneas gua. Las lneas gua no son objetos reales por lo qno es posible colorearlos.

2. Acerca la pantalla para que puedas visualizar mejor los detalles. Utiliza la herramienta Zoo

(Lupa) o.

3. Utilizando las herramientas y sub-herramientas Pluma y Lpiz, empieza a trazar el cabalde mar. Comienza por las curvas que adornan la cabeza. Sigue las tcnicas para crear lney curvas que se explicaron anteriormente. Trata de usar los menos puntos ancla posibles. muchos casos slo se requiere uno inicial y uno final para cada segmento de curva comse muestra a continuacin.

Imagen 2-11: Trazado del caballito de mar.


57/143

42

Diseo Vectorial

IllustratorCS5

Herramienta de Pintura

Existen varios tipos de herramientas de pintura. Las herramientas relacionadas con smbolosutilizan diseos vectoriales predefinidos para crear efectos interesantes. Los smbolos estndisponibles en el panel Smbolos y debes elegir alguno antes de poder utilizar las herramientas

de esta seccin.Las herramientas relacionadas con grficas sirven para representar datos a partir de una tablade valores. Cuando utilizas alguna de estas herramientas, un cuadriculado se despliega paraintroducir los valores que se desean graficar.

Herramientas

de PinturaAtajo Funcin Imagen

Pincel

Paintbrush

Dibuja lneas a mano alzada ycaligrficas, adems de aadir

dibujos y trazos de los pinceles decerdas a los ya existentes.

Pincel de manchasBlob Brush

Dibuja trazos que expanden ycombinan automticamentetrazos de pincel caligrfico quecomparten el mismo color y queson consecutivos en el orden deapilamiento.

MallaMesh

Crea y edita mallas y envolventes demalla.

DegradadoGradient

Ajusta los puntos inicial y final, ascomo el ngulo de los degradadosdentro de los objetos.

CuentagotasEyedropper

Toma y aplica atributos de color,texto y de apariencia, incluidos losefectos de los objetos.

4. Cuando termines de trazar el caballito de mar, abre el documento Caja10que creaste enel Poyecto 01.

5. Selecciona todo el caballito y cpialo. Pgalo sobre la figura de la caja de regalo y modificasu tamao para que quede en una de las caras de la caja.

6. Guarda el documento con el nombre Caja12 en la carpeta de costumbre.


58/143

Panel Herramien

2-07VIDEO Herramientas de Pintura

Herramientas

de PinturaAtajo Funcin Imagen

Medicin

Measure

Mide la distancia entre dos puntos.

Bote de pintura interactivaLive Paint Bucket

Pinta las caras y los bordes de losgrupos de pintura interactiva con losatributos de pintura actuales.

Seleccin de pinturainteractivaLive Paint Selection

Selecciona las caras y los bordes delos grupos de pintura interactiva.

Herramientas

de SmbolosAtajo Funcin Imagen

Rociar smboloSymbol Sprayer

Coloca varias instancias de unsmbolo como un conjunto en lamesa de trabajo.

Desplazar smboloSymbol Shifter

Mueve instancias de un smbolo.

Reunir/Separar smbolosSymbol Scruncher

Acerca o aleja las instancias desmbolo.

Cambiar tamao de smboloSymbol Sizer

Cambia el tamao de instancias deun smbolo.

Girar smboloSymbol Spinner

Rota instancias de smbolo.

Manchar smboloSymbol Stainer Colorea instancias de smbolo.

Translucir smboloSymbol Screener

Aplica opacidad a instancias desmbolo.

Aplicar estilo a smboloSymbol Styler

Aplica el estilo seleccionado ainstancias de smbolo.


59/143

44

Diseo Vectorial

IllustratorCS5

Herramientas

de GrficasAtajo Funcin Imagen

Grfica de columnasColumn Graph

Crea grficas que comparten valores mediantecolumnas verticales.

Grfica de columnas apiladasStacked Column Graph

Crea grficas similares a las de columnas peroapila las columnas una sobre otra en vez deacomodarlas lateralmente.

Grfica de barrasBar Graph

Crea grficas similares con columnas colocadasen forma horizontal como barras.

Grfica de barras apiladasStacked Bar Graph

Crea grficas de barras similares a las decolumnas pero apiladas horizontalmente.

Grfica linealLine Graph

Crea grficas que utilizan puntos pararepresentar uno o ms conjuntos de valores,con una lnea diferente para unir los puntosde cada conjunto. Se utiliza para mostrar latendencia de uno o varios conceptos durante un

periodo de tiempo.

Grfica de reasArea Graph

Crea grficas similares a las de lneas peroresalta los totales, adems de los cambios devalor.

Grfica de dispersinScatter Graph

Crea grficas que traza puntos de datos comopares de coordenadas en los ejes x/y, sirvenpara identificar tendencias en los datos y si lasvariables influyen entre s.

Grfica de pastel

Pie Graph

Crea grficas circulares cuyas porcionesrepresentan los porcentajes relativos de losvalores comparados.

Grfica de radarRadar Graph Tool

Crea grficas que comparan conjuntos devalores en puntos determinados en el tiempoo en categoras concretas. Se muestran enformato circular, tambin se le conoce comogrfica de red.

2-08VIDEO Herramientas de Smbolos


60/143

Panel Herramien

2-09VIDEO Herramientas de Grficas

Herramientas de Pintura2-03

ACTIVIDAD

Escribe en el espacio que corresponda un ejemplo real donde utilizaras cada una de herramientas de Pinturaque se muestran a continuacin. Da un ejemplo diferente para caherramienta

Para poder crear texturas en la imagen o para agregar smbolos a un diseo.

Al tener una ilustracin, el degradado sirve para darle volumen.

Crear una grfica para ejemplificar datos para una actividad de geografa, bioga, matemticas, etctera.

Al tener una figura geomtrica bsica se puede deformar por medio de susnodos.

Para copiar los atributos de color de un objeto y aplicrselo al texto.

Rota instancias de smbolo.

Dibuja trazos que expanden y combinan automticamente trazos de pincelcaligrfico que comparten el mismo color.


61/143

46

Diseo Vectorial

IllustratorCS5


PROYECTO

1. Abre el documento Caja12que creaste en el Proyecto 02.

2. Con la herramienta Select (Seleccin) oselecciona el cuerpo del caballito y da dobleclic en el selector de Fill (Color de relleno) del panel herramientas. Busca un color rosadopara darle color. En el Stroke (Selector de color de contorno) quita el color con la opcinNone(Ninguno).

3. Manda la forma del cuerpo hacia atrs dando un clic con el botn secundario del ratny seleccionando del men emergente la opcin Arrange/Send to Back (Organizar/Enviaratrs).

4. De forma similar ve dando color a las diferentes partes del caballito, usando tonalidades

ligeramente diferentes. Vers que hay que organizar las figuras para que unas no tapen aotras, ya sea envandolas al frente o hacia atrs.

5. Ya que tiene color todo el caballito de mar, duplcalo y utiliza el botn secundario delratn para reflejarlo con la opcinTransform/Reflect (Transformar/Reflejar). Acomoda elduplicado junto al original y luego duplica todo el conjunto nuevamente. Debes obtener unacomposicin como en la Imagen Acomodo del caballito de mar..

Herramientas

Selectores de colorAtajo Funcin Imagen

ColorColor

Agrega degradado al relleno de la figura oilustracin.

Ninguno

None

Sin color tanto en el relleno como en el

contorno de la imagen vectorial.

Zona de selectores de color

Adems de los selectores de color de relleno y trazo que hemos ya explicado, el panel

herramientas muestra estos botones de seleccin:


62/143

Panel Herramien

6. Dale color a la caja. Un color contrastante puede ser negro o algn otro color oscuro.

7. Detalla la caja y revisa que todo est bien. Guarda el archivo terminado.

8. Imprmela en papel grueso o mndala aimprimir a cualquier tienda que tenga serviciode impresin digital.

1. Crea un nuevo documento con las siguientes opciones:

Size(Tamao):Letter(Carta) Units(Unidades): Pxeles(Pixels)

Orientation(Orientacin): Vertical (Vertical) Color Mode(Modo de color): RGB

2. Selecciona la herramienta Pie Graph (Grfica de pastel). Se encuentra agrupada enmismo botn que la herramienta de Column Graph (Grfica de columnas).

3. Con la herramienta da clic en cualquier parte del espacio de trabajo para que aparezcacaja de dilogo de opciones de la grfica. Define el tamao 200 x 200px.

Imagen 2-12: Acomodo del caballito de ma

Imagen 2-13: Caja lista para impresin.

9. Recorta la caja dejando un espacio adicional papoder pegarla.

10. Dblala y rmala.

Creando grficas2-06

PROYECTO


63/143

48

Diseo Vectorial

IllustratorCS5

4. Ahora AdobeIllustratordesplegar una mini hoja de clculo en donde podrs introducirlos valores. Para escribir los valores tienes que usar el campo en blanco que se sita en laparte superior izquierda de la hoja de clculo. Para cambiar de campo usa la tecla

o las flechas.

5. Introduce datos que quieras representar como calificaciones de algunas materias,popularidad de algn programa de televisin o cualquier otro que tenga lgica. Utiliza laprimera fila para los nombres de las categoras y la segunda para los valores de cada una.

6. Al terminar de introducir los valores da clic en el botn Apply(Aplicar) en la parte superiorderecha de la hoja y cierra la hoja de clculo.

7. AdobeIllustratormuestra las rebanadas en diferentes tonos de gris. Para agregarles colordebes seleccionarlas primero con la herramienta Direct Select (Seleccin directa). Aplica a

cada rebanada un color diferente.8. Revisa que tu grfica se pueda interpretar lgicamente y que se vea bien. Agrgale un ttulo

con la herramienta de texto y dale formato. Guarda tu trabajo con el nombre Grfica15en lacarpeta que indique tu profesor.

Herramientas de corte

Hay dos tipos de herramientas de corte. El primer tipo se utiliza para crear secciones quepuedan exportarse de forma independiente para su uso en web. El segundo tipo se usa paracortar vectores en el espacio de trabajo.

Herramientas

de Sector y CuchillaAtajo Funcin Imagen

SectorSlice

Divide las ilustraciones en imgenesindependientes.

Seleccionar sectorSlice Select

Selecciona sectores.

BorradorEraser Borra cualquier rea del objeto sobrela que pase al arrastrar.

TijerasScissors

Corta trazos por puntos especficos.

CuchillaKnife

Corta objetos y trazos.


64/143

Panel Herramien

2-10VIDEO Herramientas de Sector y CuchillaHerramientas de texto

Illustratorproporciona las siguientes herramientas de texto:

Herramientas

de Texto

Atajo Funcin Imagen

TextoType

Crea texto y contenedores de textoindividuales, permitiendo tambin introduciry modificar texto.

Texto de reaArea Type

Convierte los trazos cerrados encontenedores de texto y permite introducir ymodificar el texto en su interior.

Texto en trazadoType on a Path

Convierte trazos en trazos de textopermitiendo introducir y modificar el textode los mismos.

Texto verticalVertical Type

Crea textos y contenedores de textoverticales permitiendo introducir y modificarel texto vertical.

Texto de rea verticalVertical Area Type

Convierte trazos cerrados en contenedoresde texto vertical permitiendo introducir ymodificar el texto de los mismos.

Texto vertical en trazadoVertical Type on a Path

Convierte los trazos en trazos de textovertical perm