..

Ilustración: Dibuja un frasco de perfume

Nivel Principiante Adobe Illustrator Adobe Illustrator

En el tutorial de hoy, vamos a aprender a ilustrar fácilmente en Adobe Illustrator un elegante frasco de perfume dentro de una composición floral. Para crear ese aspecto tan distinguido, aprovecharemos las funciones de vértices interactivos, el panel Transformar, los efectos de estilizar, los desplazamientos, las herramientas Pluma y Texto, el panel Buscatrazos y la herramienta Reflejo.

Antes de empezar, descarga e instala estas dos fuentes: Nickainley & Rubik.

¡Rodeémonos de esta nueva fragancia!

Cómo configurar el documento

Paso 1

Comencemos por configurar un documento nuevo. Créalo pulsando Control + N.

Selecciona el formato Imprimir.

  • Número de mesas de trabajo: 1
  •  Anchura: 1500 px
  •  Altura: 1500 px
  •  Unidades: Píxeles
01.png

Paso 2

Una vez que hayas configurado el documento, tendrás que organizar una serie de capas desde el panel Capas (Ventana → Capas). Haz clic en el botón de Crear una capa nueva varias veces para crear estas cinco capas:

  • REFLEJOS
  • LAZO Y TEXTO
  • FRASCO DE PERFUME
  • FLORES
  • FONDO
02.png

Cómo dibujar la forma del frasco de perfume

Paso 1

Selecciona la capa "FRASCO DE PERFUME" para empezar a dibujar el frasco.

Para este paso, es importante que actives las guías inteligentes (Control + U).

Activa la herramienta Rectángulo redondeado, desactiva el relleno y elige un trazo de color negro.

Hagamos el cuerpo del frasco. Haz clic en la mesa de trabajo para abrir el cuadro de diálogo de rectángulo redondeado y aplica los siguientes ajustes:

  • Anchura: 590,59 px
  • Altura: 631,46 px
  • Radio de vértice: 39 px

Después, para la parte superior, usa la herramienta Rectángulo (R) y los siguientes ajustes:

  • Anchura: 175,06 px
  • Altura: 116,75 px

Selecciona ambas formas. Abre el panel Buscatrazos (Ventana → Buscatrazos) y haz clic en la opción de Unificar.

03.png

Paso 2

Selecciona la nueva forma unificada y ve a Objeto → Trazado → Desplazamiento. Aplica los siguientes ajustes:

  • Desplazamiento: -30 px
  • Uniones: Redondas
  • Límite en ángulo: 4

Activa la herramienta Selección directa (A) y selecciona los puntos de ancla inferiores para que aparezcan los widgets Vértices interactivos. Después, redondea los vértices 69 px.

Activa la herramienta Punto de ancla (Mayús + C) y curva la parte inferior ligeramente hacia arriba, tal como se ve en la imagen de referencia.

04.png

Paso 3

Vamos a crear el espacio de separación entre los bordes del frasco y los del contenido. Selecciona la forma del frasco y ve a Objeto → Trazado → Desplazamiento. Aplica los siguientes ajustes:

  • Desplazamiento: -20 px
  • Uniones: Redondas
  • Límite en ángulo: 4

Selecciona la forma exterior, créale una copia y pégala delante (Control + C → Control + F).

Ve al panel Buscatrazos y haz clic en la opción de Menos frente.

Asigna al relleno el color #FFB8D8 y envía la forma hacia atrás (Control + 9).

05-1652511717035122.png


Paso 4

Cuando hayas terminado con el paso anterior, selecciona tanto el borde exterior como el interior y haz clic en la opción de Menos frente del panel Buscatrazos.

Desactiva el trazo y asigna al relleno el color #FAD0E1. Luego, ve a Efecto → Estilizar → Resplandor interior...

  • Modo: Multiplicar
  • Elige el color #F5B4D1
  • Opacidad: 100%
  • Desenfocar: 17 px
  • Marca la casilla de Borde

Luego, con la forma seleccionada, ve a Objeto → Trazado → Desplazamiento, introduce un valor de -10 px y, desde el panel Transparencia, aplica el modo de fusión Trama al 33 % de opacidad.

Repite este mismo proceso con la nueva forma: ve a Objeto → Trazado → Desplazamiento, introduce un valor de -10 px y aplica el modo de fusión Trama al 33 % de opacidad.

06.png

Paso 5

Para hacer el líquido que estará dentro del frasco, crea primero un rectángulo de 545x513 px.

Ve a Objeto → Organizar → Enviar detrás (Mayús + Control + 9) para colocarlo por detrás de la forma principal.

Ahora, necesitamos aplicar un degradado desde el panel Degradado (Ventana → Degradado). Usa los siguientes ajustes:

  • Tipo: Lineal
  • Ángulo: -90°
  • Reguladores de degradado: #FCD0BE + #FAE9F2 + FCCCB9

Después, ve a Efecto → Estilizar → Resplandor interior...

  • Modo: Multiplicar
  • Elige el color #F3C8B7
  • Opacidad: 100%
  • Desenfocar: 40 px
  • Marca la casilla de Borde
