1. Design & Illustration
  2. Theory
  3. Design Trends

Cómo Crear un Efecto de Texto Estilo Rococó en Adobe Illustator

Rococó es un movimiento y estilo artístico, que abarca muchos aspectos incluyendo la pintura, escultura, arquitectura, diseño interior, decoración, literatura, música y teatro
Scroll to top

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

Rococo inspired text effect close upRococo inspired text effect close upRococo inspired text effect close up

Rococó es un movimiento y estilo artístico, que abarca muchos aspectos incluyendo la pintura, escultura, arquitectura, diseño interior, decoración, literatura, música y teatro. Se originó en París a principios del siglo XVIII como una reacción contra las regulaciones estrictas del Barroco y pronto fue adoptado en toda Francia y más tarde en otro países, principalmente Alemania y Austria.

Las características de este período son:

  • una preferencia por colores claros (blanco marfil) y pastel
  • motivos orgánicos detallados
  • decoración detallada-el oro fue especialmente prominente, agregando un nivel de lujo a los colores pastel
  • uso de curvas y espirales basadas en las formas de la "C" y la "S" mimetizando conchas, rocas y estilizadas hojas de acanto.
  • uso de asimetría junto con simetría-las cosas pasaron a ser menos controladas

Sigue este tutorial y aprende cómo crear en Adobe Illustrator un efecto de texto bellamente decorado inspirado en el período del Rococó. Si tienes curiosidad de cómo manipular las letras y cómo crear los elementos dorados decorativos alrededor de las letras, entonces ¡comencemos!

Si estás interesado en más efectos de texto estilo vintage, estilos de texto dorado o efectos de texto en general, dirígete a GraphicRiver y de seguro encontrarás ahí lo que estás buscando. Hay muchísimos diseños para elegir.

Recursos del Tutorial

Para completar el tutorial, necesitarás los siguientes recursos:

1. Cómo Abrir un Nuevo Documento

Abre Ilustrator y ve a Archivo > Nuevo para abrir un documento en blanco. Escribe un nombre para tu archivo, configura las dimensiones, y luego selecciona Pixeles como Unidades y RGB como Modo de Color. Asegúrate de que no esté marcada la casilla Alinear Nuevos Objetos con Cuadrícula de Pixeles.

A continuación, ve a Edición > Preferencias > General y establece el Incrementos de Teclado en 1 px y ya que estás ahí, ve a Unidades para asegurar que estén establecidas como en la siguiente imagen. Generalmente trabajo con estos ajustes, y te ayudarán durante todo el proceso de dibujo.

how to open a new illustrator documenthow to open a new illustrator documenthow to open a new illustrator document

2. Cómo Manipular el Texto

Paso 1

Toma la Herramienta Texto (T) y escribe "ROCOCO" en tu mesa de trabajo usando la fuente llamada Kingthings Organica, con un tamaño de 120 pt. Después de eso, elige Expandir y Desagrupar (tecla Mayúsculas-Control-G) del menú Objeto para obtener las letras individuales.

Esparce las letras en tu mesa de trabajo porque necesitarás más espacio entre ellas.

how to type the Rococo texthow to type the Rococo texthow to type the Rococo text

Paso 2

Ahora, enfócate en la letra "R" porque necesitas distorsionarla un poco.

Primero, selecciona la letra y ve a Objeto > Trazado Compuesto > Soltar; luego borra el pequeño hueco en la parte superior (1).

Luego, usa la Herramienta Selección Directa (A) para seleccionar solamente el punto de ancla indicado y muévelo hacia adentro un poco al presionar la tecla Flecha Hacia la Derecha en tu teclado unas cuantas veces. Después de eso, haz el lado izquierdo de la letra una línea recta moviendo el punto de ancla debajo (2).

how to modify the letter Rhow to modify the letter Rhow to modify the letter R

Paso 3

