7/31/2019 Entorno de Ilustrador-1

1/44

Ilustrador CS5Jenny Palacios SerranoInstructora

7/31/2019 Entorno de Ilustrador-1

2/44

Agenda Propsito

o Conocer el entorno de trabajo de Ilustrador y los conceptos bsicos ascomo tambin el tratamiento de imgenes Vectoriales.

Actividad #1 Conocindonos

Actividad #2 Charlando sobre lo que sabemos

Actividad #3 Entorno de trabajo de adobeIlustrador y Conceptos Fundamentales

Actividad #4 Propiedades de una imagenVectorial

Actividad #5 Seleccin y creacion de imgenesvectoriales

Cierre

7/31/2019 Entorno de Ilustrador-1

3/44

Actividad #1Conocindonos

Propsito:o Conocer a los miembros de la clase Ilustrador nivel 1 a travs de una

dinmica llamada La entrevista

Indicaciones:

o La instructora se presentara con el grupoo Debern hacer parejas con alguien que no sea de la misma empresa.

o En una hojita anotar cosa importantes de su entrevistado o entrevistada:

Nombre, como le gusta que le diga, en donde trabaja, cual es sucargo, cuales son los objetivos por el cual han llegado al curso, tienefamilia, algo que le agrade, algo que le desagrade, entre otras.

7/31/2019 Entorno de Ilustrador-1

4/44

Cierre de la actividad Qu aprendimos?

o Voluntariamente unas tres o cuatro parejas comentaran la entrevista quehan hecho a toda la clase.

o Frase motivadora

"Cada uno es artfice de su propia ventura"

http://localhost/var/www/apps/conversion/Downloads/VIDEO_MOTIVACIONAL_3__Los_marcianitos.flv

7/31/2019 Entorno de Ilustrador-1

5/44

Actividad #2 Conociendo loque sabemos

Propsitoo Conocer el grado de conocimiento que tienen los estudiantes de

Ilustrador sobre temas fundamentales para el diseo Vectorial.

Indicaciones:

o Trabajando con la pareja de la dinmica entrevista, hacerse lassiguientes preguntas:

A que se le llaman imgenes Vectoriales?

Cul es la diferencia entre imgenes vectoriales e imgenes mapasde Bits?

Como estn compuestas las imgenes Vectoriales?

7/31/2019 Entorno de Ilustrador-1

6/44

Cierre de la Actividad #2 Comente con la clase lo que su compaero sabe

sobre el tema.

7/31/2019 Entorno de Ilustrador-1

7/44

Actividad #3 Entorno de

trabajo y fundamentos deIlustrador CS5

Propsito:o Conocer el entorno de trabajo de ilustrador y los fundamentos en el

diseo Vectorial.

Indicaciones:o A continuacin se presenta el entorno de Ilustrador.

o Se le proporcionara una imagen con las partes de la pantalla para quelas pueda completar.

o En las siguientes laminas encontrara la informacin sobre el entorno y losfundamentos de las imgenes vectoriales

7/31/2019 Entorno de Ilustrador-1

8/44

Pasos para ingresar Botn Inicio

Todos los programas

Adobe Design Premium CS5

Adobe Ilustrador CS5

7/31/2019 Entorno de Ilustrador-1

9/44

7/31/2019 Entorno de Ilustrador-1

10/44

Cuadro de Dialogo Nuevo

Nombre del archivo(puede o no ir)

Perfil delDocumentoSi ser paraImprimir oWebMesa de

trabajo es elrea en dondese colocara el

documentoTamao deldocumento

Ancho y Alyo

7/31/2019 Entorno de Ilustrador-1

11/44

7/31/2019 Entorno de Ilustrador-1

12/44

Pero como funcionan lasimgenes Vectoriales?

Los grficos vectoriales,tambin conocidos comogrficos orientados aobjetos, son el segundogran grupo de imgenesdigitales. Son ms simples

que los grficos de mapasde bits, ya que en ellos lasimgenes se almacenan yrepresentan por medio detrazos geomtricoscontrolados por clculos yfrmulas matemticas,tomando algunos puntosde la imagen comoreferencia para construir elresto.

