Manual de Prcticas Illustrator CS3

Diseo Por Computadora I

LDG. Rita Ordaz Enciso

2011

Manual de Prcticas de Illustarator C3

Ejercicio:___________________________________________

Prctica No.____

Nombre del alumno:__________________________________________________ Grupo:_____________ Fecha: ________________ 1

Efectos de Luminosidad, Vidrio, Transparencia Metal (Pila)

Vista previa de la Imagen Final

Paso 1
Comenzaremos creando un nuevo documento y rellenndolo con un fondo de color negro slido (C:100%, M:100%, Y: 100%, k: 100%). Lo puedes hacer del tamao que quieras, el del ejemplo tiene 600 por 400 pixeles. Ahora que tenemos el documento, comenzaremos creando la tapa metlica en la base de la batera. Comienza dibujando una figura como se muestra debajo. Los colores en el degradado de derecha a izquierda son 90% gris, blanco y negro. Adicionalmente, aplcale al objeto un efecto Pluma de 1px y reduce su Opacidad al 75%.

Manual de Prcticas de Illustarator C3

Ejercicio:___________________________________________

Prctica No.____

Nombre del alumno:__________________________________________________ Grupo:_____________ Fecha: ________________ 2

Paso 2
Copia Cmd + C (Mac), Ctrl + C (PC) este objeto y pgalo directamente en frente Cmd + F (Mac), Ctrl + F (PC).
Luego mueve la copia un pixel a la derecha usando la tecla flecha derecha. Los colores del degradado de izquierda a derecha son 80% Girs, Negro y 80% Gris. Adicionalmente, eleva la opacidad de esta figura de nuevo al 100% y elimina el efecto Pluma arrastrndolo de la lista en la paleta de Apariencia al pequeo icono de papelera justo debajo.

Paso 3
Para agregarle algunas iluminaciones a los bordes, dibuja con la Herramienta Pluma dos figuras como se muestra debajo. Rellnalas ambas de blanco. Cambia la opacidad de la figura superior al 75% y la de la inferior al 25%. Tambin aade a ambas figuras un efecto Pluma de 2px.

Manual de Prcticas de Illustarator C3

Ejercicio:___________________________________________

Prctica No.____

Nombre del alumno:__________________________________________________ Grupo:_____________ Fecha: ________________ 3

Paso 4
Puede que an no sea evidente, pero ahora agregaremos los reflejos al metal. Dibuja una figura con la Herramienta Pluma y colcala como se muestra a continuacin. El color izquierdo del degradado es blanco y el derecho es 90% gris. Dale tambin a la figura un efecto Pluma de 1px. Para el reflejo inferior, dibuja otra forma como la que se muestra. El degradado es de blanco a negro y tiene un efecto Pluma de 1px. Tambin, reduce su Opacidad al 50%.

Manual de Prcticas de Illustarator C3

Ejercicio:___________________________________________

Prctica No.____

Nombre del alumno:__________________________________________________ Grupo:_____________ Fecha: ________________ 4

