Cómo crear un efecto de texto Art Nouveau en Illustrator

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

Final product image — What You'll Be Creating

En este tutorial de Illustrator sobre Art Nouveau, aprenderás cómo convertir una fuente Art Nouveau en un fascinante efecto de texto Art Nouveau.

Qué aprenderás en este tutorial de Illustrator sobre Art Nouveau

Cómo crear un nuevo documento en Illustrator
Cómo usar motivos en Illustrator
Cómo usar una fuente Art Nouveau
Cómo utilizar el panel Apariencia en Illustrator
Cómo utilizar los pinceles de Illustrator Art Nouveau

Para obtener más inspiración sobre cómo ajustar o mejorar tus estilos de fuente Art Nouveau, puedes encontrar muchos recursos en GraphicRiver.

Síguenos en nuestro canal de YouTube Envato Tuts+:

Lo que necesitarás

Necesitarás el siguiente recurso para completar este tutorial de Illustrator de Art Nouveau:

Fuente Carllosta

1. Cómo crear un Nuevo documento

Presiona Control-N para crear un nuevo documento. Selecciona Píxeles en el menú desplegable Unidades e ingresa 850 en la casilla Ancho y 60 en la casilla Alto. Selecciona RGB para el Modo de color, configura los Efectos de rasterizado en Trama (72 ppp) y luego haz clic en el botón Crear para crear tu nuevo documento.

2. Cómo crear el fondo

Paso 1

Elige la Herramienta Rectángulo (M) y enfócate en tu barra de herramientas. Quita el color del trazo, y luego selecciona el relleno y establece su color en R=255 G=233 B=183.

Muévete a tu mesa de trabajo y simplemente haz clic en ella para abrir la ventana Rectángulo, donde puedes establecer el tamaño de la forma que estás a punto de crear. Establece el Ancho a 870 px y el Alto a 620 px, y luego haz clic en Aceptar para crear tu rectángulo. Presiona la tecla Escape para cambiar fácilmente a la Herramienta Mover y mueve tu rectángulo para que cubra toda la mesa de trabajo, como se muestra en la siguiente imagen.

Paso 2

Abre el menú desplegable del panel Muestras (Ventana > Muestras) y ve a Abrir la Biblioteca de Muestras > Motivos > Naturaleza > Naturaleza_Plantas decorativas para abrir el pequeño conjunto de patrones incorporados.

Asegúrate de que tu rectángulo sigue seleccionado, enfócate en el panel Apariencia (Ventana > Apariencia), y añade un segundo relleno usando el botón Añadir Nuevo Relleno. Selecciona el nuevo relleno, aplica el patrón Enredadera floral y luego cambia el modo de fusión a Luz suave.

3. Cómo crear el efecto de texto

Paso 1

Ahora agreguemos el texto Art Nouveau usando esta fuente Art Nouveau. Una vez que hayas instalado la fuente, escoge la herramienta Texto (T) y enfócate en el panel de Caracteres (Ventana > Texto > Carácter). Selecciona la fuente Carllosta, y luego establece el tamaño de la fuente a 200 px y el Interlineado a 130 px.

Haz clic en la mesa de trabajo y escribe tu texto. Tienes muchos estilos de fuentes Art Nouveau para elegir si deseas usar una fuente diferente.

Paso 2

Asegúrate de que tu texto Art Nouveau permanezca seleccionado, abre el panel Muestras (Ventana > Muestras), y haz clic en [Ninguna] muestra para eliminar el color del texto existente. Esto debería hacer que tu texto sea invisible, pero no te preocupes, lo arreglaremos inmediatamente.

Abre el panel Apariencia (Ventana > Apariencia) y añade un nuevo relleno usando el mismo botón Añadir nuevo relleno de la parte inferior del panel. Selecciona el nuevo relleno y establece su color a R=243 G=153 B=39.

Paso 3

Asegúrate de que tu texto Art Nouveau permanezca seleccionado, y sigue enfocado en el panel de Apariencia.

Añade un segundo relleno y muévelo debajo del existente. Selecciónalo y cambia el color a R=105 G=37 B=16, y luego ve a Efecto > Trazado > Desplazamiento. Configura el Desplazamiento a 4 px, selecciona Redondas en el menú desplegable Uniones, y luego haz clic en Aceptar.