07.png


Paso 6

Pasemos a crear el pulverizador. Para ello, crea las siguientes formas:


1. Boquilla del pulverizador: Rectángulo de 192,6x83,8 px, con relleno de color #D090BB.
2. Pulverizador: Círculo de 51,8x51,8 px, con relleno de color #AE6A9B. Después, otro círculo, de 31,9x31,9 px centrado al anterior.
3. Reflejo y sombra: Rectángulo de 22,9x72,8 px, con relleno de color #EFCBDC. Después, otro de 7,9x72,8px, con relleno de color #C07CAC y otro de 12,9x72,8px, con relleno de color #AE6A9B.
4. Base del pulverizador: Rectángulo de 55,8x103,7px, con relleno de color #C07CAC.
5. Tubo de plástico: Rectángulo de 15,9x573,6 px, con relleno de color #FBD6DB.

Centra las formas tal como se ve en la imagen de referencia.

08.png

Paso 7

Selecciona el tubo de plástico y ve a Efecto → Deformar → Arco. Elige una curvatura vertical con un valor de -16 %.

Selecciona la base del pulverizador y el tubo de plástico y envía detrás ambas formas (Mayús + Control + 9).

Luego, selecciona el tubo y aplica el modo de fusión Multiplicar desde el panel Transparencia.

09-1834281431489281.png



Paso 8

Pasemos al tapón. Puedes crearlo haciendo lo siguiente:

1. Un rectángulo de 397x125,7 px, con relleno de color #FAD0E1. Ve a Efecto → Estilizar → Resplandor interior, elige el modo Multiplicar, el color #FBD6E6, un desenfoque de 17 px y, por último, marca la casilla de Borde.
2. Dibuja encima otro rectángulo, de 397x31,4 px, que tenga el mismo efecto.
3. Con el rectángulo superior seleccionado, activa la herramienta Transformación libre (E) y aplica una distorsión de perspectiva de unos 394 px a los puntos de ancla superiores.
4. Selecciona ambas formas, ve a Objeto → Trazado → Desplazamiento y usa los siguientes ajustes:

  • Desplazamiento: -10 px
  • Uniones: En ángulo
  • Límite en ángulo: 4

5. Selecciona todas las formas del tapón y ve a Objeto → Organizar → Enviar detrás (Mayús + Control + 9).

10-2004331161991902.png


Paso 9

Selecciona las dos formas exteriores, créales una copia (Control + C) y pégalas delante (Control + F).

Activa la herramienta Transformación libre y estrecha la anchura hacia el centro.

Ve a Objeto → Organizar → Traer al frente (Mayús + Control + 8) y aplica el modo de fusión Multiplicar desde el panel Transparencia.

11.png


Paso 10

Todo frasco necesita una etiqueta, así que creemos una. En ella también incluiremos la marca.

Activa la herramienta Rectángulo (M) y crea un rectángulo de 347,1x209,6 px que tenga el trazo de color blanco y el relleno desactivado.

Dibuja dentro otro rectángulo de 307,1x169,5 px.

Cópialo (Control + C) y pégalo delante (Control + F). Asígnale un relleno de color #FACCD5 y el modo de fusión Multiplicar. Después, envíalo hacia atrás (Control + 9).

Bloquea la capa "FRASCO DE PERFUME".


12-2031412118663909.png

Paso 11

Pasa a la capa "LAZO Y TEXTO". Vamos a darle al perfume un nombre.

Activa la herramienta Texto y crea una caja de texto con el relleno de color blanco.

Céntrala desde el menú situado en la parte superior de la pantalla.

Escribe "Spring", abre el panel Carácter (Ventana → Texto → Carácter) y usa los siguientes ajustes:

  • Familia de fuentes: Nickainley
  • Tamaño de fuente: 100 pt

Crea otra caja de texto debajo, escribe "PARIS" y usa los siguientes ajustes:

  • Familia de fuentes: Rubik
  • Tamaño de fuente: 38 pt
  • Tracking: 300
13-134929948103784.png


Cómo crear el lazo

Paso 1

Sigamos adelante y creemos un lazo para el frasco de perfume. Necesitaremos unas cuantas formas.

1. Activa la herramienta Rectángulo (M) y dibuja un rectángulo de 214,2x126,3 px que tenga un trazo de color negro.

2. Activa la herramienta Transformación libre (E) y aplica una distorsión de perspectiva a los puntos de ancla izquierdos para crear un trapecio.

3. Duplica la forma arrastrándola mientras mantienes Ctrl + Mayús.

4. Para la primera forma, ve a Efecto → Deformar → Arco y aplica una curvatura horizontal del 16 %.

5. Para la segunda forma, ve a Efecto → Deformar → Abombar y aplica una curvatura horizontal del 16 %.

6. Selecciona ambos rectángulos y ve a Objeto → Expandir apariencia.

14.png


Paso 2

Tenemos que crear dos partes más.