Usa la Herramienta Selección Directa (A) de nuevo para seleccionar el punto de ancla indicado, y muévelo hacia arriba un poco presionando la tecla Flecha Hacia Arriba en tu teclado unas cuantas veces (1). Continúa con los siguientes dos puntos indicados-muévelos y también ajusta sus manejadores para obtener el aspecto redondo (2).

Finalmente, distorsiona los puntos de ancla en la parte inferior (3) para obtener las esquinas interiores, y puedes ver el resultado final en la imagen de abajo (4).

how to manipulate the letter Rhow to manipulate the letter Rhow to manipulate the letter R

Paso 4

Toma la Herramienta Elipse (L) y dibuja una elipse de 9 x 18 px como el nuevo hueco. Después de eso, mientras están seleccionadas ambas formas, presiona Menos Frente en el panel Buscatrazos.

En este punto, la letra "R" está lista.

how to draw the hole for letter Rhow to draw the hole for letter Rhow to draw the hole for letter R

Paso 5

Ahora, enfócate en la letra "C". Usa la Herramienta Selección Directa (A) para seleccionar el único punto de ancla indicado y muévelo un poco hacia la derecha presionando la tecla Flecha Hacia la Derecha en tu teclado unas cuantas veces. Después de eso, arrastra una selección sobre los puntos en esa área con la Herramienta Selección Directa (A) y muévelos todos hacia abajo para ganar espacio extra.

how to manipulate the letter Chow to manipulate the letter Chow to manipulate the letter C

3. Cómo Crear el Borde y el Motivo Dorado

Paso 1

Selecciona la primera letra y dále un Trazo de 3 pt usando el color indicado. A continuación, ve a Efecto > Estilizar > Sombra Paralela y aplica este efecto.

how to create a golden border for letter Rhow to create a golden border for letter Rhow to create a golden border for letter R

Paso 2

Mientras la letra sigue seleccionada, agrega dos atributos de Nuevo Trazo arriba del primero en el panel Apariencia-uno teniendo un Trazo de 2 pt usando un tono de beige y la otra teniendo un Trazo de 0.5 pt usando un tono de crema.

Cuando termines, aplica el mismo estilo al resto de las letras.

how to create a golden border for Rococo lettershow to create a golden border for Rococo lettershow to create a golden border for Rococo letters

Paso 3

Copia y Pega Detrás (Control-B) las letras y borra todas las apariencias existentes. Selecciona un color de relleno gris claro (1).

Con las letras aún seleccionadas, agrega un atributo de Nuevo Relleno arriba del primero y usa un motivo llamado Medieval Diamonds Color del Menú Bibliotecas de Muestras > Motivos > Decorativo > Legado Decorativo (2).

Ahora, ve a Objeto > Transformar > Escala y una vez ahí, asegúrate de que únicamente la opción Motivos esté marcada y escribe 60% en el campo Escala. Pulsa OK y tu motivo debería verse más pequeño ahora. Establece el Modo de Fusión en Superponer (3).

how to add the pattern to Rococo lettershow to add the pattern to Rococo lettershow to add the pattern to Rococo letters

4. Cómo Dibujar los Elementos Decorativos

Paso 1

Enfócate en la letra "O". Toma la Herramienta Pluma (P) y dibuja una forma como la de la siguiente imagen (1) seguida por la forma redonda en la parte superior (2). Toma tu tiempo y dibuja la siguiente forma (3) y después de eso, selecciona tres formas y presiona Unificar en el panel Buscatrazos. Como resultado obtendrás una versión simplificada de una hoja de acanto, que es especifíca del estilo Rococó (4).

how to draw the big acanthus leaf on letter Ohow to draw the big acanthus leaf on letter Ohow to draw the big acanthus leaf on letter O

Paso 2

Mientras las primera hoja de acanto sigue seleccionada, ve a Objeto > Transformar > Reflejo. Marca la opción Vertical y pulsa Copiar. Obtendrás la segunda hoja en el lado izquierdo, y ahora necesitas moverla hacia el lugar correcto (1).

