Cómo crear un Efecto de Texto en Adobe Illustrator Inspirado en un Sari

En este tutorial aprenderá cómo dibujar un efecto de texto inspirado en la impresionante ropa sari/saree. El tema de color aquí es de color rosa brillante y dorado. Hay muchos detalles y muchos pinceles y efectos de Illustrator que utilizaremos para crear las hermosas decoraciones y la textura sedosa, así que siga las instrucciones y aprenda algunas técnicas nuevas.

Si está hambriento de más efectos de texto, asegúrese de consultar GraphicRiver y seguramente encontrará lo que está buscando allí.

1. Cómo Abrir un Documento Nuevo

Inicie Illustrator y vaya a Archivo > Nuevo para abrir un documento en blanco. Escriba un nombre para su archivo, configure las dimensiones y luego seleccione Pixels como Unidades y RGB como Modo de Color. Asegúrese de que Alinear Nuevos Objetos a la Cuadrícula de Píxeles no esté marcado.

A continuación, vaya a Editar > Preferencias > General y configure el Incremento del teclado en 1 px y, mientras esté allí, vaya a Unidades para asegurarse de que estén configuradas como en la siguiente imagen. Por lo general, trabajo con estos ajustes y te ayudarán durante todo el proceso de dibujo.

2. Cómo crear el texto de Sari

Paso 1

Copie el texto "साड़ी", que es la palabra Hindi para sari, y Péguela en su mesa de trabajo con la Herramienta Tipo (T). Lo más probable es que veas cuadrados en lugar de texto, pero cambia la fuente a "Nirmala UI", Negrita, tamaño de 220 pt. Esta es una fuente de Microsoft que viene con el sistema operativo Windows, y esta es la única fuente en mi colección que me permite ver los caracteres Hindi. Puedes descargarlo desde aquí o aquí.

Otra opción es simplemente usar la palabra Sari o Saree.

Use la Herramienta de Selección (V) para seleccionar el texto y arrástrelo un poco hacia la derecha para hacerlo más ancho.

Paso 2

Mientras el texto todavía está seleccionado, elija Expandir en el menú Objeto y luego Desagrupar (Shift-Control-G). Obtendrás las piezas de texto individuales. A lo largo de este tutorial, me referiré al personaje rosa como "pieza 1" de texto, al personaje naranja como "pieza 2" de texto, y los verdes, azules y rojos como "pieza 3", "pieza 4" y "pieza 5" respectivamente.

Como puede ver, las piezas de texto se superponen en la parte superior, especialmente las piezas de color naranja y verde. Tienes que arreglar eso. Coge la Herramienta de Selección Directa (A) y úsala para seleccionar solo los puntos de anclaje superiores izquierdos de la pieza naranja y muévelos hacia adentro, hasta el borde rosado. Continúa con los puntos superiores derechos y muévelos hacia arriba hasta el borde verde. Repita lo mismo entre las piezas verdes y azules.

Llena el texto recién obtenido con rosa brillante.

3. Cómo Crear el Borde Dorado Alrededor del Texto Sari

Paso 1

Copie y Pegue en la Parte Posterior (Control-B) todas las cinco piezas de texto y elimine el color de relleno. Seleccione un Trazo beige de 1,5 pt y presione el icono Alinear Trazo al Exterior en el panel Trazo. Mientras este atributo de Trazo permanezca seleccionado en el panel Apariencia, vaya a Efecto > Ruta > Trazo de Desplazamiento y aplique un Desplazamiento de 1 px.

Agregue un Nuevo Trazo en la parte inferior del panel Apariencia y seleccione un Trazo Externo de 1 pt marrón claro. Aplique un Desplazamiento de 2.5 px esta vez.

Agregue un Nuevo Trazo en la parte superior del panel Apariencia y seleccione un Trazo Exterior de 1 pt.

Paso 2

Vamos a crear una forma de máscara ahora. Copie y Pegue en el Lugar (Shift-Control-V) las cinco piezas de texto, elimine el color de relleno y seleccione un trazo externo de 3,5 pt, que es el grosor exacto del borde dorado. Elija Expandir Apariencia desde el menú Objeto para convertir los trazos en rellenos. Mientras que los bordes azules resultantes permanecen seleccionados, vaya a Objeto > Ruta Compuesta > Crear (Control-8) para fusionarlos en una única forma compuesta (1).

