Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Cómo Crear un Efecto de Texto de Narcisos para la Primavera en Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

En los siguientes pasos aprenderás cómo crear un efecto de texto de narcisos en Adobe Ilustrator. En primer lugar aprenderás cómo configurar una cuadrícula sencilla y cómo crear tu propio pincel de arte. Uando éste pincel de arte, el panel Apariencia, herramientas básicas, y fusionando y técnicas de creación de formas vectoriales, aprenderás cómo crear el primer pétalo.

Continuando, aprenderás cómo multiplicar fácilmente tu pétalo y cómo crear la parte central de tu narciso, aprovechando al máximo el panel Apariencia. Finalmente, aprenderás cómo crear el efecto de texto y cómo añadir sutiles detalles.

1. Crea un Nuevo Documento y Configura una Cuadrícula

Pulsa Control-N para crear un nuevo documento. Selecciona Pixeles del menú desplegable Unidades, ingresa 1000 en la casilla Anchura y 600 en la casilla Altura, y luego haz click en el botón Avanzado. Selecciona RGB, Pantalla (72ppp) y asegúrate de que esté desmarcada la casilla Alinear Nuevos Objetos con Cudrícula de Pixeles antes de hacer click en OK.

Habilita la Cuadrícula (Ver > Mostrar Cuadrícula) y Ajustar a Cuadrícula (Ver > Ajustar a Cuadrícula). Necesitarás una cuadrícula cada 1 px, así que simplemente ve a Edición > Preferencias > Guías > Cuadrícula, e ingresa 1 en la casilla Línea de cuadrícula cada y 1 en la casilla Subdivisiones. Trata de no desanimarte por toda esa cuadrícul-te facilitará el trabajo, y ten en mente que puedes fácilmente hablitarla o deshabilitarla usando el atajo de teclado Control-".

También deberías abrir el panel Información (Ventana > Información) para una previsualización en vivo con el tamaño y posición de tus formas. No olvides establecer la unidad de medida en pixeles desde Edición > Preferencias > Unidades > General. Todas éstas opciones incrementarán significativamente la velocidad de tu trabajo.

setup grid

2. Crea el Primer Pétalo

Paso 1

Toma la Herramienta Elipse (L) y enfócate en tu barra de herramientas. Elimina el color de trazo y luego selecciona el relleno y establece su color en R=39 G=170 B=225. Dirígete a tu mesa de trabajo y simplemente crea una forma de 20 x 30 px. Cambia a la Herramienta Punto de Ancla (Mayúsculas-C), enfócate en el lado superior de tu forma y simplemente haz click en ese punto de ancla. Al final tu forma azul debería verse como en la segunda imagen.

blue shape

Paso 2

Usando la Herramienta Selección Directa (A), selecciona el punto de ancla superior que conforma tu forma azul y simplemente arrástralo hacia arriba 5 px. Cambia a la Herramienta Punto de Ancla (Mayúsculas-C), haz click en ese mismo punto de ancla y arrastra esos manejadores 5 px a la derecha. Al final tu forma azul debería verse como en la tercera imagen.

petal shape

Paso 3

