..

Illustration: Draw a Spring-Time Perfume Bottle

Beginner level Adobe Illustrator Adobe Illustrator

In today’s tutorial, we are going to learn how to easily illustrate a nice perfume bottle in a floral setting, using Adobe Illustrator. To create the pink stylish look, we will take advantage of Live Corner Widgets, Transparency panel, Stylize Effects, Offset, Pen & Type Tool, the Pathfinder panel as well as the Reflect Tool.

Before we start download these 2 fonts and set them up: Nickainley & Rubik font.

Let’s get to spritzing on a new fresh scent!

How to Set up Document

Step 1

We will start by setting up our file Control + N to create a New Document

Select the Print format.

  • Number of Artboards: 1
  • Width: 1500 px
  •  Height: 1500 px
  •  Units: Pixels
01.png

Step 2

Once we’ve set up our project file, let’s lay out our layers from Layers panel (Window → Layers). Click the Create New Layer icon and create 5 layers in the following order:

  • HIGHLIGHTS
  • BOW + TEXT
  • PERFUME BOTTLE
  • FLOWERS
  • BACKGROUND
02.png

How to Illustrate the Perfume Bottle Shape

Step 1

Let's start by getting on the ‘PERFUME BOTTLE’ layer, and drawing the body of the perfume bottle.

For this step it’s important to turn on our Smart Guides (Control + U).

Select the Rounded Rectangle Tool with null Fill & black Stroke.

For the Perfume body, tap once on the artboard to open the Rounded Rectangle dialog box, and set:

  • Width: 590,59 px
  • Height: 631,46 px
  • Corner Radius: 39 px

Then for the head, use the Rectangle Tool (R) set at:

  • Width: 175,06 px
  • Height: 116,75 px

Select both shapes. Open the Pathfinder panel (Window → Pathfinder), and Shape Modes: Unite both objects.

03.png

Step 2

With the new shape selected, Object → Path → Offset Path, set at:

  • Offset: -30 px
  • Joins: Round
  • Miter Limit:  4
  • OK

Take the Direct Selection Tool (A) to select the bottom corner anchor points for the Live Corner Widgets to appear. Then round the Corners: 69px from top menu bar.

And for the last bit, select the Anchor Point Tool (Shift + C) and arc slightly upwards as shown.

04.png

Step 3

Now to create a see-thru space within our bottle. Take the new created shape and Object → Path → Offset Path, set at:

  • Offset: -20 px
  • Joins: Round
  • Miter Limit:  4
  • OK

Select the outer shape and make a Copy (Control + C) → (Control + F) to Paste to Front.

Pathfinder: Shape Modes: Minus Front

Apply Fill #FFB8D8 and then Send Backward (Control + [)

05-1652511717035122.png


Step 4

When you are done, select both the outer and inner frame and apply a Shape Modes: Minus Front, from Pathfinder panel.

Remove the Stroke and apply Fill #FAD0E1. Then Effect → Stylize → Inner Glow...

  • Mode: Multiply
  • Color #F5B4D1
  • Opacity: 100%
  • Blur: 17 px
  • Check Edge
  • OK

Then with shape selected, Object → Path → Offset Path at -10px and apply from Transparency panel a Blending Mode: Screen at 33%.

Then repeat with that new shape, Object → Path → Offset Path at -10px and apply a Blending Mode: Multiply at 33%.

06.png

Step 5

To make the liquid inside the bottle, create a Rectangle of 545x513px.

