Prácticas de Ilustrador

25
2011 Manual de Prácticas Illustrator CS3 Diseño Por Computadora I LDG. Rita Ordaz Enciso

Transcript of Prácticas de Ilustrador

Page 1: Prácticas de Ilustrador

2011

Manual de Prácticas

Illustrator CS3 Diseño Por Computadora I

LDG. Rita Ordaz Enciso

Page 2: Prácticas de Ilustrador

Manual de Prácticas de Illustarator C3

Ejercicio:___________________________________________ Práctica 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 rellenándolo con un fondo de

color negro sólido (C:100%, M:100%, Y: 100%, k: 100%). Lo puedes hacer del

tamaño que quieras, el del ejemplo tiene 600 por 400 pixeles.

Ahora que tenemos el documento, comenzaremos creando la tapa metálica en la base de la batería.

Comienza dibujando una figura como se muestra debajo. Los colores en el degradado de derecha a izquierda son 90% gris, blanco y negro. Adicionalmente, aplícale al objeto un efecto Pluma de 1px y reduce su Opacidad al 75%.

Page 3: Prácticas de Ilustrador

Manual de Prácticas de Illustarator C3

Ejercicio:___________________________________________ Práctica No.____

Nombre del alumno:__________________________________________________

Grupo:_____________ Fecha: ________________ 2

Paso 2 Copia Cmd + C (Mac),

Ctrl + C (PC) este objeto y pégalo 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 arrastrándolo de la lista en la paleta de Apariencia al pequeño 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. Rellénalas ambas de blanco. Cambia la opacidad de la figura superior al 75% y la de la inferior al 25%. También añade a ambas figuras un efecto Pluma de 2px.

Page 4: Prácticas de Ilustrador

Manual de Prácticas de Illustarator C3

Ejercicio:___________________________________________ Práctica No.____

Nombre del alumno:__________________________________________________

Grupo:_____________ Fecha: ________________ 3

Paso 4 Puede que aún no sea evidente, pero ahora agregaremos los reflejos al metal.

Dibuja una figura con la Herramienta Pluma y colócala como se muestra a

continuación. El color izquierdo del degradado es blanco y el derecho es 90% gris. Dale también 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. También, reduce su Opacidad al 50%.

Page 5: Prácticas de Ilustrador

Manual de Prácticas de Illustarator C3

Ejercicio:___________________________________________ Práctica No.____

Nombre del alumno:__________________________________________________

Grupo:_____________ Fecha: ________________ 4

Paso 5 Ahora comenzaremos con la sección transparente de la batería. Comienza por

dibujar la forma mostrada abajo con la Herramienta Pluma. Una vez dibujada, rellénala de blanco y baja su Opacidad al 50%.

Pista: Una manera fácil 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 también nos garantiza que la imagen final será simétrica.

Page 6: Prácticas de Ilustrador

Manual de Prácticas de Illustarator C3

Ejercicio:___________________________________________ Práctica No.____

Nombre del alumno:__________________________________________________

Grupo:_____________ Fecha: ________________ 5

Paso 6 Ahora simplemente podríamos usar un degradado de negro a gris para esta

figura, pero utilizaremos una máscara de opacidad en su lugar. Toma un poco más de

trabajo para crearla, pero nos permitirá cambiar el fondo debajo de nuestra batería cuando hayamos terminado.

Para crear la máscara, copia y pega la forma en frente de la original. Sube de nuevo su Opacidad al 100% y rellénala de un degradado como se muestra abajo, a la izquierda 50% gris y a la derecha negro.

Page 7: Prácticas de Ilustrador

Manual de Prácticas de Illustarator C3

Ejercicio:___________________________________________ Práctica No.____

Nombre del alumno:__________________________________________________

Grupo:_____________ Fecha: ________________ 6

Paso 7 Ahora selecciona ambas formas, luego en el menú desplegable de la

paleta Transparencia selecciona Crear Máscara de Opacidad. Cuando crees la

máscara puede que no notes ningún cambio, pero cambia el color de fondo del documento y verás las ventajas de la máscara de opacidad.

Page 8: Prácticas de Ilustrador

Manual de Prácticas de Illustarator C3

Ejercicio:___________________________________________ Práctica 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. Rellénalas 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.

Page 9: Prácticas de Ilustrador

Manual de Prácticas de Illustarator C3

Ejercicio:___________________________________________ Práctica No.____

Nombre del alumno:__________________________________________________

Grupo:_____________ Fecha: ________________ 8

Paso 9

También agregaremos una Máscara de Opacidad al reflejo superior. Pega una copia

de la figura superior, sube su Opacidad al 100% y remueve el efecto Pluma.

Rellénalo con un degradado como se muestra a continuación que vaya de 75% gris a negro.

Finalmente crea una Máscara de Opacidad como la que hicimos antes.

Page 10: Prácticas de Ilustrador

Manual de Prácticas de Illustarator C3

Ejercicio:___________________________________________ Práctica No.____

Nombre del alumno:__________________________________________________

Grupo:_____________ Fecha: ________________ 9

Paso 10

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

Page 11: Prácticas de Ilustrador

Manual de Prácticas de Illustarator C3

Ejercicio:___________________________________________ Práctica No.____

Nombre del alumno:__________________________________________________

Grupo:_____________ Fecha: ________________ 10

Paso 11

Sigue nuestra rutina para agregar la Máscara de Opacidad. Pega una copia de la forma en frente de la original y rellénala de un degradado que va desde 15% gris al 85% gris (no olvides remover el efecto Pluma de la forma).

Page 12: Prácticas de Ilustrador

Manual de Prácticas de Illustarator C3

Ejercicio:___________________________________________ Práctica No.____