A continuación, selecciona dos hojas existentes y Refléjalas de nuevo. Esta vez, marca la opción Horizontal y pulsa Copiar. Mueve la tercera y cuarta hojas resultantes al lugar correcto en la parte inferior de la letra "O", y asegúrate de que las puntas redondas de las hojas de acanto se superpongan en el centro (2).

how to reflect the big acanthus leaf on letter Ohow to reflect the big acanthus leaf on letter Ohow to reflect the big acanthus leaf on letter O

Paso 3

Para hacer las cosas más fáciles, selecciona y multiplica las cuatro hojas de acanto existentes y luego colócalas arriba de las otras dos letras "O".

multiply the big acanthus leaves for letters Omultiply the big acanthus leaves for letters Omultiply the big acanthus leaves for letters O

Paso 4

Ahora, enfócate en la letra "C". Primero, selecciona y copia las hojas de las otras letras y coloca dos de ellas en el lado izquierdo de la letra "C". Deberían encajar adecuadamente (1).

Para las dos hojas del lado derecho, necesitas hacer unos cuantos ajustes (2). Elimina las puntas redondas de las hojas al borrar los puntos en esa área con la Herramienta Eliminar Punto de Ancla (-) y después de eso, crea las nuevas puntas más definidas como se observa en la imagen de abajo (3).

how to add the big acanthus leaves for letter Chow to add the big acanthus leaves for letter Chow to add the big acanthus leaves for letter C

Paso 5

Continuemos con la letra "R". Toma dos copias de las hojas de acanto y colócalas en el lado izquierdo (1). Necesitas distorsionar estas formas un poco moviendo los puntos del área central más cerca del borde dorado de la letra (2).

Repite lo mismo para las dos hojas en el lado derecho y haz unos cuantos ajustes hasta que las formas sigan el contorno de la letra. También, haz la parte interna de las dos hojas en la parte inferior un poco más larga moviendo únicamente los puntos de ancla en esa área más cerca una de la otra.

how to add the big acanthus leaves for letter Rhow to add the big acanthus leaves for letter Rhow to add the big acanthus leaves for letter R

Paso 6

En este punto, cada letra debería tener cuatro hojas de acanto en los lados izquierdo y derecho.

Rococo letters with all the big acanthus leaves Rococo letters with all the big acanthus leaves Rococo letters with all the big acanthus leaves

Paso 7

Continuemos con otras decoraciones. La forma en la imagen de abajo (1) es una versión más simple y más pequeña de la hoja de acanto hecha previamente. Después de que la dibujaste, Refléjala verticalmente para obtener la segunda en el lado izquierdo (2). Ahora, Refleja horizontalmente ambas formas y obtendrás las de la parte inferior (3).

Multiplica estas cuatro hojas pequeñas de acanto y colócalas en las partes superiores e inferiores de las otras letras.

how to draw the small acanthus leaf on letter Rhow to draw the small acanthus leaf on letter Rhow to draw the small acanthus leaf on letter R

Paso 8

Enfócate en la letra "C" y coloca una copia de la hoja pequeña de acanto como se muestra en la figura (1). Refleja horizontalmente esta hoja y coloca la segunda en el otro extremo de la letra (2).

Lo mismo aplica para la otra letra "C".

how to arrange the small acanthus leaves on letter Chow to arrange the small acanthus leaves on letter Chow to arrange the small acanthus leaves on letter C

Paso 9

La última decoración es una mezcla entre un ornamento decorativo de flor y un ornamento decorativo de concha, ambos muy predominantes en el estilo Rococó. Usa la Herramienta Pluma (P) para dibujar una forma como se muestra en la siguiente imagen (1), y luego Refléjala horizontalmente para obtener otra en la parte inferior (2). Ahora, copia y Rota 90 grados ambas formas para obtener las de los lados izquierdo y derecho de la letra "O" (3).

Multiplica estas formas shell para el resto de las letras.

how to draw the shell decoration on letter Ohow to draw the shell decoration on letter Ohow to draw the shell decoration on letter O

5. Cómo Colorear los Elementos Decorativos

