Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Spring
Design

Cómo Crear una Tarjeta Decorativa con Flores de Primavera y Letras Dibujadas en Adobe Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

¡La primavera ha llegado! Saludemos ésta fabulosa temporada con una bonita ilustración de letras dibujadas. Claro, ¡agregaremos algunas decoraciones florales, amor, pasión y creatividad!

Hoy, aprenderás cómo crear escritura digital en Adobe Illutrator para elaborar elegantes letras dibujadas con elementos florales para nuestra composición dulce y ornamental. Idealmente, sería magnífico tener una tableta digitalizadora para éste tutorial para tu conveniencia. También usaremos la Herramienta Anchura, la Herramienta Pluma, y la Herramienta Arco y Segmento de Línea.

Si estás buscando algunos vectores decorativos, puedes encontrar muchos elementos diferentes y diseños en GraphicRiver.

OK, ¡comencemos!

1. Cómo Crear Letras Dibujadas a Mano de Manera Digital

Paso 1

Después de abrir tu Adobe Illustrator, crea un nuevo documento con 850 x 850 px de Anchura y Altura. Nuestra ilustración será colocada en una fondo gris oscuro. Así que creemos un rectángulo gris oscuro con la Herramienta Rectángulo (M).

creating the background

Paso 2

Ahora, comencemos a escribir. Recuerda que no tiene que ser perfecto porque solo necesitamos marcar donde aparecerán las letras reales.

Así que para que podamos escribir legiblemente, obtengamos alguna ayuda: las Reglas. Para hacerlas aparecer, ve a Ver > Reglas > Mostrar Reglas (Control-R). Toma la regla superior y arrástrala hacia abajo al lugar donde quieres escribir. Repite ésta acción para hacer aparecer otra regla, para que tengas dos líneas entre las cuales puedas colocar tus letras.

Ahora que has preparado donde quieres escribir, comencemos a escribir usando la Herramienta Lápiz (N) sin ningún relleno. Si cometes un error, siempre puedes borrarlo usando la Herramienta Borrador (Mayúsculas-E). Es más fácil si puedes ver toda la mesa de trabajo (Control-0), porque mientras más pequeñas sean las letras que escribes, menos temblará tu mano.

writing hello word

Paso 3

Disminuye la Opacidad en el panel Transparencia de ésta capa, ciérralo y crea una nueva capa.

En la nueva capa, toma la Herramienta Pluma (P) y contornea la palabra "Hello". Recomiendo la Herramienta Pluma porque no tendrás muchos puntos de ancla que hacen tu archivo más pesado, como lo harías con la Herramienta Pincel (B). Escribe cada letra por separado, ya que será más fácil para tí manipular las letras posteriormente. Comienza escribiendo letras sencillas y luego agrega algunas decoraciones rizadas.

outlining hello word

Ahora puedes agregar algunos rizos manipulando los manejadores de los puntos de ancla. Si quieres conectar dos letras, selecciona los puntos de ancla que quieres conectar usando la Herramienta Selección Directa (A), haz click-derecho en el mouse, y seleccionar Unir.

adding curls

Paso 4

Ahora es momento para la siguiente palabra, "Spring".

Cierra la capa superior, donde escribiste usando la Herramienta Pluma (P), y desbloquea la inferior, donde escribirás el nuevo texto. Asegúrate de que estés en la capa inferior y crea otro par de reglas debajo de las primeras dos reglas que hiciste, donde quieres que sea colocada la segunda palabra.

Simplemente toma la regla superior y arrástrala hacia abajo. Haz ésta acción dos veces para obtener un par de reglas como límites para tus letras. Usando la Herramienta Lápiz (N) sin ningún color de relleno, escribe la palabra "Spring".

Para mejor visibilidad, puedes incrementar la Opacidad de la capa inferior.

writing spring word

Paso 5

Similar a lo que hicimos antes con la palabra "Hello", bloquea ésta capa, disminuye la Opacidad, y ve a la capa superior. A continuación, selecciona el color crema claro o el trazo amarillento, y usando la Herramienta Pluma (P), contornea la palabra "Spring". Cuando termines, agrega algunos rizos a las letras al manipular los manejadores de los puntos de ancla.

outlining spring word

Éste es mi resultado. Siéntete con toda libertad para hacer algo similar a ésto.

adding curls

Paso 6

Mira el panel Capas, toma la capa donde hicimos el borrador de las letras (la capa de la letra no decorativa), y arrástrala al ícono de la papelera (Eliminar Selección). Presiona Control-R para ocultar las Reglas. Selecciona las líneas en tu mesa de trabajo (colocaste las letras entre ellas) y presiona Suprimir en el teclado.

Así es como nuestras letras dibujadas se ven:

how the whole lettering looks

2. Cómo Crear los Detalles Florales

Paso 1

Ahora agregaremos algunos detalles florales primaverales. Elaboremos el primer tipo de hojas.

Establece el color del trazo en verde con ningún color de relleno. Usando la Herramienta Arco, dibuja el tallo de nuestra hoja. Agrega unas cuantas líneas de ambos lados del tallo al usar la Herramienta Segmento de Línea (\) o la Herramienta Arco, si lo prefieres. Asegúrate de marcar Remate Extremo Redondeado en el panel Trazo.