7/31/2019 Entorno de Ilustrador-1

13/44

Continuacin. Por lo tanto, las imgenes en los

grficos vectoriales no se construyenpxel a pxel, sino que se forman apartir de vectores, objetos formadospor una serie de puntos y lneasrectas o curvas definidasmatemticamente.

Por ejemplo, una lnea se define enun grfico de mapa de bitsmediante las propiedades de cadauno de los pxeles que la forman,mientras que en un grfico vectorialse hace por la posicin de suspuntos inicial y final y por unafuncin que describe el caminoentre ellos. Anlogamente, uncrculo se define vectorialmente porla posicin de su punto central(coordenadas x,y) y por su radio (r).

7/31/2019 Entorno de Ilustrador-1

14/44

Cada vector en un grfico vectorial tiene una lnea

de contorno, con un color y un grosordeterminados, y est relleno de un color a elegir.Las caractersticas de contorno (o filete) y relleno sepueden cambiar en cualquier momento.

Las imgenes vectoriales se almacenan como unalista que describe cada uno de sus vectorescomponentes, su posicin y sus propiedades.

En cuanto a la resolucin, los grficos vectorialesson independientes de la resolucin, ya que no

dependen de una retcula de pxeles dada. Por lotanto, tienen la mxima resolucin que permite elformato en que se almacena.

7/31/2019 Entorno de Ilustrador-1

15/44

Representacin digital del color

Color RGB

El sistema de colores RGB pertenece al modelo

aditivo

Usa 3 bytes para representar cada pxel de la

imagen.

Uno para el rojo, otro para el verde y otro

para el azul

7/31/2019 Entorno de Ilustrador-1

16/44

7/31/2019 Entorno de Ilustrador-1

17/44

Formatos de archivo

Imgenes vectoriales

En este tipo de imgenes, se representa la imagenmediante curvas

El texto suele interpretarse aparte

Permite una ms cmoda manipulacin

Las imgenes sencillas ocupan muy poco espacio

Se pueden hacer operaciones muy complejas con eltexto

El aspecto de estas imgenes no suele ser el de una

fotografa, sino el de un dibujoLa ampliacin de la imagen no la hace perder calidad

7/31/2019 Entorno de Ilustrador-1

18/44

Formatos de archivo

Imgenes vectoriales

7/31/2019 Entorno de Ilustrador-1

19/44

Cierre de la actividad #3Conteste con un compaero las siguientes

preguntas:

Qu son las imgenes vectoriales?

Cmo estn construidas las imgenes vectoriales?Por qu estn compuestos los vectores?

Escriba tres propiedades de los vectores?

Indicaciones.

Tire los dados para contestar las preguntas.

Si sale seis o cinco tendr turno libre.

A d d l

7/31/2019 Entorno de Ilustrador-1

20/44

Actividad #4 Seleccin yalineacin de objetos

Propsito:o Conocer como alinear y seleccionar los objetos del rea de recorte.

Indicaciones:o En las siguientes laminas conoceremos los conceptos de alineacin y

seleccin de objetos.o Practicara alineando y seleccionando los objetos en sus diferentes

formas.

7/31/2019 Entorno de Ilustrador-1

21/44

Herramienta deseleccin

Para modificar un objeto, cambiar sus

propiedades, eliminarlo... en definitiva, para

trabajar con l, lo primero que debemos de

hacer es seleccionarlo.La forma ms simple de seleccionar un objeto

es haciendo clic sobre l con la herramienta

Seleccin , o trazando un cuadrado con

esta herramienta que abarque a todos loselementos a seleccionar.

7/31/2019 Entorno de Ilustrador-1

22/44

Si queremos aadir objetos a la seleccin,

basta con seleccionar los nuevos objetos

manteniendo pulsada la tecla Maysculas. Si

mientras pulsamos esta tecla, hacemos clic

sobre un objeto ya seleccionado, se

deseleccionar.De forma muy parecida podemos seleccionar

