Cómo crear un efecto de texto de engranaje en Adobe Illustrator

Spanish (Español) translation by Elías Nicolás (you can also view the original English article)

Final product image — What You'll Be Creating

En los siguientes pasos, aprenderá cómo crear un efecto de texto de engranaje detallado en Adobe Illustrator.

Para empezar, aprenderá cómo configurar una grilla simple y cómo crear las tres formas de engranaje usando herramientas y efectos básicos. A continuación, crearemos las formas de cadena y aprenderá cómo aprovechar al máximo el panel Apariencia y cómo guardar y usar estilos gráficos fácilmente.

Continuando, aprenderá cómo agregar matices y reflejos sutiles a sus formas de engranaje usando técnicas básicas de construcción de formas de vectores. Finalmente, aprenderá cómo oscurecer fácilmente todo su trabajo.

1. Crea un nuevo documento y configura una grilla

Presione Control-N para crear un documento nuevo. Seleccione Píxeles en el menú desplegable de Unidades, ingrese 600 en el cuadro de ancho y 700 en el cuadro de alto, y luego haga clic en el botón Avanzado. Seleccione RGB, Pantalla (72ppi) y asegúrese de que la casilla Alinear nuevos objetos en cuadrícula de píxeles esté desmarcada antes de hacer clic en Aceptar.

Habilite la cuadrícula (Ver > Mostrar cuadrícula) y Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Necesitará una cuadrícula cada 1 px, por lo tanto, simplemente vaya a Edición > Preferencias > Guías> Cuadrícula, e ingrese 1 en Linea de Cuadricula cada y 1 en el cuadro Subdivisiones. Intente no desanimarse con toda esa cuadrícula; le facilitará el trabajo, y tenga en cuenta que puede habilitarlo o deshabilitarlo fácilmente usando el atajo de teclado Control- ".

También debe abrir el panel Información (Ventana> Información) para obtener una vista previa en vivo con el tamaño y la posición de sus formas. No olvide configurar la unidad de medida en píxeles desde Editar > Preferencias > Unidades > General. Todas estas opciones aumentarán significativamente su velocidad de trabajo.

2. Crea las formas del engranaje principal

Paso 1

Elija la herramienta Elipse (L) y concéntrese en su barra de herramientas. Elimine el color del relleno y luego seleccione el trazo y configure su color en R = 155 G = 133 B = 121. Muévase a su mesa de trabajo y simplemente cree un círculo de 44 px: el ajuste a la cuadrícula debería facilitar esto.

Asegúrese de que esta nueva forma permanezca seleccionada y concéntrese en el panel Apariencia (Ventana> Apariencia). Simplemente haga clic en ese trozo de texto "Trazo" para abrir el panel desplegable Trazo, aumente el Grosor a 4 px y marque el botón Alinear trazo al interior. Al final, tu forma debería verse en la siguiente imagen.

Paso 2

Usando la misma herramienta, crea un círculo de 14 px, colócalo exactamente como se muestra en la siguiente imagen, agrega ese mismo trazo de 4 px y no te olvides de alinearlo con el interior.

Paso 3

Concéntrese en el lado superior del círculo más grande y simplemente presione Shift-X para transferir fácilmente el color existente desde el trazo hasta el relleno. Usando la herramienta Rectángulo (M), crea una forma de 10 x 8 px y colócala exactamente como se muestra en la primera imagen.

Enfóquese en el lado superior de este rectángulo nuevo y cambie a la Herramienta de Selección Directa (A). Seleccione el punto de anclaje izquierdo y arrástrelo 3 px a la derecha, luego seleccione el punto de anclaje correcto y arrástrelo 3 px hacia la izquierda. Al final, su rectángulo debe convertirse en un trapecio simple como se muestra en la segunda imagen.

Paso 4

Duplique su trapezoide (Control-C> Control-F), seleccione la copia y colóquela exactamente como se muestra en la primera imagen. Asegúrese de que esta copia permanezca seleccionada y vaya a Objeto > Transformar > Reflejar. Marque la casilla Horizontal y luego haga clic en el botón Aceptar.