Paso 1

Recapitulemos. Las formas azules son las hojas de acanto grandes, las formas verdes son las hojas de acanto pequeñas, y las formas naranja son los ornamentos decorativos de concha.

Selecciona las formas naranja y azul, ve a Objeto > Transformar > Escala, y escribe 220% en el campo Escala. Pulsa OK. Luego, selecciona la forma verde pequeña, y esta vez, escribe 400% en el campo Escala para hacerla mucho más grande.

how to scale up the decorative elementshow to scale up the decorative elementshow to scale up the decorative elements

Paso 2

Selecciona las tres formas decorativas y rellénalas del color indicado. Después de eso, ve a Efecto > Estilizar > Resplandor Interior y aplica este efecto dos veces usando los ajustes indicados abajo.

how to color the decorative elements how to color the decorative elements how to color the decorative elements

Paso 3

Enfócate en el ornamento decorativo de concha y dibuja una forma como se muestra en la siguiente imagen. Rellénala del color indicado y luego aplica el efecto Resplandor Interior dos veces.

how to add detail on the shell decorationhow to add detail on the shell decorationhow to add detail on the shell decoration

Paso 4

Selecciona el ornamento decorativo de concha (ambas formas), la hoja de acanto grande, y las hojas de acanto pequeñas, y ve a Objeto > Expandir Apariencia para expandir los efectos de Resplandor Interior aplicados previamente.

Ahora, podemos escalar las decoraciones de nuevo a su tamaño original. Selecciona el ornamento decorativo de concha y la hoja de acanto grande y ve a Objeto > Transformar > Escala. Escribe 45% en el campo Escala y pulsa OK. Para la hoja de acanto pequeña, escribe 25% y pulsa OK.

¿Por qué es necesario este método de escalar hacia arriba o hacia abajo? Porque el efecto Resplandor Interior luce mucho mejor cuando se aplica a formas más grandes, y después de que expandes el efecto, puedes escalar las formas de nuevo a su tamaño original sin perder calidad.

how to scale down the decorative elementshow to scale down the decorative elementshow to scale down the decorative elements

6. Cómo Agregar Detalles a los Elementos Decorativos

Paso 1

En la imagen de abajo ya está expandida la hoja de cactus grande (1). Toma la Herramienta Pluma (P) y dibuja una forma pequeña con la forma parecida a la luna y rellena con el degradado lineal mostrado en la figura (2).

Usa de nuevo la Herramienta Pluma (P) para dibujar tres trazados ondulados en la hoja (3) y dales un Trazo amarillo de 2 pt usando el Pincel Artístico Black Blend 100x3 (información abajo). A continuación, agrega un atributo de Nuevo Trazo en la parte superior del panel Apariencia y usa el mismo Pincel Artístico de Fusión Negro pero cambia el color de trazo y manten el Grosor de Trazo en 1 pt. Puedes ver el resultado final en la imagen de abajo (4).

Tengo un tutorial entero dedicado a los Pinceles de Fusión y lo útiles que son: Cómo Crear un Conjunto de Pinceles de Fusión Multiusos. En ese tutorial puedes encontrar más información sobre el Pincel Artístico de Fusión Negro 100x3 usado aquí, cómo crearlo, y cómo guardarlo en tu panel Pinceles. Uso estos Pinceles de Fusión todo el tiempo en mis dibujos, y definitivamente tu deberías tenerlos en tu biblioteca, siempre listos para usar.

how to add details on the big acanthus leafhow to add details on the big acanthus leafhow to add details on the big acanthus leaf

Paso 2

Dibuja un trazado corto como el de la siguiente imagen, y dale un Trazo de 0.5 pt usando el color café claro y el Pincel Artístico de Fusión Negro (1).

Selecciona la forma de la hoja y Cópiala y Pégala en el mismo Lugar (teclas Mayúsculas-Control-V) para obtener una copia de ella frente a todo. Establece esta copia en trazo-ninguno y relleno-ninguno (2).