con la herramienta Seleccin directa ,

aunque como ya veremos, esta herramienta

est ms enfocada a seleccionar puntos deancla y segmentos.

7/31/2019 Entorno de Ilustrador-1

23/44

Herramienta LazoSi queremos seleccionar varios objetos, pero al

trazar un cuadrado con la herramienta

seleccin, atrapamos ms objetos de los

deseados, podemos recurrir a la herramientaLazo . Con esta herramienta, podemos

dibujar el rea de seleccin a mano alzada, y

todos los objetos por los que pase, o que

queden atrapados sern seleccionados.

i i

7/31/2019 Entorno de Ilustrador-1

24/44

Herramienta VaritaMgica

Utilice la herramienta Varita mgica para

seleccionar todos los objetos de un documento

con los mismos atributos, o atributos similares,

de relleno (tales como color y motivos).Puede personalizar la herramienta Varita

mgica para seleccionar objetos por su grosor

de trazo, color de trazo, opacidad o modo de

fusin. Tambin puede cambiar las tolerancias

que utiliza la herramienta Varita mgica para

identificar los objetos similares.

7/31/2019 Entorno de Ilustrador-1

25/44

Vamos a utilizar la herramienta Varita mgica

en este ejemplo. Esta herramienta seleccionaautomticamente todos los objetos con los mismosatributos que sobre el que hagamos clic. En estecaso, al pulsar sobre una estrella, se hanseleccionado todas, aunque si por ejemplo,

hubiese habido crculos con el mismo trazo yrelleno que las estrellas tambin se habranseleccionado. Si pulsamos la tecla Maysculas,sumamos las caractersticas del objeto sobre el que

pulsemos a la seleccin. En este ejemplo, sipulssemos sobre una bola roja con la teclaMays., quedaran seleccionadas todas las estrellasy todas las bolas rojas.

7/31/2019 Entorno de Ilustrador-1

26/44

Ejercicio seleccin de objetosAbra el archivo de ejercicio de su carpeta

compartida de DROPBOX

En el archivo se encuentran varias imgenes las

deber ordenar segn se le explica a continuacin:Seleccione los objetos del mismo color y cambie a

un degradado del panel muestras

Seleccione solo los polgonos con la herramienta

lazo y cambie el grosor del trazo.

Seleccione una estrella y modifique una de sus

puntas con la herramienta seleccin directa.

7/31/2019 Entorno de Ilustrador-1

27/44

Alinear y distribuir objetos

Muchas veces nos encontraremos con la

necesidad de organizar nuestros objetos de

forma automtica, por ejemplo, que todos

queden centrados, alineados a la derecha, odistribuidos dejando el mismo espacio entre

ellos. Para hacerlo, tenemos las opciones de

alineacin y distribucin de objetos.

7/31/2019 Entorno de Ilustrador-1

28/44

IndicacionesEl panel Alinear (Ventana > Alinear) y las

opciones de alineacin del panel de control se

utilizan para alinear o distribuir objetos

seleccionados en el eje especificado. Use losbordes de los objetos o los puntos de ancla

como puntos de referencia para realizar la

alineacin con una seleccin, una mesa de

trabajo o un objeto clave. Un objeto clave esun objeto concreto dentro de una seleccin de

varios objetos.

7/31/2019 Entorno de Ilustrador-1

29/44

Panel de Alineacin

Permite alinear losobjetos

Permitedistribuir los

objetos

Nos permite tomarun objeto y con baseen el alinear o

distribuir

Ali i di ib i

7/31/2019 Entorno de Ilustrador-1

30/44

Alineacin o distribucin en

relacin con un objeto claveLo primero es seleccionar los objetos.

Podemos utilizar los mtodos de seleccin quehemos visto. Si queremos alinear o distribuirobjetos, tomando uno como referencia, despus

de haber seleccionado todos, volvemos a hacer clicsobre l. Esto lo convierte en el Objeto clave .Lo distinguimos porque queda enmarcado en unrecuadro ms grueso. Se selecciona Alinear con el