Paso 5

Vuelva a seleccionar ambos trapecios y conviértalos en una ruta compuesta simple utilizando el atajo de teclado Control-8 (o vaya a Objeto > Trazado compuesto > Crear). Asegúrese de que permanezca seleccionado y vaya a Efecto > Distorsionar y transformar > Transformar. Establezca el ángulo a 30 grados, ingrese 5 en el cuadro Copias y luego haga clic en el botón Aceptar. Al final, las cosas deberían verse en la siguiente imagen.

Paso 6

Usando la herramienta Rectángulo (M), crea dos figuras de 4 x 12 px y colócalas exactamente como se muestra en la siguiente imagen. Asegúrese de que ambos rectángulos estén seleccionados, conviértalos en una ruta compuesta (Control-8) y luego vaya a Efecto > Distorsionar y transformar > Transformar. Establezca el ángulo en 90 grados, ingrese 1 en el cuadro Copias y luego haga clic en el botón Aceptar. Al final, las cosas deberían verse en la siguiente imagen.

Paso 7

Duplique todas las formas que componen su primera marcha (Control-C > Control-F). Seleccione las copias y arrástrelas hacia la derecha, más o menos como se muestra en la primera imagen. Céntrate en estas nuevas formas, selecciona ese círculo de 14 px y muévete al panel Apariencia. Seleccione el trazo y simplemente disminuya el Grosor a 2 px.

Paso 8

Sigue centrándote en las formas que componen tu segunda marcha. Con la herramienta Rectángulo (M), cree dos figuras de 2 x 12 px y colóquelas exactamente como se muestra en la siguiente imagen. Asegúrese de que ambos rectángulos estén seleccionados, conviértalos en una ruta compuesta (Control-8) y luego vaya a Efecto > Distorsionar y transformar > Transformar. Establezca el ángulo en 45 grados, ingrese 3 en el cuadro Copias y luego haga clic en el botón Aceptar. Al final, las cosas deberían verse en la siguiente imagen.

Paso 9

Duplique todas las formas que componen su segunda marcha (Control-C > Control-F). Seleccione las copias y arrástrelas hacia la derecha, más o menos como se muestra en la primera imagen. Concéntrese en estas nuevas formas, seleccione esa ruta compuesta con los dos rectángulos más gruesos y simplemente elimínela usando el botón Eliminar de su teclado.

Paso 10

Vuelva a seleccionar todas las formas realizadas hasta el momento, vaya a Objeto > Expandir apariencia y luego abra el panel Buscatrazos (Ventana > Buscatrazos) y haga clic en el botón Unir. Asegúrese de que el grupo de formas resultante esté seleccionado y simplemente desagrupe con el atajo de teclado Shift-Control-G. Al final, debe tener tres formas simples de engranajes, como se muestra en la tercera imagen.

Paso 11

Concéntrese en la forma de su primer engranaje y elija la Herramienta de Selección Directa (A). Seleccione todos los puntos de anclaje que conforman el borde exterior de su forma, concéntrese en la barra superior y simplemente ingrese 1.5 px en esa casilla de Vertices. Al final las cosas deberían verse en la segunda imagen.

La función Vertices Interactivos solo está disponible para usuarios de CC. La mejor solución para reemplazar este efecto sería el Script Round Any Corner que se puede encontrar en este artículo: 20 Scripts de Adobe Illustrator gratuitos y útiles. Guárdelo en su disco duro, regrese a Illustrator y tome la Herramienta de Selección Directa (A).

Seleccione los mismos puntos de anclaje y vaya a Archivo > Scripts > Otra secuencia de comandos. Abra el guión Round Any Corner, ingrese un radio de 1.5 px y haga clic en OK. El resultado final puede parecer un poco diferente, así que no dude en probar un valor diferente para el radio. En algunos casos, deberá aumentar / disminuir el valor mencionado en ese cuadro de Vertices.

Paso 12

Concéntrese en las otras dos formas de engranajes y simplemente repita la técnica mencionada en el paso anterior.