Home > Tutorials, Wallpapers > Create a Super Cool Frilled Typography

Create a Super Cool Frilled Typography


Typography is the best way to start learning Graphic Design. You can experiment a lot and also learn a lot of cool effects and unravel certain mysteries in Photoshop. Now, we are going to create an amazing vector based typography with frills and give it an authentic fabric look. The outcome of the final image is going to be really great and once done, I am pretty sure you will appreciate it. So, lets get to work..

Step 1
The first thing to do is to find the elements we will use. We shall be using swirl vector images which can be found in deviant art. I have uploaded the set which I have used in this tutorial here.

Step 2
Open Photoshop and create a new document. I used 1680×1050 pixels. After that, type ‘richworks’ and go to Layer>Layer Style>Gradient Overlay. Use Red, Yellow, Green, and Light Blue for the colors as I have shown in the image belwo. I used the font “Champagne and Limusines” for the typeface which can be downloaded at dafont.com


Step 3
Let’s start mixing the vectors with the type. First you will have to find the right “ornament” for the letter you want. Then you will have to place it in a way that it follows the shape of that letter. In the image below you can see that the “ornament” seems to be coming from the letter “r”. You may have to apply a layer style “Color Overlay” with the corresponding color of the text so that it appears as though the letter has “grown” the “ornament”

After you align the ornament with the letter, it’s time to add some depth. To do that let’s use the Layer Styles. Go to Layer>Layer Styles>Drop Shadow. Use Multiply for the Blend Mode, Black for the color, 100% Opacity, -60% Angle, Distance of 5 pixels and Size of 5 pixels as well.


Step 4
Here let’s create a layer from the shadow of the layer style. To do that click with the right button of the mouse on the layer with the drop shadow in the layer palette. Then select Create Layer from the menu. That’s it, you’ll now have a layer with the shadow.

Step 5
Now that you have the shadow in a layer let’s apply a mask. Go to Layer>Layer Mask>Reveal All. Then select the Brush Tool(B). The color will be black and the brush will be regular with a diameter of 45 pixels and 0% hardness. Then just paint the mask to hide some parts of the shadow. The idea is to create the impression that the ornament is coming from, and passing above the letter.


Step 6
Repeat the same thing for the other letters. Try to choose the best fit swirl for the letters. After it is done, organize the swirls of each layer into separate groups as shown below


After that select the word layer and the swirl layers and group them together and rename the group to “logo”. Merge the group by Right Clicking on the “logo” group and selecting ‘Merge Group’
Tip: As I mentioned earlier, always use the color of the exact part of the letter that the ornament will come from.

Use the image below as a reference.


Step 7
Here let’s add some texture to the image. You can hide the other layers. We’ll use some textures from a blog called DesignRiver.


I have provided the texture here. You can download it and place the image in the document. Because the image is 1500 pixels and the document is 1680 pixels, you’ll have to duplicate the image and fill the remaining part of the document with it. After that go to Image>Adjustments>Hue/Saturation. Use Hue 49, Saturation 19, Lightness +35.


Step 8
Download the below shown texture as well and paste it on a new layer just like in the previous one. Then change the Blend Mode to Overlay and go to Image>Adjustments>Hue/Saturation. Use Hue +2, Saturation -41, Lightness -75.


The output must look something similar to the image below:


Step 9
Download the “Old Paper Texture by lailomeiel” (given below) and paste that in a new layer in the document.


It will go over the other textures, then just change the Blend Mode to Color burn. Now, select all texture layers and group them. Rename the group Textures.


Step 10
Select the merged logo layer and then keep it above all the other layers, then go to Layer>Layer Style>Drop Shadow. Use Color Burn for the Blend Mode, 100% Opacity, -60º for the Angle, Distance and Size of 5px.


Step 11
Duplicate the “texture” group and change the blend mode of the “paper” layer to Overlay. Merge the group in order to create a unique layer from it. Change the order of the layers and put the new texture layer on top of the logo layer. Then go to Layer>Create Clipping Mask and change the Blend Mode to Multiply. Duplicate the texture layer again making sure that it is still with the clipping mask. Then just change the Blend Mode to Overlay.


Step 12
Group the “Logo” layer with the two texture clipping mask layers. Duplicate the group and merge it to a single layer. Then go to Filter>Blur>Gaussian Blur. Use 4.5 pixels for the Radius and change the Blend Mode to Screen and 80% Opacity.


In this tutorial we learnt how to mix some vector ornaments with a word to produce a nice typography. We also played around with vintage textures and cliping masks that gave our image an authentic fabric look. You can create many variations of this effect by using different textures and layer styles. Below I added a Radial Gradient so the textures only appear where the logo is. The final outcome ultimately depends on the experimentation. Good Luck!!

A special thanks to Abduzeedo for this amazing tutorial.

finalClick on the image to download the original version

  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: