Spanish (Español) translation by Nadia Gonzales (you can also view the original English article)
En el tutorial de hoy, vamos a aprender a crear un cronómetro antiguo utilizando formas básicas, fusiones y pinceles artísticos en Adobe Illustrator. Aprenderás a usar una variedad de herramientas de Illustrator. Así que ¡comencemos!
Paso 1
Para empezar necesitarás crear el boceto geométrico principal del cronómetro que se muestra en el diagrama de abajo. Crearemos este plano inicial para trabajar a partir de él, ahí podremos añadir luces y sombras para que se vea con más dimensión. Si sabes cómo obtener los contornos principales del objeto y sus elementos, ve al paso 7. Si no es así, lee atentamente los siguientes pasos.
A continuación se muestran las imágenes a escala de las pequeñas piezas del cronómetro, para que puedas verlas. Aquí se muestra un acercamiento de uno de los botones laterales.
Y aquí está el botón central de la parte superior.
Paso 2
Ve a Ver > Reglas > Mostrar reglas (Comando + R). A continuación, arrastra y suelta las líneas guía de las Reglas para crear la siguiente imagen. Varias líneas guía deben ser rotadas yendo a Objeto > Transformar > Rotar. El punto de intersección de las líneas guía rotadas será el centro del cronómetro.
Usando la herramienta Elipse (L), crea un círculo relleno de gris.
Ve a Objeto > Transformar > Escalar para disminuir las dimensiones del círculo, luego haz clic en el botón Copiar en el cuadro de diálogo de escala, y cambia el color del nuevo círculo como se muestra.
Repite estas manipulaciones para crear el siguiente círculo que se muestra a continuación.
Paso 3
Con la herramienta Elipse (L), crea una elipse sobre los círculos como se muestra en el diagrama de abajo.
Cópiala y pégala delante (Comando + C y luego Comando + F). Mueve la copia hacia abajo.
Con la herramienta Lazo (Q), selecciona los puntos de anclaje interiores de ambas elipses...
...luego presiona el botón de Borrar de tu teclado.
Ve a Objeto > Trazado > Unir (Comando + J) dos veces para completar la forma.
Paso 4
Dibuja otra Elipse (L) en la parte superior de tu forma cilíndrica.
Y crea el trazado azul de la misma manera que creaste el cilindro verde. Fíjate en que el punto de anclaje que se indica a continuación debe desplazarse ligeramente hacia abajo.
Crea la parte superior de este detalle.
Paso 5
Utiliza de nuevo la herramienta Elipse (L) para dibujar un círculo uniforme alrededor del botón superior que acabas de crear.
Ve a Objeto > Transformar > Escalar, disminuye las dimensiones del círculo y haz clic en el botón Copiar.
Selecciona ambos círculos y ve a Objeto > Trazado compuesto > Crear (Comando + 8) para crear un aro.
Paso 6
El botón de la derecha y el de la izquierda se pueden ilustrar de la misma manera.
Paso 7
Para continuar con la creación del cronómetro, primero debemos crear algunos Pinceles de arte a partir de Fusiones. Con la herramienta Elipse (L), dibuja un trazado elíptico alargado relleno de negro. Sigue la imagen de abajo.
Cópialo y pégalo delante (Comando + C y luego Comando + F). Ve a Objeto > Transformar > Escalar y disminuye al 50%.
Cambia la Opacidad de la elipse más grande a 0%.
Ve a Objeto > Fusión > Opciones de fusión y establece los valores en el cuadro de diálogo como se muestra.
Selecciona ambas elipses y ve a Objeto > Fusión > Crear (Comando + Alt + B).
Paso 8
Arrastra y suelta esta fusión en el panel Pinceles, y elige la opción Pincel de arte en el cuadro de diálogo abierto.
Especifica las opciones del pincel en el segundo cuadro de diálogo. Nombra este pincel como "Pincel negro". Cambia el Método de colorización del mismo a Alteración del tono.
Paso 9
Ahora selecciona la fusión del "Pincel negro"...
...y suéltala yendo a Objeto > Fusión > Soltar (Comando + Alt + Mayús + B).
Mueve la elipse interior hacia la izquierda (ver la imagen de abajo)...
...y ve a Objeto > Fusión > Crear de nuevo (Comando + Alt + B).
Paso 10
Arrastra y suelta esta fusión en el panel Pinceles, y elige la opción Pincel de arte en el cuadro de diálogo abierto.
Especifica las opciones del pincel en el segundo cuadro de diálogo. Nombra este pincel "Pincel negro modificado". Cambia el Método de colorización del mismo a Alteración del tono.
Paso 11
Toma ahora la herramienta Rectángulo (M), y dibuja el siguiente trazado. Rellénalo con un degradado lineal con visibilidad de franjas blancas y negras. Ve el diagrama de abajo como referencia.
A continuación, abre el panel Muestras...
...abre el menú desplegable haciendo clic en el botón indicado en la imagen de arriba, y elige el comando Nueva muestra. Nombra esta muestra como "Degradado metálico".
Paso 12
Selecciona el trazado superior naranja del botón derecho, y rellénalo con un degradado lineal angular.
Aplica el "Degradado metálico" al trazado amarillo. Cambia el ángulo del degradado como se muestra.
El trazado azul debe ser rellenado con un degradado lineal angular también.
El trazado negro se rellena también con un "Degradado metálico" angular.
Paso 13
El botón izquierdo del cronómetro se rellena de la misma manera.
Paso 14
El botón grande central del cronómetro se rellena con los degradados lineales normales y con el "Degradado metálico" donde sea necesario.
Paso 15
Rellena el trazado marrón con un degradado radial.
Las paradas de color indicadas del degradado se muestran debajo.
Rellena también la cara del cronómetro con un sutil degradado radial.
Paso 16
Trabajemos en el aro superior para crear una imagen 3D a partir de esta imagen gris plana. Sí, puedes utilizar el efecto Girar 3D, pero te aconsejo que utilices nuestros Pinceles artísticos. Veamos cómo funcionan.
Al principio dibuja dos círculos concéntricos sobre el aro gris utilizando la herramienta Elipse (L).
A continuación, toma la herramienta Tijeras (C), y haz clic en los cuatro puntos de anclaje que coinciden con la línea guía horizontal que se muestra a continuación. En otras palabras, necesitas dividir los círculos concéntricos en los cuatro trazados semicirculares.
Paso 17
Aplica el "Pincel negro" a estos cuatro trazados.
¡No te aconsejo que dejes esta maravillosa imagen sin modificar! Selecciona el aro gris, cópialo y pégalo delante (Comando + C y luego Comando + F).
Crea entonces una Máscara de recorte a partir de esta copia yendo a Objeto > Máscara de recorte > Crear (Comando + 7).
Paso 18
Cambia el Color del trazo de los siguientes trazados a blanco.
Cambia el Color del trazo del siguiente trazado a negro.
A continuación, disminuye el Grosor del trazo de los trazados.
Paso 19
Ahora tu imagen debería tener el siguiente aspecto.
¿Te gustan las gradaciones de color señaladas en la imagen de arriba? Si no es así (a mí no me gustan), ¿cómo arreglarlas? Selecciona los cuatro trazados donde está aplicado el "Pincel negro", cópialos y pégalos delante (Comando + C y luego Comando + F). Rota las copias yendo a Objeto > Transformar > Rotar.
Luego cambia el Modo de fusión de estos nuevos trazados a Superponer y la Opacidad de los mismos en el panel Transparencia...
...y obtendrás el siguiente resultado, que es más atractivo.
Paso 20
Dibuja el siguiente trazado que se muestra a continuación, y haz clic en los puntos de anclaje indicados del mismo con la herramienta Tijeras (C) para dividir el trazado en dos.
Aplica el "Pincel negro modificado" a ambos trazados. Recórtalos con la correspondiente Máscara de recorte (la misma utilizada anteriormente).
Cambia los colores del Trazo como se muestra a continuación.
Cambia las Opacidades y los Grosores del trazo. Deberías obtener una imagen igual a la que se muestra a continuación.
Paso 21
Crea una Máscara de recorte (Ctrl + 7) para el aro que se muestra debajo. Es sencillo, así que hazlo solo.
Aplica el "Pincel negro modificado" a los siguientes trazados. El diagrama explicativo está abajo.
Paso 22
Ahora haz las muescas sobre el botón superior del cronómetro.
Dibuja al principio dos trazados verticales como se muestra abajo en rojo. (El segundo trazado puede ser una copia movida del primero).
Ve a Objeto > Fusión > Opciones de fusión, y elige las opciones que puedes ver en el diagrama de abajo.
Paso 23
Aplica el "Pincel negro modificado" a la línea de la izquierda.
Y aplica el "Pincel negro" a la línea de la derecha.
Disminuye los Grosores de trazo.
Y recorta los trazados con la correspondiente Máscara de recorte.
Paso 24
Tomando en cuenta a las luces paralelas de la izquierda (ve el diagrama de arriba), cambia el Color de trazo de la línea de la izquierda a negro...
...y el Color de trazo de la línea derecha a blanco. ¿Por qué no al revés? Porque necesitamos crear contraste en las muescas.
Paso 25
Selecciona ambos trazados, y ve a Objeto > Fusión > Crear (Comando + Alt + B).
Paso 26
La parte gris principal del cronómetro...
...se ilustra absolutamente igual que el aro del cronómetro. En otras palabras, utiliza los Pinceles de arte y los Modos de fusión para obtener la siguiente imagen.
Paso 27
Debemos hacer los valores del cronómetro. Cada valor representa 1/5 de segundo. Debido a que un minuto consta de 60 segundos necesitamos tener los 300 valores de trazo que se muestran a continuación.
Dibuja una línea vertical negra que tenga unos 20px de longitud.
Cópiala y pégala delante (Comando + C y luego Comando + F). Mueve la copia horizontalmente yendo a Objeto > Transformar > Mover.
Ve a Objeto > Fusión > Opciones de fusión, y cambia el número de pasos a 299. ¿Por qué no 300? Porque 299 pasos proporcionan 301 líneas en la fusión, pero cuando coloquemos la fusión en el círculo, obtendremos solo 300 líneas, porque la primera línea coincidirá con la última.
Entonces ve a Objeto > Fusión > Crear (Comando + Alt + B).
Paso 28
Selecciona el trazado que representa la cara frontal del cronómetro, cópialo y pégalo delante (Comando + C y luego Comando + F). Cambia ambos: el Grosor del trazo y el Color del trazo a Ninguno.
Toma la herramienta Tijeras (C), y haz clic en el punto de anclaje superior de este círculo.
Selecciona ambos: el círculo y la fusión de 299 pasos, y ve a Objeto > Fusión > Invertir Lomo.
Cambia la orientación de la fusión haciendo clic en el botón correspondiente del cuadro de diálogo Opciones de fusión.
Recorta la fusión con la Máscara de recorte correspondiente.
Paso 29
Copia la fusión y pégala delante (Comando + C y luego Comando + F). Cambia el número de pasos en la Copia de la fusión y aumenta los trazados verticales en la fusión abierta en la paleta Capas yendo a Objeto > Transformar > Escalar. La imagen de referencia está abajo.
Crea otra fusión de la misma manera.
Paso 30
Selecciona las tres fusiones (sin el trazado de recorte correspondiente), cópialas y pégalas detrás (Comando + C y luego Comando + B). Disminuye la Opacidad de las mismas a un 30%, y recórtalas con la nueva Máscara de recorte mostrada. Es necesario hacer esto para mostrar el reflejo de los trazos en las partes metálicas del cronómetro.
Paso 31
Usando la herramienta Texto (T), escribe un número en la cara.
Repite esta acción una y otra vez.
A continuación, ve a Texto > Crear contornos (Comando + Mayúsculas + O).
Paso 32
Usando la herramienta Pluma (P), dibuja una aguja y rellénala con un degradado lineal angular.
El perno de la aguja se rellena con un degradado radial.
Paso 33
La aguja tiene sombra. Para dibujarla, cópiala y pégala detrás (Comando + C y luego Comando + B). Disminuye la Opacidad de la misma a un 20% aproximadamente, y muévela ligeramente como se muestra en el diagrama de abajo.
El contador de minutos se hace de la misma manera. Hazlo sin ayuda.
Paso 34
Utiliza de nuevo la herramienta Texto (T) y escribe la frase universalmente conocida de Luis XVIII, el rey de Francia, "La puntualidad es la cortesía de los reyes". Selecciona una fuente interesante y atractiva en la paleta Carácter. Déjate llevar por tu criterio de estética.
Ve a Objeto > Distorsión de envolvente > Crear con deformación (Comando + Alt + Mayúsculas + W).
Especifica los valores de ajuste en el cuadro de diálogo para situar el texto en la posición correcta.
Paso 35
Ve a Objeto > Expandir, y rellena las letras con un relleno degradado.
Paso 36
El último paso de este tutorial debe dedicarse a crear un cristal exterior del cronómetro. Dibuja un círculo en el cronómetro, y rellénalo con un degradado radial.
Y cambia la Opacidad del mismo a un 20% aproximadamente.
Conclusión
La imagen final se muestra a continuación. Utiliza las técnicas que has aprendido en este artículo con tus propias ilustraciones. Espero que hayas disfrutado de este tutorial.
By
