Tutorial 3 crear un Releoj despertador con Adobe Illustrator

En este tutorial crearemos un reloj despertador con fomras simples y degradados. El tutorial es sencillo pero un poco largo , espero que os guste.

Detalles del Tutorial
Programa: Adobe Illustrator CS5
Dificultad: Intermedio
Tiempo estimado para completarlo: 50 minutos.

Paso 1)

Crear un nuevo documento y con la herramienta elipse (L) crear un circulo de 280px x 280 px

Paso 2)

Desde el panel Degradado, rellenar la elipse con un degradado lineal. Cambiar el  color del primero por un  color gris y el color del  segundo por un color gris oscuro. Con la herramienta Degradado (G), haga clic en la parte superior de la elipse y arrastre hacia abajo, haciendo que el color gris quede en la parte superior de la elipse.

Paso 3)

Seleccione la elipse y elija Objeto> Trazado> Desplazamiento y en el diálogo que aparece poner -5 px en desplazamiento, nos creara otro circulo.

Paso 4)

Seleccione la elipse creada y añada  cuatro colores al gradiente lineal que teníamos, en el Panel de Degradado. Para ello, haga clic en entre los dos colores que había, justo debajo del control de Degradado. Cambiar el nivel de color blanco primero, el segundo a un gris claro, el tercero con un color gris oscuro, el cuarto de un color gris, y el último en un color gris oscuro que es más ligero que el tercero de color gris oscuro.

Paso 5)

Con la ultima elipse seleccionada, elija Objeto> Trazado> Desplazamiento y en el diálogo que aparece poner -15 px en desplazamiento.

Paso 6)

Llene la nueva elipse con un color degradado lineal con dos colores, el primero de blanco, el gris el segundo.

Paso 7)

Seleccionar la última elipse y elegir> Objeto> Trazado> Desplazamiento y en el diálogo de desplazamiento poner -5 px. Cambiar el color del gradiente de un color gris oscuro y el segundo a un gris más oscuro.

Paso 8)

Objeto de nuevo, seleccione la última elipse y elegir> Trazado> Desplazamiento y en el diálogo de Offset, el cambio de la compensación para -5 px. Cambiar el relleno de un degradado radial desde el panel de gradiente, y hacer que el color blanco la primera parada y la segunda parada de un color gris. A continuación, en el campo Ubicación en el panel Degradado, cambie el valor a 87%.

Paso 9)

Con la herramienta Segmento de línea (<), crear una línea de 15 píxeles de altura en el centro y hacia la parte superior de la elipse. Desde el panel Trazo, haga clic en el icono Remate redondeado , esto hará que la línea se redondee al final. Con la herramienta Selección (V), mantenga pulsada la tecla Mayús + Alt y arrastre hacia abajo una copia de la línea a la mitad inferior de la elipse. Seleccione las dos líneas y cree un Grupo (Ctrl + G).

Paso 10)

Seleccione las líneas agrupadas y elija Efecto> Distorsionar y Transformar> Transformar, para que aparezca el cuadro de diálogo Efectos de transformación. En el cambio de diálogo el número de copias a 5, cambiar el rotar el ángulo de 30 y pulse Aceptar.

 A continuación,

 Objeto> Expandir apariencia.

Paso 11)

En primer lugar, cambiar el color de las líneas de trazo a un gris  claro. 

luego Desagrupar

Objeto> Desagrupar (Ctrl + Shift + G). A continuación, seleccione la primera línea media (que también se selecciona la línea inferior-medio) y la línea izquierda-centro (que también seleccionará la línea del jardín derecho del medio) y eliminarlos.

Paso 12) Con la herramienta Texto  (T), cree cuatro cuadros de texto con los números 12, 3, 6, 9 y colocarlos en sus lugares respectivos en el reloj, donde estaban las líneas. Yo utilice Myriad Pro  BOLD 36 Negro, pero puede utilizar cualquier fuente que desee.

Paso 13)

A partir de la ultima elipse Objeto> Trazado> Desplazamiento y en el desplazamiento -105 px.

Paso 14)