objeto clave de forma automtica

7/31/2019 Entorno de Ilustrador-1

31/44

Alineacin o distribucin en relacin con el

cuadro delimitador de todos los objetos

seleccionados

Seleccione los objetos que desea alinear o

distribuir.

En el panel Alinear o el panel Control,

seleccione Alinear con la seleccin y, acontinuacin, haga clic en el botn

correspondiente al tipo de alineacin o

distribucin que le interese.

Di ib i d bj

7/31/2019 Entorno de Ilustrador-1

32/44

Distribucin de objetos por

cantidades concretas.Puede distribuir objetos aplicando distancias exactas entrelos trazados respectivos.

Seleccione los objetos que quiera distribuir.

En el panel Alinear, utilice el cuadro de texto Distribuirespaciado para introducir la cantidad de espacio que debe

aparecer entre los objetos.Si las opciones de Distribuir espaciado no son visibles, escojaMostrar opciones en el men del panel.

Utilice la herramienta Seleccin para hacer clic en eltrazado del objeto en torno al que desea que los dems

objetos se distribuyan. El objeto sobre el que haga clicpermanecer fijo en su posicin.

Haga clic en el botn Distribuir espacio verticalmente o enel botn Distribuir espacio horizontalmente.

Ej i i Ali i d

7/31/2019 Entorno de Ilustrador-1

33/44

Ejercicio Alineacin deobjetos

Abra el archivo de ejercicio de su carpetacompartida de DROPBOX

En el archivo se encuentran varias imgenes lasdeber ordenar segn se le explica a continuacin:

Alinea la estrella al centro .

Alinie las estrellas de la parte superior con alineararriba

Alinie las estrellas de la parte inferior con alinearabajo

Distribuya todos los elementos al centro de laestrella principal.

7/31/2019 Entorno de Ilustrador-1

34/44

A ti id d #5 C i d

7/31/2019 Entorno de Ilustrador-1

35/44

Actividad #5 Creacin deformas

Propsito:

Conocer las diferentes opciones para crear formas

bsicas y su modificacin.

Indicaciones:

Baje el archivo ejercicio uno y dos de su carpeta

dropbox.

Siguiendo las instrucciones de las laminas desarrolleel ejercicio.

C j d h i t

7/31/2019 Entorno de Ilustrador-1

36/44

Caja de herramientas

rea deSeleccin

reaVectorial

Relleno

Trazo

Colores por

omisin

-Color solido

-Colordegradado-Transparente

7/31/2019 Entorno de Ilustrador-1

37/44

Ejemplos de formas bsicas

7/31/2019 Entorno de Ilustrador-1

38/44

Herramienta forma

erram enta co or e re eno y

http://www.mundotech.net/?attachment_id=34450

7/31/2019 Entorno de Ilustrador-1

39/44

erram enta co or e re eno ytrazo

Color degradado y

http://www.mundotech.net/?attachment_id=34449

7/31/2019 Entorno de Ilustrador-1

40/44

Color, degradado y

transparente

Herramienta seleccin

http://www.mundotech.net/?attachment_id=34448

7/31/2019 Entorno de Ilustrador-1

41/44

Herramienta seleccindirecta

http://www.mundotech.net/?attachment_id=34447

7/31/2019 Entorno de Ilustrador-1

42/44

Opciones de formas

http://www.mundotech.net/?attachment_id=34446

7/31/2019 Entorno de Ilustrador-1

43/44

Ejercicio de la actividad #5Indicaciones:

Segn los ejemplos

mostrados crear con ayuda

de las opciones de forma y

la herramienta seleccin

directa, todos los

elementos para crear la

caja de herramientas,

cinco diferentesherramientas.

7/31/2019 Entorno de Ilustrador-1

44/44

Cierre de claseEn su carpeta de trabajo de dropbox

encontraran la clase de este da.

Trabajando en parejas crearemos preguntas

para el resto de la clase, cada pareja har dospreguntas de los diferentes temas vistos.

Por medio de dinmica se proceder a

contestar las preguntas de la pareja.