Cómo crear un efecto de texto inspirado en la bandera alemana en Adobe Illustrator

¡Esta semana estamos honrando a Alemania, su lengua y su cultura para celebrar el lanzamiento de la versión alemana de Envato Elements!

En los siguientes pasos aprenderás a crear un efecto de texto totalmente editable inspirado en los colores de la bandera alemana en Adobe Illustrator.

Para las principiantes, aprenderás a crear un simple fragmento de texto. Con el panel Apariencia, cuatro rellenos simples y varios efectos, aprenderás a crear el efecto de texto final. Por último, aprenderás a añadir una textura sutil y un poco de sombreado general a tu diseño final.

Usaremos un refrán alemán para el texto: Anfangen ist leicht, Beharren eine Kunst que traducido al español sería Empezar es fácil, persistir es un arte. Este resalta cómo empezar algo es mucho más fácil que lograrlo hasta el final. Mantener tu motivación es una forma de arte en sí misma.

Para obtener más inspiración sobre cómo modificar o mejorar el efecto de texto final, puedes encontrar muchos recursos en GraphicRiver.

Lo que necesitarás

Necesitarás el siguiente recurso para completar este proyecto:

• Fuente Robinson

1. Cómo crear un nuevo documento y crear el texto

Paso 1

Presiona Control+N para crear un nuevo documento. Seleccione Píxeles en el menú desplegable Unidades, coloca 850 en el cuadro de Anchura y 990 en el cuadro de Altura y luego, haz clic en el botón Más configuración. Selecciona RGB para el Modo de color, establece Efectos de rasterizado en Trama (72 ppp) y luego, haz clic en Crear documento.

También debes abrir el panel Información (Ventana > Información) para obtener una vista preliminar en vivo con el tamaño y la posición de las formas. Asimismo, establece la unidad de medida en píxeles desde Edición > Preferencias > Unidades. Todas estas opciones aumentarán de forma significativa tu velocidad de trabajo.

Paso 2

Selecciona la Herramienta texto (T) y abre el panel Carácter (Ventana > Texto > Carácter). Selecciona la fuente Robinson y luego establece el tamaño en 160 px y el tracking en 15. Pasa a tu mesa de trabajo, haz clic en ella y escribe tu texto.

2. Cómo crear el efecto de texto

Paso 1

Asegúrate de que el texto esté seleccionado, enfócate en el panel Muestras (Ventana > Muestras) y haz clic en la muestra [Ninguna] para eliminar el color del texto existente. Esto debería hacer que el texto sea invisible, pero no te preocupes, lo arreglaremos en el siguiente paso.

Paso 2

Asegúrate de que el texto invisible siga seleccionado, abre el panel Apariencia (Ventana > Apariencia) y añade un nuevo relleno con el botón Añadir nuevo relleno. Selecciona este nuevo relleno y define el color en R=255 G=206 B=0.

Paso 3

Asegúrate de que el texto continúe seleccionado, sigue enfocándote en el panel Apariencia y añade un segundo relleno.

Selecciona este nuevo relleno, muévelo por debajo del amarillo, establece el color en R=221 G=0 B=0 y ve a Efecto > Distorsionar y Transformar > Transformar. Arrastra ambos reguladores de Mover a 1 px y coloca 8 en el cuadro Copias, y luego haz clic en OK.

Paso 4

Asegúrate de que el texto continúe seleccionado, sigue enfocándote en el panel Apariencia y añade un tercer relleno.

Selecciona este nuevo relleno, muévelo por debajo del rojo, establece el color en negro (R=0 G=0 B=0) y ve a Efecto > Trazado > Desplazamiento. Coloca un Desplazamiento de 5 px, haz clic en OK, y ve a Efecto > Distorsionar y Transformar > Transformar. Arrastra ambos reguladores de Mover a 1 px y coloca 16 en el cuadro Copias, y luego haz clic en OK.

Paso 5

Asegúrate de que el texto continúe seleccionado, sigue enfocándote en el panel Apariencia y añade un cuarto relleno.

Selecciona este nuevo relleno y muévelo por debajo del negro. Establece el color en negro, reduce su Opacidad a un 50% y ve a Efecto > Trazado > Desplazamiento. Coloca un Desplazamiento de 5 px, haz clic en OK, y ve a Efecto > Distorsionar y Transformar > Transformar. Arrastra ambos reguladores de Mover a 1 px y coloca 24 en el cuadro Copias, y luego haz clic en OK.

Paso 6

Asegúrate de que el texto continúe seleccionado y sigue enfocándote en el panel Apariencia. Haz clic en la sección "Texto" para asegurarte de que todo el texto está seleccionado y ve a Efecto > Estilizar > Redondear vértices. Establece el Radio en 5 px y haz clic en OK.

3. Cómo crear un fondo y añadir sombreado general

Paso 1

Elige la Herramienta rectángulo (M) y simplemente haz clic en tu mesa de trabajo para abrir la ventana Rectángulo. Establece la Anchura en 870 px y la Altura en 1010 px, y luego haz clic en OK para crear tu rectángulo.

Selecciona esta nueva forma, define el color en R=221 G=0 B=0, envíala hacia atrás (Mayús+Control+[) y abre el panel Alinear (Ventana > Alinear). Establece la alineación en Mesa de trabajo (abre el menú desplegable y ve a Mostrar opciones si no puedes ver la sección Alinear con como se muestra en la siguiente imagen) y luego haz clic en los botones Alinear horizontalmente respecto al centro y Alinear verticalmente respecto al centro. Esto moverá rápidamente el rectángulo al centro de la mesa de trabajo.

Paso 2

Asegúrate de que tu rectángulo rojo aún esté seleccionado, añade una copia adelante (Control+C > Control+F) y tráelo al frente (Mayús+Control+]).

Selecciona esta nueva forma y enfócate en el panel Apariencia. Selecciona el relleno y reemplaza el color existente con el degradado radial que se muestra a continuación. Reduce su Opacidad a un 50% y cambia el Modo de fusión a Luz Suave, y luego ve a Efecto > Artístico > Película granulada. Coloca los atributos que se muestran en la siguiente imagen y haz clic en OK. Usa la Herramienta de degradado (G) para extender el degradado como se ve en la siguiente imagen.

Paso 3

Asegúrate de que el rectángulo añadido en el paso anterior siga seleccionado y enfócate en el panel Apariencia. Selecciona el relleno existente y duplícalo con el botón Duplicar elemento seleccionado. Elimina el efecto Película granulada aplicado a este nuevo relleno y luego, aumenta la Opacidad del nuevo relleno al 100%.

¡Felicitaciones! ¡Terminaste!

Así es como debería verse. Espero que hayas disfrutado de este tutorial y puedas aplicar estas técnicas en tus futuros proyectos. No dudes en compartir tu resultado final en la sección de comentarios.

Siéntete libre de hacer modificaciones al diseño final y personalizarlo. Puedes encontrar algunas grandes fuentes de inspiración en GraphicRiver con interesantes soluciones para mejorar tu diseño.