Cree un diseño tipográfico vintage con la función de distorsión de sobres en Adobe Illustrator

En este tutorial te mostraré cómo uso la función Distorsión de envolvente en Adobe Illustrator para deformar texto y crear un diseño de insignia o logotipo vintage. Después, agregaremos texto, fotos y texturas adicionales para completar la pieza. Vamos a profundizar y ver lo fácil que puede ser este proceso.

Paso 1: Elegir los vectores y las fuentes adecuados

Gran parte de este estilo se basa en la selección correcta de vectores y fuentes. Hay muchas fuentes disponibles en MediaLoot o aquí en y en Internet. Lo mismo ocurre con los vectores, o siempre puedes dibujar los tuyos propios, como hice yo para este tutorial. Elegí un oso porque planeo que este diseño tenga una temática de exterior/bosque. Mi fuente también está dibujada a mano y se adapta muy bien a la temática.

Paso 2: Aplicación de la distorsión de envolvente

En Illustrator, coloqué el texto sobre el oso y alineé la "E" sobre la cabeza del oso. Con el texto seleccionado, elija Objeto | Distorsión de envolvente | Crear con deformación. Establezca todo en cero y haga clic en Aceptar. Con la herramienta Selección directa (A), puede tomar los puntos alrededor del texto y comenzar a mover y doblar las letras alrededor de la forma del oso. Una vez que tenga el texto de la forma que desea, haga clic en Objeto | Expandir para convertir el texto deformado en una forma. Ahora puede perforar la forma del texto fuera del oso. Con el texto seleccionado, haga clic en Objeto | Trazado compuesto | Crear. Ahora seleccione tanto la forma del texto como el oso y haga clic en el botón Menos frente en el panel Buscatrazos.

Paso 3: Agregar texto y efectos adicionales

A continuación, agreguemos un texto de apoyo para completar el diseño de nuestra insignia. Con la herramienta Elipse (L), dibuje un círculo grande alrededor del oso sin relleno ni trazo. Ahora, con la herramienta Texto en trazado, haga clic en el círculo y escriba un texto que se curvará alrededor de la forma del oso. Agregué "Go" sobre el texto del círculo usando una fuente de escritura secundaria que también dibujé a mano. También agregué un par de círculos pequeños a cada lado de la palabra. Debajo del oso, agregué un poco más de texto para completar la oración completa que aparece en todo el diseño. Usé la fuente de escritura como la palabra "Go" para unirlo todo. También deformé ligeramente el texto usando Efecto | Deformar | Arco.

Paso 4 - En Photoshop

Ahora que tenemos nuestra insignia completa, pasemos a Photoshop para agregar algunos elementos de fondo y más textura. Crea un nuevo documento en PS, el mío es de 1050x700. Para el fondo elegí esta increíble foto de bosque de Unsplash . Agrega una capa de ajuste de Relleno de color sobre la foto y usa #fef8f5 para el color. Reduce su opacidad al 55%. Vuelve a Illustrator, selecciona todo el diseño de la insignia y copia (Ctrl+C) y luego regresa a PS y pega (Ctrl+V) la insignia en nuestro nuevo documento. Selecciona "Pegar como: Píxeles" en el cuadro de diálogo que aparece.

Paso 5 - Terminando

Para terminar, agreguemos una textura para darle un toque más elegante. Tomé esta textura negra y la coloqué en una capa sobre todas las demás. El modo de fusión para esta capa de textura debe establecerse en Trama para que solo se vea la parte blanca. Finalmente, agregué una capa de ajuste de Mapa de degradado para mezclar los colores de toda la pieza un poco mejor. Usé un degradado de azul #0a2f59 a amarillo #ffefa5. Establecí la opacidad de esta capa al 50%. Espero que este tutorial te haya mostrado lo fácil que es crear un diseño tipográfico vintage usando Envelope Distort en Illustrator. ¡Me encantaría ver tus resultados! No dudes en compartirlos usando los campos de comentarios a continuación.