Paso 5
Ahora comenzaremos con la seccin transparente de la batera. Comienza por dibujar la forma mostrada abajo con la Herramienta Pluma. Una vez dibujada, rellnala de blanco y baja su Opacidad al 50%. Pista: Una manera fcil de dibujar esta figura es hacer primero una mitad de la misma (dejando la forma abierta, luego copiar, pegar y reflejar la copia para crear la otra mitad. Finalmente conecta los puntos con la Herramienta Pluma. Esto tambin nos garantiza que la imagen final ser simtrica.

Manual de Prcticas de Illustarator C3

Ejercicio:___________________________________________

Prctica No.____

Nombre del alumno:__________________________________________________ Grupo:_____________ Fecha: ________________ 5

Paso 6
Ahora simplemente podramos usar un degradado de negro a gris para esta figura, pero utilizaremos una mscara de opacidad en su lugar. Toma un poco ms de trabajo para crearla, pero nos permitir cambiar el fondo debajo de nuestra batera cuando hayamos terminado. Para crear la mscara, copia y pega la forma en frente de la original. Sube de nuevo su Opacidad al 100% y rellnala de un degradado como se muestra abajo, a la izquierda 50% gris y a la derecha negro.

Manual de Prcticas de Illustarator C3

Ejercicio:___________________________________________

Prctica No.____

Nombre del alumno:__________________________________________________ Grupo:_____________ Fecha: ________________ 6

Paso 7
Ahora selecciona ambas formas, luego en el men desplegable de la paleta Transparencia selecciona Crear Mscara de Opacidad. Cuando crees la
mscara puede que no notes ningn cambio, pero cambia el color de fondo del documento y vers las ventajas de la mscara de opacidad.

Manual de Prcticas de Illustarator C3

Ejercicio:___________________________________________

Prctica No.____

Nombre del alumno:__________________________________________________ Grupo:_____________ Fecha: ________________ 7

Paso 8
Ahora vamos a comenzar agregando algunos destellos y reflejos para hacer de la apariencia vidrio transparente. Comienza dibujando dos figuras como las mostradas debajo. Rellnalas ambas de color blanco y reduce su Opacidad al 75%. Aplica un

efecto Pluma de 2px a la de arriba y de 3,5px a la de abajo.

Manual de Prcticas de Illustarator C3

Ejercicio:___________________________________________

Prctica No.____

Nombre del alumno:__________________________________________________ Grupo:_____________ Fecha: ________________ 8

Paso 9
Tambin agregaremos una Mscara de Opacidad al reflejo superior. Pega una copia de la figura superior, sube su Opacidad al 100% y remueve el efecto Pluma. Rellnalo con un degradado como se muestra a continuacin que vaya de 75%

gris a negro.
Finalmente crea una Mscara de Opacidad como la que hicimos antes.

Manual de Prcticas de Illustarator C3

Ejercicio:___________________________________________

Prctica No.____

Nombre del alumno:__________________________________________________ Grupo:_____________ Fecha: ________________ 9

Paso 10
Dibuja una forma como la que se muestra abajo, rellnala de blanco, dale un efecto Pluma de 2px y reduce su Opacidad al 50%.
Agregaremos otro reflejo al vidrio para igualarlo a la del metal.

Manual de Prcticas de Illustarator C3

Ejercicio:___________________________________________

Prctica No.____

Nombre del alumno:__________________________________________________ Grupo:_____________ Fecha: ________________ 10

Paso 11
Sigue nuestra rutina para agregar la Mscara de Opacidad. Pega una copia de

la forma en frente de la original y rellnala de un degradado que va desde 15% gris al 85% gris (no olvides remover el efecto Pluma de la forma).

Manual de Prcticas de Illustarator C3

Ejercicio:___________________________________________

Prctica No.____

Nombre del alumno:__________________________________________________ Grupo:_____________ Fecha: ________________ 11

Paso 12
Crea de nuevo la Mscara de Opacidad. Tambin, una vez que hayas creado la mscara, cambia el modo de mezcla a Pantalla (Screen) en la paleta Transparencia.

Manual de Prcticas de Illustarator C3

Ejercicio:___________________________________________

Prctica No.____

Nombre del alumno:__________________________________________________ Grupo:_____________ Fecha: ________________ 12

Paso 13
A estas alturas ya debes tener una idea de como crear los reflejos. As que dibuja

otra forma para un reflejo como el mostrado y rellnalo de blanco. Reduce su opacidad al 40% y aplica un efecto Pluma de 2px.

Manual de Prcticas de Illustarator C3

Ejercicio:___________________________________________

Prctica No.____

Nombre del alumno:__________________________________________________ Grupo:_____________ Fecha: ________________ 13

Paso 14
Para la copia de la figura usada para la mscara de opacidad usa un degradado de 50% gris a negro como se muestra debajo.

Paso 15
Crea la Mscara de Opacidad.

Manual de Prcticas de Illustarator C3

Ejercicio:___________________________________________

Prctica No.____

Nombre del alumno:__________________________________________________ Grupo:_____________ Fecha: ________________ 14

Paso 16
Muy bien, nuestro ltimo reflejo. Una vez ms,

dibuja la figura mostrada abajo, rellnala de blanco, reduce su Opacidad al 50% y aplcale un efecto Pluma de 2px.

Paso 17
Copia y pega la figura para crear la Mscara de Opacidad. Usa un degradado de blanco a negro para esta figura.

Manual de Prcticas de Illustarator C3

Ejercicio:___________________________________________

Prctica No.____

Nombre del alumno:__________________________________________________ Grupo:_____________ Fecha: ________________ 15

Paso 18
Y por ltima vez, crea la Mscara de Opacidad.

Paso 19
Ahora le agregaremos la otra tapa metlica a nuestra batera lo cual es bastante fcil ya que vemos que ambas son idnticas. Selecciona todas las figuras que conforman la base y ve al men Objeto > Transformar > Reflejar. En la caja de dilogo que aparece, selecciona el botn Vertical para el Eje y pulsa Copiar. Arrastra las figuras copiadas al otro extremo de la batera.

Manual de Prcticas de Illustarator C3

Ejercicio:___________________________________________

Prctica No.____

Nombre del alumno:__________________________________________________ Grupo:_____________ Fecha: ________________ 16

Paso 20
Crear el contacto positivo de la batera es rpido y fcil. Simplemente selecciona todas las figuras que acabas de usar para la tapa inferior, copia y pgalas en frente. Con todas ellas seleccionadas, haz click pulsando Alt y arrastra la manecilla central superior o inferior del grupo para encogerlo verticalmente. Tambin puede que quieras encogerlo un poco horizontalmente. Una vez que los tengas al tamao correcto envalos hasta atrs pulsando Cmd + May + [ (Mac) o Ctrl + May + [ (PC) y luego hacia arriba un nivel pulsando Cmd + ] (Mac) o Crtl + ] (PC). Si lo haces correctamente, el contacto debera estar directamente detrs de la tapa metlica.

Manual de Prcticas de Illustarator C3

Ejercicio:___________________________________________

Prctica No.____

Nombre del alumno:__________________________________________________ Grupo:_____________ Fecha: ________________ 17

Paso 21
Lo ltimo que tenemos que hacer para terminar la batera es agregarle algunas astillas redondeadas que representan la parte interna del vidrio.

Dibuja las dos figuras como se muestra a continuacin (o dibuja una y copia-pega la otra) Rellena la de la derecha de blanco y reduce su opacidad al 25% y rellena la izquierda de negro y reduce su opacidad al 50%.
Adicionalmente, cambia el Modo de Mezcla del de la izquierda a Revestimiento (Overlay). Finalmente aplica a ambas figuras un efecto Pluma de 3,5px.

Manual de Prcticas de Illustarator C3

Ejercicio:___________________________________________

Prctica No.____

Nombre del alumno:__________________________________________________ Grupo:_____________ Fecha: ________________ 18

Paso 22
Ahora trabajaremos en el elemento final del diseo, el "combustible" de la batera (energa). Dibuja una forma con la Herramienta Pluma como la de abajo. Puedes hacer que el nivel de energa sea el que quieras as como del color que quieras. Aqu escogimos aproximadamente dos tercios llena y usamos un degradado verde.

Manual de Prcticas de Illustarator C3

Ejercicio:___________________________________________

Prctica No.____

Nombre del alumno:__________________________________________________ Grupo:_____________ Fecha: ________________ 19

Paso 23
Una vez que tengas la apariencia deseada para el "combustible" envalo hasta atrs. Luego trelo al frente dos veces de manera que queda directamente en frente de la capa base transparente, pero debajo de los reflejos.

Manual de Prcticas de Illustarator C3

Ejercicio:___________________________________________

Prctica No.____

Nombre del alumno:__________________________________________________ Grupo:_____________ Fecha: ________________ 20

Paso 24
Finalmente, copia la astilla redondeada negra el borde izquierdo del vidrio y arrstralo al borde del "combustible", luego cambia su color a blanco.

Manual de Prcticas de Illustarator C3

Ejercicio:___________________________________________

Prctica No.____

Nombre del alumno:__________________________________________________ Grupo:_____________ Fecha: ________________ 21

Paso 25
Para rematar el diseo, agrega algunas iluminaciones a las partes metlicas de la batera dibujando valos y rellenndolos de blanco. Luego agrgales un efecto Pluma y reduce sus opacidades.

Manual de Prcticas de Illustarator C3

Ejercicio:___________________________________________

Prctica No.____

Nombre del alumno:__________________________________________________ Grupo:_____________ Fecha: ________________ 22

Paso 26
Adicionalmente agrgales un Resplandor Externo a la figura del "combustible"

(Efecto >Estilizar > Resplandor Externo). Asegrate que el Modo de Mezcla es Pantalla (Screen). Querrs que el color de las iluminaciones se corresponda con el
color del combustible. Para nuestro "combustible" verde utilizamos un color lima brillante para el resplandor (#19FF00). Reduce la opacidad al 75% y aplica un Difuminado de 11px.

Manual de Prcticas de Illustarator C3

Ejercicio:___________________________________________

Prctica No.____

Nombre del alumno:__________________________________________________ Grupo:_____________ Fecha: ________________ 23

Resultado

Manual de Prcticas de Illustarator C3

Ejercicio:___________________________________________

Prctica No.____

Nombre del alumno:__________________________________________________ Grupo:_____________ Fecha: ________________ 24