Deshabilita Ajustar a Cuadrícula (Control-').

Asegúrate de que tu forma azul esté seleccionada y ve a Objeto > Trazado > Desplazamiento. Ingresa Desplazamiento -1 px y haz click en OK. Asegúrate de que la forma resultante esté seleccionada y haz una copia delante (Control-C > Control-F). Selecciona ésta copia y múevela 1 px hacia abajo usando la tecla flecha abajo en tu teclado. Vuelve a selecciona ambas formas realizadas en éste paso, abre el panel Buscatrazos (Ventana > Buscatrazos), y haz click en el botón Menos Frente.

Asegúrate de que la forma resultante siga seleccionada, remplaza el color de relleno existente con un simple blanco (R=255 G=255 B=255) y luego muévelo 1 px hacia arriba usando la tecla flecha arriba de tu teclado.

petal highlight

Paso 4

Asegúrate de que tu forma blanca siga seleccionada, enfócate en el panel Apariencia (Ventana > Apariencia) y haz click en el texto "Opacidad" para abrir el panel extensible Transparencia. Simplemente cambia el Modo de Fusión a Luz Suave.

petal highlight

Paso 5

Habilita Ajustar a Cuadrícula (Control-').

Usando la Herramienta Elipse (L), crea una forma de 1 x 3 px y hazla negra (R=0 G=0 B=0). Asegúrate de que ésta nueva diminuta forma siga seleccionada, abre el panel Pinceles (Ventana > Pinceles) y haz click en el botón Nuevo Pincel. Marca la casila Pincel de Arte y haz click en el botón OK. Elige un nombre para tu pincel, ingresa todos los atributos mostrados en la siguiente imagen, asegúrate de que selecciones Matices del menú desplegable Método, y luego haz click en OK. Ahora deberías poder ver tu nuevo pincel de arte dentro del panel Pinceles.

create art brush

Paso 6

Deshabilita Ajustar a Cuadrícula (Control-').

Toma la Herramienta Pincel (B), selecciona tu pincel de arte del panel Pinceles, y luego enfócate en la forma azul. Dibuja ásperamente un conjunto de trazados negros curvados como se muestra en la siguiente imagen. Asegúrate de que todos éstos trazados estén seleccionados y simplemente Agrúpalos usando el atajo de teclado Control-G.

black brushes

Paso 7

Asegúrate de que tu grupo de trazados negros siga seleccionado, enfócate en el panel Apariencia y cambia el Modo de Fusión a Luz Suave.

black brushes

Paso 8

Toma la Herramienta Pincel (B), vuelve a seleccionar tu pincel de arte desde el panel Pinceles, y enfócate en la forma azul. Dibuja un conjunto de trazados blancos curvados ásperamente como se muestra en la siguiente imagen. Asegúrate de que todos éstos trazados estén seleccionados y Agrúpalos usando el mismo atajo de teclado Control-G.

white brushes

Paso 9

Asegúrate de que tu grupo de trazados blancos esté aún seleccionado, enfócate en el panel Apariencia, y cambia el Modo de Fusión a Luz Suave.

white brushes

Paso 10

Selecciona tu forma azul, enfócate en el panel Apariencia, y reemplaza el color de relleno existente con el degradado lineal mostrado en la siguiente imagen.

petal color

Paso 11

Asegúrate de que tu forma principal siga seleccionada, enfócate en el panel Apariencia, y agrega un segundo relleno usando el botón Añadir Nuevo Relleno. Selecciona éste nuevo relleno y añade el degradado lineal mostrado en la siguiente imagen. Ten en mente que el cero en amarillo de la imagen del Degradado representa el porcentaje de Opacidad mientras que el número azul representa el porcentaje de Ubicación.

petal color

Paso 12

Asegúrate de que tu forma principal siga seleccionada, mantente enfocado en el panel Apariencia y selecciona el trazo existente. Primero agrega el degradado lineal de negro a blanco mostrado en la siguiente imagen. A continuación, disminuye su Opacidad a 50% y cambia el Modo de Fusión a Luz Suave. Finalmente, haz click en el texto "Trazo" para abrir el panel extensible Trazo. Asegúrte de que el Grosor esté establecido en 1 px y luego marca el botón Alinear Trazo al Interior.

petal stroke

3. Multiplica Tu Pétalo

Paso 1

Habilita Ajustar a Cuadrícula (Control-').

Selecciona todas las formas que conforman tu primer pétalo y Agrúpalas (Control-G). Duplica éste fresco grupo (Control-C > Control-F), selecciona la copia y arrástrala 35 px hacia abjo como se muestra en la primera imagen. Asegúrate de que la copia de tu grupo siga seleccionada, y ve a Objeto > Transformar > Reflejo. Marca la casilla Horizontal y luego haz click en el botón OK.

second petal

Paso 2

Asegúrate de que los dos grupos que componen tus pétalos estén seleccionados y ve a Objeto > Transformar > Rotar. Establece el Ángulo en -55 grados y luego haz click en el botón Copiar. Al final las cosas deberían verse como en la segunda imagen.

multiply petal

Paso 3

Asegúrate de que los dos grupos que componen tus pétalos verticales estén selecconados y ve de nuevo a Objeto > Transformar > Rotar. Ésta vez establece el Ángulo en 55 grados y luego haz click en el botón Copiar. Al final las cosas deberían verse como en la segunda imagen.

multiply petal

4. Crea la Parte Central de Tu Narciso

Paso 1

Usando la Herramienta Elipse (L), crea un círculo de 20 px, establece el color de relleno en R=231 G=96 B=38, y colócalo desprolijamente como se muestra en la siguiente imagen.

middle part

Paso 2

Asegúrate de que tu círculo siga seleccionado, enfócate en el panel Apariencia, selecciona el relleno existente y ve a Efecto > Distorsión y Transformación > Emborronar. Ingresa los atributos mostrados abajo, haz click en OK y luego ve a Efecto > Trazado > Desplazamiento. Ingresa Desplazamiento 1 px, haz click en OK y ve a Efecto > Estilizar > Resplandor Interior. Ingresa las propiedades mostradas en la siguiente imagen y luego haz click en el botón OK.

middle part first fill

Paso 3

Asegúrate de que tu círculo siga seleccionado, mantente enfocado en el panel Apariencia y agrega un segundo relleno usando el mismo botón Añadir Nuevo Relleno.

Selecciona éste nuevo relleno, establece su color en R=255 G=149 B=67, y luego ve a Efecto > Distorsionar & Transformar > Emborronar. Ingresa los atributos mostrados abajo, haz click en OK y luego ve a Efecto > Estilizar > Resplandor Interior. Ingresa las propiedades mostradas en la siguiente imagen y luego haz click en el botón OK.

middle part second fill

Paso 4

Asegúrate de que tu círculo siga seleccionado, mantente enfocado en el panel Apariencia, y agrega un tercer relleno usando el mismo botón Añadir Nuevo Relleno.

Selecciona éste nuevo relleno, usa el degradado radial mostrado en la siguiente imagen y luego ve a Efecto > Trazado > Desplazamiento. Ingresa un Desplazamiento de -2 px, haz click en OK y luego ve a Efecto > Distorsionar & Transformar > Emborronar. Ingresa los atributos mostrados abajo, haz click en OK y ve a Efecto > Estilizar > Resplandor Interior. Ingresa las propiedades mostradas en la siguiente imagen y luego haz click en el botón OK.

middle part third fill

Paso 5

Asegúrate de que tu círculo siga seleccionado mantente enfocado en el panel Apariencia, y agrega un cuarto relleno usando el mismo botón Añadir Nuevo Relleno.

Selecciona éste nuevo relleno, establece el color en R=114 G=73 B=9, y luego ve a Efecto > Trazado > Desplazamiento. Ingresa un Desplazamiento de -5 px, haz click en OK y luego Efecto > Distorsionar & Transformar > Emborronar. Ingresa los atributos mostrados abajo y luego haz click en el botón OK.

middle part fourth fill

Paso 6

Asegúrate de que tu círculo siga seleccionado, mantente enfocado en el panel Apariencia, y agrega un quinto relleno usando el mismo botón Añadir Nuevo Relleno.

Selecciona éste nuevo relleno, establece el color en R=194 G=134 B=71, y luego ve a Efecto >Trazado > Desplazamiento. Ingresa un Desplazamiento de -6 px, haz click en OK y ve a Efecto > Distorsionar & Transformar > Emborronar. Ingresa los atributos mostrados abajo, haz click en OK y ve a Efecto > Estilizar > Resplandor Interior. Ingresa las propiedades mostradas en la siguiente imagen y luego haz click en el botón OK.

middle part fifth fill

Paso 7

Asegúrate de que tu círculo siga seleccionado, mantente enfocado en el panel Apariencia, y agrega un sexto relleno usando el mismo botón Añadir Nuevo Relleno.

Selecciona éste nuevo relleno, establece el color en R=251 G=224 B=68, y luego ve a Efecto > Trazado > Desplazamiento. Ingresa un Desplazamiento de -7 px, haz click en OK, y luego ve a Efecto > Distorsionar & Transformar > Emborronar. Ingresa los atributos mostrados abajo, haz click en OK, y ve a Efecto > Distorsionar & Transformar > Fruncir y engordar. Arrastra el regulador a 50% y luego haz click en el botón OK.

middle part sixth fill

Paso 8

Vuelve a seleccionar tu círculo. Mantente enfocado en el panel Apariencia, asegúrate de que todo el trazado esté seleccionado (simplemente haz click en el texto "Trazado" del panel superior) y luego ve a Efecto > Estilizar > Sombra Paralela. Ingresa los atributos mostrados en la ventana izquierda (en la siguiente imagen), haz click en OK y luego añade los otros dos efectos de Sombra Paralela mostrados abajo.

middle part shadows

Paso 9

Usando la Herramienta Elipse (L), crea una forma de 22 x 33 px, hazla negra, y colócala como se muestra en la primera imagen. Asegúrate de que ésta nueva forma siga seleccionada, envíala detrás de tu círculo usando el atajo de teclado Control-[, cambia su Modo de Fusión a Luz Suave y luego ve a Efecto > Estilizar > Desvanecer. Ingresa un Radio de 6 px y haz click en OK.

shading

Paso 10

Usando la Herramienta Elipse (L), crea una forma de 22 x 28 px, hazla negra, y colócala como se muestra en la primer imagen. Asegúrate de que ésta nueva forma siga seleccionada, envíala detrás de tu círculo usando el mismo atajo de teclado Control-[, cambia su Modo de Fusión a Luz Suave y luego ve a Efecto > Estilizar > Desvanecer. Ingresa un Radio de 7 px y luego haz click en el botón OK.

shading

5. Agrega el Fondo y Multiplica Tu Narciso

Paso 1

Selecciona todas las formas que conforman tu flor (excepto las dos formas con el efecto Desvanecer efectuado en los últimos dos pasos) y ve a Objeto > Expadir Apariencia.

Ahora, selecciona todas las formas que conforman tu narciso y Agrúpalas (Control-G). Descarga el archivo adjunto, arrastra la imagen de Fondo de Pasto dentro de tu documento, asegúrate de que cubra toda tu mesa de trabajo, y envíala detrás usando el atajo de teclado Mayúsculas-Control-[. Mueve el panel Capas, abre la capa existente, y simplemente bloquea ésta imagen para asegurar que no la selecciones/muevas por accidente.

Consulta éste breve tutorial de Diana Toma si quieres aprender cómo crear ese bonito fondo o cómo hacer un efecto de texto de pasto en Illustrator: Consejo Rápido: Cómo Crear un Efecto de Texto de Pasto Vectorial.

background

Paso 2

Haz cuatro copias del grupo de tu narciso (Control-C > Control-F) y esparce las copias desprolijamente como se muestra en la primer imagen.

Selecciona la primera copia del grupo y ve a Efecto > Deformar > Inflar. Ingresa los atributos mostrados en la siguiente imagen y luego haz click en el botón OK.

multiply daffodil

Paso 3

Selecciona la segunda copia del grupo y ve a Efecto > Deformar > Bandera. Ingresa los atributos mostrados en la siguiente imagen y luego haz click en el botón OK.

multiply daffodil

Paso 4

Selecciona la tercer copia del grupo y ve a Efecto > Deformar > Caparazón hacia abajo. Ingresa los atributos mostrados en la siguiente imagen y luego haz click en el botón OK.

multiply daffodil

Paso 5

Selecciona a cuarta copia del grupo y ve a Efecto > Deformar > Ojo de pez. Ingresa los atributos mostrados en la siguiente imagen y luego haz click en el botón OK.

multiply daffodil

Paso 6

Duplica tus cinco narcisos y mueve hacia abajo las copias. Ahora necesitas redimensionar éstas copias. Selecciona uno de éstos grupos y enfócate en el panel Transformar (Ventana > Transformar). Marca el botón Restringir Proporciones de Anchura y Altura y luego simplemente ingresa 50 px en la casilla Altura. Selecciona las otras cuatro copias del grupo y redimensiónalas usando la misma técnica.

Haz un tercer conjunto de copias del grupo y arrástralas hacia abajo como se muestra en la segunda imagen. Una vez más, necesitas redimensionar éstos nuevos grupos, únicamente ésta vez ingresa 40 px en la casilla Altura del panel Transformar.

multiply daffodil

6. Crea el Efecto de Texto

Paso 1

Toma la Herramienta Texto (T), simplemente haz click en tu mesa de trabajo y agrega tu fragmento de texto. Utiliza la fuente Cooper Black, cambia el color a R=0 G=113 B=53, y establece el tamaño en 170 px y el tracking en 50. Arrastra éste fragmento de texto debajo del grupo de formas que componene tus narcisos, y luego bloquéalo.

add text

Paso 2

Multiplica, aleatoriamente rota y esparce tus narcisos por todo el fragmento de texto. También, arroja algunas flores alrededor del texto. Una vez que termines, dirígete al panel Capas y líbrate del fragmento de texto bloqueado.

text effect

Paso 3

Deshabilita Ajustar a Cuadrícula (Control-').

Toma la Herramienta Pincel (B), vuelve a seleccionar el pincel de arte del panel Pinceles, y añade un sutil pasto como se muestra abajo. Utiliza los cuatro colores mencionados en la siguiente imagen para éstos diminutos trazados.

subtle grass

Paso 4

Los siguientes efectos podrían desafiar tu máquina, así que sería una buena idea guardar el trabajo realizado hasta ahora. Vuelve a seleccionar todos los grupos de tu narciso y añade los cinco efectos de Sombra Paralela (Efecto > Estilizar > Sombra Paralela) mostrados en la siguiente imagen.

drop shadow effect

Paso 5

Usando la Herramienta Rectángulo (M), crea una forma de 1000 x 600 px y asegúrate de que cubra toda tu mesa de trabajo. Rellena éste nuevo rectángulo con el degradado radial mostrado en la siguiente imagen y cambia su Modo de Fusión a Superponer. Recuerda que el cero en amarillo de la imagen del Degradado representa el porcentaje de Opacidad.

shading

¡Felicidades! ¡Terminaste!

Aquí está cómo debería lucir. Espero que hayas disfrutado éste tutorial y puedas aplicar éstas técnicas en tus futuros proyectos.

final product
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.