Ahora, selecciona todas las formas que conforman esta decoración y ve a Objeto > Máscara de Recorte > Crear (Control-7) (3).

how to add more details and mask the big acanthus leafhow to add more details and mask the big acanthus leafhow to add more details and mask the big acanthus leaf

Paso 3

¿Recuerdas las hojas de acanto modificadas para las letras "R" y "C"? El mismo proceso aplica para ellas. Sigue los pasos de la sección 5 y 6 de nuevo, y aplica los mismos ajustes a estas formas.

how to create the modified big acanthus leaves how to create the modified big acanthus leaves how to create the modified big acanthus leaves

Paso 4

En la siguiente imagen ya está expandida la hoja de acanto pequeña (1). Primero, dibuja la forma parecida a la luna y usa el mismo degradado que antes (2). Después de eso, dibuja dos trazado ondulados en la parte superior y aplica los dos atributos de Trazo otra vez (3). Luego, es momento de que la máscara obtenga bordes limpios (4), y puedes ver el resultado final abajo en la figura (5).

how to add details on the small acanthus leafhow to add details on the small acanthus leafhow to add details on the small acanthus leaf

Paso 5

Agreguemos algunos detalles a la decoración de concha. Toma la Herramienta Pluma (P) y dibuja tres trazados en cada lado de la concha, y dales un Trazo color café de 1 pt usando de nuevo el Pincel Artístico de Fusón Negro (1).

Dibuja tres trazados en cada lado de la concha, pero esta vez más cortos. Aplica los dos atributos de Trazo a ellos como lo hicimos antes (2).

Lo último que tenemos que hacer es una copia de la forma de una concha enfrente de todo, establecer el trazo en ninguno y el relleno en ninguno, y enmascarar la decoración para obtener bordes limpios (3).

how to add details on the shell decorationhow to add details on the shell decorationhow to add details on the shell decoration

7. Cómo Organizar los Elementos Decorativos

Paso 1

Primero, toma la hoja de acanto grande y colócala en la parte inferior del lado derecho de la letra "O", luego Refléjala horizontalmente y verticalmente para obtener las otras tres hojas, y colócalas exactamente arriba de las formas azules originales (1).

A continuación, toma la hoja de acanto pequeña y colócala arriba de la forma verde original; luego Refléjala para obtener las otras tres hojas (2).