Si no tenemos las guías inteligentes, sacarlas para que nos sirvan de ayuda , seleccione Ver> Guías inteligentes. Una vez que las guías inteligentes están activadas,crear primero la manecilla del reloj a partir del centro de la elipse más pequeña. A continuación, cambiar el grosor del trazo de 7 puntos y pulse el icono de Extremo Redondeado en el panel Trazo. Con la línea seleccionada, se enviará detrás de la pequeña elipse eligiendo Objeto> Organizar> Enviar detrás.

Paso 15)

Dibuja otra línea más corta , será la aguja de los minutos. Cambiar el grosor del trazo de 12 puntos y el color del trazo por un color gris. A continuación, lo envía detrás de la pequeña elipse eligiendo Objeto> Organizar> Enviar detrás.

Paso 16)

Crear una línea más, pero esta vez de color rojo, cambiar el grosor del trazo de 3 puntos. Enviar la nueva línea detrás de los dos la línea anterior y la pequeña elipse.

Paso 17)

Seleccione las tres líneas, Cópielas (Ctrl + C) y Pégalas  en el Frente (Ctrl + B). Con las líneas copiadas seleccionadas, vaya a Objeto> Trazado>Contornear trazado. Con las teclas direccionales, mover las copias hacia abajo y cambiar el color a un gris claro .Así  crearemos una sombra simple.

Paso 18)

Seleccione la elipse blanca en el reloj, Copiar (Ctrl + C) y Pegar en Frente (Ctrl + F).

A continuación, dibuja una elipse alargada sobre el reloj y el lugar toda la parte inferior de la elipse de nuevo en el centro del reloj. Seleccione la elipse alargada y la elipse blanca copiar y pulse el botón frontal Menos frente en el panel de Buscatrazos Mayus + Ctrl+F9.Esto hace la intersección de las dos figuras.

Paso 19)

Cambiar el relleno de la nueva forma de un gradiente lineal desde el panel Degradado y ajustar el degradado de abajo hacia arriba.

A continuación, establezca la forma de Multiplicar en el panel Transparencia.

Paso 20)

Ya tenemos creado el reloj, ahora crearemos las patas. En primer lugar crear una elipse de 55 px por 55 px. Llenar la elipse con un degradado radial.

 Agregue dos colores más al degradado radial, teniendo un total de cuatro colores. Cambiar la primer color  a blanco, el segundo de color gris, el tercero con un gris más oscuro, y el cuarto para el mismo color gris que la segunda.

 Con la herramienta de degradado, haga clic cerca de la parte superior izquierda de la elipse y arrastre hacia abajo en un ángulo de 45 grados.

Paso 21)

Coloque la pata en  el lado izquierdo y parte inferior del reloj. Luego seleccione Opciones> Organizar> Enviar al fondo (Ctrl + Mayús + corchete izquierdo), para colocar la elipse detrás del reloj.

Paso 22)

Seleccione la elipse pequeña y cópiala (Ctrl + C) y Pegarla  en el Frente (Ctrl + F). A continuación, seleccione la elipse más grande del reloj, mantenga pulsada la tecla Mayús + Alt y arrastre creara una copia ligeramente desplazada hacia abajo y hacia la izquierda.

 Seleccione las dos copias y pulse el botón Intersección en el panel de BuscaTrazos.

 Llene la nueva forma con un color gris y póngalo  en modo  Multiplicar en el panel Transparencia.

 Elija Objeto> Disposición> Enviar al fondo (Ctrl + Mayús + 9) y luego elegir la opción> Organizar Enviar hacia adelante, para colocar la forma de la sombra detrás de todas las formas de reloj, pero en frente de la pequeña elipse.

Paso 23)

Seleccione la esfera y la sombra, Cópiela (Ctrl + C) y Péguela  en el Frente (Ctrl + F). A continuación, vaya a Objeto> Transformar> Reflejar y elegir vertical en el diálogo Reflejar.

 Mueva la copia a la parte derecha del reloj.

Paso 24)

