Curso Illustrator SeparataFinal

7/22/2019 Curso Illustrator SeparataFinal

1/56

Graficos Vectoriales III

1

INSTITUTO DE INFORMATICA DE LA UNIVERSIDAD NACIONAL SAN AGUSTIN

Laboratorio:Grficos vectoriales

3

Curso: LABORATORIO: GRAFICOS VECTORIALES IIIInstructor: AP Jorge Luis Zarate MagaoAo: 2013

CARRERA DE CERTIFICACION PROFESIONAL

DISEO GRAFICO DIGITAL PUBLICITARIO


2/56


2

IntroduccinAdobe Illustrator, es el nombre o marca comercial oficial que recibe uno de los programas mspopulares de la casa Adobe, junto con sus programas hermanos Adobe Photoshop y Adobe Indesign, se

trata esencialmente de una aplicacin de creacin y manipulacin vectorial en forma de taller de arte quetrabaja sobre un tablero de dibujo, conocido como "mesa de trabajo" y est destinado a la creacinartstica de dibujo y pintura para Ilustracin (Ilustracin como rama del Arte digital aplicado a laIlustracin tcnica o el diseo grfico, entre otros).

Es desarrollado y comercializado por Adobe Systems Incorporated y constituye su primer programa oficialde este tipo lanzado por Adobe definiendo en cierta manera el lenguaje grfico contemporneo medianteel dibujo vectorial de mayor calidad.

Adobe Illustrator contiene opciones creativas, un acceso ms sencillo a las herramientas de diseo y unagran versatilidad para producir rpidamente grficos flexibles cuyos usos se dan en (Maquetacin-Publicacin) impresin, vdeo, publicacin en la Web y dispositivos mviles.

Las impresionantes ilustraciones que se crean con ste programa le han dado una fama de talla mundial

a esta aplicacin de manejo vectorial entre artistas grficos digitales de todo el planeta, sin embargo, elhecho de que hubiese sido lanzado en un principio para ejecutarse slo con el sistema operativoMacintosh y que su manejo no resultara muy intuitivo para las personas con muy poco trasfondo enmanejo de herramientas tan avanzadas, afect la aceptacin de ste programa entre el pblico generalde algunos pases.

Actualmente forma parte de la Familia Adobe Creative Suite y tiene como funcin nica y primordial lacreacin de Material Grfico-Ilustrativo altamente profesional basndose para ello en la produccin deobjetos matemticos denominados vectores. La extensin de sus archivos es .AI (Adobe Illustrator). Su


3/56


3

distribucin viene en diferentes presentaciones, que van desde su forma individual hasta como parte deun paquete siendo estos: Adobe Creative Suite Design Premium y Versin Standard, Adobe CreativeSuite Web Premium, Adobe Creative Suite Production Studio Premium y Adobe Creative Suite MasterCollection.

Esta aplicacin es ms reconocida por la calidad y nivel artstico de las ilustraciones all creadas ms quepor cualquier otra cosa, siendo frecuentemente utilizado por artistas muy experimentados adems, de

que tambin requiere de una cierta cantidad de tiempo y esfuerzo para poder aprenderlo. AdobeIllustrator fue uno de los primeros en hacer uso de la tecnologa Display PostScript un tipo de lenguajeWYSIWYG creado por la compaa Adobe Systems en convenio con la compaa NeXT Computer, Inc.,en el ao de 1987 y que se trata de una versin ms avanzada del lenguaje de descripcin de pginaspara impresora Adobe PostScript de Adobe Systems que permite que lo que se vea en la pantalla sea unaprevisualizacin del resultado tal cual como se va a imprimir.

Las aplicaciones publicitarias y de comunicacin visual hacen de Illustrator una herramienta de nivel yposicionamiento por la fineza de sus dibujos y la libertad expresiva que permiten las herramientas delprograma, es muy habitual en el diseo de infografas.

Ilustracin de Kevin Husley

Dibujo vectorial con Adobe Illustrator CS6Si alguna vez has usado Adobe Illustrator como programa de dibujo y diseos vectorial, no te podrsimaginar las enormes posibilidades creativas y la gran versatilidad que ofrece Illustrator en su versinms reciente, la CS6.

Si nunca has usado este programa, descubrirs como se convierten en infinita las posibilidades creativasque puedes tener aprendiendo a manejar este programa.

Su versatilidad has traspasado el uso como un simple programa de dibujo vectorial, de ah que nosolamente diseadores grficos utilizan este programa como herramienta bsica de dibujo,

maquetadores, ilustradores, e incluso diseadores de moda ya utilizan este programa por la capacidadque tiene de reproducir trazos expresivos como si estuviesen pintados con un lpiz o pincel natural.

Las caractersticas artsticas del programa permiten desarrollar ilustraciones de calidad extraordinaria:


4/56


4

Ejercicio:

Realiza una coleccin de ilustraciones y diseo hechos en Illustrator y clasifcalas segn su aplicacin,ilustracin profesional, dibujo tcnico, diseo web, diseo de modas, diseo grfico, Branding, packaging,instalaciones y maquetacin, y otros que consideres importantes.


5/56


5

Iniciando Illustrator

Al ejecutar el programa, lo primero que este har ser cargar sus archivos, plug-ins, herramientas ymens. Esto tardar algunos segundo, dependiendo de la potencia de nuestro ordenador.

Cuando arranca la aplicacin, lo primero que encontramos es la pantalla de bienvenida.

Cuando se abre el programa suele aparecer la Ventana de bienvenida que nos permite elegir variasopciones, esto suceda en las versiones anteriores, ahora esto se ha configurado en forma distinta enCS6.

La ventana de bienvenida se divida en cuatro secciones:

Abrir un elemento reciente:

Aqu encontramos los ltimos archivos abiertos desde Illustrator, que podremos abrir con un clic, y laopcin de abrir un nuevo.

Crear nuevo:

Si lo que queremos es crear un nuevo documento, podremos elegir uno de los perfiles predefinidossegn lo que queramos obtener. Estos perfiles se diferencian en valores preestablecidos para eltamao, el modo de color, las unidades, la orientacin, la transparencia y la resolucin.

Por ejemplo, si lo que queremos es imprimir el documento en alta resolucin, la mejor opcin serDocumento para imprimir..., que nos permitir elegir distintas resoluciones o tamaos de impresin,mientras que si lo que queremos es publicarlo en una pgina web, ser ms eficaz elegir Documentopara Web....Otra opcin es elegir un plantilla pulsando en Desde plantilla.... Usando una plantilla, podemos creardocumentos que comparten ajustes y elementos de diseo. Esto nos facilitar el trabajo cuandodebamos crear muchos documentos similares

En la parte inferior hay dos secciones:

A la izquierda, encontramos enlaces a la ayuda, y a la derecha un enlace que nos lleva a Adobe Bridge,y otras opciones que, al pulsarlas, nos conectan con sitios Adobe, como el manual del programa o lacomunidad de usuarios.


6/56


6

Esta ventana podemos desactivarla para ir de frente al entorno de trabajo, como ahora sucede en CS6.

La nueva interfaz de Illustrator aparecer de color oscuro para mejorar la visibilidad del diseo comosucede con el software CAD.

Sea en forma directa o por la ventana de bienvenida de otras versiones crearemos un nuevo documento.

Para crear un nuevo documento (ctrl N).


7/56


7

Lo primero que podemos elegir, es el nombre del documento escribindolo en Nombre. Desde aqutambin podemos cambiar el perfil, y si lo hacemos veremos realmente en qu se diferencian, porquecambiarn los valores del rea de recorte (la parte del documento que contiene el grfico) y su tamaoen cuanto a Altura y Anchura y las Unidades en que se miden, adems de otras opciones avanzadas queya veremos, como el Modo de color o la resolucin. Todos estos valores son personalizables, y cuando loajustemos a nuestras necesidades bastar con pulsar Ok. Si cuando vayamos a elegir el perfil, prevemosque no necesitamos cambiar ningn parmetro, podemos saltarnos esta ventana manteniendo pulsada latecla Alt al elegir el perfil.

A continuacin reseamos las opciones del cuadro de dialogo Nuevo Documento:

1. Elnombre del archivo que estamos creando.

2. Perfil de documento, en donde podemos elegir entre varias opciones, de acuerdo sea la naturalezadel trabajo:

a. Documento para Imprimir: Para archivos destinadosa ser impresos en imprentas industriales del sistemaoffset o en impresoras de tinta.

b. Documento para Web. Para documentos que sernpublicados como pginas web.

c. Dispositivos: soportes y layout para dispositivosmviles. Se usaAdobe Device Central para ver elresultado en un dispositivo determinado.

d. Video y pelcula: para disear imgenes fijas deexportacin para programas de video y cine comoPremier y After Effects.

e. RGB bsico: formatos de pantalla

f. Flash Builder: es un programa que integra los archivosgenerados en Illustrator con desarrollos Flash.

g. Y explorar formatos personalizados

3. Nmero de mesas de trabajo. Desde hace pocas versiones Illustrator permite tener ms de unamesa de trabajo por documento. En este apartado se puede definir la cantidad de mesas de trabajo yel orden de distribucin.

4. rea de recorte. Apartado paradefinir el tamao. Trae para elegirlos tamaos estndar de papel, launidad de medida y la posibilidadde crear documentos de tamao yorientacin personalizados.

5. Sangrado. En documentos paraimpresin, el sangrado es lamedida por fuera del cuadro que

delimita la impresin. Si eldocumento tiene elementos quevan a imprimir hasta el borde (alcorte), stos tienen que extendersehasta el sangrado. Es un margende error para garantizar que seimprima efectivamente hasta elborde de la pgina, luego de que serealice el recorte

6. Avanzado. Se elige el espacio decolor, que por defecto es CMYK, laresolucin que tendrn los efectos

y el modo de visualizacin.7. Casillero alinear nuevos objetos con cuadrcula de pxeles. Importante opcin para diseos que

se van a ver en pantallas (pginas web, contenidos para dispositivos mviles, etc.). Est activada pordefecto para ese tipo de documentos.


8/56


8

Documento nuevo a partir de una plantilla

El concepto de plantilla es usual enprogramas de diseo editorial. Consisteen un documento de slo lectura que seabre como documento sin ttulo.Cuando se crea un nuevo documento o

con el comando Nuevo de plantilla delmen Archivo, vamos, por defecto, a lacarpeta con las plantillas que elprograma trae prediseadas. Illustratorcrea un nuevo documento con elcontenido de la plantilla, pero el archivooriginal de la misma se conserva intacto.