Coge la Herramienta Rectángulo (M) y dibuja un rectángulo entre los puntos interiores del borde azul como se muestra (2). Ahora, seleccione la ruta compuesta azul junto con este rectángulo y presione Menos Delante en el panel Buscatrazos. Como resultado, eliminará los pequeños segmentos de borde azul que estaban en el interior (3)

Paso 3

Tome la Herramienta Lápiz (N) y dibuje una ruta ondulada aleatoria siguiendo el borde dorado de la primera pieza de texto (1). Haga lo mismo con las otras piezas de texto (2).

Trace estos caminos ondulados con el Pincel de Mezcla Acuarela que puedes encontrar en el menú de Bibliotecas de Pinceles > Artístico > Artistic_Watercolor. Mantenga el Grosor del Trazo en 1 pt y luego vaya a Efecto > Desenfoque > Desenfoque Gaussiano y aplique un Radio de 2 px. Establezca el Modo de Fusión en Subexponer Color (3).

Paso 4

Ahora, selecciona la forma de máscara de antes (que debe estar delante de todo y configurada como trazo-ninguno, relleno-ninguno (1)) junto con todas las rutas onduladas, y vaya a Objeto > Mascara de Recorte > Hacer (Control-7 ). Como resultado, los detalles de sombreado serán visibles solo en el borde dorado (2). Puedes ver un antes y un después en los primeros planos.

4. Cómo Crear la Franja Decorativa Dorada en el Texto Sari

Paso 1

Primero, definamos a dónde irán las decoraciones. Use la Herramienta Rectángulo (M) para dibujar un rectángulo con un tamaño de aproximadamente 575 x 88 px sobre el texto (1).

Rellene el rectángulo con el color indicado y luego agregue un Nuevo Relleno arriba. Utilice el Patrón de Hojas de Color Tropical que puede encontrar en el menú Bibliotecas de Muestras > Patrones > Naturaleza > Naturaleza_Follaje. Establezca el Modo de Fusión en Luz Fuerte y reduzca la Opacidad al 45% (2).

Con el rectángulo aún seleccionado, vaya a Objeto > Transformar > Escala, escriba 50% en el campo Escala y asegúrese de marcar solo la opción Patrones. Haga clic en Aceptar y el patrón será más pequeño (3).

Paso 2

Seleccione las cinco piezas de texto y luego Copie y Pegue en el Lugar (Shift-Control-V) para hacer copias de ellas delante de todo. Vaya a Objeto > Ruta Compuesta > Crear (Control-8) para fusionarlos en una única forma y configurarlo en trazo-ninguno y relleno-ninguno (1).

Ahora, seleccione el rectángulo del patrón junto con la ruta compuesta recién obtenida y vaya a Objeto > Máscara de Recorte > Hacer (Control-7) (2).

Paso 3

Utilice la Herramienta Pluma (P) o la Herramienta Segmento de línea (\) para dibujar una ruta recta sobre el texto. Dale un Trazo marrón cálido de 2 pt y selecciona el Pincel Patrón de Hoja Dorada en el menú Bibliotecas de Pinceles> Bordes> Bordes_Decorativo. Abra la ventana Opciones de Trazo y establezca el Método de Coloración en Tonos y Sombras para que el pincel se vuelva marrón cálido también. Mueva esta ruta debajo de la máscara que creó en el paso anterior (1).

Mientras este atributo de Trazo permanece seleccionado en el panel Apariencia, vaya a Efecto > Distorsionar y Transformar > Transformar y escriba -45 px en el campo Mover Vertical. Esto moverá la carrera del pincel hacia arriba y debería ir exactamente hasta el borde del rectángulo del patrón (2).

Paso 4

Agregue un Nuevo Trazo debajo del primero en el panel Apariencia y use el Pincel de Motivos Floral 1 en el menú Bibliotecas de Pinceles > Bordes > Bordes_Decorativo. Establezca el Grosor del Trazo en 0.75 pt y luego establezca el Método de Coloración en Tonos y Sombras en la ventana Opciones de Trazo nuevamente para cambiar el color del pincel.

Mientras este atributo de Trazo permanece seleccionado en el panel Apariencia, aplique el efecto Transformar de nuevo, y esta vez escriba -15 px en el campo Mover Vertical.

