Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects

Cómo Crear un Efecto de Texto del Lejano Oeste en Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product image
What You'll Be Creating

En los siguientes pasos aprenderás cómo crea un sencillo efecto de texto del Lejano Oeste en Adobe Illustrator.

En primer lugar aprenderás cómo crear un simple fondo y cómo añadir un fragmento básico de texto. Aprovechando al máximo el panel Apariencia, aprenderás cómo crear tu efecto de texto del Lejano Oeste.

Aprenderás cómo trabajar con múltiples rellenos y trazo, Desplazamiento, Vértices Redondeados y efectos de Transformación, algunos efectos de Photoshop además de técnicas básicas de fusión. Finalmente, aprenderás cómo guardar y usar un estilo gráfico sencillo.

Para más inspiración sobre cómo ajustar o mejorar tu efecto de texto final, puedes encontrar muchísimos recursos en GraphicRiver.

1. Cómo Crear un Nuevo Documento y Agregar un Fondo Sencillo

Paso 1

Pulsa Control-N para crear un nuevo documento. Selecciona Pixeles del menú desplegable Unidades, ingresa 850 en las casillas de anchura y altura, y luego haz click en el botón Avanzado. Selecciona RGB para el Modo de Color, establece lo Efectos de Rasterizado en Pantalla (72 ppp) y luego haz click en Crear Documento.

new document

Paso 2

Toma la Herramienta Rectángulo (M) y enfócate en tu barra de herramientas. Elimina el color del trazo y luego selecciona el relleno y establece su color en R=231 G=207 B=180. Dirígete a tu mesa de trabajo y simplemente haz click en ella para abrir la ventana de Rectángulo. Ingresa "860" en ambas casillas y luego haz click en el botón OK.

rectangle

2. Cómo Agregar Tu Texto

Paso 1

Toma la Herramienta Texto (T) y abre el panel Carácter (Ventana > Texto > Carácter). Usa la fuente Texas Tango, establece el tamaño en 120 px, y luego simplemente haz click en tu mesa de trabajo. Agrega el texto "WILD" y establece su color en blanco (R=255 G=255 B=255).

type tool

Paso 2

Asegúrate de que tu texto siga seleccionado, enfócate en el panel Muestras (Ventana > Muestras), y haz click en la muestra [Ninguno] para deshacerte de ese relleno blanco.

Dirígete al panel Apariencia (Ventana > Apariencia) y haz click en Añadir Nuevo Relleno para añadir un nuevo relleno para tu fragmento de texto. Selecciónalo y establece su color en R=212 G=92 B=17.

new fill

3. Cómo Crear el Lado Posterior del Efecto de Texto

Paso 1

Asegúrate de que tu texto esté aún seleccionado y mantente enfocado en el panel Apariencia. Agrega un segundo relleno usando ese mismo botón Añadir Nuevo Relleno y arrástralo debajo del relleno existente.

Selecciona el nuevo relleno, establece su color en R=53 G=9 B=8, y luego ve a Efecto > Trazado > Desplazamiento. Ingresa Desplazamiento 10 px, haz click en el botón OK, y luego ve a Efecto > Estilizar > Redondear Vértices. Establece el Radio en 10 px, haz click en OK, y luego ve a Efecto > Distorsionar & Transformar > Transformar. Arrastra el regulador Mover-Vertical a 5 px y luego haz click en OK.

Add New Fill

Paso 2

Asegúrate de que tu texto siga seleccionado y mantente enfocado en el panel Apariencia. Vuelve a seleccionar ese botón de relleno y ve a Efecto > Estilizar > Sombra Paralela. Ingresa los atributos mostrados en la ventana superior izquierda (en la siguiente imagen), haz click en el botón OK, y luego agrega los otros tres efectos de Sombra Paralela mostrados abajo.

Drop Shadow

Paso 3

Asegúrate de que tu texto este todavía seleccionado y mantente enfocado en el panel Apariencia. Agrega un tercer relleno y arrástralo entre los dos rellenos existentes.

Selecciona éste relleno más nuevo, establece su color en R=76 G=28 B=15, y luego ve a Efecto > Trazado > Desplazamiento. Ingresa un Desplazamiento de 5 px, haz click en el botón OK, y luego ve a Efecto > Estilizar > Redondear Vértices. Establece el Radio en 6 px, haz click en el botón OK, y luego ve a Efecto > Distorsionar & Transformar > Transformar. Arrastra el regulador Mover-Vertical a 4 px y luego haz click en OK.

Offset Path

Paso 4

Asegúrate de que tu texto siga seleccionado y mantente enfocado en el panel Apariencia. Añade un cuarto relleno y arrástralo debajo de relleno superior.