Paso 4

Asegúrate de que tu texto Art Nouveau sigue seleccionado, y sigue enfocado en el panel Apariencia.

Añade un tercer relleno y muévelo debajo de los rellenos existentes. Selecciona este nuevo relleno y cambia su color a R=206 G=97 B=28, y luego ve a Efecto > Trazado > Desplazamiento. Establece el Desplazamiento a 9 px, selecciona Redondas en el menú desplegable Uniones, y luego haz clic en Aceptar.

Paso 5

Asegúrate de que tu texto Art Nouveau sigue seleccionado, y sigue enfocado en el panel Apariencia.

Añade un cuarto relleno y muévelo debajo de los rellenos existentes. Selecciona este nuevo relleno y cambia su color a R=105 G=37 B=16, y luego ve a Efecto > Trazado > Desplazamiento. Establece el Desplazamiento a 13 px y selecciona Redondas en el menú desplegable Uniones, y luego haz clic en Aceptar.

Vuelve a seleccionar el relleno añadido en este paso, y ve a Efecto > Estilizar > Sombra paralela. Ingresa los atributos que se muestran en la siguiente imagen y luego haz clic en Aceptar.

Paso 6

Asegúrate de que tu texto Art Nouveau sigue seleccionado, y sigue enfocado en el panel Apariencia.

Añade un quinto relleno y muévelo debajo de los rellenos existentes. Selecciona este nuevo relleno y cambia su color a R=163 G=71 B=22, y luego ve a Efecto > Trazado > Desplazamiento. Establece el Desplazamiento a 8 px y selecciona Redondas en el menú desplegable Uniones, y luego haz clic en Aceptar.

Vuelve a seleccionar el relleno añadido en este paso, baja su Opacidad al 10%, y luego ve a Efecto > Distorsionar y Transformar > Transformar. Arrastra los dos controles deslizantes de Mover a 15 px y haz clic en Aceptar. Este efecto moverá su relleno 15 px hacia arriba y 15 px hacia la derecha.

Paso 7

Asegúrate de que tu texto Art Nouveau sigue seleccionado y sigue enfocando el panel Apariencia.

Añade un sexto relleno y muévelo debajo de los rellenos existentes. Selecciona este nuevo relleno, asegúrate de que el color está configurado a R=163 G=71 B=22, y luego vaya a Efecto > Trazado > Desplazamiento. Establece el Desplazamiento en 6 px y selecciona Redondas en el menú desplegable Uniones, y luego haz clic en Aceptar.

Vuelve a seleccionar el relleno añadido en este paso, y ve a Efecto > Distorsionar y transformar > Transformar. Asegúrate de que ambos deslizadores de Mover estén configurados en 15 px, haz clic en Aceptar y ve a Efecto > Desenfoque > Desenfoque Gaussiano. Configura el Radio a 25 px y haz clic en Aceptar.

Paso 8

Asegúrate de que tu texto Art Nouveau sigue seleccionado, y sigue enfocado el panel Apariencia.

Selecciona el relleno superior y añade uno nuevo encima. Cambia el color de este nuevo relleno a R=206 G=97 B=28, y luego ve a Efecto > Trazado > Desplazamiento. Establece el Desplazamiento a -6 px y selecciona Redondas en el menú desplegable Uniones, y luego haz clic en Aceptar.

Paso 9

Asegúrate de que tu texto Art Nouveau sigue seleccionado, y sigue enfocado el panel Apariencia.

Haz clic en ese botón de Trazo para abrir el panel de Trazo volante, establece el Grosor en 2 px, y selecciona Perfil de ancho 2 en el menú desplegable de ese Perfil. Cambia el color de este trazo a R=105 G=37 B=16, y luego ve a Efecto > Trazado > Desplazamiento. Poner el Desplazamiento en -6 px y seleccionar Redondas en el menú desplegable Uniones, y luego hacer clic en Aceptar.

Asegúrate de que el trazo sigue seleccionado, y ve a Efecto > Buscatrazos > Añadir.

4. Cómo añadir pinceles Illustrator de Art Nouveau

Paso 1