Con la herramienta Rectángulo (M), cree un rectángulo que es de 10 píxeles de ancho por 50 píxeles de alto. Rellenar el rectángulo con un color degradado lineal. Con  cuatro colores, el primero con un gris claro, la segundo color gris, el tercero gris oscuro, y el cuarto, el mismo gris que el segundo.

Paso 25)

Crear otro rectángulo sobre la parte superior de la primera que es de 25 píxeles de ancho por 10 píxeles de alto. A continuación, vaya Efecto> Estilizar> Redondear vértices y en el diálogo Esquinas redondeadas, cambiar el radio de 5 px. Utilizar el mismo gradiente de antes y ajustar el degradado con la herramienta de degradado (G)de arriba a abajo.

Paso 26)

Coloque el segundo rectángulo en la parte superior media del primer rectángulo.

 Seleccione ambos rectángulos y colócalos en la parte superior-medio del reloj. Con los dos rectángulos aún seleccionado, elija Objeto> Disposición> Enviar al fondo (Ctrl + Mayús + 9).

Paso 27)

Crear un rectángulo (M)de 110 px de ancho por 80 píxeles de alto. A continuación, vaya a Efecto> Estilizar> Redondear vértices y modificar el área a 30 px. Ampliar el aspecto del rectángulo yendo a Objeto> Expandir apariencia.

 Crear otro rectángulo sobre el actual, un poco más de la mitad de la actual. Seleccione ambos rectángulos y pulse el icono Frente Menos desde el panel de Buscatrazos.

 Llenar la forma nueva con el mismo gradiente lineal como los rectángulos anteriores y ajustar el degradado de arriba a abajo.

Paso 28)

Copiar la forma de la campana  (Ctrl + C) y Pegar en el  Frente (Comando + F). Con la herramienta Selección (V), aplastar la copia y hacerla más pequeña.

Dejar más espacio en el lado derecho de la campana de la izquierda para conseguir alguna variación en el ancho. Copia (Ctrl + C) la forma de campana aplastada, Pegar en Frente (Ctrl + F), y aplastar esta copia de la misma forma que hizo de la forma anterior. Seleccione las dos formas y pulse el botón frontal Menos en el panel de Buscatrazos.

Cambiar el relleno de la nueva forma de blanco y cambiar la opacidad al 15% del panel Transparencia.

Paso 29)

Seleccione la forma de la campana principal y cópiela (Ctrl + C) y Pegar en Frente (Ctrl + F). Aplastar la nueva copia horizontalmente

. Rellenar con un color gris claro y poner a Multiplicar en el panel Transparencia.

Paso 30)

Crear una elipse que es de 20 px por 20 px, llenarlo con la misma gradiente que la forma de campana, y ajustar el degradado de arriba a abajo.

 Luego, coloque la elipse detrás de la parte superior media de la forma de campana.

Paso 31)

Crear un rectángulo (M) que es de 8 píxeles de ancho por 45 de altura px, llenarlo con el mismo gradiente lineal que en  los pasos anteriores, ajustar el degradado,

y colocarlo detrás de la parte central inferior de la forma de campana.

Paso 32)

Seleccionar todas las formas de campana y girar 30 grados desde el panel Transformar (Mayus + F8). Situar las formas detrás del reloj.

Paso 33)

Copia (Ctrl + C) las formas de campana, Pegar en Frente (Comando + F), optó por Objeto> Transformar> Reflejar, vertical.

 Mover la copia en el lado opuesto del reloj.

Paso 34)

Ya está casi hecho, pero vamos a añadir los toques finales. Crear una elipse(L) que es de 200 px por 200 px. Llenar la elipse con un degradado radial con el color gris oscuro el primero  y la segunda en blanco.

Establecer la elipse a Multiplicar en el panel Transparencia. A continuación, aplastar la elipse vertical a la mitad de su tamaño original

Situar  por debajo de la alarma del reloj creando una sombra.

Paso 35)

Copia (Ctrl + C) la sombra y Pegar en Frente (Ctrl + F). Reducir la copia y colóquela debajo de la bola pequeña a la izquierda. Repetir esto de nuevo para tener una sombra a la derecha.