1. Para el nudo del lazo, dibuja un rectángulo de 75,9x86,4 px. Ve a Efecto → Deformar → Inflar e introduce un valor del 38 %. Luego, ve a Objeto → Expandir apariencia.

2. Para el propio lazo, dibuja otro rectángulo, pero esta vez de 129x81 px. Ve a Objeto → Trazado → Añadir puntos de ancla. Usa la herramienta Selección directa (A) para mover el punto de ancla central derecho hacia el interior.

15.png


Paso 3

Démosles a nuestras formas algo de color.

1. Para el nudo del lazo, aplica un degradado lineal que tenga un ángulo de -90° y los colores #F59CB7 y #F38AA2.

2. Para el propio lazo, usa un relleno de color #E26A8B

3. Para los extremos del lazo, aplica un degradado lineal que tenga un ángulo de 0° y los colores #ED7091 y #F38AA2.


16.png


Paso 4

Ahora habrá que añadir unos pliegues y unir todas las partes que componen el lazo.

Activa la herramienta Pluma (P) y, dentro de cada forma del lazo, dibuja una gota tumbada de lado que tenga un relleno de color #E05882. Fíjate en la imagen de referencia.

Dibuja una forma de ojo justo debajo del lado curvo, tal como se ve en la imagen de referencia.

Agrupa (Control + G) cada parte del lazo con sus elementos respectivos.

Unamos todas las partes. Usa la herramienta Rotar (R) y las opciones que encontrarás en Objeto → Organizar para que todo esté en su sitio correcto.

17-1638242057414014.png


Paso 5

Selecciona todos los elementos del lazo, excepto la parte central del nudo.

Copia (Control + C) y pega delante (Control + F).

Activa la herramienta Reflejo (O) y coloca el punto de referencia en el centro del nudo.

Arrastra mientras mantienes la tecla Mayús para cambiar el ángulo en incrementos de 45° y sigue hasta que hayas reflejado las formas 180°.

Coloca el lazo sobre el cuello del frasco.

Bloquea la capa "LAZO Y TEXTO".

18.png


Cómo añadir reflejos de luz

Paso 1

Pasa a la capa "REFLEJOS".

Activa la herramienta Pincel de manchas (Mayús + B) y aplica un degradado lineal cuyo regulador de degradado de la derecha tenga una opacidad del 0 %.

Dibuja unas manchas al azar por los bordes para crear los reflejos.

19.png


Cómo añadir un fondo floral simple

Paso 1

Para crear un fondo simple, pasa primero a la capa "FONDO".

Activa la herramienta Rectángulo (M) y dibuja un rectángulo de 1399x795 px que tenga un relleno de color #FBD6DB. Colócalo tal como se ve en la imagen de referencia.

Activa la herramienta Elipse (L) y dibuja una elipse de 867,9x85,7 px que tenga un relleno de color #FCE9EA. Colócala en la parte inferior del frasco de perfume para que parezca su sombra.

Bloquea la capa "FONDO".

20-183352445368352.png

Paso 2

Añadamos ahora unas flores a la composición en la capa "FLORES".

1. Dibuja un círculo de 147x147 px que tenga un relleno de color #F38AA2.

2. Ve a Objeto → Trazado → Añadir puntos de ancla.

3. Ve a Efecto → Distorsionar y transformar → Fruncir y engordar e introduce un valor del 13 %.

4. Copia (Control + C) y pega delante (Control + F) para duplicar esta forma.

5. Activa la herramienta Transformación libre (E) y reduce la escala proporcionalmente mientras mantienes Mayús. Aplica un relleno de color #E75684.

6. Activa la herramienta Elipse (L) y dibuja un círculo de 24,5x24,5 px en el centro. Luego, agrupa (Control + G) los tres elementos.


21.png

Paso 3

Duplica la flor arrastrándola mientras mantienes Control + Mayús. Hazlo dos veces.

Ahora, activa la herramienta Selección directa (A) y cambia los rellenos a blanco #F9AE94 y #E05882.

22.png

Paso 4

Por último, activa la herramienta Lápiz (N) y, con un grosor de 6 pt y el color #839C53, dibuja a mano alzada los tallos de las flores.

Selecciona los tres tallos y ve a Objeto → Organizar → Enviar detrás (Control + Mayús + 9).

Luego, activa la herramienta Pluma (P) y, con un relleno de color #839C53, dibuja a mano alzada unas cuantas hojas en forma de media luna.

23.png

¡Fantástico!

¡Bien hecho!

Espero que te haya gustado este tutorial sobre cómo crear un frasco de perfume usando solo formas básicas y efectos. ¡Si has aprendido algún truco nuevo y útil durante el proceso, mejor aún! Si tienes alguna pregunta, escríbela en la sección de comentarios.

24.png



¿Qué opinas de este tutorial?

Comentarios

No hay nada como diseñar una fragancia floral para la temporada de primavera. En el tutorial de hoy, vamos a aprender a ilustrar en Adobe Illustrator un elegante frasco de perfume dentro de una composición floral.

Compartir