Selecciona éste relleno más nuevo, establece su color en negro (R=0 G=0 B=0), y luego ve a Efecto > Trazado > Desplazamiento. Ingresa un Desplazamiento de 10 px, haz click en el botón OK, y luego ve a Efecto > Estilizar > Redondear Vértices. Establece el Radio en 10 px, haz click en el botón OK, y luego ve a Efecto > Distorsionar & Transformar > Transformar. Arrastra el regulador Mover-Vertical a 5 px, haz click en el botón OK, y luego ve a Efecto > Artístico > Película Granulada. Arrastra los tres reguladores como se muestra en la siguiente imagen y luego haz click en el botón OK.

Film Grain

Paso 5

Asegúrate de que tu texto siga seleccionado y mantente enfocado en el panel Apariencia. Vuelve a seleccionar ese relleno negro, disminuye su Opacidad a 15%, y cambia el Modo de Fusión a Multiplicar.

Multiply

Paso 6

Asegúrate de que tu texto siga seleccionado y mantente enfocado en el panel Apariencia. Agrega un quinto relleno y arrástralo justo debajo del relleno superior.

Seleciona éste relleno más nuevo, establece su color en R=76 G=28 B=15, y luego ve a Efecto > Trazado > Desplazamiento. Ingresa un Desplazamiento de 10 px, haz click en el botón OK, y luego ve a Efecto > Estilizar > Redondear Vértices.   Establece el Radio en 10 px, haz click en el botón OK, y luego ve a Efecto > Distorsionar & Transformar > Transformar. Arrastra el regulador Mover-Vertical a 5 px, haz click en el botón OK, y luego ve a Efecto > Bosquejar > Estilográfica. Establece la Dirección de Trazo en Vertical, arrastra los dos reguladores como se muestra en la siguiente imagen, y luego haz click en ese botón OK.

Graphic Pen

Paso 7

Asegúrate de que tu texto siga seleccionado y mantente enfocado en el panel Apariencia. Vuelve a seleccionar el relleno agregado en el paso previo, disminuye su Opacidad a 10%, y cambia el Modo de Fusión a Luz Suave.

Soft Light

Paso 8

Asegúrte de que tu texto siga selecconado y mantente enfocado en el panel Apariencia. Selecciona el relleno superior y ve a Efecto > Estilizar > Redondear Vértices.  Establece el Radio en 2 px, haz click en el botón OK, y luego agrega los dos efectos de Sombra Paralela mostrados abajo.

Rounded Corners

4. Cómo Crear el Lado Frontal del Efecto de Texto

Paso 1

Asegúrate de que tu texto siga seleccionado y mantente enfocado en el panel Apariencia. Agrega un nuevo relleno y arrástralo arriba de los existentes.

Selecciona éste relleno más nuevo y reemplaza el color liso con el degradado lineal mostrado abajo. Ten en mente que los números azules de la imagen del Degradado representan el porcentaje de Ubicación.

A continuación, ve a Efecto > Estilizar > Redondear Vértices. Establece el Radio en 2 px, haz click en el botón OK, y luego ve a Efecto > Trazado > Desplazamiento. Ingresa un Desplazamiento de -2 px, haz click en el botón OK, y luego ve a Efecto > Distorsionar & Transformar > Transformar. Arrastra el regulador Escala-Vertical a -96%, no olvides verificar el punto de referencia central superior, y luego haz click en ese botón OK.

Linear Gradient

Paso 2

Asegúrate de que tu texto siga selecionado y mantente enfocado  en el Panel Apariencia. Selecciona el relleno superior y duplícalo usando el botón Duplicar Elemento Seleccionado. Seecciona el relleno recientemente añadido, remplaza el degradado lineal con negro, y luego ve a Efecto > Artístico > Película Granulada. Arrastra los tres reguladores como se muestra abajo y luego haz click en ese botón OK.

Film Grain

Paso 3

Asegúrate de que tu texto siga seleccionado y mantente enfocado en el panel Apariencia. Vuelve a seleccionar el relleno añadido en el paso previo, disminuye su Opacidad a 5%, y cambia el Modo de Fusión a Multiplicar.

Multiply

Paso 4

Asegúrate de que tu texto siga selecconado y mantente enfocado en el panel Apariencia. Agrega un nuevo relleno y arrástralo arriba de los existentes.

Selecciona éste relleno más nuevo, establece su color en R=76 G=28 B=15, y luego ve a Efecto > Trazado > Desplazamiento. Ingresa un Desplazamiento de -1px, haz click en el botón OK, y luego ve a Efecto > Bosquejar > Estilográfica. Establece la Dirección de Trazo en Vertical, arrastra los dos reguladores como se muestra en la imagen, y luego haz click en ese botón OK.

Graphic Pen

Paso 5

Asegúrate de que tu texto siga seleccionado y mantente enfocado en el panel Apariencia. Vuelve a seleccionar el relleno añadido en el paso previo, disminuye su Opacidad a 15%, y cambia el Modo de Fusión a Luz Suave.

