Cómo Crear un Efecto de Texto Estilo Rococó en Adobe Illustator
Spanish (Español) translation by Javier Salesi (you can also view the original English article)






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:
- Fuente Kingthings Organica | dafont.com
- Pincel Artístico de Fusión Negro 100 x 3 | Cómo Crear un Conjunto de Pinceles de Fusión Multiusos
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.



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.



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).



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).



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.



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.



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.



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.



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).



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).



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).



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".



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).



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.



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



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.



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".



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.



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.



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.



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.



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.



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.



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).



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.



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).



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).



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-[).



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.



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.



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.



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



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.



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.



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.



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.



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.



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.



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



¡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.



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