Transformaremos éstas líneas en hojas al usar la Herramienta Anchura (Mayúsculas-W). Pulsa la Herramienta Anchura (Mayúsculas-W) y coloca tu tableta digitalizadora sobre la "futura" hoja. Estira donde la hoja debería ser más gruesa. Repite con el resto de las hojas.

drawing leaves

Haz unas cuantas de éstas ramas. Finalmente, necesitamos expandir las líneas, que fueron transformadas. Selecciónalas y ve a Objeto > Expandir Apariencia, y luego Objeto > Expandir. (La primera vez expandiste solo las hojas, y luego la segunda vez el tallo).

creating more leaves copies

Paso 2

Para el segundo tipo de hojas, usaremos de nuevo la Herramienta Arco para dibujar líneas en dos colores: verde más claro para la parte posterior y verde más oscuro para la parte anterior. Cambia la anchura de éstas líneas más claras con la Herramienta Anchura (Mayúsculas-W). Expande todas las líneas (Objeto > Expandir Apariencia, Objeto > Expandir) y haz los bordes de la hoja más enfocados al mover los manejadores de los puntos de ancla (usa la Herramienta Selección Directa (A)).

drawing leaves 2

Paso 3

Ahora crearemos una rosa. Agrega un círculo rosa sin ningún color de trazo y color de relleno rosa (siéntete libre de elegir cualquier tono de rosa). Para hacer un círculo uniforme, dibuja un óvalo usando la Herramienta Elipse (L) mientras mantienes presionada la tecla Mayúsculas.

Ahora agrega algunos pétalos exeriores. Elimina el color de relleno y haz el mismo color de trazo (Mayúsculas-X) que utilizaste para el círculo. En el panel Trazo, incrementa el Grosor del trazo y marca Remate Extremo Redondeado. Toma la Herramienta Lápiz (N) y comienza a dibujar pétalos rizados, que rebasarán el límite del círculo.

Para hacer los pétalos interiores, decrementa el Grosor del Trazo, y haz el color del trazo ligeramente más oscuro. Usando la Herramienta Lápiz (N), crea pétalos interiores como se muestra en la imagen de abajo. Agrega algunos pétalos más claros también.

drawing the rose

Paso 4

En éste paso, crearemos un capullo. Agrega un círculo rosa sin color de trazo y color de relleno rosa. Haz dos copias de éste círclo con un color ligeramente más oscuro y colócalos detrás del primer círculo (Control-X, Control-B). Agrega la cuarta copia del círculo detrás y hazla más oscura. Agrega unas cuantas líneas negras con la Herramienta Lápiz (N) (solo color de trazo gris), detrás del primer círculo como estambres. Y finalmente, crea un óvalo verde detrás de todos los pétalos del capullo como un receptáculo.

Expande los estambres. Puedes seleccionar todo el capullo, ve a Objeto > Expandir, y en la ventana de diálogo nueva selecciona Trazo y presiona OK.

drawing the bud

Paso 5

Para el tercer tipo de flores, usemos la Herramienta Segmento de Línea (\) de nuevo y dibuja unos cuantos petalos como líneas. Usa la Herramienta Anchura (Mayúsculas-W) para cambiar la anchura de éstas líneas y crear pétalos. Agrega un diminuto círculo dentro de la flor. Color de relleno amarillo sin trazo.¿No es fácil? Finalmente, expande éstas líneas. Ve a Objeto > Expandir.

drawing the small orange flower

Paso 6

Crea una flor similar pero más pequeña de color blanco usando los pasos que acabamos de ver. Usa la Herramienta Segmento de Línea (\) para los pétalos blancos, deforma las líneas con la Herramienta Anchura (Mayúculas-W), agrega el círculo amarillo adentro, y finalmente, expande éstas líneas (Objeto > Expandir).

creating the small white flower

Paso 7

Aquí están todos los elementos florales que acabamos de crear. Antes de pasar al siuiente paso, asegúrate de haber expandido todos ellos (Objeto > Expandir Apariencia, Objeto > Expandir).

all floral elements

3. Cómo Organizar los Elementos Florales

Paso 1

Haz unas cuantas copias de las hojas verde oscuro y espárcelas sobre y debajo de las letras.

placing leaves on lettering

Paso 2

Selecciona las otras hojas que creamos, haz unas cuantas copias, y colócalas también alrededor del texto.

placing leaves on lettering 2

Paso 3

Ahora es momento de colocar unas cuantas copias de nuestra hermosa rosa.

placing roses on lettering

Paso 4

Agrega algunos de los capullos de flor.

placing buds on lettering

Paso 5

Esparce unas cuantas flores rojas pequeñas.

placing orange flowers on lettering

¡Fabuloso Trabajo, Terminaste!

Y al final pero no menos importante, no olvidemos colocar nuestras diminutas flores blancas. Con ésto, terminaremos nuestra ilustración.

¡Felicidades! Nuestra tarjeta de letras dibujadas con flores primaverales está lista! ¡Sensacional trabajo! Espero que hayas disfrutado siguiendo éste inspirador tutorial y hayas descubierto algunos nuevos consejos y trucos que te ayudarán a diseñar mas letras dibujadas y composiciones florales. ¡Disfruta la primavera y diviértete!

placing white flowers on lettering
Advertisement
Advertisement
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.