Tutoriales de ilustrador cs5

Crea un icono de batería transparente estilo iPhone

En este tutorial, crearemos un icono detallado de una batería similar a la usada en los iPhone y iPod Touch de Apple. El color del "combustible" de la batería se puede cambiar así como su nivel, permitiendo así que el icono se pueda usar para crear un medidor de poder o batería para aplicaciones o simplemente como gráfico en cualquier tipo dediseño.
Vista previa de la Imagen Final
A continuación veras una vista previa de la imagen que crearemos.

Paso 1
Comenzaremos creando un nuevo documento y rellenándolo con un fondo de color negro sólido. 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. Comienzadibujando 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%.

Paso 2
Ctrl + C este objeto y pégalo directamente en frente Ctrl + F Luego mueve la copia un pixel a la derecha usando la tecla flecha derecha. Los colores del degradado de izquierdaa 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 laopacidad 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.

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 efectoPluma 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%.

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.

Paso 6
Ahora simplemente podriamos usar un degradado de negro a gris para esta figura, pero utilizaremosuna máscara de opacidad en su lugar. Toma un poco mas 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.

Paso 7
Ahora seleccionaambas 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.

Paso 8
Ahora vamos a comenzar agregando algunos destellos y reflejos para hacer de la apariencia vidrio transparente. Comienza dibujando dosfiguras 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.

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...