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.
Let’s get to spritzing on a new fresh scent!
How to Set up Document
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
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:
- BOW + TEXT
- PERFUME BOTTLE
How to Illustrate the Perfume Bottle Shape
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.
With the new shape selected, Object → Path → Offset Path, set at:
- Offset: -30 px
- Joins: Round
- Miter Limit: 4
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.
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
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 + [)
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
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%.
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
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
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.
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
5. Select all the cap shapes and Object → Arrange → Send to Back (Shift + Command + [)
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.
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.
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
How to Create a Bow-Tie
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
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.
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.
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.
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.
Add Some Highlights
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.
How to Add a Simple Floral Background
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.
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.
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
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.
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.
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.
Tut DetailsBeginner level