Ahora, vamos a añadir algunos pinceles de Ilustrador de Art Nouveau. Abre el menú desplegable del panel de Pinceles (Ventana > Pinceles) y ve a Abrir biblioteca de pinceles > Decorativo > Conjunto de pinceles florales y de espiral elegante para abrir un pequeño juego de pinceles incorporados.

Selecciona Pincel Floral 12 de esta lista y arrástralo hasta tu mesa de trabajo. Cambia su color a R=105 G=37 B=16. Haz dos copias adicionales (Control-C > Control-V) y luego coloca estas formas alrededor de tu texto, como se muestra en la primera imagen.

Selecciona Olas 2 de la misma lista y agrégala a tu diseño. Rellénalo con el mismo color y colócalo como se muestra en la segunda imagen.

Paso 2

Selecciona el rectángulo que compone tu fondo, añade una copia delante (Control-C > Control-F), y tráela al frente (Shift-Control-]).

Asegúrate de que esta nueva forma permanezca seleccionada y pulsa la tecla D para sustituir los atributos de Apariencia actuales por los predeterminados (relleno blanco y trazo negro). Elimina el color del trazo y selecciona el relleno en el panel Apariencia. Cambia su modo de fusión a Superposición y luego aplica el degradado radial que se muestra a continuación. Utiliza la herramienta de Degradado (G) para estirar y apretar el degradado como se muestra en la segunda imagen. Recuerda que el control deslizante de degradado izquierdo debe tener la Opacidad establecida en 0%.

Paso 3

Asegúrate de que tu forma rellena con el degradado sigue seleccionada, y sigue enfocado en el panel de Apariencia.

Añade un segundo relleno, selecciónalo y cambia el color a R=92 G=43 B=2. Baja su Opacidad al 10% y cambia el modo de fusión a Superposición, y luego ve a Efecto > Artístico > Película granulada. Ingresa los atributos que se muestran a continuación y haz clic en Aceptar.

¡Felicidades! Tu efecto de texto Art Nouveau está completo!

Así es como debe lucir. Espero que hayas disfrutado de este tutorial de Ilustrador de Art Nouveau 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 en libertad de ajustar el diseño final y probar diferentes estilos de fuentes Art Nouveau. Puedes encontrar algunas magníficas fuentes de inspiración en GraphicRiver, con interesantes soluciones para mejorar tu efecto de texto Art Nouveau.

Recursos populares de Art Nouveau de Envato Elements

Envato Elements es un excelente recurso para gráficos y fuentes Art Nouveau. Aquí hay una pequeña lista con algunos de los recursos más populares del Art Nouveau que puedes encontrar.

Plantillas de Carteles Art Nouveau (AI, JPG, PNG, PSD)

Descarga ocho plantillas de pósters totalmente personalizables inspiradas en el estilo Art Nouveau. Tienes un montón de diseños para elegir y complementar tu efecto de texto Art Nouveau.

20 adornos Art Nouveau (AI, EPS, JPG, PNG)

Elige entre 20 adornos Art Nouveau para enmarcar tu texto Art Nouveau. Todos los adornos son 100% vectoriales, por lo que puedes cambiar el tamaño de cualquiera de estos objetos a cualquier tamaño sin perder calidad.

Nuevo estilo de fuente Art Nouveau

Este estilo de fuente Art Nouveau combina la tipografía clásica con características impresionantes, aportando un toque clásico a tu diseño. Una alternativa perfecta para tu efecto de texto Art Nouveau.

Conjunto de 40 esquinas estilo vintage de Art Nouveau (AI, EPS, PNG, JPG)

Aquí hay una enorme colección de 40 esquinas de estilo vintage de Art Nouveau para acompañar tu efecto del texto. Son ideales para hacer tus propios marcos y bordes, decorar tus páginas, invitaciones, certificados, etc. Todas las formas y detalles son suaves y limpios.

40 Art Nouveau Vintage Style Corners Set

10 marcos - Adornos vintage de Art Nouveau (AI, PSD)

Echa un vistazo a esta pequeña colección de diez adornos vintage de Art Nouveau editables y en capas. Estos intrincados diseños llevarán tu diseño al siguiente nivel en cuestión de segundos.

¿Quieres aprender más?

Tenemos un montón de tutoriales en Envato Tuts+, desde el nivel principiante hasta el intermedio. ¡Echa un vistazo!