() translation by (you can also view the original English article)
En los siguientes pasos aprenderás cómo crear un efecto de texto grunge y vintage en Adobe Illustrator. Para comenzar, aprenderás a configurar una cuadrícula sencilla y cómo crear un patrón básico. Después, aprenderás cómo crear un fondo con textura sutil usando un patrón integrado, el efecto de Película granulada y algunas técnicas de fusión. Para terminar, aprenderás cómo crear el efecto de texto completamente editable usando el panel de Apariencia y varios rellenos y efectos, junto con tu patrón guardado y un pincel artístico integrado.
Para obtener más inspiración sobre como ajustar o mejorar tu efecto de texto final, puedes encontrar muchos recursos en GraphicRiver.
Recursos del tutorial
Los siguientes recursos fueron usados al producir este tutorial:
1. Cómo crear un documento nuevo y configurar una cuadrícula
Pulsa Control+N para crear un Documento nuevo. Selecciona Píxeles del menú desplegable de Unidades, ingresa 850 en las casillas de Anchura y Altura, y luego haz clic en el botón Avanzado. Selecciona RGB como Modo de Color, configura los Efectos de rasterización a Pantalla (72 ppp), y luego haz clic en Crear documento.
Activa la Cuadrícula (Ver > Mostrar cuadrícula) y Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Necesitarás una cuadrícula cada 1 px, así que solo ve a Editar > Preferencias > Guías > Cuadrícula, e ingresa 1 en la casilla de Línea de cuadrícula cada, y 1 en la casilla de Subdivisiones. No te desanimes al ver toda esa cuadrícula, hará tu trabajo más fácil, y recuerda que la puedes activar y desactivar fácilmente con el atajo de teclado Control+".
Puedes aprender más sobre el sistema de cuadrículas de Illustrator en este tutorial corto de Andrei Stefan: Entendiendo el sistema de cuadrículas de Adobe Illustrator.
También debes abrir el panel de Información (Ventana > Información) para una previsualización en vivo con el tamaño y posición de tus formas. No olvides configurar las unidades de medida a píxeles desde Editar > Preferencias > Unidades. Todas esas opciones aumentarán de manera significativa tu velocidad de trabajo.
2. Cómo crear y guardar un patrón
Paso 1
Selecciona la herramienta de Rectángulo (M) y concéntrate en tu barra de herramientas. Quita el color del Trazo y luego selecciona el Relleno y cambia su color a R=87 G=174 B=217.
Ve a tu mesa de trabajo y crea un cuadrado de 15 px, la cuadrícula y la función de Ajustar a cuadrícula deben hacer esto más fácil.
Paso 2
Vuelve a tu barra de herramientas, elimina el color de Relleno y luego selecciona el Trazo y cambia su color a R=47 G=47 B=47. Selecciona la herramienta Pluma (P), crea un trazado horizontal de 25 px y colócalo exactamente como se muestra en la primera imagen.
Asegúrate de que este nuevo trazado se quede seleccionado, asegúrate de que el Grosor del trazo sea de 1 px, y luego cambia a la herramienta de Selección directa (A). Selecciona el punto de anclaje derecho y solo arrástralo 25 px hacia arriba, como se muestra en la segunda imagen.
Paso 3
Asegúrate de que tu trazado negro siga seleccionado y ve a Efectos > Distorsionar y transformar > Transformar. Arrastra el Deslizador de movimiento vertical a 5 px, ingresa 5 en la casilla de Copias y haz clic en OK.
Paso 4
Asegúrate de que tu trazado negro siga seleccionado y ve a Objeto > Expandir apariencia. Después, ve a Objeto > Trazado > Contornear trazado y después presiona Control+8 (o ve a Objeto > Trazado compuesto > Crear) para que las formas negras se conviertan en un trazado compuesto.
Selecciona tu cuadrado azul y agrega una Copia en el mismo lugar (Control+C > Control+F). Selecciona esta copia nueva junto con el trazado compuesto negro, abre el panel de Buscatrazos (Ventana > Buscatrazos), y haz clic en el botón Formar intersección.
Paso 5
Vuelve a seleccionar tu cuadrado azul y solo elimina el color de Relleno para hacerlo invisible. Selecciona todas las formas que has hecho hasta ahora y arrástralas dentro del panel de Muestras (Ventana > Muestras) para guardarlas como patrón. Cuando ya puedas ver este patrón, tienes la libertad de Borrar las formas seleccionadas en tu mesa de trabajo.
3. Cómo crear el fondo
Paso 1
Con la herramienta Rectángulo (M) crea un cuadrado de 860 px y Rellénalo con R=117 G=177 B=169, asegúrate de que cubre toda tu mesa de trabajo.
Paso 2
Asegúrate de que tu cuadrado siga seleccionado, concéntrate en el panel de Apariencia (Ventana > Apariencia) y agrega un segundo Relleno con el botón Agregar nuevo relleno.
Selecciona este nuevo Relleno y asegúrate de que el color sea negro. Disminuye su Opacidad al 5%, cambia el Modo de fusión a Multiplicar y luego ve a Efectos > Artístico > Película granulada. Ingresa los atributos que se muestran en la siguiente imagen y haz clic en OK.
Paso 3
Concéntrate en el panel de Muestras, abre el menú emergente y ve a Abrir biblioteca de muestras > Patrones > Gráficos básicos > Gráficos básicos_Texturas para abrir el conjunto de patrones integrados. Asegúrate de que tu cuadrado siga seleccionado, regresa al panel de Apariencia y agrega un tercer relleno con el mismo botón de Agregar nuevo relleno.
Selecciona este nuevo Relleno y agrega el patrón Líneas diagonales de ese conjunto. Disminuye su Opacidad al 30% y luego ve a Efectos > Artístico > Película granulada. Ingresa los atributos que se muestran en la siguiente imagen y luego haz clic en el botón OK.
4. Cómo crear el efecto de texto
Paso 1
Selecciona la herramienta de Texto (T) y abre el panel de Carácter (Ventana > Texto > Carácter). Selecciona la fuente American Captain y cambia su tamaño a 150 px. Aumenta el Interlineado a 180 px y el Tracking a 150 px, después haz clic en tu mesa de trabajo. Agrega tu texto y cambia su color a blanco.
Paso 2
Asegúrate de que tu texto se quede seleccionado. Primero, ve al panel de Muestras y solo quita el blanco del Relleno. Esto hará que el texto se vuelva invisible.
Después, ve al panel de Apariencia y agrega un nuevo Relleno con el mismo botón Agregar nuevo relleno. Selecciónalo y cambia el color a R=237 G=239 B=192.
Paso 3
Asegúrate de que el texto se queda seleccionado y sigue trabajando en el panel de Apariencia. Agrega un segundo Relleno y arrástralo debajo del otro relleno.
Selecciona este nuevo Relleno, cambia su color a R=47 G=47 B=47, y ve a Efecto > Estilizar > Redondear vértices. Ingresa un Radio de 2 px, haz clic en el botón OK y luego ve a Efectos > Distorsionar y transformar > Transformar. Arrastra ambos deslizadores de Movimiento a 8 px y luego haz clic en el botón OK.
Paso 4
Asegúrate de que el texto se quede seleccionado y sigue trabajando en el panel de Apariencia.
Selecciona el Relleno superior y ve a Efectos > Estilizar > Redondear vértices. Ingresa un Radio de 2 px, haz clic en el botón OK y después ve a Efectos > Distorsionar y transformar > Transformar. Arrastra ambos deslizadores de Movimiento a 5 px y luego haz clic en el botón OK.
Paso 5
Asegúrate de que el texto se queda seleccionado y sigue trabajando en el panel de Apariencia. Agrega un tercer Relleno y arrástralo debajo de los otros dos rellenos.
Selecciona este Relleno nuevo, agrega el patrón del panel de Muestras y ve a Efectos > Estilizar > Redondear vértices. Ingresa un Radio de 2 px, haz clic en OK y luego ve a Efectos > Distorsionar y transformar > Transformar. Arrastra ambos deslizadores de Movimiento a 13 px y luego haz clic en OK.
Paso 6
Asegúrate de que el texto siga seleccionado y sigue trabajando en el panel de Apariencia. Agrega un cuarto Relleno y arrástralo encima de los otros rellenos.
Selecciona este nuevo Relleno y cambia el color a R=117 G=177 B=169. Disminuye su Opacidad a 15% y luego ve a Efectos > Trazado > Desplazamiento. Ingresa un Desplazamiento de -8 px, cambia las Uniones a Redondeadas, y haz clic en el botón OK.
A continuación, ve a Efectos > Estilizar > Redondear vértices. Ingresa un Radio de 2 px, haz clic en OK y luego ve a Efectos > Distorsionar y transformar > Transformar. Arrastra ambos deslizadores de Movimiento a 2 px, da clic en OK y luego ve a Efectos > Desenfoque > Desenfoque gaussiano. Ingresa un Radio de 4 px y luego haz clic en OK.
Paso 7
Para terminar, necesitarás una de esos pinceles artísticos integrados. Ve al panel de Pinceles (Ventana > Pinceles), abre el menú emergente y ve a Abrir biblioteca de pinceles > Artísticos > Artístico_PincelCarbónTiza.
Vuelve a seleccionar el texto y concéntrate en el panel de Apariencia. Selecciona el trazo y cambia su color a R=17 G=17 B=17. Agrega el pincel Pincel delgado y luego ve a Efectos > Estilizar > Redondear vértices. Ingresa un Radio de 2 px y luego haz clic en OK.
¡Felicidades! ¡Ya terminaste!
Así es como debería verse. Espero que hayas disfrutado de este tutorial y que puedas aplicar estas técnicas en tus futuros proyectos.
Siéntete libre de ajustar el diseño final y darle tu estilo. Puedes encontrar recursos geniales para inspirarte en GraphicRiver, que ofrece soluciones interesantes para mejorar tu diseño.