Object → Arrange → Send to Back (Shift + Command + [), and place it behind the front frame.

Next we need to apply gradient from the Gradient panel  (Window → Gradient):

  • Type: Linear
  • Angle: -90°
  • Gradient Slider: #FCD0BE + #FAE9F2 + FCCCB9

Then follow by applying an Effect → Stylize → Inner Glow...

  • Mode: Multiply
  • Color #F3C8B7
  • Opacity: 100%
  • Blur: 40px
  • Check Edge
  • OK
07.png


Step 6

Move on to create the perfume sprayer by drawing the following shapes:

1. Sprayer Nozzle: Rectangle Tool (M), 129.6x83.8px, Fill #D090BB
2. Sprayer: Ellipse Tool (L), 51.8px Circle, Fill #AE6A9B, then create another ellipse 31.9px & centered
3. Highlight & Shadow: Rectangle Tool (M), 22.9x72.8px, Fill #EFCBDC + 7.9x72.8px, Fill #C07CAC + 12.9 x 72.8px, Fill #AE6A9B
4. Sprayer Base: 55.8 x 103.7px, Fill #C07CAC
5. Plastic Tube: Rectangle Tool (M), 15.9x573.6px, Fill #FBD6DB

Center align as shown

08.png

Step 7

Select the plastic tube and apply Effect → Warp → Arc, and apply a Vertical Bend of -16%.

Select the Sprayer base + plastic tube and Send to Back (Shift + Control + [) Then select the tube and apply a Blending mode: Multiply from Transparency panel.

09-1834281431489281.png



Step 8

Now let's move on to the cap. You can  make the cap by creating the following:

1. Rectangle Tool (M), 397x125.7px, Fill #FAD0E1, and apply an Effect → Stylize → Inner Glow of Multiply, #FBD6E6, Blur: 17 px, Edge and OK.
2. Draw another rectangle on top 397x31.4px, with the same effects.
3. With the top rectangle selected, select the Free Transform Tool (E), apply the Perspective Distort on top anchors to 394 px approx.
4. Select both shapes, Object → Path → Offset Path, set at:
  • Offset: -10 px
  • Joins: Miter
  • Miter Limit: 4
  • OK
5. Select all the cap shapes and Object → Arrange → Send to Back (Shift + Command + [)
10-2004331161991902.png


Step 9

Select the 2 outer shapes, make a Copy (Control + C) → (Control + F) to Paste to Front.

Select the Free Transform Tool and shorten the width towards the center.

Object → Arrange → Bring to Front (Shift + Command + ]), and apply a Blending Mode: Multiply from Transparency panel.

11.png


Step 10

Every bottle needs a label, so let's create one. We will create a badge to place the brand name in.

Take the Rectangle Tool (M), white Stroke, null Fill, and draw a 347.1x209.6px frame.

Within the frame draw another 307.1x169.5px rectangle.

 Copy (Control + C) → (Control + F) to Paste to Front, apply a #FACCD5 Fill, and Multiply: Blending Mode, then Send Backwards (Control + [).

Lock the 'PERFUME BOTTLE' layer.


12-2031412118663909.png

Step 11

Move on to the 'BOW & TEXT' layer. Let us give our perfume a name.

Take the Type Tool, create a point text, with white Fill.

Center Align from menu bar.

Type in 'Spring', and from Character panel (Window → Type → Character) and set:

  • Font Family: Nickainley
  • Font Size: 100 pt

Create another point text under and type in 'PARIS' with:

  • Font Family: Rubik
  • Font Size: 38 pt
  • Tracking: 300
13-134929948103784.png


How to Create a Bow-Tie

Step 1

Moving on let's create a signature bow tie for our perfume bottle. We need to create a few shapes.

1. Take the Rectangle Tool (M) and with black Stroke draw a 214.2x126.3px rectangle.
2. Use the Free Transform Tool (E), apply the Perspective Distort on left anchors slight create bow form.
3. Alt + Shift + Drag as a shortcut to duplicate the form.
4. For the first bow shape apply a Effect → Warp → Arch, Horizontal, Bend: 16%.
5. For the second bow shape apply a Effect → Warp → Bulge, Horizontal, Bend: 16%.
6. Select both rectangles: Object → Expand Appearance
14.png


Step 2

We need to create 2 more parts:

1. For the Bow-tie center knot:Draw a rectangle 75.9x86.4 px, apply a Effect → Warp → Inflate: 38%, and Object → Expand Appearance.
2. For the Ribbon: Draw another rectangle 129x81 px, apply a Object → Path → Add Anchor Points. Use the Direct Selection Tool (A) to move the middle right anchor slightly inwards to create a ribbon.
15.png


Step 3

Now let's give our new shapes some color.

1. Bowtie center knot: Apply a pinkish tone Linear Gradient, -90°, Fill of #F59CB7 to #F38AA2.
2. Ribbon Shape: Fill #E26A8B
3. Both Bow shapes: Apply a pinkish Linear Gradient, 0° , Fill #ED7091 to #F38AA2.


16.png


Step 4

Next you need to add some fold and assemble the bow-tie together. Select the Pen Tool (P), and draw within each bow shape a sideways tear drop with Fill #E05882, as shown below.

Then draw an eye shape beneath the arc of the bow, as shown. Group (Control + G) each bow to it's respective elements. Then we need to assemble it together, using the Rotate Tool (R) and Object → Arrange options to position them in order.

17-1638242057414014.png


Step 5

Select the elements of the bow except the center knot. Copy (Control + C) → (Control + F) to Paste to Front.

Select the Reflect Tool (O), position point of axis in the center of the knot. Shift + drag to constrain the angle by 45°, and reflect it across 180°. And position the bow on the bottle neck.

Lock the BOW & TEXT layer.

18.png


Add Some Highlights

Step 1

Jump onto the 'HIGHLIGHTS' layer. Select the Blob Brush Tool (Shift + B), and apply a white Linear gradient with the end of the Gradient Slider: Opacity set at 0%.

Draw in some random blobs around the edges to show reflection.

19.png


How to Add a Simple Floral Background

Step 1

To create a simple background, jump onto the 'BACKGROUND' layer. Use the Rectangle Tool (M) to draw a 1399x795 px rectangle, with Fill #FBD6DB, and place as shown.

Use the Ellipse Tool (L) to draw a 867.9x85.7 px ellipse, with Fill #FCE9EA, and place on the lower part of the perfume bottle to represent a shadow.

Lock the 'BACKGROUND' layer.

20-183352445368352.png

Step 2

Let's add some touches by adding flowers to the setting on the 'FLOWERS' panel.

1. Draw an Ellipse 147x147 px, with Fill #F38AA2.
2. Object → Path → Add Anchor Points
3. Effect → Distort & Transform → Pucker & Bloat at 13%
4. Copy (Control + C) (Control + F) to Paste to Front to copy the shape.
5. Free Transform (Control + E) to scale down proportionally holding Shift key, and apply a Fill #E75684.
6.Use the Ellipse Tool (E) and draw white circle, 24.5x24.5 px ellipse in center then Group (Control + G) the 3 elements together.


21.png

Step 3

Let's multiply the flower by Option + Shift + Drag as a shortcut to duplicate, 2 more flowers.

Then take the Direct Selection Tool (A) and change the Fills to: White + #F9AE94 + #E05882

22.png

Step 4

Finally, take the Pencil Tool (N) with a 6 pt Stroke color #839C53, and freehand draw some stems for the flowers.

Select all 3 stems and Object → Arrange → Send to Back (Shift + Control + [)

Then take the Pen Tool (P) with a Fill of #839C53, and freehand draw some crescent shaped leaves.

23.png

Beautiful!

Well done!

Glad you enjoyed my tutorial, on creating a simple perfume bottle using basic shapes and effects. Hope you learnt some useful and new tricks to create your own creative design! If you have any questions, please feel free to type it in the comments section below.

24.png



What do you think of this tutorial?

Discussion

There is nothing like designing a sweet floral fragrance for the spring season. In today’s tutorial, we are going to learn how to illustrate a nice perfume bottle in a floral setting, using Adobe Illustrator.

Share