Luego, toma la ornamentación decorativa de concha y haz lo mismo. Si tienes un espacio vacío en la base de la concha, puedes dibujar un pequeño rectángulo para cubrirla (3). Cuando termines, selecciona las cuatro conchas junto con sus rectángulos y ve a Objeto > Organizar > Enviar detrás (teclas Mayúsculas-Control-[).

how to arrange the decorations back on the letter Ohow to arrange the decorations back on the letter Ohow to arrange the decorations back on the letter O

Paso 2

Multiplica y coloca las decoraciones en el resto de las letras.

No borres las formas azul, verde y naranja originales, porque las necesitarás más adelante en el tutorial.

how to arrange the decorations back on the Rococo lettershow to arrange the decorations back on the Rococo lettershow to arrange the decorations back on the Rococo letters

8. Cómo Crear las Sombras Interiores

Paso 1

Enfócate en la letra "O". Sigue la secuencia de imágenes, selecciona los elementos decorativos indicados, y aplica el efecto Sombra Paralela usando los ajustes mostrados abajo.

how to add shadow to decorative elements on letter Ohow to add shadow to decorative elements on letter Ohow to add shadow to decorative elements on letter O

Paso 2

Ve a la letra "C" y aplica los mismos ajustes de arriba a los elementos decorativos que la rodean. Aplica también el efecto Sombra Paralela a las dos hojas horizontales pequeñas.

how to add shadow to decorative elements on letter Chow to add shadow to decorative elements on letter Chow to add shadow to decorative elements on letter C

Paso 3

Repite lo mismo para el resto de las letras. Las únicas decoraciones que no tienen una sombra son las conchas.

how to add shadow to decorative elements on Rococo lettershow to add shadow to decorative elements on Rococo lettershow to add shadow to decorative elements on Rococo letters

9. Cómo Aplicar una Máscara a las Sombras Interiores

Paso 1

Para este paso necesitarás las formas azul, verde y naranja originales que en el tutorial te dije mantuvieras (1). También, haz copias de los pequeños rectángulos en la base de las conchas (2).

A continuación, selecciona la forma de la letra "O" y Cópiala y Pégala en el mismo Lugar (teclas Mayúsculas-Control-V) para obtener una copia de ella enfrente de todo. Elimina todas las apariencias existentes para esta copia y selecciona cualquier color para el relleno.

Mientras todas estas formas con color siguen seleccionadas, presiona Unificar en el panel Buscatrazos para combinarlas en un trazado compuesto (4). Repite lo mismo para el resto de las letras y, antes de seguir, haz copias de estas formas grises para usarlas posteriormente.

how to create the compound path for masking the shadowshow to create the compound path for masking the shadowshow to create the compound path for masking the shadows

Paso 2

Selecciona las cuatro hojas de acanto grandes, las cuatro hojas pequeñas alrededor de la letra "O" (1), y el trazado compuesto obtenido en el paso previo (trazo-ninguno, relleno-ninguno), y ve a Objeto > Máscara de Recorte > Crear (Control-7). Como resultado, la sombra es únicamente visible dentro de la letra (2).

Repite lo mismo para el resto de las letras.

how to mask the shadows for letter Ohow to mask the shadows for letter Ohow to mask the shadows for letter O

10. Cómo Agregar Otras Decoraciones en las Letras

Paso 1

Toma la Herramienta Pluma (P) y dibuja una forma como la de la siguiente imagen; luego Refléjala verticalmente para obtener la otra mitad.

Coloca los dos pares de formas en la letra "O" y luego muévelas detrás del borde dorado de la letra pero frente al motivo.

how to draw extra decorations on letter Ohow to draw extra decorations on letter Ohow to draw extra decorations on letter O

Paso 2

Rellena estas cuatro formas de blanco marfil y también dales un Trazo negro de 1 pt. Mientras el atributo Trazo sigue seleccionado en el panel Apariencia, ve a Efecto > Distorsionar y Transformar > Transformar y aplica Mover Horizontal 0.5 px.

Agrega un Nuevo Trazo en la parte superior del panel Apariencia, selecciona un tono claro de rosa, y las decoraciones están listas.

how to color the extra decorations on letter Ohow to color the extra decorations on letter Ohow to color the extra decorations on letter O

Paso 3

Multiplica y coloca las decoraciones del paso previo en las otras letras "O". No olvides moverlas entre el borde dorado y el motivo.

how to arrange extra decorations on letters Ohow to arrange extra decorations on letters Ohow to arrange extra decorations on letters O

11. Cómo Crear la Sombra Detrás de las Letras

Toma las copias de los trazados compuestos realizados anteriormente en el tutorial y muévelos a una nueva capa detrás de las letras. Selecciona cualquier color de relleno; luego ve a Efecto > Estilizar > Sombra Paralela y aplica este efecto cuatro veces.

how to create the shadow around Rococo lettershow to create the shadow around Rococo lettershow to create the shadow around Rococo letters

Estos son los ajustes para los efectos de Sombra Paralela en orden:

settings for the drop shadow effectssettings for the drop shadow effectssettings for the drop shadow effects

¡Felicidades! Terminaste

El efecto de texto inspirado en el estilo Rococó está listo, y aquí está el resultado final. Espero que hayas disfrutado este tutorial, y si decides recrearlo, no olvides compartir una imagen con nosotros. Me gustaría verlo.

Rococo inspired text effect final imageRococo inspired text effect final imageRococo inspired text effect final image

Y aquí está un primer plano para mostrar los hermosos elementos decorativos.

Rococo inspired text effect final image close upRococo inspired text effect final image close upRococo inspired text effect final image close up