Cómo construir una ilustración de letras con ladrillos en Illustrator
Spanish (Español) translation by Steem (you can also view the original English article)



En este tutorial utilizaremos interpretación 3D, fusiones y un pincel de arte para crear la ilustración final de ladrillos. Los conocimientos que aprenderás aquí pueden transferirse fácilmente a la creación de diversas letras con ladrillos. Mejora tus habilidades vectoriales como artista de construcción digital en el tutorial de Illustrator de hoy. ¡Comencemos!
Paso 1
En primer lugar, crea cualquier letra utilizando la herramienta Texto (T).


Ve a Texto > Crear contornos (Comando + Mayús + O).


Paso 2
Si tu letra tiene agujeros, entonces ve a Objeto > Trazado compuesto > Soltar.


A continuación, selecciona el trazado exterior y ve a Efecto > Estilizar > Redondear vértices.


Ve a Objeto > Expandir apariencia. Selecciona ambos trazados y ve a Objeto > Trazado compuesto > Crear (Comando + 8). Llamemos a este trazado "Letra principal".


Paso 3
Toma la herramienta Cuadrícula rectangular, haz clic en el espacio de trabajo y establece las opciones como se muestra en el siguiente gráfico. Fíjate en que tienes que poner un número suficiente de divisores verticales. Llamemos a la Altura (señalada por una flecha en el diagrama de abajo) - "el primer resultado principal".


Ve a la paleta de Buscatrazos y haz clic en el botón Dividir.


Rellena la cuadrícula con naranja y establece el Trazo en gris.


Paso 4
Selecciona un solo rectángulo y ve a la paleta de Información para conocer su anchura (valor An). Divide este valor entre dos y memoriza el resultado. Llamémoslo "el segundo resultado principal". En este tutorial me dio 12,951px.


Selecciona el grupo de rectángulos, cópialo y pégalo delante (Comando + C y Comando + F). Luego ve a Objeto > Transformar > Mover, y escribe "el segundo resultado principal" en la posición Horizontal, y "el primer resultado principal" en la posición Vertical. Debes obtener el siguiente resultado.


Paso 5
Selecciona ambos grupos de rectángulos, cópialos y pégalos delante (Comando + C y luego Comando + F). Ahora ve a Objeto > Transformar > Mover, y escribe cero en la posición Horizontal, y "el primer resultado principal" multiplicado por dos en la posición Vertical.


Ahora haz clic en el botón Copiar.


Ve a Objeto > Transformar > Volver a transformar (Comando + D).


Repite esta acción tantas veces como quieras.


Paso 6
Coloca tu letra sobre la pared de ladrillos.


Selecciona ambos: la letra y la pared, luego ve a la paleta Buscatrazos para hacer clic en su botón Recortar.




Paso 7
Deshazte de los ladrillos pequeños. Observa la siguiente imagen como ejemplo.


La misma zona señalada se muestra a continuación en la imagen ampliada.


Ve a la paleta Buscatrazos y haz clic en el botón Unir para estos ladrillos seleccionados.


Haz lo mismo con todos los ladrillos pequeños, luego elimina el trazado interior (si lo tienes).


Paso 8
Ve a Efecto > 3D > Extrusión y biselado, y ajusta los valores como se muestra a continuación. Presta atención al valor Pasos de fusión.


Paso 9
Copia la letra y pégala delante (Comando + C y luego Comando + F). Establece el color de relleno en Ninguno y el color de Trazo en gris.


Ahora ve a Objeto > Expandir apariencia. Y ve a Objeto > Desagrupar tres veces. Selecciona el primer trazado innecesario en la paleta de capas y ve a Seleccionar > Mismo > Color de relleno. Pulsa el botón Borrar del teclado. Elimina todos los trazados sobrantes de la misma manera. Debes conseguir el siguiente resultado.


Paso 10
Selecciona las partes interiores de los ladrillos.


Y ve a Objeto > Trazado compuesto > Crear (Comando + 8).




Paso 11
Elimina los trazados de los límites, los cuales puedas eliminar sin que se deteriore la imagen.


A continuación, selecciona todos los trazados grises que representan capas de hormigón entre los ladrillos, ve a la paleta Buscatrazos y haz clic en Unir.


Ahora tendrás un trazado compuesto en la paleta de Capas.


