Create Detailed Letters of Gold and Diamond

This tutorial will show how we can create a set of detailed letters with gold and diamond. We will learn how to use the Polygonal tool to make a simple diamond and also introduce a convenient way to duplicate layers with minimal efforts.

Preview of Final Image

The texts and images are copyrighted to 10Steps.SG and their respective owners. You CANNOT copy the whole tutorial, either in English or translate to another language.

Create a new document of size 1000×700 pixels. Pick the Polygonal tool, set it to Shape Layers mode, sides to 18 and foreground color to #CECECE. Make a polygon on the document like what I did below.

Make another smaller polygon above the earlier one with foreground color #A8A8A8. Align the smaller polygon to the center of the larger one.

Select the Pen tool, set it to Shape Layers mode and foreground color #676767. Create a shape by setting the anchor points according to the sequence shown below. Then set the Blend mode of this shape layer to Overlay.

Repeat the same steps to cover the entire polygon. Then group all of them into a Group folder. Rename this folder as Diamond. Hide the Diamond folder temporary.

Pick the Text tool and set the font to Myriad Pro. Type a letter at the center of the document. Right-click on the text layer and choose Blending Options. Select Gradient Overlay, set the Angle to 90 and Gradient to the colors shown below.

CTRL+left click on the text layer to load a selection of it. Go to Select > Modify > Contract. Set the Radius to 4 pixels. Create a new layer and fill this selection with any color.

Right-click on the new layer and choose Blending Options. Select Gradient Overlay, set its Angle to 90 and Gradient to the colors shown below.

Repeat a similar step as the earlier but with a contraction of 10 pixels this time. Use the gradient colors as shown.

Repeat a similar step as the earlier but with a contraction of 4 pixels this time. Use the gradient colors as shown.

Unhide the Diamond folder. Right-click on the folder layer and choose Merge Group. Go to Edit > Transform > Free Transform to scale down the diamond so its diameter is close to the width of the gold border. Right-click on the Diamond layer and choose Blending Options. Select Drop Shadow, set the Angle to -50, Distance to 2, Size to 1 and leave the rest as default settings.

Now you need to place more diamonds so it fill up along the gold border of the letter. TIPS: Select the Diamond layer and pick Move tool. Press and hold ALT key then start to drag the diamond away from its original position. You will realise a new diamond layer is created. This is a much faster way to duplicated layers.

Use the Pen tool to create a shape with white color like I did below.

Duplicate the shape and go to Edit > Transform > Rotate 90 CW. Merge these two shapes as a single layer.

Duplicate the cross shape layer, scale it down slightly and rotate it by 45 degrees. Position the smaller cross to the center of bigger one. Merge these two crosses as a single layer. Rename this layer as Glitter.

Resize the Glitter so it fits nicely to size of the diamond. Right-click on the Glitter layer and choose Blending Option. Select Outer Glow and key in the settings shown below.

Repeat the same step for more glitter layers and place them around the letter border. Now you have got the first letter of gold and diamond.

Repeat the same for more letterings. After you are done, merge all the letters as a single layer. Right-click on the Letters layer and choose Blending Options. Select Outer Glow and fill in the settings as shown below.

Download the Glitter Background from ShutterStock. Place the image as background behind all layers. Create a Level Adjustment layer and key in the settings as shown.

Create a Brightness/Contrast Adjustment layer and key in the settings as shown.

Create a Hue/Saturation Adjustment layer and key in the settings as shown.

And there you have it! We have come to the end of the tutorial. I hope this will be useful for your future projects.

Message from our online supporter
Time is money and money is everything. So save money and time by using our testking HP2-E38 question and answers, hp certification, scdjws exam product, 70-290 braindumps, and 000-037 dumps for respective exams.

Donate now to help keep 10steps free for everyone! Just 2.99 per donation.

Other Design Articles You May Find Interesting

30 Comments | Write a Comment

  1. sara says:

    学习了~!(*^__^*) ……

  2. Michael says:

    The tutorial is very simple! I was about to recommend screen recorder http://freescreenrecorder.net/ to you, but you’ve made it simple enough for a total beginner. The font looks awesome!

  3. dubai web design says:

    Interesting post and thanks for sharing. Some things in here I have not thought about before.Thanks for making

  4. Mangang says:

    cool..! thnx for sharing… JayKay.. ;-)

  5. luckid says:

    the background is not free :(

  6. deden says:

    wooowww cooolll amazing…. thanks for share…

  7. Dot Psd says:

    Superb and elegant tutorial

  8. Daniel says:

    Muito bom,Facil e Fantastico

    Muito utiu

  9. Childesign says:

    Wow nice ! very useful :)

  10. Richie says:

    Excellent gradient selection for the type :) If you work a bit harder, you can even imitate James White’s ‘77 poster’ design….

    The result is very impressive, considering how easily you achieved it. Great work, John.

  11. very nice tut..Really interesting..thank you..

  12. Aidan says:

    Nice tutorial. Learn another new tool. Thanks for sharing.

  13. Wow, very easy to follow but impressive tutorial bro. Keep it up. Thanks.

Leave a Comment

  • 1stWebDesigner
  • Free Brushes
  • Presidia Creative
  • Photoshop Deluxe
  • Naldzgraphics
  • Colorburned
  • FudgeGraphics
  • CrazyLeaf Design Blog
  • Fuel Your Creativity
  • Photoshop Tutorials
  • PSD Vault
  • TutZone
  • Web Design Resource
  • Blue Blots
  • Illustrator Tutorials
  • SloDive
  • Search Engine
  • Design Under
  • Designora
  • Design Inspiration
  • Digital Art Empire
  • Web Technology Society
  • Design Expanse
  • SmashingApps
  • Smashing Tips
  • Flash Components
  • Pixels that Make your Life Easy
  • Brushes for Photoshop
  • Flash Website Templates
  • Dzinepress
  • Flash CMS
  • Onextrapixel
  • Inspiration and Resources for Web Designers and Graphic Artists
  • PSD to HTML
  • Design, Inspiration, photography, photoshop, Tutorials
  • Photoshop tutorials and graphic design resources
  • CSS Reflex
  • AEXT.NET Magazine
  • Duplicate File Finder
  • Collection of the Web's Highest Quality Free Icons
  • Web Design Magazine
  • Graphic Design
  • Vobliq
  • Snatch59
  • Logo Design
  • Design and Art
  • Photoshop Tutorials and Design Resources
  • Facebook Templates
  • DesignersList
  • DesignersDigest
  • DesignBeep
  • Design Resource Blog
  • SEO India
  • vector clipart
  • design resources
  • design inspiration
  • design tutorials
Follow My Twitter Subcribe Full RSS