Join us as we share the first in a brand new series of video tutorials to help you learn creative Typography design. Each episode will focus on building a single letter of the alphabet using a specific style inspired by current digital lettering and illustration trends!

In this first tutorial, we will build the letter P from two intertwining tubes using Adobe Illustrator

Here is an overview of the design process!

Start with sketches

It’s essential to start sketching to explore the style you want to use. Play around to see what works, and what looks best. The more you draw, the more the ideas will develop. Watch the video to learn why specific designs work better than others.

Create a vector illustration

Start by making the vertical tube using the rectangle tool and then tweak the shape using the pen tool and direct selection tool to round the ends to look more like tubes. You will also learn how to use a gradient to fill the tube and easily change the direction of the gradient, to best suit your design.

Use an opacity mask

For this design, we don’t want the letter to look flat, so we need to add the illusion of it being 3D by using an opacity mask and tweaking the gradient of the stroke. It’s also crucial to have a contrast between the two tubes.

Adding the opacity mask to the twisted tube helps to separate it from the vertical tube and creates the illusion of it coming in front and behind. Martin takes you through all the steps you need to follow to use the opacity mask to create the 3D illusion.

You will learn how to apply the mask, copy and paste the vertical tube within the mask and then to work backwards to selectively reveal the details that need to come in front of the vertical tube.

It sounds more complicated than it is – it’s pretty simple to create impressive 3D effects, once you learn the technique.

Add caps

The next step is to use the ellipse tool to draw the end of the tube caps and align them to the width of the tubes. Once you’ve created one, you can copy and rotate to the other instances.

Adjust the contrast and make final alterations

It’s at this stage that we start to finalise the details. If there isn’t enough contrast, you can change the gradient stroke and move the gradient colour stops to get the best effect. It’s helpful to bear in mind that light comes from above, so if you are looking to create a natural result, the lighter colours should be nearer the top.

It is also now time to make final adjustments to things like the size of the end caps and make sure you are happy with the curve of the P.


We hope you like this introduction to designing fun and unique letters.
There are plenty more refinements that can be made such as adding reflections, highlights and shadows which we will be covering later in the series.

Are you interested in becoming a Graphic Designer or Illustrator?

Join 10,000+ creatives and subscribe to our FREE Graphic Design Survival Kit newsletter.

You’ll  get instant access to our resource library and feel well equipped to make that next big leap in your design career.


Learn to work with Typography and create outstanding visuals that will turn you into a Photoshop Pro

Click here.


from Adobe Certified Instructors and industry professionals

About the author 

Shumi Perhiniak

Shumi is a self-taught graphic designer and illustrator who has worked for Toni&Guy, Renaissance Learning, Baker Ross, and many others.

Additionally, she owned a brick-and-mortar stationery shop selling her art prints and now sells wholesale to retailers and online shops under the brand name

Related topics you might be interested in

Top Graphic Design trends that will shape the creative industry in 2024 and beyond!

Continue reading

Get familiar with Type Anatomy, today we want to introduce you familiarise you with some odd but very useful typographic terms!

Continue reading

Having a hard time finding the perfect gift for your creative friends? We can help! Take a look at these 18 brilliant gifts for designers!

Continue reading

We will cover the basics of graphic design theory and explain everything you need to know to start creating beautiful designs!

Continue reading

Discover office inspiration and go behind the scenes of our own garden studio!

Continue reading

Find out how generative AI tools are reshaping the creative industry and how they will affect the jobs of designers!

Continue reading

Learn about the leading design portfolio platforms and how to create a killer portfolio

Continue reading