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

Cómo crear plantillas para Banners, Etiquetas e Insignias en Illustrator

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

En este tutorial vas a aprender cómo crear diferentes plantillas para banners, etiquetas e insignias que puedes usar en tus futuros proyectos artísticos.

Si estás buscando elementos que estén listos para ser usados en tus proyectos ahora mismo, échale un vistazo a la selección de etiquetas en el Mercado Envato.


1. Crear un banner tradicional

Paso 1

Después de crear un nuevo documento, usa la Herramienta Rectángulo (M) y crea un rectángulo largo. Haz que sea de color (R=241, G=96, B=124).

Paso 2

Dibuja otro rectángulo detrás del primero presionando las teclas Control-C y Control-B. Dale un color un poco más oscuro (R=221, G=47, B=97).

Paso 3

Activa las Guías Inteligentes (Ver>Guías Inteligentes) y coloca un punto de ancla en el centro del lado izquierdo de nuestro rectángulo. Coge la Herramienta Selección Directa (A) y mueve el punto de ancla hacia la derecha.


Paso 4

Selecciona las dos formas que has creado y haz una copia de las mismas (Control-C, Control-F). Luego ve al panel del Buscatrazos y presiona el botón Formar Intersección. Colorea la nueva forma con R=196, G=14, B=66.

Paso 5

Y ahora... el truco: coge la Herramienta Selección Directa (A) y selecciona dos puntos de ancla tal y como muestra la imagen de aquí abajo, Ve al panel Alinear y presiona Alineamiento Vertical Inferior.

Esto es lo que conseguirás:

Paso 6

Selecciona la forma más oscura, haz clic derecho en el ratón y elige Organizar > Enviar Detrás.

Paso 7

Sería bueno que las Guías Inteligentes (Ver > Guías Inteligentes) estuviesen todavía activas. Te será sencillo realizar un reflejo.

Selecciona el rectángulo oscuro (R=221, G=47, B=97) y el más oscuro (R=196, G=14, B=66) (acuérdate de dejar pulsado el botón Mayúsculas para seleccionar las dos figuras al mismo tiempo) y presiona el botón derecho del ratón. Luego selecciona Transformar > Reflejo y el eje Vertical en la nueva ventana que aparece. Presiona Copiar. Mueve las nuevas copias hacia la derecha. ¡Ya lo tienes!

2. Crear un banner curvado hacia arriba

Paso 1

Haz otra copia (Control-CControl-V) de este banner y cambia su color a naranja. Yo he usado R=244, G=125, B=48 (naranja), R=232, G=90, B=12 (naranja más oscuro) y R=207, G=77, B=6 (el naranja más oscuro). Pero, por supuesto, tú puedes usar el color que quieras.

Paso 2

Agrupa todo el banner (clic derecho > Agrupar). Ve a Efecto > Deformar > Arco y ajusta las opciones tal como muestra la imagen.

Paso 3

Vamos a crear un banner curvado hacia abajo.

Haz una copia del banner naranja y cambia su color a amarillo. Asegúrate de que todo el banner está agrupado. Ve al panel Apariencia y haz clic sobre Deformar: Arco. En la ventana que aparece ajusta el valor de la sección Curvar a -50%. Aquí puedes ver el resultado:


3. Crea un banner con Efecto Pespunte

Paso 1

Para cambiar los colores usa los siguientes valores: R=179, G=30, B=59 (el rojo más claro); R=142, G=9, B=47 (un rojo más oscuro); R=109, G=3, B=33 (el rojo más oscuro). Estira el banner usando la Herramienta Selección (V).

Paso 2

Dibuja dos líneas blancas usando la Herramienta Segmento de Línea (\).

Paso 3

Ve al panel Trazo y seleccionar Línea Discontinua. Dale un valor de 4 pt en el primer grosor.

Paso 4

Pon estas líneas discontinuas en las figuras traseras del banner.

Paso 5

Y también en la otra parte.

4. Crea una insignia con el Efecto Zigzag

Paso 1

Usando la Herramienta Elipse (L), dibuja una de color azul (R=34, G=188, B=185).

Paso 2

Ve a Efecto > Distorsionar y Transformar > Zigzag. Ajusta las opciones tal como muestra la imagen.

Paso 3

Crea una copia más de esta insignia, asegúrate de que la figura resultante está seleccionada y echa un vistazo al panel Apariencia.

Haz clic en Zigzag y en la sección Puntos selecciona Suavizar en lugar de Vértice. Cambia el color de relleno a R=163, G=165, B=16.


5. Crea una Insignia con el Efecto Fruncir y Engordar.

Paso 1

Selecciona la Herramienta Polígono y simplemente haz clic sobre el área de trabajo. En la ventana que aparece introduce 20 lados y presiona OK. Ajusta su color a R=138, G=37, B=41.

Paso 2

Ahora selecciona Efecto > Distorsionar y Transformar > Fruncir y Engordar. Mueve la barra deslizante hasta el 9%. Pulsa OK.

Paso 3

Olvida el color de relleno. Para el color del trazo usa los valores: R=213, G=209, B=14.

Dibuja un círculo en el interior usando la Herramienta Elipse (L) y en el panel de Trazo activa la casilla Línea Discontinua. Dale un valor de 8 pt en el primer cuadrado del trazo.

6. Crea la forma básica de un Escudo

Paso 1

Selecciona la Herramienta Rectángulo (M) y dibuja uno con el color de relleno ajustado a R=243, G=115, B=33. Usando las Guías Inteligentes coloca un punto de ancla en la parte inferior del rectángulo usando la Herramienta Lápiz (P).

Paso 2

Pulsa la Herramienta Selección Directa (A) y arrastra hacia abajo el nuevo punto de ancla.

Paso 3

Selecciona Efecto > Deformar > Abombar y ajusta las opciones según se muestra en la imagen inferior.

Paso 4

Coloca el banner que creamos en el Paso 3 justo delante de él y mira qué aspecto tiene.

Paso 5

Realiza un reflejo Horizontal del banner: selecciona todo el banner, haz clic-derecho con el ratón y presiona Transformar > Reflejo. Luego elige Horizontal y pulsa OK.

Paso 6

Si tu banner estaba agrupado, desagrúpalo (clic-derecho > Desagrupar). Coloca las partes correspondientes detrás (Control-X, Control-B).

¡Un trabajo excelente! ¡Ya has acabado!

En unos pocos y sencillos pasos has aprendido a crear diferentes banners, etiquetas e insignias. Tienes las plantillas, todo lo que tienes que hacer es añadir un poco de texto y unos cuantos elementos de diseño. Felicidades, ¡has hecho un trabajo estupendo!

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.