Tuesday , March 28 2017
A huge collection of 3400+ free website templates JAR theme com WP themes and more at the biggest community-driven free web design site
Screen Shot 2014-01-10 at 8.37.57 AM

How to create a Gold plated Typography by Tokunboh Opeyemi

In this Photoshop tutorial, I will show you step-by-step creation of this Gold-like typo plated effect in Photoshop. This is a beginner-level tutorial and I will show how easy it is to create a great looking typo effect in Photoshop using few steps. Let’s play!

Note: The tutorial is created in version CS6 – therefore some screengrabs may have slighting different layout as in the earlier version.

 

Step 1

 

Create a new document sized 2560px * 1600px with other values and specs same as the image below:

Screen Shot 2014-01-10 at 8.32.25 AM

We need to use the gradient tool to fill background layer with the radial gradient and colour shown below:

Screen Shot 2014-01-10 at 8.32.37 AM

 

 

Step 2:

Now, we need to draw a Gold-Bar using rounded rectangle shape, choose from the shape options or Press U on the keyboard to activate the shape tool:

Screen Shot 2014-01-10 at 8.32.49 AM

Set your foreground colour to the value below:

Screen Shot 2014-01-10 at 8.32.58 AM

Change your radius value to 30px and draw the shape in similar size on the canvas:

Screen Shot 2014-01-10 at 8.35.27 AM

 

Step 3:

Apply the following Layer Styles to the Shape,

Right-click on the Rectangle Layer and click on blending options:

Screen Shot 2014-01-10 at 8.35.41 AM

 

 

Step 4:

We are at the checkpoint of this tutorial,

Next, Type a letter using any font of your choice, but I recommend BEBAS for this tutorial:

Position the text inside the gold bar and change the text color to #5A3B10 and change the Blend Mode to Multiply

Screen Shot 2014-01-10 at 8.36.00 AM

Next Apply the following Layer Styles to the text, Bevel & Emboss and enter the values and color codes

Screen Shot 2014-01-10 at 8.36.20 AM

Apply Inner Shadow 

Screen Shot 2014-01-10 at 8.36.35 AM

Now, draw a rectangle shape, add the color code #FFD014 and rotate to the direction similar to the screengrab below:

Screen Shot 2014-01-10 at 8.37.33 AM

Next, Duplicate the Rectangle from the layer panel, change the opacity of Rectangle 1 copy to 10% and rectangle 1 to 40% and rearrange
the layers similar to the screengrab below:

Screen Shot 2014-01-10 at 8.37.40 AM

Finally, we need to mask the rectangles inside the Gold bar and text layers
Right click on each of the rectangle layer and click on Creat Clipping Mask, Then move the layers into a Group, select the layers and Press CTRL + G on the keyboard

Screen Shot 2014-01-10 at 8.37.49 AM

Here should be your final result, Hope you enjoy this tutorial and find it useful. Drop me a mail, if you have any question.

Screen Shot 2014-01-10 at 8.37.57 AM

 

 

About the Author

Tokunboh Opeyemi Michael is the creative director of Insfire Studio, an award winning interactive designer with more than 5 years experience in the field of creative design. He has a strong passion for teaching and he is a typography master. His work has been featured in top design blog like Abduzeedo, Olabodeskills, Design Layerz, Creative Hub  amongst others. He is bringing his wealth of experience to the users of olabodeskills in the areas of typography, inspiration and other design related.

Tokunboh can be contacted via his facebook page or on his twitter page.

About Olabode Skill

Olabodeskills is a creative portal that teaches, shares, showcases and features brilliant ideas, concepts and skills in the arts – from graphic/design, painting, sculpture, printmaking, photography, visual media, decorative arts, architecture, performing arts and interactive media. It is for everyone in the design world – graphic/web designers, web developers, programmers, illustrators, photographers, cartoonists, writers, architects, package designers, animation/multimedia pros, video editors, make-up artists and the design wannabes. We are devoted and dedicated to developing solid ties to our design community, advancing the eminence of design, and building an encouraging uniformity in our different world.

Check Also

Screen Shot 2015-04-20 at 8.09.10 AM

7 Design Tips for Effective, Beautiful PowerPoint Presentations

How many times have you sat through poorly designed PowerPoint presentations that were boring, cluttered, …

Leave a Reply