Illustrator incluye una variedad deplantillas que pueden servir de punto departida para el diseo de determinadostrabajos.

La otra opcin es abrir un documento

existente para editarlo o continuartrabajando con l. Hemos visto quepodamos hacerlo desde el men archivoo como antes desde la pantalla debienvenida.

Abrimos un documento reciente opulsando en Abrir (ctrl O).

Esto tambin lo podemos hacer si ya estamostrabajando en otro documento. Desplegando elmen Archivo encontramos el submen Abrirarchivos recientes, con los recientes y el comandoAbrir. Desde ambos lugares, al pulsar Abrir semostrar el cuadro de dilogo Abrir, desde el queelegir el archivo.

El programa permite abrir documentos en variosformatos:

Formatos vectoriales. Abre documentos deIllustrator, de AutoCAD, EPS, DCS, BMP, PDF,SVG, entre otros, incluso CDR de versionesantiguas.

Imgenes de pxeles: documentos dePhotoshop (PSD) y de la mayora de los grficosde este tipo, GIF, JPEG, Pict, PNG, TGA y TIFF.

Interfaz del programaCuando creamos un documento nuevo se nos abrir el entorno de trabajo que se muestra en la pginasiguientey que consta del rea de trabajo, la pgina o mesa de trabajo, el panel deherramientas y algunos paneles flotantes.

El entorno de Illustrator se compone por una serie de paneles, barras y ventanas, que podemos mover ydesplazar. Y cualquier disposicin de estos elementos se conoce como rea de trabajo. Vamos a ver msdetalladamente cules son estos elementos. Para que se muestren los paneles, prueba a abrir unaimagen o un documento ya creado.

La ventana principal de Illustrator nos muestra:

1. Barra de aplicaciones y mens: En la parte superior, muestra, a la derecha de la barra de mensun atajo para Adobe Bridge: el programa adobe de gestin de archivos y una utilidad que permitever, en diferentes formas, varios archivos abiertos. Despus esta un Conmutador para organizar


9/56


9

documentos y finalmente el conmutador de espacios de trabajo para acceder a los espacios detrabajo pre configurados, el predefinido es aspectos esenciales.

2. Panel de control o propiedades: En esta barra, situada debajo de la Barra de mens, aparecenopciones propias del objeto que tengamos seleccionado. Por lo que estas opciones variarn segn eltipo de objeto. Tambin podemos referirnos a ella como Barra de opciones.

3. Ventana de documento: Cada uno de los documentos aparece en una ventana, que podemosminimizar, maximizar o cerrar. En la esquina inferior izquierda de esta ventana encontramos el Zoompara aumentar o disminuir el documento. Tambin es denominada Ventana de ilustracin.

Dentro de esta ventana podemos encontrar los siguientes elementos:

Mesa de trabajo. Corresponde al tamao del documento creado. Un documento puede contenervarias mesas de trabajo que, a su vez, pueden tener diferentes tamaos. Dividen el documentoen zonas. Luego podremos, por ejemplo, exportar slo esas zonas. Las mesas, aparecen como unrecuadro blanco, quedando el fondo de la ventana del documento un poco ms oscuro.

Barra de ttulo del documento. Muestra informacin del documento abierto: nombre,porcentaje de ampliacin con respecto a su tamao de impresin, espacio de color, etc.

rea exterior a la mesa de trabajo. Esta superficie, que es muy amplia y puede contenercualquier elemento, los que estarn visibles y se podrn editar, pero no sern impresos, a menosque se los ubique dentro de una mesa de trabajo.

Barra de estado. Aparece en el borde inferior izquierdo de la ventana del documento. Permiteelegir entre alguna de estas opciones:

o Muestra y permite modificar el porcentaje de ampliacin con respecto a su tamao deimpresin.

o Nombre de la mesa de trabajo en uso.o La herramienta que estamos usando.o Fecha y horao Nmero de acciones de deshacer y rehacer disponibles.o Perfil de color del documento

1

2

3

4

5


10/56


10

4. Panel de herramientas: En el lateral izquierdo encontramos este panel, que agrupa lasherramientas de dibujo, edicin, etc. Algunas herramientas aparecen agrupadas en un mismo icono,las cuales se diferencia por tener un triangulito en su esquina inferior derecha. Para desplegarlas hayque mantener pulsado el ratn unos segundos o hacer clic teniendo la tecla ALT presionada. Tambinpodemos acceder a sus propiedades haciendo doble clic.

5. Paneles Flotantes. Estos paneles tienen variados fines y se despliegan desde el men Ventana.

Los paneles o paletas, normalmente situados a la derecha, muestran un grupo de opciones ypropiedades relacionadas, como puede ser el Navegador, Color o Pinceles. Pueden estar agrupadosen el Men o Grupo de paneles o podemos encontrarlos flotantes, y aparecer apilados o acoplados.Todos los paneles se pueden agregar desde el men Ventana.

Cuando paneles acoplables estn abiertos, pueden parecernos muchos elementos, y darnos la sensacinde que nos quedamos sin espacio para ver el documento sobre el que trabajamos. Una solucin a esto espulsar la tecla Tab (tabulador). Al hacerlo, se ocultan todos los elementos salvo la Ventana deldocumento. Si en vez de eso pulsamos Maysculas + Tab se ocultarn slo los paneles.

El espacio de trabajoCada diseador tiene su propio estilo de trabajo, las

tareas que realiza hacen necesario que los panelesusuales tengan una determinada posicin. IllustratorCS6, al igual que los otros programas Adobe permiteguardar configuraciones del espacio de trabajo outilizar configuraciones predefinidas.

Tambin las opciones predefinidas de espacios de trabajoque se pueden elegir desde el men Ventana > Espaciode trabajo o en la barra de mens a la derecha.

Aspectos esenciales, que muestra los paneles msimportantes del programa en su versin mspequea. Maximiza el rea de trabajo, presenta slola Barra de opciones y los paneles en conos. Para larealizacin de ilustraciones sencillas, contiene loindispensable.

Las opciones especializadas Automatizacin, Diseo, Impresin yPruebas, Pintura, Tipografa, Trazado y Web, presentan las herramientas esenciales de cadatipo de trabajo o para decirlo en forma prctica, las recomendaciones del programa para cada tipode proyecto vectorial.

Restaurar aspectos esenciales. Para volver a la configuracin por defecto de Illustrator.

Guardar espacio de trabajo. Podemos partir de una de estas configuraciones y acomodar lospaneles y luego guardar una configuracin propia con esta opcin.

Gestionar espacios de trabajo. Para eliminar configuraciones guardadas.

Desplazarse por el documentoPodemos mover el rea que se visualiza del documento de varias formas:

Utilizando la herramienta mano (H) podemos desplazar el documento simplemente arrastrando. Paraactivar la herramienta mientras trabajas con otra herramienta, basta con mantener pulsada la teclaEspacio.

Tambin utilizamos la rueda del ratn para desplazarnos verticalmente y si sumamos la rueda del ratncon la tecla Ctrl nos desplazaremos horizontalmente.

Tambin con las barras de desplazamiento tpicas de las ventanas de Windows .

Estos mtodos son cmodos para desplazamientos cortos, pero podemos perdernos si los usamos para

buscar algo en otras partes del documento, en especial en documentos muy grandes.


11/56


11

Por eso disponemos del panel Navegador del men ventana. En este panelencontramos una vista en miniatura del documento. La zona que estamosviendo aparece enmarcada en rojo. Para movernos a otro lugar, basta condesplazar este marco en la vista de miniatura.

Esta herramienta la analizaremos despus en el captulo de paneles yventanas acoplables.

El ZoomEs importante a la hora de trabajar saber aumentar o disminuir el tamao de nuestro documento paraajustarlo a nuestras necesidades, y esto lo hacemos con el Zoom.

El zoom es la ampliacin del documento, expresada en un tanto por ciento. Tomamos como 100% eltamao normal del documento, por lo que valores mayores indicarn un aumento, y menor disminucin.Este cambio de tamao slo se aplica a cmo vemos el documento, pero no a su tamao real.

En la esquina inferior izquierda de la Ventana del documento encontramos el indicador dezoom. Se trata de un desplegable en el que podemos elegir uno de los tamaospreestablecidos, entre 3,13% y 6400%. Estos son los valores mnimo y mximo que podemos establecer.

Pero resulta ms til controlar el Zoom a travs del teclado o de la propia herramienta Zoom (Z). Alelegirla, el cursor tomar forma de lupa , y al hacer clic sobre el documento aumentar el zoomtomando como centro el cursor. Para disminuir con la herramienta Zoom habr que mantener la tecla Alt

pulsada mientras se usa. Veremos que el cursor cambia a una lupa con el signo . El zoom tambinpodemos hacerlo con la rueda del ratn ms latecla Alt. Para ampliar o reducir.

Una opcin muy interesan de esta herramienta esque nos permite ampliar una zona determinada,trazando un cuadrado con el cursor sin soltar elbotn.

Pero lo ms comn es regular el Zoom con las

combinaciones Ctrl + y Ctrl -, pero tomandocomo centro el centro de la ventana. Con lacombinacin Ctrl . ajustamos el zoom al tamaode la mesa de trabajo, y con Ctrl 1 restauramosel tamao real (100%). Tambin puedesencontrar estas combinaciones en el men Ver.

VisualizacinPodemos dividir la vista de un dibujo en: lneas de contorno (estructura) yprevisualizacin (relleno). El contorno es la lnea que delimita un dibujo, y el rellenosu color o textura, no slo la del interior del dibujo, sino tambin el color o estilo del

propio trazo.

Por defecto, Illustrator nos muestra el color de todos nuestros dibujos. Pero puedeque en determinados casos nos interese ver solo el contorno, porque nos sea msfcil identificar objetos, sobre todo si estn superpuestos, o porque estemosmanejando imgenes muy complejas y pesadas, que resultan ms giles cuandoslo se ven los contornos.

Podemos cambiar entre un modo y otro rpidamente con las teclas Ctrl Y.

Esta opcin la encontramos en el men Ver, llamada Contornear para cambiar amodo de slo contornos, o Pre visualizar para volver al modo de colores.

Una de las cualidades de los formatos PSD, PNG, GIF es que nos permiten trabajar con transparencias.Illustrator permite trabajar con estas transparencias, y no slo en estos formatos, en cualquiera que

deseemos dar efectos de degradados o sombras, por ejemplo. Por eso es importante distinguir a quelementos hemos aplicado transparencias, sobre todo cuando haya objetos con rellenos del mismo colorque el fondo, pues se mostrarn igual que los transparentes.


12/56


12