Paso 12
Disminuye la Opacidad de este Trazado compuesto, y bloquéalo en la paleta de Capas. A continuación, toma la herramienta Pluma (P). Cambia el color de Relleno en el Panel de control a Ninguno, el color de Trazo a Ninguno, y crea un trazado que te permita eliminar todos los trazados delimitadores grises restantes. Mira las imágenes de abajo como referencia.






Paso 13
Selecciona todo (Comando + A), cópialo y pégalo delante (Comando + C y luego Comando + F). A continuación, mueve la copia con cuidado para combinarla con la primera letra.


Paso 14
Ahora elimina o haz invisibles varios ladrillos en la parte delantera de la letra.


Borra todas las partes de las capas de hormigón, que se encuentran en el área seleccionada que se muestra a continuación.


Hazlo mediante una Máscara de recorte.


Paso 15
Presta atención al punto que se muestra con una flecha en el diagrama anterior. La imagen ampliada de este punto está abajo.


Tenemos que corregir estas áreas problemáticas. Para ello, selecciona la capa frontal de ladrillos (sin el hormigón) y ve a Objeto > Expandir apariencia. Ahora ve a Objeto > Desagrupar tres veces. Haz lo mismo con la capa posterior de ladrillos.


Ahora selecciona la faceta superior del ladrillo y muévela hacia abajo.


Repite esta acción para las otras facetas problemáticas.


Paso 16
Disminuye la Opacidad de la parte frontal de la letra, y bloquéala en la paleta de Capas. Ahora selecciona con el trazado mostrado una parte de la capa de hormigón de la letra posterior.


Selecciona la capa de hormigón de la capa posterior, cópiala y pégala delante (Comando + C y luego Comando + F).


Ahora haz la Máscara de recorte (Comando + 7) usando el trazado, que acaba de ser creado.


Paso 17
Selecciona la faceta superior del ladrillo.


Conviértelo en la siguiente forma para cubrir los vacíos y cumplir con las reglas de geometría. En ocasiones pueden quedar puntos vacíos después de los siguientes pasos, por lo que sería estupendo deshacerse de ellos ahora.


Repite estas acciones para todos los trazados seleccionados.


Paso 18
Crea el siguiente trazado en la parte superior de la letra.


Ilustra los trazados análogos para otros ladrillos.


Ilustra el siguiente trazado.


Paso 19
Ilustra el siguiente trazado en el lateral de la letra.


Haz lo mismo con todas las caras laterales de la letra.


Paso 20
Para crear sombras utiliza Fusiones. Dibuja dos trazados triangulares en la parte interior de la letra, y ve a Objeto > Fusión > Crear (Comando + Alt + B). Cambia las Opacidades de los trazados triangulares, y cambia la Opacidad de la Fusión en sí como quieras. Consulta el siguiente diagrama como referencia.


La sombra de la parte superior de la letra está formada por dos fusiones similares.


La Fusión bajo el ladrillo que sobresale se muestra en el diagrama de abajo, donde el trazado violeta muestra la Máscara de recorte de la fusión.


A continuación se muestra la Fusión en sí del ladrillo que sobresale, donde el trazado violeta muestra también la Máscara de recorte de la Fusión.


Paso 21
Haz una fusión de dos trazados elípticos blancos.


Haz un Pincel de arte con esta fusión.


Toma la herramienta Pluma (P), crea los siguientes trazados y aplícales el Pincel de arte.


Debes conseguir el siguiente resultado.


Paso 22
Selecciona el trazado de "La letra principal" y acuéstalo yendo a Efecto > 3D > Rotar. A continuación, crea una fusión a partir de ella.


Recorta esta fusión con el Trazado de recorte.


Copia la fusión y pégala detrás (Comando + C y luego Comando + B). Corta la segunda parte de la fusión.


Cambia las fusiones para convertir la sombra en un tono suave y conseguir el siguiente resultado.


Coloca la sombra debajo de la letra.


Paso 23
Ahora selecciona el trazado naranja frontal de cualquier ladrillo.


Ve a Seleccionar > Mismo > Color de relleno.


Y rellena todas las facetas seleccionadas con el Relleno degradado lineal.


Conclusión
Con esta técnica podrás construir cualquier letra o signo usando ladrillos.