Soft Light

Paso 6

Asegúrate de que tu texto siga seleccionado y mantente enfocado en el panel Apariencia. Agrega un nuevo relleno y arrástralo arriba de los existentes.

Seleciona éste relleno más nuevo, establece su color en R=235 G=190 B=89, cambia el Modo de Fusión en Luz Suave y ve a Efecto > Estilizar > Redondear Vértices. Establece el Radio en 2 px, haz click en el botón OK, y luego ve a Efecto > Estilizar > Resplandor Interior. Ingresa todos los atributos mostrados abajo y luego haz click en ese botón OK.

Inner Glow

Paso 7

Asegúrate de que tu texto siga seleccionado y mantente enfocado en el panel Apariencia. Agrega un nuevo relleno y arrástralo arriba de los existentes.

Selecciona éste relleno más nuevo, cambia su Modo de Fusión Superponer, y reemplaza el color liso con el degradado lineal mostrado abajo. Ten en mente que el número amarillo de la imagen del Degradado representa el porcentaje de Opacidad.

A continuación, ve a Efecto > Estilizar > Redondear Vértices. Establece el Radio en 2 px, haz click en el botón OK, y luego ve a Efecto > Trazado > Desplazamiento. Ingresa un Desplazamiento de -7 px, haz click en el botón OK, y luego ve a Efecto > Distorsionar & Transformar > Transformar. Arrastra el regulador Escala-Vertical a -96%, no olvides verificar el punto de referencia central superior, y luego haz click en ese botón OK.

Overlay

Paso 8

Asegúrate de que tu texto siga seleccionado y mantente enfocado en el panel Apariencia. Vuelve a seleccionar el relleno agregado en el paso previo y ve a Efecto > Desenfocar > Desenfoque Gaussiano. Establece el Radio en 3 px y luego haz click en el botón OK.

Gaussian Blur

Paso 9

Asegúrate de que tu texto siga seleccionado y mantente enfocado en el panel Apariencia. Vuelve a seleccionar el relleno añadido en el paso previo y duplícalo usando el mismo botón Duplicar Elemento Seleccionado. Selecciona el relleno recientemente añadido, disminuye su Opacidad a 30%, y elimina ese efecto Desenfoque Gaussiano.

Duplicate Selected Item

Paso 10

Asegúrate de que tu texto siga seleccionado y mantente enfocado en el panel Apariencia. Agrega un nuevo relleno y arrástralo arriba de los existentes.

Selecciona su relleno más nuevo, cambia su Modo de Fusión a Superponer, disminuye su Opacidad a 20% y reemplaza ese color liso con el degradado lineal mostrado abajo. Recuerda que el número amarillo de la imagen del Degradado representa el porcentaje de Opacidad.

A continuación, ve a Efecto > Estilizar > Redondear Vértices. Establece el Radio en 2 px, haz click en el botón OK, y luego ve a Efecto > Trazado > Desplazamiento. Ingresa un Desplazamiento de -5 px, haz click en el botón OK, y luego ve a Efecto > Distorsionar & Transformar > Transformar. Arrastra el regulador Escala-Vertical a -96%, no olvides verificar el punto de referencia central superior, y luego haz click en el botón OK.

Linear Gradient

Paso 11

Asegúrate de que tu texto siga seleccionado y mantente enfocado en el panel Apariencia.

Selecciona el trazo, hazlo negro, establece el tamaño en 6 px, y luego ve a Efecto > Estilizar > Redondear Vértices. Establece el Radio en 2 px, haz click en el botón OK, y luego ve a Efecto > Trazado > Desplazamiento. Ingresa un Desplazamiento de -2 px y luego haz click en el botón OK.

Black Stroke

Paso 12

Asegúrte de que tu txto siga seleccionado y mantente enfocado en el panel Apariencia. Vuelve a seleccionar ese trazo, disminuye su Opacidad a 25%, y cambia el Modo de Fusión a Luz Suave.

ABCD

5. Cómo Guardar y Usar Estilos Gráficos

Paso 1

Asegúrate de que tu texto siga seleccionado, abre el panel Estilos Gráficos (Ventana > Estilos Gráficos), y simplemente haz click en ese botón Nuevo Estilo Gráfico.

New Graphic Style

Paso 2

Finalmente, puedes añadir nuevo texto y usar tus estilos gráficos guardados como se muestra abajo.

Graphic Styles

¡Felicidades! ¡Terminaste!

Aquí está cómo debería verse. Espero que hayas disfrutado éste tutorial y puedas aplicar éstas técnicas en tus futuros proyectos.

Con toda confianza ajusta el diseño final y hazo tuyo. Puedes encontrar algunos magníficos recursos de inspiración en GraphicRiver, con interesantes soluciones para mejorar tu diseño.

Final Product
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.