Para solucionar esto, disponemos de unacuadrcula mosaico de grises y blancos con la quedistinguiremos perfectamente las transparencias.

Podemos activarla con la combinacinMaysculas Ctrl D.

En la primera imagen, sobre fondo blanco, los

cuadrados parecen iguales dos a dos. En lasegunda, al mostrar la cuadrcula de transparencia,vemos que uno de los cuadrados blancos eratransparente, y el ultimo abajo es oscuro, pero contransparencia.

Vistas y ventanasIllustrator nos permite tener abiertos varios documentos a la vez, por ejemplo para copiar objetos de undocumento a otro. Al hacerlo, nos encontramos con varias ventanas de documento.

Por defecto, cada ventana de documento ocupa toda el rea de trabajo, y slo podemos verlas de una enuna. Podemos ver una ventana haciendo clic en la pestaa de ttulo de la ventana de trabajo ((modoconsolidado) que adems nos muestra el nombre del archivo, la escala y el modo de color. Para cambiarde ventana a ventana utilizamos la combinacin de teclas Ctrl Tab.

Tambin podemos "sacar" el documento del rea de trabajo, haciendo clic en la pestaa yarrastrando. Al hacerlo, se muestran los controles tpicos de las ventanas.

En el men Ventana Organizar, podemos poner todas las ventanas como flotantes, con la opcinTodo flotante en ventanas o volverlas a incrustar en el rea de trabajo con la opcin Consolidar todas lasventanas, as como distribuirlas en cascada o mosaico.

Tambin podemos abrir otra ventana del mismo documento, desde el men Ventana Nueva ventana.

Esto nos permite, por ejemplo tener una parte del documento ampliada para trabajar en un detalle,mientras que en la otra podemos trabajar otros elementos (muy til en la ilustracin).

Si vamos a trabajar en varias sesiones con un documento, y siempre necesitamos abrir varias ventanas,configurar el zoom, etc, podemos optar por crear una vista. La vista guarda en el documento laconfiguracin de la ventana seleccionada, lo que nos ahorrar trabajo. Para crear la vista, basta conelegir Nueva vista en el men Ver. En la parte inferior del men Ver encontramos las vistas. En cadadocumento slo podremos elegir las vistas guardadas en l.

.


13/56


13

Hacer y rehacerComo cualquier programa de edicin, Illustrator dispone de los comandos Deshacer y Rehacer Ctrl Z yMayscula Ctrl Z.

Deshacer anula la ltima accin y restaura el documento almomento anterior a realizarla. Por ejemplo, si hemos borradoun objeto, podemos deshacer la accin y el objetoreaparecer. Esto resulta muy til para probar un cambio y vercmo queda, y sobre todo, cuando nos equivocamos. Siutilizamos este comando varias veces seguidas, se irndeshaciendo las acciones hasta llegar al momento en el queabrimos el documento, aunque lo hayamos guardado variasveces.

Ambos comandos los encontramos tanto en el men Edicin,pero tambin en el men contextual (alern) al hacer clicderecho sobre la ventana de trabajo, tambin encontraremosalgunos comandos muy tiles pero que veremos despus.

Guardar y exportarEs importante diferenciar, primero, los dos estados de trabajo en los que se puede encontrar un grfico:

Un grfico puede estar en proceso, y no estar todava acabado. Bien porque queremos grabar endeterminado momento para no perder los cambios realizados, o porque deseamos terminar la sesinde trabajo y continuar ms adelante.

O un grfico puede encontrarse terminado y listo para publicar, imprimir o almacenar.

Guardar un documento en proceso:

Al guardar el archivo sin perder ninguna de sus propiedades, capas, etc, para poder seguir trabajandocon l, simplemente Guardaremos Ctrl S o al renombrarlo Mayscula Ctrl S o al copiarlo Alt Ctrl

S, y normalmente lo haremos en el formato propio de Illustrator, con la extensin .aiExisten otras quetambin guardan informacin de vectores pero no las herramientas exclusivas de Illustrator.

Desde este dilogo debemos elegir la ubicacin del archivo (dnde lo queremos guardar), seleccionandolas carpetas de la lista de la izquierda, o utilizando el desplegable Guardar en, poner el nombre y elegir elformato en el desplegable Tipo.

Aparece otra ventana en la que podemos seleccionar la versin del programa (para abrir en versionesanteriores) mantenemos las opciones de compatibilidad por defecto y si hay alguna observacin se veren la seccin avisos, en la parte inferior de la ventana.


14/56


14

Guardar un documento Terminado

Tenemos muchas opciones para sacar un documento terminado y depende de la aplicacin que le demos,

El formato ms usual de uso es el PDF, al guardarlo en este formato nos aseguraremos de garantizar lamxima calidad del archivo evitando compresiones que originen perdida de informacin. Las propiedadesavanzadas de un PDF se vern en un curso avanzado.

Tambin podemos exportarlo como imagen, encapsularlo o llevarlo en un archivo portable. Al exportar,solo se guarda la parte del documento que aparece dentro de la mesa de trabajo (la hoja).

El dilogo de exportar es parecido a Guardar como. De hecho, la nica diferencia es el tipo de archivoque podemos elegir.

Observa que no aparecen los formatos en losque ya habamos guardado el documento,como el .ai. Estos son formatos que noconservan las propiedades de Illustrator,aunque algunos, como el formato dePhotoshop si permitan exportar algunascaractersticas, como las capas. Es importanteguardar una copia del documento en formatode Illustrator para poder editarlo.

Dependiendo del formato que elijamos, alpulsar Exportar nos aparecern unas opcionesde conversin u otras. Por ejemplo, exportara PNG podremos elegir la resolucin y el colorde fondo, incluyendo transparencias; sielegimos un JPEG podremos elegir entremejor calidad o un archivo ms pequeo, laresolucin, aspectos del formato...; y sielegimos algo ms complicado, como Flash oAutoCAD, habrn opciones que requieren elmanejo de otras aplicaciones.

Ejercicio:Realizaremos una prctica de administracin y visualizacin de un archivo de Illustrator, soloconstruyamos un rectngulo (M) veamos en cuantos archivos podemos guardar y exportar.


15/56


15

Panel de herramientasEl panel de herramienta est desplegado de manera vertical y en una columna en el ladoizquierdo de la interfaz, pero podemos ampliarlo a dos columnas haciendo clic en elbotn de la parte superior as como tambin extraerlo de manera flotante sobre laventana con solo arrastrar la cabera del panel.

Las herramientas contenidas en este panel estn divididas en grupos de acuerdo a susafinidades. A continuacinveremos el panel de herramientas con sus grupos sealados yun listado completo de las herramientas, una breve descripcin de las funciones quecumplen y el atajo de teclado que la convoca (sealado entre parntesis).

Si detenemos el cursor sobre alguna de las celdas del panel de herramientas aparece unaetiqueta que nos informa el nombre de la herramienta y la tecla que tiene como atajo.

Esta forma de trabajo, propia de los programas Adobe, ahorra mucho tiempo de trabajo.Estos atajos no funcionan, por cierto, cuando tenemos activa cualquiera de las versionesde la herramienta Texto (para esos casos saldremos de la herramienta texto con ESC).La configuracin de estos atajos de teclado puede ser modificada por el usuario.

En la parte inferior del panel, despus de las herramientas aparecen las siguientesopciones:

1. Colores de Relleno y Trazo. Selector de colores de relleno y trazo. La flecha dearriba a la derecha, intercambia los colores (su atajo de teclado es X). El pequeocono de arriba a la izquierda, restaura los colores por defecto: negro en trazo yblanco en relleno (su atajo de teclado es D).

2. Modos de pintura. Color plano, degradado de color y transparente. Se rota por lasdiferentes modalidades pulsando la tecla (,) relleno (.) gradacin y () sinrelleno.

3. Modos de dibujo. Determinan la forma en que trazaremos nuestros dibujosencima, debajo o dentro de otro dibujo, alternando con la combinacin de teclasMayscula D, para el caso de dibujo dentro de otro dibujo el dibujo contenedordebe estar seleccionado y se recomienda para su seleccin hacer clic sobre sucontorno o contenidos.

4. Modos de presentacin del documento (F). Visualizacin de varias ventanas,Slo ventana del documento y barra de men y Ventana del documento sin barrade men. EL MODO F SERA QUE EL UTILIZAREMOS DE AQU EN ADELANTE.

Lista de herramientas

Herramientas de seleccinSeleccin (V) Selecciona objetos o grupos enteros.

Seleccin directa(A)

Selecciona puntos de ancla o segmentos detrazados.

Seleccin degrupos

Selecciona objetos y grupos en formainteligente

Varita mgica(Y)

Selecciona objetos con colores similares derelleno o de trazo.

Lazo (Q) Selecciona puntos o segmentos del trazado

de objetos si los envolvemos a mano alzada.

1

2

3

4


16/56


16

Herramientas para crear trazadosPluma (P) Dibuja lneas rectas y curvas vectoriales.

Aadir punto deancla (+)

Agrega puntos de ancla en un trazado.

Eliminar punto deancla (-)

Elimina puntos de ancla en un trazado.

Convertir punto deancla (Mays+C)

Modifica los manejadores de los trazados.

Herramientas de textoTexto (T) Para crear texto suelto o en contenedores

de texto horizontal.

Texto de rea Para escribir texto horizontal en trazadoscerrados.

Texto en trazado Para escribir texto horizontal en trazadosabiertos.

Texto vertical Para crear texto suelto , en rea, entrazado pero de forma vertical

Herramientas de formas predeterminadasLnea (N) Dibuja segmentos rectos.

Arco Dibuja segmentos curvos.

Espiral Dibuja espirales.

Cuadrcularectangular

Dibuja cuadrculas rectangulares.

Cuadrcula polar Dibuja cuadrculas circulares.Rectngulo(M)

Dibuja cuadrados y rectngulos.

Rectnguloredondeado

Cuadrados y rectngulos con vrticesredondeados.

Elipse (L) Dibuja crculos y elipses.

Polgono Dibuja polgonos regulares de varios lados.

Estrella Dibuja estrellas.

Destello Crea destellos de lente o de luces.


17/56


17

Herramientas de pinturaPincel (B) Dibuja lnea a mano alzada y caligrfica,

adems de aadir los diseos propios de lospinceles especiales y los pinceles de cerdas.

Lpiz (N) Dibuja lneas a mano

alzada.Suavizar Simplifica y suaviza los trazados complejos.

Borrador detrazados

Borra trazados y puntos de ancla.

Pincel demanchas(Mays + B)

Dibuja trazados que se combinanautomticamente.

Herramientas de correccin de trazados

Borrador(Mays + E)

Borra objetos.

Tijeras (C) Corta trazados.

Cuchilla Corta objetos y trazados.

Herramientas de TransformacinRotar (R) Gira objetos alrededor de un punto fijo.

Reflejo (O) Refleja objetos respecto a un eje fijo.

Escala (S) Cambia de tamao los objetos en torno aun punto fijo.

Distorsin Inclina objetos en torno a un punto fijo.

Reformar Crea puntos de ancla y curva segmentosrectos.

Anchura(Mays+W)

Permite crear trazos con anchos variables.

Deformar(Mays+R)

Moldea objetos con el movimiento delcursor.

Molinete Crea distorsiones en espiral en un objeto.

Fruncir Deforma achicando un objeto.

Engordar Deforma agrandando un objeto.

Festonear Aade detalles curvos aleatorios al contornode un objeto.

Cristalizar Aade detalles en punta aleatorios alcontorno de un objeto.

Arrugar Arruga en forma aleatoria el contorno de unobjeto.


18/56


18

Transformacinlibre (E)

Escala, rota o sesga un objeto o seleccinde objetos.

Herramientas de pintura interactiva

Creador de formas Combina formas simples para crear formascomplejas.

Bote de pinturainteractiva (K)

Pinta las caras y los bordes de los gruposde pintura interactiva con los atributos depintura actuales.

Seleccin depintura interactiva(Mays + L)

Selecciona las caras y los bordes de losgrupos de pintura interactiva.

Herramientas de perspectiva

Cuadrcula deperspectiva

Crea una cuadrcula para realizarilustraciones en perspectiva.

Seleccin deperspectiva

Permite colocar y mover objetos respetandola cuadrcula de perspectiva.

Herramientas de degradadosDegradado (G) Crea y edita degradados lineales y radiales.

Malla (U) Crea y edita mallas y envolventes de malla.

Herramientas variasCuentagotas (I) Toma y aplica atributos de color,

caractersticas tipogrficas, efectos, etc. delos objetos.

Medicin Mide la distancia entre dos puntos.

Fusin (W) Crea una serie de objetos fusionando el

color y la forma de dos o ms objetos.

Herramientas desmbolos

Conjunto de herramientas de smbolos pararociar, desplazar, unir/separar, cambiartamao, girar, manchar, traslucir, aplicarestilo. La tecla ALT invierte el resultado enla mayora.

Herramientas degrficos

Conjunto de herramientas para creargrficos a partir de datos numricos, sepresenta una tabla para los datos una vez

seleccionado el grafico de tipo: columnas,columnas apiladas, barras, barras apiladas,lineal, reas, dispersin, tarta y radar.


19/56


19

Mesa de trabajo Crea mesas de trabajo independientes paralaimpresin o exportacin

Sector Divide las ilustraciones en imgenes Webindependientes.

Seleccionar sector(Mays + K)

Selecciona sectores Web.

Mano (H) Mueve la mesa de trabajo para poder ver lailustracin.

Segmentacin deimpresin

Ajusta el rea de impresin.

Zoom (Z) Vara el tamao de visualizacin de lailustracin.

Como abras notado si eres usuario de Illustrator no hay cambios en las herramientas clsicas desdeversiones anteriores.

Si tiene la versin en ingls esta es la traduccin:

(V) Selection Tool: Herramienta de Seleccin(Y) Magic Hand: Mano Mgica(P) Pen: Pluma(\) Line Segment: Segmento de Lnea(B) Paintbrush: Pincel(R) Rotate: Rotar(Shift+R) Wrap: Arrugar(Shift+S) Symbol Sprayer: Rociar smbolo

(U) Mesh: Malla(I) Eyedropper: Cuentagotas(K) Live Paint Bucket: Bote de Pintura Interactiva(Shift+O) Crop Area: Area de Recorte(H) Hand: Mano(A) Direct Selection: Seleccin Directa(Q) Lasso: Lazo(T) Type: Texto(M) Rectangle: Rectngulo(N) Pencil: Lpiz(S) Scale: Escala(E) Free Transform: Transformacin Libre

(J) Column Graph: Grfica de columnas(G) Gradient: Degradado(W) Blend: Fusin(Shift+L) live Paint Selection: Seleccin de Pintura Interactiva(Shift+E) Eraser: Borrador(Z) Zoom: Zoom(X) Toggle fill: Relleno(Shift+X) Swap fill/stroke: Intercambiar relleno/trazo(X) Toggle stroke: Trazo() Gradient: (.) Degradado(/) None: () Ninguno(F) Change screen mode: Cambiar modo de pantalla


20/56


20

Formas predeterminadasIllustrator cuenta con un conjunto de herramientas para crear trazados de formas predefinidas. Sepueden dibujar desde lneas rectas o curvas hasta complejos destellos y cuadrculas lineales o polares.Las formas disponibles van desde elipses y rectngulos hasta estrellas y espirales.

A estas herramientas se las pueden usar arrastrado el ratn, mientras se mantiene apretado el botn. Deeste modo creamos las formas "a mano". Si queremos hacer crculos, cuadrados u otras formas quetengan igual medida en ancho y alto (proporcionales), tendremos que mantener oprimida latecla Maysculas al arrastrar.

Para dibujar cualquiera de estas formas con medidas exactas tendremos que hacer clic con laherramienta sobre la pgina. De este modo aparecer un cuadro de dilogo que nos permitir ingresarlas medidas del objeto a dibujar, si ya creaste un dibujo con la herramienta la prxima vez que hagas unclic con la misma recodara los parmetros anteriores y creara el dibujo de igual forma.

Las herramientas de creacin de lneas predeterminadasson: Segmento de lnea, Arco, Espiral, Cuadrcula rectan-gular y Cuadrcula polar.

Accedemos a la primera Lnea con (


21/56


21

Las espirales se controlan por el decaimiento y los segmentos, segn ladireccin que desees, tambin puedes usar atajos en teclado: Ctrl para eldecaimiento y Alt para los segmentos, pero tienes que practicar.

En la herramienta cuadricula rectangular y polar, la construccin reticular aparte de la cantidad dedivisiones, horizontales, verticales, concntricas y radiales tambin nos permite controlar el sesgado o laaceleracin de los segmentos.

Las herramientas de formas predeterminadas. Estas formas corresponden a figuras geomtricassimples, excepto le herramienta Destello, que hace un dibujo complejo simulando un destello producidoen una lente. Estas formas son: Rectngulo, Rectngulo redondeado, Elipse, Polgono,Estrella y Destello.


22/56


22

Para dibujarlas seleccionamos la herramientacorrespondiente hacemos clic y arrastramos sobre lamesa de trabajo. Mientras se est dibujando sepueden pulsar las siguientes teclas:

Mayscula: La figura medir lo mismo de ancho yalto.

Alt: La figura se dibujara desde el centroMayscula + Alt: La figura se dibujara desde elcentro y medir lo mismo de ancho y alto.

Otra forma de dibujar una figura es Seleccionando laherramienta y hacer un clic sobre la mesa de trabajo,nos aparecer nuevamente el panel opciones de lafigura: ancho, alto, radios, lados, puntas, etc.

Algunas herramientas, como el polgono y la estrella, tienen como uno de sus parmetros una medida decantidad (de lados o de puntas). Esta cantidad se puede modificar en forma interactiva presionando,mientras se est creando la forma, las flechas Arriba o Abajo del teclado. El nmero de lados o de

puntas aumentar o disminuir.

Practica creando la estrella con las teclas arriba y abajo para aumentar o disminuir puntas, asi comoCtrl para controlar el radio externo y Alt para proporcionar la estrella.


23/56


23

En el caso del destello solo veremos los resultados en fondo oscuro, imita el reflejo sobre un lente,determinando el centro del reflejo, la aureola o luminosidad del mismo, la cantidad de rayos de luz y sutamao, as como la cantidad, tamao y direccin de los anillos que se irradian sobre la superficie.

Herramientas de seleccin El puntero negro (V), llamado Herramienta de

seleccin, sirve para seleccionar objetos o gruposde objetos con un slo clic. Si tenemos varios

objetos agrupados en diferentes niveles (gruposde grupos), con un clic en cualquier objeto conesta herramienta quedar seleccionado el grupomayor. Esta herramienta es la tecla V.

El puntero blanco (A), se denomina herramienta de Seleccin directa y selecciona elementosindividuales de los objetos (puntos de ancla o segmentos de trazados), no importando si el objetoest agrupado ni el nivel del grupo al que pertenece. El atajo de teclado es la letra A.

Tambin podemos llamar a esta herramienta de manera temporal con la tecla Ctrl mientrasmanejamos otra herramienta, es una excelente ayuda si eres dibujante.

Con esta herramienta podemoseditar los puntos de construccin decualquier dibujo, solo cambiamos dela V a la A, de objeto seleccionado aseleccin de nodos, y si tienes todoslos nodos seleccionados solo tendrsque hacer doble clicsobre el nodoque quieres editar.

Otra opcin muy prctica es Aislar seleccin, consiste en hacer un doble clic sobre el objeto para

editarlo, aislndolo del resto de la composicin, independientemente si es grupo, compuesto o ninguno.Para salir de este modo solo tenemos que presionar ESC o doble clic en la mesa de trabajo.


24/56


24

El puntero blanco +, llamado Herramienta de seleccin de grupos, tiene un comportamientointermedio entre las dos anteriores. Si no est visible, aparece cuando presionamos unos instantes elratn sobre la herramienta Puntero blanco. Es til cuando tenemos "grupos agrupados", es decir,diferentes niveles de agrupamientos de objetos. En un primer clic sobre un objeto, lo selecciona enforma completa, un segundo clic seleccionar al grupo "de primer nivel" (al que ese objetopertenezca). Un tercer clic seleccionar al grupo del nivel siguiente y as sucesivamente.

Entrar a un sub nivel tambin se puede con un doble clic sobre el objeto al que se quiere ingresar ypara salir de los subniveles solo basta con hacer doble clic sobre la hoja de trabajo.

Lazo de seleccin, La limitacin del procedimiento de "arrastrar" para seleccionar algo slo sepuede hacer en reas rectangulares. Esta limitacin desaparece con la herramienta Lazo (L), queselecciona envolviendo superficies no rectangulares, realizadas en forma libre o a mano alzada.

Varita Mgica, finalmente una herramienta de tolerancia ya que selecciona por similitud de relleno ocontorno, de mucha utilidad al trabajar con mltiples objetos.

Agrupamiento y objetos compuestosCuando se realizan ilustraciones u otro tipo de trabajos en estosprogramas es muy importante contar con la posibilidad deagrupar o combinar objetos con el fin de realizartransformaciones en forma conjunta. Por ejemplo, seleccionartodo un grupo y moverlo o cambiar sus dimensiones. Tambinel agrupamiento ayuda a un ordenamiento en el trabajo.

Para agrupar varios objetos usaremos las teclas Ctrl G y paradesagrupar Mayscula Ctrl G

Pueden crearse varios niveles de grupos de objetos, esto es,podemos "agrupar grupos".

Para los objetos compuestos que no son otra cosa que combinaciones aplicamos la combinacin deteclas Ctrl 8 y para soltar o descombinar Alt Ctrl 8

Necesitamos hacer un doble clicpara entrar en el sub nivel delgrupo u objeto compuesto.

Con la herramienta seleccin degrupo solo necesitamos hacer unclic sobre el objeto, no importala profundidad delagrupamiento.


25/56


25

Mantener Proporciones

La tecla mayscula permitir mantener proporciones en la creacin y transformacin de todos losdibujos y la tecla Alt cambiara el eje de transformacin al centro en todos los dibujos, pudiendo combinarambas teclas en la modificacin de los objetos

Redimensionando Figuras

Para redimensionar una figura, primero la seleccionas (V)y aparecer una caja alrededor de ella con varios puntosde apoyo. Desplaza el punto de apoyo de cualquieresquina para redimensionar la figura. Para mantener laproporcin mientras redimensionas, mantn presionadala tecla Mayscula.

Rotando Figuras

Selecciona la figura con la Herramienta Seleccin y suborde aparecer. Mueve el cursor cerca de uno de lospuntos de apoyo de las esquinas y el cono de rotacin

aparecer, haz clic y rota la figura. Para rotarautomticamente la figura en un ngulo de 45 grados,mantn presionada la tecla Mayscula.

Duplicando una figura

Podemos copiar y pegar la figura seleccionada en elmen edicin tenemos muchas opciones para pegar lafigura copiada, delante (Ctrl F), detrs (Ctrl B), en elmismo lugar (mayscula Ctrl V) o en todas las mesas detrabajo (Alt Mayscula Ctrl V).

Pero si queremos crear un duplicado de una ovarias figuras lo que tenemos que hacerprimero es seleccionarla y luego presionar latecla Alt y arrastrar hasta ubicar el lugardonde queremos el duplicado y soltamos.

La disposicin del duplicado u otras figuras selogra con las teclas Ctrl 0 (adelante) y Ctrl 9(atrs).

Atajos para Relleno y TrazoAntes de ingresar al manejo avanzado del color, veamos la administracin directa delrelleno y contorno, a travs de la barra de herramientas.

Para asignar o cambiar el Color

Primero debemos situarnos en el relleno o contorno que vamos a colorear, esto lohacemos con la tecla X, (selecciona el relleno o el contorno para colorear) si queremoslos valores por defecto presionamos la tecla D (relleno blanco, contorno negro), despusabrimos el panel de color con la tecla (,) y asignamos un color, tambin podemosasignar una gradacin abriendo el panel de gradacin con la teclas (.) finalmente si noqueremos ningn color presionamos la tecla para el contorno o relleno dependiendodel intercambio de la tecla X.

Si presionamos mayscula X se realiza un intercambio del color de relleno con el colorde contorno y viceversa.


26/56


26

La evaluacin de los ejercicios se realiza con el modo de pantalla F

Ejercicio:

Construye las siguientes figuras sin utilizar pluma, solo con formas predefinidas y editadas con losselectores, finalmente aade dos ms de tu propia creacin (este diseo deber ser impreso y colocado

en un portafolio de trabajo para su evaluacin final).

? ?


27/56


27

Mesas de trabajoAl crear un documento nuevo podemos definir cuntas Mesas detrabajo tendr y la forma de organizacin. Esto se refiere acantidad de pginas y sus formatos.

Las Mesas de trabajo se seleccionan y crean con la

herramienta del mismo nombre (Mayscula O)basta con hacer clic sobre una mesa, o arrastrar ysoltar para crear una nueva. Una vez seleccionada, enla barra de opciones se pueden realizar lo siguiente:

Seleccionar un formato en ajustes preestablecidos. Indicar el sentido u orientacin a la pgina. Crear o borrar una meza de trabajo. El nombre de la mesa de trabajo individual. Mostrar marcas y guas de pgina, as como el punto de

referencia de la hoja. Al final podemos definir el tamao de la mesa de trabajo.

Presionando la tecla enter cuando usamosla herramienta mesa de trabajopodemos llamar al panel de opcionessimilar a la barra de propiedades peromas especifica.Las opciones se distribuiran en nombre,

formato, medidas, orientacion, marcas yguias, mostrar fondo, y mas opciones decreacion de mesas de trabajo, comopresionar M para crear mesa dentro demesa, o presionarl ALT y arrastrar paraduplicar una mesa.El activar guias muestra referencia decontenido y eje para otros tipos dediseo.


28/56


28

Rectas y curvasLa creacin de lneas en Illustrator es muy verstil por la cantidad de herramientas para mejorar lasensibilidad y precisin de los nodos en curvas y rectas. Las herramientas bsicas de dibujo son: Lpiz(N), pluma (P), y pincel (B).

El lpiz (N)Con la Herramienta Lpiz podemos dibujar figuras y lneas a pulso. La llamamos con la tecla N

Su panel de opciones se abre presionando Enter ohaciendo doble clic sobre la herramienta, este nospermitir personalizar la herramienta.

Opciones de la Herramienta Lpiz

Aqu puedes cambiar la fidelidad y el suavizado hastaencontrar la combinacin que desees.

Fidelidad: Determina que tan cerca estarn lospuntos de control del trayecto al dibujarlo con elmouse. Si o eres muy hbil dibujando con el mouseestablece una fidelidad ms alta.

Suavizado: Mientras ms alto sea el suavizadomenos puntos de ancla se producirn, por lo tanto seobtiene una lnea suavizada.

Adems podemos definir si tendr relleno abierto ono y seleccionado para edicin de sus nodos.

Cerrando trayectos con la Herramienta Lpiz

Para cerrar un dibujo (trazado), debes mantenerpresionada la tecla ALT cuando el lpiz alcanza el puntode inicio. Un cono circular aparecer cerca del lpiz paraindicar que llegaste al punto de cierre.

Suavizar lpizNormalmente cuando se dibuja con laHerramienta Lpiz el trayecto parecedentado. Para alisar o suavizar esaspartes que estn dentadas simplementemantn presionada la tecla Alt para usarla Herramienta Suavizar. Entoncesdibuja sobre el rea de la lnea quedeseas suavizar. Simplemente repsala.


29/56


29

Cambiando la forma deltrayecto

Para cambiar la forma del trayecto,primero asegrate que esteseleccionado y usa la Herramienta

Lpiz para redibujar las partes quedeseas modificar. Fjate que elinicio y fin del trayecto debe estarincluido en el trayecto original paraque pueda funcionar.

Para terminar con esta herramienta tenemos tambin el borrador para lneas es muy simple solo borrapartes del trazado.

La herramienta fusin

La herramienta de mezcla toma 2 (o ms) formasen Illustrator y realiza una interpolacin entre ellasde acuerdo a los parmetros seleccionado en supanel de opciones (doble clic sobre laherramienta). Existen tres diferentes maneras laherramienta Fusin puede mezclar: Suavizar color,pasos especificados o distancia especificada:

Para probarla dibuja dos lneas con la herramienta lpiz (N). Ahora selecciona la herramienta de mezcla(W). Si desea configurar algunas opciones presiones Enter. Cuando est listo slo tienes que presionar

Ctrl Alt B que aplicar la fusin o de forma manual selecciona una de las lneas con la herramienta demezcla y seleccione la otra lnea.


30/56


30

Ahora que tiene sus opciones de mezcla establecidos, podemos realizar las siguientes pruebas, formaspredefinidas:

Edicin de los sub objetos de fusin con la herramienta seleccin directa o aislando con un doble clic:

Y tambin fusionando colores de contorno o relleno, de uno o ms objetos activando la opcin de fusinsuavizar color:


31/56


31

Ejercicio:

Realiza los ejercicios en nuevas mesas de dibujo.

Fusionar dos lneas clara y oscura, seleccionando la opcin de mezcla que mejore la transicin de color.

RECUERDA TODOS LOS EJERCICIOS SE REALIZAN EN EL MODO AVANZADO DE PANTALLA F


32/56


32

Ejercicio:

Disear con lneas predefinidas y lpiz el clsicodiseo de una flor:

Crea las lneas para los ptalos con laherramienta lpiz y fusiona

Para las hojas utiliza la herramienta arco ysegmento de linea, y fusiona.

Despues duplica y gira.

Para los ptalos solo tienes que duplicar ygirar hasta completar la flor.

Realiza el mismo procedomiento para el tallo y losdemas objetos con la herramienta lapiz y agrupandojerarquicamente los objetos para su composicionfinal.

Juega un poco con el color del trazo, el grosor del trazo(Ctrl F10), invirtiendo colores en fondos oscuros ycontrastantes, aades ms elementos y termina tupropia composicin.

Imprimir en formato A4 a color para la evaluacin en suportafolio de trabajos.


33/56


33

La pluma (P)La herramienta pluma nos permite realizar dibujos por puntos o nodos de construccin con mayorprecisin y diseo, son ms personalizados y es la herramienta estrella de todo ilustrador.

Para aplicarla selecciona la Herramienta Pluma P ypincha una vez en el rea de trabajo para aadir el

primer punto de ancla. Mueve el mouse a lasiguiente posicin y pincha de nuevo para crear elsegundo punto. Los dos puntos de ancla estarnconectados. Contina haciendo esto hasta crear unafigura como la que se muestra a continuacin. Paradibujar una nueva lnea, regresa a la herramientaseleccin (V) y luego vuelve a seleccionar laHerramienta Pluma.

Trayectos Cerrados

Para cerrar un trayecto, solo debes finalizar el dibujo de la figura con un clic el mismo punto de ancladonde comenz el dibujo, aparece en la punta de la pluma un pequeo crculo. Esto indica que all se

cerrar el trayecto.Se recomienda que todo dibujo vectorialsea una forma cerrada, aunque Illustratorpuede pintar formas abiertas el dibujoestara incompleto.

Sin embargo sino terminaste el dibujo laherramienta pluma te permite continuarel trazo siempre que hagas clic en elpunto o nodo donde se qued el dibujo.

Ejercicio:

Dibuja las piezas sobre un TANGRAM con relleno sin contorno y disea seis pictogramas en versinpositiva. En una mesa vertical A4. De los siguientes ejemplos

Este ejercicio tambien se imprimira en formato A4 para el portafolo de evaluacion.


34/56


34

Reglas, guas y cuadrculasIllustrator dispone de una serie de elemento que nospueden ayudar a posicionar de forma precisaelementos en nuestro documento. Vamos a ver cules

son y cmo manejarlos.

ReglasSon unas reglas en la parte superior y derecha de laventana del documento, (representan lascoordenadas x y de nuestro plano de trabajo) y quenos facilitan la tarea de colocar y medir objetos. Paravisualizarlas u ocultarlas, presionamos la combinacinde teclas Ctrl + R. Podemos hacerlo tambin desdeel men Ver/ Reglas/Mostrar reglas, allencontraremos ms opciones sobre este tipo deherramientas.

Estas reglas miden el alto y ancho del documento,partiendo de la esquina inferior izquierda de la mesade trabajo inicial. Este punto es denominado origende la regla, y podemos desplazarlo pulsando sobre laesquina superior izquierda de la ventana deldocumento, donde ambas reglas se unen (punto deinsercin de las reglas), y arrastrando. Para restaurarel origen de regla a su posicin inicial, basta conhacer doble clic en el punto de insercin.

Las reglas tambin nos indican la posicin del cursor a travs de una pequea lnea punteada en cadaregla. La unidad de medida de las reglas depende del tipo de perfil que hayamos elegido al crear el

documento, como ya vimos en el primer tema. No obstante, podemos cambiarla en cualquier momentohaciendo clic derecho sobre la regla y eligiendo otra unidad. Tambin podemos mostrar las reglas paratodas las mesas de trabajo con Ctrl Alt R.

Guas

Las guas, de forma parecida a la cuadrcula, tambin nos sirven paraalinear texto y objetos. Se trata de crear una lnea, que no se imprimir,y que como su nombre indica, nos servir de gua.

Para poder crear una gua debemos de tener las reglas visibles (Ctrl +R). Pulsamos sobre una de las reglas, y arrastramos hasta el lugar deldocumento donde queremos situarla. La gua, por defecto, se muestracomo una lnea del color azul cyan.

Tambin podemos crear una gua partiendo de grficos vectoriales, paraas crear una plantilla que se pueda ajustar ms a nuestras necesidades.Para ello, seleccionamos un objeto y escogemos en el men Ver / Guas /


35/56


35

Crear guas o Ctrl 5.

A partir de una gua, podemos crear guas nuevas copindola y pegndola. Podemos cambiar su ubicacinarrastrndolas, y eliminarlas borrndolas como cualquier objeto.

Si hemos creado una gua a partir de un objeto vectorial, podemos recuperarlo eligiendo en el mismomen la opcin Soltar guas o Ctrl Alt 5.

Ejercicio:Activar las herramientas de reticulado y configurar una cuadricula personalizada (radiacin) convertirlaen lneas gua y crear una figura utilizando los ajustes de guas inteligentes.

Lnea gua


36/56


36

Cuadrculas

Otra ayuda de la que disponemos es la cuadrcula (Ctrl *). Se trata deuna cuadrcula o rejilla que aparece de fondo en el documento, pero que nose imprime, solo nos sirve de gua o patrn para colocar nuestroselementos, y apreciar mejor la distancia entre ellos.

Tambin podemos visualizarla u ocultarla desde el men Ver, utilizando lasopciones Mostrar cuadrcula y Ocultar cuadrcula.

Si vamos a utilizarla para alinear objetos, nos resultar til la opcin Ajustara cuadrcula, que tambin encontramos en el men Ver. Esta opcin haceque al acercar el contorno de un objeto a una lnea de la cuadrcula, elobjeto se alinee con ella.

Uno de los factores ms importante al momento de usar gua y cuadricula es el nivel de ajustes que ledemos sea la capacidad de los objetos de pegarse a las lneas gua.

Guas inteligentesUna vez abierto el programa veremos que desde el principio estarn activas unas ayudas inteligentes

(guas verdes). Mientras dibujamos o movemos objetos, podemos utilizar las Guas inteligentes, que nosmuestran informacin sobre propiedades del elemento actual (tamao, ngulo, etc...), adems de lneascuando estemos en la misma horizontal o vertical que un elemento importante de otro objeto (su centro,puntos de ancla, etc.).

Probemos esta caracterstica inicial con un rectngulo (M) y tratemos de moverlo con la herramienta (V)

Con estas guas, podemos alinear fcilmente objetos, ya que a parte de la lnea verde, el elemento queestemos moviendo o el trazado que estemos creando se "para" al coincidir en vertical u horizontal conotro elemento prximo. Esta opcin, aunque es muy cmoda cuando queremos ajustar unos elementoscon otros, nos resta cierta libertad, ya que no nos permite crear un punto muy cerca de otro sin que sealinee automticamente. Si esto llega a molestarte, siempre puedes activar/desactivar estas guas con lasteclas Ctrl + U.Tambin podemos personalizar su comportamiento o los colores con que se muestran desde el menCtrl K Guas inteligentes:


37/56


37

El panel de preferencias se ira analizando gradualmente, en el caso de las lineas guia podemospersonalizar el color; por defecto el verde brillante nos ayuda por ser poco frecuente en un diseo.Podemos activar o desactivar las lineas o marcas a mostrar, incluso alinear a guias diagonales.Probemos esta caracterstica inicial con un rectngulo (M) y tratemos de moverlo con la herramienta (V)

El Dibujo isomtricoLas proyecciones ortogonales son una manera de describir lo que un objeto se ve desde varios puntos devista diferentes. El uso de guas ortogonales en Illustrator permite una proyeccin tridimensional delobjeto a partir de cualquier ngulo, en perspectiva, isomtrico o cualquier otro sistema de proyeccin deun dibujo.

Tener las vistas laterales, frontal y superior nos permite proyectar un objeto en una vista isomtrica.

Proyecciones isomtricas son de la familia de proyecciones axonomtricos.

Isomtrico proviene del griego porpartes iguales. Esto se debe a que los isomtricos no utilizan unsistema de punto de fuga como en la perspectiva, en su lugar de lneas se dibujan sobre una rejilla de 30grados como ngulo.


38/56


38

La gran ventaja del dibujo isomtrico en Illustrator est en que una vez que se ha creado un objeto estese ver exactamente igual en cualquier lugar de la mesa reticulada isomtricamente.

No hay puntos de fuga y no hay lneas de horizonte. Un objeto ser el mismo en cualquier parte de lapgina. Por ejemplo, podra tener un plano de conjunto con un centenar de tornillos similares. Pero slose tendra que elaborar un tornillo y luego copiarlo tantas veces como sea necesario. Esta es unaherramienta muy poderosa para acelerar el flujo de trabajo.

El uso ms comn de un diseo isomtrico es la infografa muy popular en las revistas y peridicos queestn utilizando cada vez ms este tipo de ilustracin.

Rejilla isomtricaLa mejor manera de empezar a trabajar en isometra es hacer una cuadrcula isomtrica

Comenzamos creando una mesa de trabajo horizontal, abriremos las preferencias (Ctrl K) este panelte permite personalizar las propiedades y herramientas de Illustrator, y lo veremos poco a poco, all en laprimera opcin del panel cambiamos el incremento de teclado a 1 cm.

Ahora creamos con segmento de lnea un trazo de 30 cm con 30 grados de ngulo.

Para duplicar la lnea presionas Alt y la flecha derecha para realizar el duplicado con incremento segn

el cambio en preferencias que realizaste. Repetimos hasta cubrir la pgina.

Realizamos el mismo procedimiento para crear lneas opuestas, creando los segmentos de lnea a 150grados y nuevamente cubrimos todo superponiendo las lneas. Una vez terminado agrupamos lo objetos

y acomodamos en la pgina.


39/56


39

Ahora ya tenemos una retcula isomtrica, seleccionamos todo Ctrl A y las convertimos en lneas guapara despus bloquearlas en la mesa de trabajo.

Ahora podemos comenzar la construccin de objetos en la retcula isomtrica - primero un cuboutilizando la herramienta pluma, veremos cmo se ajustan los punto o nodos a la retcula.


40/56


40

Podemos mejorar la distribucion de nodos con la herramienta de seleccin directa y ubicar correctamentelas esquinas.

Si coloreamos y agrupamos el cubo podemos duplicarlo y realizar distintas composiciones, para alternarla superposicion de los objetos usamos los teclados Ctrl 0 (encima) y Ctrl 9 (abajo).

Puedes aplicar un montn de efectos de las caras del cubo. Lneas de luz puede dar un aspecto ms afilado

y de contraste para tus cubos. Ahora estamos listo para realizar un ejerccios avanzado.


41/56


41

Ejercicio:

Dibujar sobre una reticula isometrica la proyeccionde un objeto tridimencional basados en lassiguientes vistas ortogonales:

Diseamos la reticula isometrica, colocando nuestraimagen de las vistas (arriba, de lado y frontal) en lamesa de trabajo.

Para dibujar el lado visible (side) bosquejamos conla herramienta pluma, visualizando en la reticula ellado correcto del cubo contenedor de nuestroobjeto ortogonal.

Continuamos asi el dibujo del objeto, siempre observando todas las vistas que definan al objetotridimencional.


42/56


42

Para construir la parte delantera de la forma dependemos mucho de la herramienta Seleccin directapara acomodar los nodos ala reticula.

Recvisemos la construccion del objeto analizando las vistas que envuelven al volumen.

Finalmente utilizando las mismas vistas construye 4 nuevas proyecciones del objeto. Practica el volumenisomtrico.

Luego imprime los cuatro diseos isomtricos distribuidos en un formato A4 y de preferencia a color,

para su evaluacin en el portafolio de trabajo.


43/56


43

Curvas de BezierIllustrator es un programa que tiene como lenguaje nativo el PostScript (lenguaje de descripcin depginas usado por la mayora de las impresoras lser y por las impresoras de pelculas y planchas deimpresin industrial offset). El elemento bsico del lenguaje Postcript son las curvas de Bezier.

Estas curvas son usadas por muchos programas (Corel, Photoshop, los programas de diseo de

tipografas, etc.). Ahora veremos las herramientas que permiten crear y editar curvas de Bezier enIllustrator. Estas curvas toman su nombre del matemtico Pierre Bezier, quien en la dcada de 1970desarroll una formulacin grfico-matemtica de curvas que luego sirvi para trazarlas de manerainteractiva en programas de dibujo.

Dibujando una Lnea Curva

Con la Herramienta Pluma (P), hacemos clic sobre el rea de trabajoy colocamos el punto de ancla, luego en otro lugar (centro de lacurva) presionamos y arrastramos sin dejar de presionar el botn delmouse para colocar el segundo punto de ancla. Vers como la lneadeja de ser recta para ondularse y aparecen los manejadores que sonlos que te permiten darle a la curva le forma que desees. Esto se

llama un punto de ancla suavizado.Cuando dibujamos con este mtododebemos recordar que el punto Bzier quehemos creado es el centro de unacurvatura, por lo tanto los manejadores otiradores definen la perfeccin de la curvade forma simtrica a ambos lados delpunto. De ninguna manera uses losmanejadores para crear punto de ancla,esa no es su funcin.

Cambiando la simetra del manejadorSi estas dibujando y arrastras para crear un puntode ancla suavizado este ser simtrico. Puedesromper la simetra de los manejadorespresionando la tecla Alt y arrastrando despus elmanejador para cambiar su direccin, creandocurvas asimtricas y seguir dibujando.

Aadir y quitar Puntos de ancla

Para aadir un punto en el trazado solo tenemos que hacer clic con laherramienta pluma sobre la lnea, el signo mas aparece en la punta de

la pluma cuando esta sobre una lnea, clic sobre ella y tendrs tu nuevopunto de ancla.

Para eliminar los puntos, acerca la Herramienta Pluma hasta el punto deancla que quieres remover. Vers como aparece un signo menos junto ala pluma. En ese momento haz clic sobre el ancla para que se elimine,pero ten cuidado porque la forma cambiara.


44/56


44

Si estamos trabajando con otras herramientaspodemos llamar a la herramienta aadir punto deancla presionando la tecla (+) y para llamar a laherramienta eliminar punto de ancla presionamos latecla (-).

Herramienta Convertir punto de ancla

Esta herramienta nos permite convertir un punto de ancla en curvabzier y viceversa, para ello usamos la combinacin de teclas(Mayscula C) hacemos un clic sobre el punto de ancla yarrastramos para crear manejadores bzier (tiradores) donde antesno los haba.

Para convertir un punto de ancla suavizado a un punto de ancla recto y viceversa estando en laherramienta pluma, solo necesitamos presionar momentneamente la tecla Alt para llamar a laherramienta Convertir en punto de ancla. Pero si estas en la herramienta seleccin directa tendrs queusar la tecla Alt para hacerlo.

Herramienta Tijeras (C): no se encuentra en el grupo de laHerramienta Pluma, pero est asociado a l pues crea nodosdividiendo trazados, para ello solo haz clic en un segmento de la

lnea para dividirlo en dos trazados.

Controles y teclados

1. Pluma sobre un punto de ancla: cambia a Eliminar punto de ancla

2. Pluma sobre un segmento de trazado: cambia a Aadir punto de ancla

3. Pluma sobre el punto de ancla final: contina un dibujo.

4. Mayscula fuerza movimientos de 45, 90, 135 o 180 mientras creas o editas putos de ancla ymanejadores.

5. Pluma + Alt: cambia a Convertir punto de ancla y modificar los puntos creados.

6. Pluma + Ctrl: cambia a seleccin directa para mover los puntos de ancla.

7. Pluma + Alt mientras creas una curva: separa la curva (manejadores asimtricos).

8. Pluma sobre un manejador + Alt: separa la curva (manejadores asimtricos).

9. Tijera + Alt: cambia a Aadir punto de ancla.

10.Aadir punto de ancla + Alt: cambia a Eliminar punto de ancla.

11.Eliminar punto de ancla + Alt: cambia a Aadir punto de ancla.

12.Anadir o quitar puntos de ancla + Ctrl: cambia a seleccin directa y mover puntos

13.Aade puntos de ancla donde tengas que cambiar de direccin de lnea/curva

14.Una forma prctica de dibujar con la herramienta Pluma es tener a mano las teclas Ctrl y Alt. Laprimera nos brinda el puntero blanco y la segunda la herramienta Convertir punto de ancla.

15.Sin importar que herramienta estemos usando la teclas Ctrl recuerda el ultimo puntero de seleccinque hemos usado.

16.Si eliminas un punto con seleccin directa, el ancla y los segmentos adjuntos son borrados dejandodos trazados abiertos.


45/56


45

Los Cursores de la herramienta Pluma

La herramienta pluma presenta diferentes formas dependiendo de lo que est haciendo y para qu loests usando. Cada uno intuitivamente te alerta de la accin que vas a ejecutar.

Est preparado para comenzar el trazado

Mientras ests en medio de la creacin o edicin de un trazado

Cuando el mouse est presionado

Cuando te acercas a una seccin del trazado; para aadir un punto de ancla al trazado

Cuando te acercas a un punto de ancla; para removerlo del trazado

Cuando te acercas al primer punto de ancla del trazado; para cerrar el trazado

Cuando te acercas al punto final del trazado existente; para continuar trazando

Cuando te acercas a algn punto de ancla existente

Ejercicio:

Realiza los siguientes dibujos con curvas bzier, puedes modificar colores y formas a tu gusto.

Como siempre este ejercicio solo se evala en el modo F de pantalla


46/56


46

Color de relleno, color de trazoPara dar color a los objetos de dibujados en Illustrator,debemos recordar siempre seleccionar el elemento acolorear, su relleno o su trazo.

Tanto en la barra de opciones superior de propiedades como en el panel de herramientas(al final), tendremos las opciones para seleccionar el relleno o el trazo, el teclado que nosayuda intercambiar un elemento por otro es la X tambin estla D para regresar a loscolores por defecto blanco y negro, y la combinacin mayscula X para intercambiar loscolores del relleno por el de trazo.

Paneles de colorSon varios los paneles flotantes administradores y creadores de color.

1. El panel Color.2. El panel Muestras.3. El panel Degradado de color.4. El panel Gua de color.5. El panel Kuler.

El panel Color (F6)Debes activar mostrar opcioneshaciendo clic derecho en el alern delpanel, este te permite elegir los coloresa usar en rellenos y trazos. Este paneles un selector de color en diferentesespacios de color, que se seleccionande su men desplegable de opciones.Los espacios de color disponibles son:

Escala de grises.

RGB o colores primarios luz, parausar en elementos que vayan a sermostrados en cualquier mediodigital.

HSB. Espacio de color definido por los parmetros Tono, Saturacin y Brillo.

CMYK, espacio de color para elementos que se vayan a imprimir con tintas.

RGB compatible con Web. Presenta la notacin hexadecimal de colores, usada en los lenguajes deprogramacin de pginas web.

El panel Muestras

El panel de muestras son colores, motivos, degradados, grupos de colores, etc. que podemos crear yguardar para utilizar en varias ocasiones como apariencias. Los colores que se presentan en este panelson de diferentes sistemas de color segn este orden:

o Ninguno. La muestra Ninguno elimina el trazo o elrelleno de un objeto, dejndolo transparente.

o Registro. La muestra de registro utilizada en la marcasde impresin profesional, hace que se imprima en todasla planchas para facilitar una alineacin ms precisa delas mismas.

o Cuatricroma. Una cuatricroma se imprime utilizandouna combinacin de las cuatro tintas de cuatricroma

estndar: can, magenta, amarillo y negro.o Tintas planas. Una tinta plana es una tinta previamente

mezclada a la hora de imprimir, que se puede utilizar solao combinada con las tintas de cuatricroma. Puede identificarse por un punto en la esquina inferior.

Color

Gua de color

Muestras

Degradado


47/56


47

o Gradaciones. Un degradado es una fusin gradual de colores o tonos distintos. Pueden ser definidoscomo cuatricroma CMYK, colores RGB o colores de tinta plana.

o Motivos. Los motivos son trazados repetidos en mosaico, formando una textura.o Grupos de colores. Se trata de una serie de colores guardados en conjunto. Los grupos de colores

se crean a partir de las armonas, bien mediante el panel Gua de color o bien mediante la creacinde grupos de color basados en los objetos dibujados.

El panel cuenta con una serie de comandos para administrar las muestras:

Biblioteca Filtrar por tipo Opciones Nuevo grupo Nueva muestra Eliminar muestra

Podemos aadir un nuevo color a las muestras arrastrndolodirectamente al panel de Color o presionando su botn Nuevamuestra. Si esta accin la realizamos manteniendo pulsada latecla Alt, la muestra se agrega como muestra de tinta plana.Una vez agregada la muestra, podemos modificarla presionandoel botn Opciones de muestra o haciendo doble clic sobre ella, su

panel ser similar al de crear muestra:

o Nombre de la muestra es el nombre que le identificar.o Tipo de color donde podemos elegir si es una

cuatricroma o tinta plana.o Global convierte la muestra en una cuatricroma global,

marcara con una esquina blanca la muestra. Un colorglobal significa que los objetos que tengan este colorestarn unidos a la muestra, si modificamos el color de lamisma todos los objetos asociados a ella tambincambiaran de color.

o Modo de color especfica y regula el modo de color de la muestra.

o Pre visualizar (si estamos en opciones de muestra) para ver los cambios reflejados en l colordel objeto.

Pero si queremos poner todos los colores de nuestro dibujo en el panel de muestras bastara conseleccionarlos y presionar Nuevo grupo de colores.Si lo que queremos es aadir todos los colores del documento como colores globales, sin tener ningunosseleccionado, desde el men de propiedades del panel, elegimos Aadir colores usados.

Cuando elegimos Abrir biblioteca de muestras tenemos a nuestra disposicin una multiplicidad decombinaciones de colores de acuerdo a diferentes criterios.


48/56


48

El panel Gua de color (mayscula F3)Este panel funciona del siguiente modo, se elige un color base. Luego, desde el men desplegable quese muestra en la figura, se elige el criterio de armona (complementario, anlogo, triada). Estoscriterios bsicos de armona dependen de la posicin de los colores en el crculo cromtico. Entre otrasarmonas, tenemos:

Complementarios. Una armona vibrante formada pordos colores opuestos en el crculo cromtico.

Anlogos. Colores cercanos y similares en el crculocromtico al color de base.

Triadas. Son tres colores armnicos por su relacinequidistante en el crculo cromtico.

Y muchos ms que requieren un dominio de la teora delcolor.

Con esta herramienta creamos nuestras propias armonas ycontrastes gracias a su propio laboratorio de color:

El Selector de colorEste panel surge cuando hacemos un doble clic sobre el color de relleno o trazo en las herramientaso propiedades, consta esencialmente de un sector a la izquierda donde se visualizan los colores y otro ala derecha donde aparecen los valores numricos del color elegido en los cuatro modelos de color.

Para comprender este panel hay que recordar que, para representar el color en forma grfica se usa uncuerpo o slido de tres dimensiones. El Selector de color es una representacin grfica del slido decolor realizada en el plano. Un color determinado se define con tres parmetros. Para representar uncolor en forma grfica este panel apela a dos elementos:

1. Un cuadrado (Campo de color) que muestra dos de los parmetros, que corresponde a un corte delslido de color.

2. Una escala (Regulador de color) en la que se define el tercer parmetro, que corresponde al plano odimensin donde se realiza el corte.


49/56


49

Estos elementos grficos de la izquierda delpanel cambian de acuerdo a qu parmetrose usa para ordenarlo (hsb rgb).

Para entenderlo un poco mejor veamos: Lacasilla de verificacin al lado de cada uno delos parmetros (excepto de los colores C, M,

Y y K) determina qu parmetro se ubicaren la barra vertical. Los otros dosparmetros formarn el cuadrado (Campode color) desde donde podremos elegir elcolor. En el ejemplo el color esta ordenadode acuerdo al parmetro H (tono) cuyacasilla de verificacin est seleccionada. Lavariable H est desplegada en la barravertical; contiene todos los tonos del espectro. El cuadro de la izquierda es un grfico que, en el sentidohorizontal, se representa la Saturacin y en el vertical el Brillo.

El Panel de gradacin (Ctrl F9)

El panel de degradado permite una fusin gradual de colores. Por ejemplo, un rectngulo puede tenerun degradado de amarillo a rojo. Uno de sus extremos se ver amarillo, y este color se ir combinandocon el rojo pasando a un amarillo anaranjado, naranja, rojizo hasta llegar al rojo en el otro extremo.Se pueden desarrollar gradaciones en forma lineal o radial. Desde el panel Degradado de color se puedeeditar la apariencia de los degradados. Sus funciones ms importantes son:

1. Muestra del degradado.

2. Seleccin del tipo dedegradado: Lineal o Radial.

3. Comportamiento de la gradacin enel trazo.

4. ngulo de inclinacin para losdegradados lineales.

5. Proporcin del degradado, ancho oalto.

6. Seleccin de relleno o trazo paragradacin

7. Botn para invertir colores de lagradacin.

8. Ubicacin del punto medio de la transicin del degradado, es decir, el lugar donde se habrrealizado la mitad de la transformacin de un color en otro. Estos puntos se pueden arrastrar.

9. Tira de muestra y edicin del degradado.

10.Colores del degradado: Los cursores cuadrados que aparecen debajo de la tira de muestra deldegradado representa las "fases" del mismo.

Pueden crearse nuevos colores haciendo clic en un lugar vaco debajo de la tira. Para eliminar un color existente se lo toma y arrastra fuera del panel o se hace clic en el bote de

basura. Para modificar un color existente se lo selecciona y se hace doble clic. Se despliega una versin

resumida del Panel colores que permite cambiar el color.

Cuando aplicamos un degradado, el mismo se desarrolla en forma horizontal y a todo el ancho del objeto,en los degradados lineales, y del centro del objeto hacia los bordes, en degradados radiales.

Cuando seleccionamos el objeto pintado con el degradado,se muestra en la Tira de muestra del panel, con los

controles de color abajo y los centros de gradacin arriba.Adems de mover los controles de color o transparencia,tambin permite inclinarla y cambiar su proporcin.


50/56


50

La gradacin tambin se puede usar del modo clsico llamando a la

herramienta degradado con la tecla (G): se selecciona el objeto sehace un clic donde deseamos que sea el comienzo del degradado,arrastramos con el botn del ratn oprimido y soltamos donde queramosque la gradacin termine. El degradado quedar determinado por el

segmento definido con el movimiento del ratn. Esto sirve tanto paradegradados lineales como radiales. Para activar el modo interactivo de lacinta de gradacin usamos la combinacin de teclas Alt Ctrl GAl hacer clic en esta cinta, vemos el cuadro de color inicial y final,aunque puedes aadir ms cuadros de color haciendo clic en cualquierparte a lo largo de la cinta reguladora de color, este color se puedeeditar directamente con un doble clic y para cambiar el sistema de colordel mismo solo abrimos sus opciones en el alern superior derecho.

Algo muy prctico es que podemospersonalizar manualmente la proporcinque permite trasformar el Angulo y Ancho

de la gradacin ya no solo con losparmetros del panel sino tambin con elmismo cintillo regulador, solo movemos lasmarcas circulares que definen suproporcin y acercando el cursor al centrode la gradacin para modificar el ngulo.El regulador de degradado nos muestratodas las herramientas para controlar lagradacin. Cuando seleccionamos uno deestos controles, el tringulo que tienenencima se ve de color y podemos editarlo. Entre estos tringulos, en la parte superior, hay un cuadritoque marca el punto en el que dos colores se mezclan con la misma intensidad (la aceleracin). Podemos

desplazar estos controles, para conseguir mayor aparicin de un color, o que el cambio de color sea msbrusco, la nica dificultad de estos controles es que son pequeos y muy sensibles. Abra que practicar.

El panel KulerAdobe Kuler es una aplicacin desarrollada por Adobe para crear, explorar, modificar y descargararmonas de color creadas por los mismos usuarios. Esta es una aplicacin colaborativa que permite alos usuarios crear armonas y organizarlas por palabras clave. De este modo se puede obtener armonasde color organizadas.

Esta aplicacin est disponible en interneten kuler.adobe.comEl panel Kuler se despliega en Illustrator en el men

ver /Extensiones / KulerEn la solapa Navegar aparecen paletas organizadaspor palabras clave que se pueden descargar eimportar al panel Muestras de Photoshop, Illustratoro InDesign. Para usar este utilitario debemos estarconectados a Internet. En esta solapa aparece uncampo de bsqueda donde escribimos una palabraclave que defina la armona que necesitamos. Ademshay colecciones de armonas categorizadas porpopularidad, fecha de creacin y otros criterios.

En la solapa Crear podemos construir nuestras propias armonas. Encontramos un crculo cromtico y,como punto de partida, un listado desplegable de criterios para formar armonas (colores anlogos,complementarios, etc.).


51/56


51

Ejercicio:Realizaremos el siguiente dibujo con formaspredefinidas para la simetra y las herramientasbzier para personalizar las curvas y administrar lospuntos de anclaje, finalmente aplicaremos rellenosdegradados.

Como siempre todo el proceso debe ser realizado yevaluado en modo de pantalla F.

Comenzamos dibujando tres rectngulos como se muestra en la imagen siguiente con la herramienta M.

Para distorsionar la forma vamos a necesitar ms puntos de anclaje. Presionamos la tecla ( + ) yaadimos los nodos a los rectngulos.

Empujamos los puntos aadidos hacia dentro con la herramienta A y Con la herramienta Convertir puntode ancla (Mayscula + C) curvaremos esos puntos arrastrando los manejadores del Bzier.


52/56


52

Debers corregir todos los defectos que pueden causar problemas de sincrona al momento de curvar lasformas. Una vez coincidan las formas y puntos curvaremos el rectngulo pequeo. Para ello insertaremosotro punto de anclaje suavizado (Mayscula C). Moveremos los Beziers hasta obtener una forma suaveque coincida con el movimiento que queremos.

Vamos a esforzarnos ms para que se vea como el enrollado de pergamino. Con la herramienta de

seleccin directa ( A ) seleccionamos el punto extremo de rectngulo grande en esa esquina crearemosun punto de anclaje suavizado (mayscula C) pero asimtrico volviendo a arrastrar uno de losmanejadores beziers o sino con la herramienta de seleccin directa (A) pero presionando la tecla Alt ylisto. Repite estos pasos en la otra esquina y debe terminar con algo como esto.


53/56


53

Ahora es el momento para ajustar la parte inferior de la ilustracin. Partimos del mismo conceptocurvamos el rectngulo inferior en los lados, para ello colocamos una elipse proporcional al tamao y lautilizamos como molde para la curvatura.

Despus tenemos que eliminar algunos puntos de la elipse como se muestra en las figuras. Conla herramienta de seleccin directa ( A ) seleccionar dos puntos de anclaje y eliminarlos pulsandoel Delete en su teclado, esto lo haremos a ambos lados del rectngulo.

Ahora conectaremos los segmentos de elipses que hemos creado. Para ello usamos la herramientaPluma ( P ) desde el panel de herramientas y haga clic sobre los puntos extremos de las lneas de laelipse y se conectaran continuando y cerrando el dibujo. Finalmente aadimos un punto para curvar lalnea superior de la nueva forma y sincronizamos con la figura curva del rectngulo inferior.

Ahora aadimos los cortes o rupturas. Con la herramienta Aadir punto de ancla ( + ) agregamos trespuntos donde queremos un corte, el punto central lo moveremos al interior, como fueron creados en una

curva los puntos estn suavizados as que usaremos mayscula C para mover solo los manejadoreso sino Alt con la herramienta A para editarlos en forma asimtrica como se muestra a continuacin.

Una ves que hayas terminado de aadir los cortes tendremos la forma de nuestro pergamin, estra listopara el color.


54/56


54

Bsicamente, esta es la forma de nuestropergamino. Sintase libre para jugar con laposicin de los puntos de anclaje, aadir nuevos oeliminar algunos (si es necesario). Es posiblemejorar el aspecto.

Es hora de colorear para ello usaremos unagradacin. El gradiente radial nos ayudar acrear una buena transicin de color, sobre todo en

el segmento superior. Vamos a utilizar un granradio en el gradiente radial con el fin de seguir laforma de la pgina, activaremos mostrar elanotador de degradado Alt Ctrl G para editar laforma de la gradacin manualmente.

Puedes utilizar los mismos colores de la ilustracinpero tambin puedes proponer tu propia paleta decolor.

Usaremos gradientes similares para las otraspartes de la ilustracin, recuerda mantener unaproporcin.


55/56


55

Ahora construyamos el pliegue de un corte,dado que el pergamino es viejo. Ya tenemos unos bordesrasgados elegir uno para ajustar un poco ms. Usamos la herramienta de pluma (P) y dibujamos unaforma afn al pliegue que vamos a disear, lo ajustaremos con los Beziers hasta redondear el pliegue, dela misma manera adaptaremos con los Beziers del corte al pliegue para mayor realismo y armona.

Aplicaremos otra radiacin a este pliegue pero invirtiendo los colores para mejorar el contraste realista, ypara terminar dibujar

Curso Illustrator SeparataFinal

Documents

Transcript of Curso Illustrator SeparataFinal