fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Board Game Text Tutorial

www.psd-dude.com
Tutorials Text Effects 83764 Views June 2nd, 2012

Even since I was a little girl I was a big fan of board games and even now I like playing now and than. And I know that many of you like playing these games that can now be played online too. My favorite games ever are the famous and classic backgammon, chess and rummy.

So inspired by these childhood games I decided to make a text effect in Photoshop and blend elements from different board games. For the chess texture I have use the halftone pattern filter.

Advertisment

Time for another text effect tutorial that I hope you will enjoy reading. So many text effects where already created in Photoshop so coming up with new ideas can be very challenging.

Board Game Text in Photoshop

We are going to create a board game inspired text effect, so let's take a quick look at the final result. We are going to need an wood texture and some layer style settings to make this text.

First we have to create the board table for this text effect. Many game tables are made out of wood so we need a wood texture. I have found a beautiful texture on Flickr; copy the wood image and add Color Balance, Hue/Saturation and Brightness and Contrast adjustment layers following these settings.

Wood Board Game

We are going to create a backgammon board game so with the Pen Tool draw these triangle vector shapes. After you create a first triangle shape, select it using the Path Selection Tool and with CTRL+C and CTRL+V copy paste the shape and move it.

When you have completed the left side triangles, select them all and copy paste again, Flip Horizontal and move them to the right side.

Set the Blending Mode to Overlay, opacity 40%. Duplicate this layer and simply select the 1, 3, 5, 7, 9, 11 triangle and remove them. Set the opacity of this new layer to 30%. That way we obtain a realistic backgammon table.

Duplicate the Wood Texture Layer along with the 3 adjustment layers. Press CTRL+E to merge them, and place the resulted layer above all the other layers. Call it Frame Layer.

Make a rectangle selection inside the Frame Layer around 97% of the shape and erase it. Open the layer style window and add Drop Shadow, Outer Glow and Bevel and Emboss with the following settings.

Simply add four line shapes, one for every corner using the Line Tool and the color #897b60. So here is how our backgammon table should look like.

Now write a simple text "AB" using Franklin Gothic default font. Use #ff6565 color for "A" letter and #d8ed27 for "B" letter. Call this first layer Text AB layer.

Open the layer style window for this Text AB layer and add the following layer styles Drop Shadow, Outer Glow and Stroke. The color for the Stroke is #8a8e72.

After making all the settings, our text efect should now look like this:

Halftone Pattern Filter

In the next step we'll create a chess pattern using Photoshop filters. Create a new layer called Chess Pattern and fill it with white color. Set the Foreground Color white and the Background Color black.

Go to Filters, Sketch, Halftone Pattern and make these settings:

Select the Text AB layer(press CTRL and click the layer thumbnail). Go to Select menu, Modify, Expand and expand by 10 pixels.

Using this selection press the Add layer mask button to add the mask to the Halftone Pattern layer. If you are not sure how to add a layer mask you can find out from this tutorial on how to create and use layer mask in Photoshop.

Set the blending mode of the Halftone Pattern layer to Soft Light 60% opacity. The text looks like this so far.

Duplicate the Text AB layer, clear its layer style, set the fill to 0% and add new layer styles as follows:

For the final touches you can add some dice inside each letter. If you download the PSD File you will find the vector based dice inside, along with all the layers used in this tutorial. The layer style are all intact. Please don not redistribute the file.

DOWNLOAD!(2.68 MB)

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

2 comment(s) for "Board Game Text Tutorial"

Mungo
Mungo
7:29 AM Friday, June 08, 2012
Great tutorial, my husband is a back gammon player and I shall be able to use your tut to design a card for his upcoming burthday.

Thank you. reply
PSDDude
7:33 AM Friday, June 08, 2012
Thank you, I would be very glad to see the result, so upload it when it is done :) reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to create a beautiful ice queen portrait effect in Photoshop using some useful techniques ...
Mirrors and reflections are enormously important in art, being a common theme in myths and legends. ...
For these winter holidays you can download for free our new set of Christmas patterns for Photoshop....
Get ready for the winter holidays with this new Photoshop tutorial. Learn how to create a Merry Chri...

      Burnt Paper with Fire Effects Photoshop
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Partners
Subscribe via email
LIKE US ON FACEBOOK

      Metal Tag Photoshop Creator
top