Paso 5

Agregue un Nuevo Trazo en la parte inferior del panel Apariencia y utilice el Pincel de Patrón de Hoja del menú Bibliotecas de pincel > Decorativo > Conjunto de Pincel Floral y Rizo Elegante. Establezca el Grosor del Trazo en 0.5 pt. El Método de Coloración está configurado en Tonos de forma predeterminada, por lo que no tiene que cambiarlo esta vez.

Mientras este atributo de trazo permanece seleccionado en el panel Apariencia, aplique el efecto Transformar y escriba -33 px en el campo Mover Vertical. Esto moverá el pincel justo debajo de la franja larga en la parte superior del texto.

Paso 6

Agregue un Trazo Nuevo en la parte inferior del panel Apariencia y use el Pincel de Patrones Rococó en el menú Bibliotecas de Pinceles > Bordes > Bordes_Decorativo. Mantenga el Peso del Trazo en 1 pt. Abra la ventana Opciones de Trazo, establezca el Método de Coloración en Tonos y Sombras, y use el color indicado. Aplica el efecto Transformar y escribe 5 px en el campo Mover Vertical.

Paso 7

Agregue un Trazo Nuevo y el último en la parte inferior del panel Apariencia y utilice el Pincel de Patrón Patrón de Volante del menú Bibliotecas de pincel > Decorativo > Conjunto de Pincel de Rizo Elegante y Floral. Reduzca el Peso del Trazo a 0.75 pt. Aplica el efecto Transformar y escribe 15 px en el campo Mover Vertical.

En este punto, la banda decorativa está lista.

5. Cómo Crear Sombreado y Aspectos Destacados en el texto Sari

Paso 1

Seleccione las cinco piezas de texto y luego Copie y Pegue en el lugar (Shift-Control-V) para hacer copias de ellas delante de todo. Llene las copias con un degradado lineal llamado Tin del menú Bibliotecas Muestras > Degradados > Metales. A continuación, vaya a Efecto > Boceto > Cromo y aplique la configuración que se muestra. Establezca el Modo de Fusión en Superposición y reduzca la Opacidad al 55%.

Paso 2

Tome la Herramienta Pluma (P) y dibuje los cuatro trazos en la primera pieza de texto. Déles un Trazo negro de 5 pt y utilicen el Pincel de Mezcla Cónica que he mostrado cómo crear y guardar en el paso 10 del tutorial de Personaje Candy Monster.

A continuación, vaya a Efecto > Desenfoque > Desenfoque Gaussiano y aplique un Radio de 3 px. Establezca el Modo de Fusión en Multiplicar y reduzca la Opacidad al 75%. El trazo verde se establece en 55%.

Paso 3

Seleccione la primera pieza de texto y luego Copie y Pegue en el lugar (Shift-Control-V) para hacer una copia de ella delante de todo. Establezca esta copia en trazo ninguno y relleno ninguno.

Ahora, seleccione esta copia junto con el fragmento de texto con elvefecto Cromo aplicado y los cuatro trazados del paso anterior y vaya a Objeto > Máscara de Recorte > Crear (Control-7).

Paso 4

Use la técnica explicada en los dos pasos anteriores y cree sombreado para las otras piezas de texto.

6. Cómo Crear Sombreados y Aspectos Destacados en la Banda Decorativa Dorada

Paso 1

Vamos a crear la forma de la máscara primero. Seleccione el trazo con todos los trazos decorativos aplicados y luego Copie y Pegue en el lugar (Shift-Control-V) para hacer una copia de ella delante de todo. En el menú Objeto, elija Expandir Apariencia y luego Trazado Compuesto > Crear (Control-8) (1).

Seleccione las cuatro piezas de texto y Copie y Pegue en el lugar (Shift-Control-V) para hacer copias de ellas al frente. Vaya a Objeto > Trazado Compuesto > Crear (Control-8) para fusionarlos en una sola forma (2).

Ahora, seleccione estos dos nuevos trazados compuestos y presione Intersecar en el panel Buscatrazos. Puede ver la forma resultante en la imagen a continuación (3).

Paso 2

