1. Design & Illustration
  2. Add-Ons

Cómo Crear Etiquetas de Precio de Venta y Moños Decorativos en Adobe Illustrator

En éste tutorial, aprenderás cómo utilizar la Herramienta Malla en Adobe Illustrator ¡para crear un hermoso conjunto de etiquetas con moños de regalo rojos!
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

En éste tutorial, aprenderás cómo utilizar la Herramienta Malla en Adobe Illustrator ¡para crear un hermoso conjunto de etiquetas con moños de regalo rojos!

Si quieres saltarte el tutorial y solo usar éstas etiquetas en tu trabajo, ¡puedes comprar el Gran Conjunto de Etiquetas de Ventas con Moños de Regalo Rojos de Graphic River!

Big Set of Sales TagsBig Set of Sales TagsBig Set of Sales Tags
Gran Conjunto de Etiquetas de Venta con Moños de Regalo Rojos

1. Cómo Dibujar el Moño

Paso 1

Comenzaremos dibujando la primera parte del moño con la Malla.

Dibuja un rectángulo y rellénalo con el color #FC221D. Toma la Herramienta Malla (U) y crea una Líneas de Malla en el rectángulo al hacer click donde quieres colocar los nodos. Luego, arrastra los bordes exteriore de la forma para crear la parte derecha del moño.

Trata de imitar las Líneas de Malla en la captura de pantalla.

A continuación, selecciona los nodos indicados y vuélvelos a colorear todos con #BE1819. Continúa similarmente, al crear más nodos y volviendo a colorear los seleccionados.

Usa éstos colores:

  1. #FC221D
  2. #BE1819
  3. #EABE57
  4. #ED483A
draw bow with meshdraw bow with meshdraw bow with mesh

Paso 2

¡Es momento para la segunda parte! Vuelve a colorear los nodos seleccionados.

  1. #FC221D
  2. #C81100
  3. #F77F6B
use mesh tooluse mesh tooluse mesh tool

Paso 3

Finaliza la segunda pieza usando éstos colores:

  1. #8C0703
  2. #CA1505
finish bowfinish bowfinish bow

Paso 4

Dibuja la tercera pieza de modo similar.

  1. #E52722
  2. #BE1920
  3. #EA6B56
  4. #B70811
draw bow with meshdraw bow with meshdraw bow with mesh

Paso 5

Dibuja la cuarta pieza con la Malla.

  1. #E52722
  2. #B70A0C
  3. #FD907A
  4. #6C0205
draw right part of bowdraw right part of bowdraw right part of bow

Paso 6

Dibuja una quinta pieza sencilla de una elipse.

  1. #940000
  2. #BA0000
draw with meshdraw with meshdraw with mesh

Paso 7

Agrega la quinta pieza debajo de la cuarta parte.

assemble piecesassemble piecesassemble pieces

Paso 8

Dibuja la sexta parte.

  1. #C81313
  2. #F06E5F
  3. #9D0709
  4. #830303
draw middle piece of bowdraw middle piece of bowdraw middle piece of bow

Paso 9

Utiliza la Malla para completar la séptima pieza.

  1. #DC0E00
  2. #FF9073
  3. #B20E01
  4. #820A00
draw mesh bowdraw mesh bowdraw mesh bow

Paso 10

Dibuja la octava parte del moño.

  1. #E02B1F
  2. #FF8D76
  3. #AA0900
  4. #CB1E13
  5. #7A0900
draw last part of bowdraw last part of bowdraw last part of bow

Paso 11

¡Arma el moño!

assemble mesh bowassemble mesh bowassemble mesh bow

Paso 12

Dibuja una sombra para el moño con un Degradado Radial de #A76969 a blanco.

draw gradientdraw gradientdraw gradient

Paso 13

Coloca la sombra debajo del moño.

place shadowplace shadowplace shadow

2. Cómo Dibujar el Cordón

Paso 1