Nombre del alumno:__________________________________________________

Grupo:_____________ Fecha: ________________ 11

Paso 12

Crea de nuevo la Máscara de Opacidad. También, una vez que hayas creado la máscara, cambia el modo de mezcla a Pantalla (Screen) en la paleta Transparencia.

Page 13: Prácticas de Ilustrador

Manual de Prácticas de Illustarator C3

Ejercicio:___________________________________________ Práctica 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 rellénalo de blanco. Reduce su opacidad al 40% y aplica un efecto Pluma de 2px.

Page 14: Prácticas de Ilustrador

Manual de Prácticas de Illustarator C3

Ejercicio:___________________________________________ Práctica No.____

Nombre del alumno:__________________________________________________

Grupo:_____________ Fecha: ________________ 13

Paso 14

Para la copia de la figura usada para la máscara de opacidad usa un degradado de 50% gris a negro como se muestra debajo.

Paso 15

Crea la Máscara de Opacidad.

Page 15: Prácticas de Ilustrador

Manual de Prácticas de Illustarator C3

Ejercicio:___________________________________________ Práctica No.____

Nombre del alumno:__________________________________________________

Grupo:_____________ Fecha: ________________ 14

Paso 16

Muy bien, nuestro último reflejo. Una vez más,

dibuja la figura mostrada abajo, rellénala de blanco, reduce su Opacidad al 50% y aplícale un efecto Pluma de 2px.

Paso 17

Copia y pega la figura para crear la Máscara de Opacidad. Usa un degradado de blanco a negro para esta figura.

Page 16: Prácticas de Ilustrador

Manual de Prácticas de Illustarator C3

Ejercicio:___________________________________________ Práctica No.____

Nombre del alumno:__________________________________________________

Grupo:_____________ Fecha: ________________ 15

Paso 18 Y por última vez, crea la Máscara de Opacidad.

Paso 19 Ahora le agregaremos la otra tapa metálica a nuestra batería lo cual es bastante fácil ya que vemos que ambas son idénticas. Selecciona todas las figuras

que conforman la base y ve al menú Objeto > Transformar > Reflejar. En

la caja de diálogo que aparece, selecciona el botón Vertical para el Eje y pulsa Copiar. Arrastra las figuras copiadas al otro extremo de la batería.

Page 17: Prácticas de Ilustrador

Manual de Prácticas de Illustarator C3

Ejercicio:___________________________________________ Práctica No.____

Nombre del alumno:__________________________________________________

Grupo:_____________ Fecha: ________________ 16

Paso 20 Crear el contacto positivo de la batería es rápido y fácil. Simplemente selecciona todas las figuras que acabas de usar para la tapa inferior, copia y pégalas en frente. Con todas ellas seleccionadas, haz click pulsando Alt y arrastra la manecilla central superior o inferior del grupo para encogerlo verticalmente. También puede que quieras encogerlo un poco horizontalmente. Una vez que los tengas al tamaño correcto envíalos hasta atrás 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 debería estar directamente detrás de la tapa metálica.

Page 18: Prácticas de Ilustrador

Manual de Prácticas de Illustarator C3

Ejercicio:___________________________________________ Práctica No.____

Nombre del alumno:__________________________________________________

Grupo:_____________ Fecha: ________________ 17

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

Dibuja las dos figuras como se muestra a continuación (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.

Page 19: Prácticas de Ilustrador

Manual de Prácticas de Illustarator C3

Ejercicio:___________________________________________ Práctica No.____

Nombre del alumno:__________________________________________________

Grupo:_____________ Fecha: ________________ 18

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

Page 20: Prácticas de Ilustrador

Manual de Prácticas de Illustarator C3

Ejercicio:___________________________________________ Práctica No.____

Nombre del alumno:__________________________________________________

Grupo:_____________ Fecha: ________________ 19

Paso 23 Una vez que tengas la apariencia deseada para el "combustible" envíalo hasta atrás. Luego tráelo al frente dos veces de manera que queda directamente en frente de la capa base transparente, pero debajo de los reflejos.

Page 21: Prácticas de Ilustrador

Manual de Prácticas de Illustarator C3

Ejercicio:___________________________________________ Práctica No.____

Nombre del alumno:__________________________________________________

Grupo:_____________ Fecha: ________________ 20

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

Page 22: Prácticas de Ilustrador

Manual de Prácticas de Illustarator C3

Ejercicio:___________________________________________ Práctica No.____

Nombre del alumno:__________________________________________________

Grupo:_____________ Fecha: ________________ 21

Paso 25

Para rematar el diseño, agrega algunas iluminaciones a las partes metálicas de la batería dibujando óvalos y rellenándolos de blanco. Luego agrégales un efecto Pluma y reduce sus opacidades.

Page 23: Prácticas de Ilustrador

Manual de Prácticas de Illustarator C3

Ejercicio:___________________________________________ Práctica No.____

Nombre del alumno:__________________________________________________

Grupo:_____________ Fecha: ________________ 22

Paso 26 Adicionalmente agrégales un Resplandor Externo a la figura del "combustible"

(Efecto >Estilizar > Resplandor Externo). Asegúrate que el Modo de Mezcla es Pantalla (Screen). Querrás 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.

Page 24: Prácticas de Ilustrador

Manual de Prácticas de Illustarator C3

Ejercicio:___________________________________________ Práctica No.____

Nombre del alumno:__________________________________________________

Grupo:_____________ Fecha: ________________ 23

Resultado

Page 25: Prácticas de Ilustrador

Manual de Prácticas de Illustarator C3

Ejercicio:___________________________________________ Práctica No.____

Nombre del alumno:__________________________________________________

Grupo:_____________ Fecha: ________________ 24