How to customize an existing typography

0 Projects

In this graphic design tutorial you'll learn how to customize an existing typography with colours, patterns and blending modes.

Hello there! Today we will be doing a video tutorial on how to customize a font using basic dot and line patterns. We'll start out by writing a word. For this we're going to be using the "railway" typeface which we have right over here. Now, we're increasing the size of the font and we're going to adjust the kerning between the characters until we're happy with the result. Now, we're going to create outlines using Cmd+Shift+O, and then ungroup them. First we'll be working on the D letter. Copy and paste it on the same spot using Cmd+C and Cmd+F and then erase. Repeat the process using Cmd+C and Cmd+F, and erase again. Now head to Pathfinder and select trim, ungroup and... Let's get started with the colors! This part is going to be yellow. We will use mint green for the second one and purple for the last one. Now, we're going to add some patterns. For this, we're going to copy and paste on the same spot. And we're going to find a striped pattern. Patterns are right here: patterns>basic graphics. And here are the basic ones. We are going with a lines pattern. And we're going to apply from the transparency panel, the Screen blending mode, so that we achieve this effect. For this part we'll be doing the same. We'll choose the circle pattern this time. And we'll apply the screen blending mode too. With this, the first letter is ready to go!
The transcript in this language is not yet available. We are working on it, please come back later!

Now you can show the world what you have learned.

Add a new project

Help us to improve tutpad

What's your opinion of this tutorial?

american-express behance calendar check cloud comment cross disabled down download dribbble envelope error exclamation facebook file filter folder globe google+ heart heart home inbox info instagram vimeo interogation laptop left linkedin lock logout marker master-card minus prev notification pause paypal pencil phone pinterest play forward plus prev refresh resize right save search settings share star stop stumbleupon support tablet tag thumb-down thumb-up time trash twitter unlock up upload url user visa warning youtube zoom-in zoom-out fire menu-burger eye paper-plane shopping-cart subtitles icon photo vector mockup video flame copyright volume list fullscreen stats earnings receipt bug replay beginner intermediate advanced English clip suitcase French Spanish Italian Brazilian happy neutral-happy neutral neutral-sad sad premium spinner cookie credit-card align-left align-center align-right justify bold underline italic typography link right-quotations list-editor