¡Dibujemos el cordón para la etiqueta!

Primero, usando la Herramienta Pluma (P), dibuja un contorno sencillo de una sección del cordón.

Muévela a su posición original mientras mantienes presionada la tecla Alt para crear una copia. Debería encimarse un poco, pero asegúrate de colocar la copia en únicamente un movimiento; de otro manera, el siguiente paso no funcionará.

Luego, presiona Control-D para repetir la última acción. Debería crear otra sección del cordón junto a la última copia. Repite ésto unas 100 veces-el cordón debería ser largo.

draw ropedraw ropedraw rope

Paso 2

Selecciona toda la longitud de la cuerda y crea un Pincel de Arte de ella al arrastrarla al panel Pinceles.

add brushadd brushadd brush

Paso 3

A continuación, dibuja un contorno con la Herramienta Pluma (P) y aplica el pincel en él.

Modifica el tamaño del Trazo hasta que el cordón sea lo suficientemente delgado.

apply brushapply brushapply brush

Paso 4

Para éste paso, primero ve a Objeto > Expandir Apariencia para expandir el pincel.

Luego, selecciona todas las secciones y aplica un degradado Radial, de blanco a #F5DEDE a #BC2725.

apply gradientapply gradientapply gradient

Paso 5

Para dibujar un anillo para nuestra cuerda, primero dibuja un círculo con un Degradado Radial (#835114 - #8D5A1D - #FECD23 - #79460F).

gradient ringgradient ringgradient ring

Paso 6

Dibuja un círculo más pequeño en el centro, y luego selecciona ambas formas y usa Menos Frente en el panel Buscatrazos.

minus frontminus frontminus front

Paso 7

Selecciona las secciones inferior izquierda del cordón y Envíalas Atrás (Mayúsculas-Control-[), para crear una ilusión de que la cuerda atraviesa el anillo.

send rope to backsend rope to backsend rope to back

3. Cómo Dibujar Etiquetas

Paso 1

¡Comienza dibujando nuestra primera etiqueta!

Combina un círculo y un rectángulo con bordes redondeados al presionar Unificar (el primer ícono en la parte superior izquierda) en el panel Buscatrazos.

draw labeldraw labeldraw label

Paso 2

'Perfora' un hoyo en nuestra etiqueta usando la opción Menos Frente en el panel Buscatrazos.

cut out holecut out holecut out hole

Paso 3

Agrega un Degradado arriba de la eitqueta (Multiplicar, 50%, Opacidad).

add gradientadd gradientadd gradient

Paso 4

Coloca el hoyo con el anillo arriba de la etiqueta.

add ropeadd ropeadd rope

Paso 5

Puedes escribir algo en la etiqueta-elegí 'SALE'.

write salewrite salewrite sale

Paso 6

Agrega el moño.

add bowadd bowadd bow

Paso 7

También puedes crear etiquetas con forma de elipse, triángulo, rectángulo y círculo.

ellipse labelellipse labelellipse label
triangle labeltriangle labeltriangle label
rectangle labelrectangle labelrectangle label
circle labelcircle labelcircle label

Paso 8

¡La colección terminada!

final collectionfinal collectionfinal collection

¡Felicidades, Ahora Terminaste!

Gracias por seguir, y por favor con toda confianza publica tu resultado en los comentarios. ¡Estaré deseoso de verlo!

En éste tutorial, aprendiste cómo crear un conjunto de etiquetas de venta usando la Herramienta Malla.

Espero que hayas disfrutado éste tutorial y aprendido cómo utilizar la Malla de Degradado para el futuro! Consulta algunos de mis otros tutoriales sobre vectores en mi perfil de instructor.

Puedes comprar el Gran Conjunto de etiquetas de venta con moños de regalo rojos así como otros diseños similares en mi portafolio en Graphic River.

Set of sales tagsSet of sales tagsSet of sales tags
Gran Conjunto de etiquetas de venta