Use la Herramienta Lápiz (N) para dibujar una trazado aleatorio ondulado sobre la banda decorativa. Dale un Trazo negro de 1 pt y utiliza el Pincel de Acuarela - Pincel de Mezcla en el menú Bibliotecas de Pinceles > Artístico > Artistic_Watercolor. Aplicar un Desenfoque Gaussiano de 5 px; luego configure el Modo de Fusión en Subexponer Color y la Opacidad en 75%.

Paso 3

Copie y Pegue en el frente (Control-F) el trazado ondulado del paso anterior y elija Voltear Vertical en el menú desplegable del panel Transformar. Cambie el color de trazo a blanco y el Modo de Fusión a Superposición a 100% de Opacidad.

Paso 4

Ahora, seleccione los dos trazados ondulados junto con la forma de máscara hecha anteriormente, que debe estar al frente y establezca en trazo ningun, relleno ninguno y vaya a Objeto > Máscara de Recorte > Crear (Control-7). Recibirá una notificación que le dirá que la forma de la máscara es muy compleja, pero hágalo de todos modos.

Paso 5

Aquí hay un GIF antes y después para que pueda ver mejor la diferencia.

7. Cómo Crear la Sombra Interna en el Texto Sari

Seleccione las cinco piezas de texto y luego Copie y Pegue en el lugar (Shift-Control-V) para hacer copias de ellas delante de todo. Después de eso, vaya a Objeto > Trazado Compuesto > Hacer (Control-8) (1).

Rellene la forma recién obtenida con blanco; luego vaya a Efecto > Estiliza r> Resplandor Interior y aplique la configuración que se muestra. Establezca el Modo de Fusión en Multiplicar, pero solo para el atributo de Relleno porque de esta manera el blanco se volverá transparente, pero aún podrá ver la sombra interior (2).

8. Cómo Agregar Brillo en el Texto de Sari

Use la Herramienta Pluma (P) para dibujar los siguientes trazados en el texto. Déles un Trazo de 3 pt y usen el Pincel de Mezcla Cónica nuevamente. Aplica un Desenfoque Gaussiano de 3 px y luego configura el Modo de Fusión en Sobreexponer Color.

9. Cómo Crear la Textura de la Tela en el Texto Sari

Copie y Pegue en el lugar (Shift-Control-V) las cinco piezas de texto y reemplace el color de relleno con gris claro. A continuación, vaya a Efecto > Textura > Texturizador y aplique la configuración que se muestra. Configure el Modo de Fusión para Multiplicar y reduzca la Opacidad a aproximadamente 10%. Debería ser solo ligeramente visible.

10. Cómo Crear Decoraciones Adicionales en el texto Sari

Paso 1

Dibuje una ruta recta con la Herramienta Pluma (P) o la Herramienta Segmento de Línea (\) y utilice el Pincel de Patrón Floral 1 en el menú Bibliotecas de Pinceles > Bordes > Bordes_Decorativo. Mantenga el Peso del Trazo a 1 pt (1).

Mientras el trazado permanece seleccionado, elija Expandir Apariencia en el menú Objeto y luego seleccione solo la forma pequeña en el centro (2).

Haga una copia de esta forma, Gírela -30 grados y reemplace el color de relleno existente con el degradado lineal que se muestra. A continuación, vaya a Efecto > Estilizar > Sombra Paralela y aplique este efecto dos veces usando la configuración que se muestra a continuación (3).

Paso 2

Multiplique la pequeña decoración dorada y alinee algunas de las copias en cada parte del texto.

11. Cómo Crear la Sombra para el Texto Sari

Copie y Pegue en su lugar (Shift-Control-V) las cinco piezas de texto para hacer copias de ellas y luego vaya a Objeto > Trazado Compuesto > Crear (Control-8). Mueva el nuevo trazado compuesto a una Nueva Capa detrás del efecto de texto (1).

Elimine el color de relleno existente y seleccione un trazo externo de 3 pt. A continuación, vaya a Efecto > Estilizar > Sombra Paralela y aplique este efecto cuatro veces para crear una sombra debajo del texto (2).

Aquí están las configuraciones para los efectos de Sombra Paralela en orden.

¡Felicitaciones! ¡Ya terminaste!

El efecto de texto inspirado en sari está listo ahora. Espero que hayas aprendido nuevas técnicas hoy en día que puedas aplicar a otros efectos de texto y proyectos futuros.

Si decides recrear este efecto, no te olvides de compartir una imagen porque seguramente me alegrará el día.