Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop Online Label Maker

Make a Wood Book Shelf Text in Photoshop
Tutorials Text Effects 12277 March 4th, 2018

Text effects are such an interesting way to show your creativity and to come up with new typography designs. In this tutorial we'll create a bookshelf inspired text effects with wood material, with books and a ribbon as a bookmark. To create this effect you will have to use a 3D Photoshop action that will allow you to create the 3D text effect with just a single click, making the process much easier and a lot less time consuming.

Start with a simple text, choose a font that you like. I will use "Polar Std" font type. Learn how to install font in Photoshop from this quick tutorial. Call this first layer, Shelf Text 1.

Duplicate the Shelf Text 1 layer and call it Shelf Text 2. Open the layer style window and add a Stroke like shown in the image. Also reduce the Fill to 0%. For the stroke border you can use one of these wood patterns or you can pick a patterns that you like. You can even use wood textures.

In a new layer use the Rectangle Tool to draw some shelves. Add a Pattern Overlay for the shelves using a darker wood tone.

In a new layer use the Pen Tool or again use the Rectangle Tool to add some books. Add them any color you want.

Now comes the part where you have to pay a little bit of attention to get it right. Select all the layers, except the Shelf Text 1 layer and the Background Layer and convert them into a smart object ; call this smart object 3D effect.

Now you have to duplicate this smart object into a NEW PSD file like shown in the image. You can either keep the smart object from the current layer making it invisible, or you can delete it.

To create the 3D effect we'll use this 3D Photoshop action that you can download for free.

Install the action in Photoshop; play the action in the new created PSD file for the 3D effect smart object, and wait for the result.

As you can see you have three groups of layers that you can edit and customize. You can dowble click on the " top" layer thumbnail to open the smart object and to edit the patterns, colors, books and other details that are inside.

Select the initial object ( group and the 3D effect ( group and move them back into our initial PSD file.

Your wooden 3D shelf text effect should now look something like this.

Return to the Shelf Text 1 layer and add these layer styles to create the bookshelf back.

To make the bookshelf more realistic, to add depth, you can add some light and shade effects using the Brush Tool. Pick a soft round brush, opacity 25%, color black and paint over certain areas that you want to darken.

Use the same tool to create a shadow under the shelf text to make it look like it is standing on a solid surface. You can even add a reflection for your object if you want to create a glossy surface effect.

For the final touches I have also added a ribbon as a bookmark for the text effect. You can draw the bookmark yourself using the Pen Tool or you can use one of these ribbon collections: ribbon elements and ribbon vectors that are available for free.

Premium Wood Photoshop Effects

If you want to try different wood Photoshop effects like painted wood or carved wood you can try these actions. You will obtain quick results, easy to edit and customize.

Painted Wood Photoshop Style Actions

Painted Wood Photoshop Style Actions

Carved Wood Sign Photoshop Creator

Carved Wood Sign Photoshop Creator

Wood Burn Effect Photoshop Action

Wood Burn Effect Photoshop Action
5 ( 100 votes)

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

11 comment(s) for "Make a Wood Book Shelf Text in Photoshop"

2:03 PM Thursday, March 6, 2014
Very cool! Thank you for this tut. I honestly didn't expect the 3D action to work in my old CS2 Photoshop but it did!!

I think I will be using this a lot. :o)

Thanks again! reply
2:08 PM Thursday, March 6, 2014
Amazing result; the lighting and shading effects look great. I am really glad the 3D action worked so well for you :) reply
justin combs
justin combs
8:39 AM Tuesday, March 11, 2014
thanks for the action and tutorial. reply
8:49 AM Tuesday, March 11, 2014
I am glad you find the Photoshop tutorial&action useful :) reply
1:26 AM Thursday, March 13, 2014
I also have CS5 and the action works ok. Can you please upload an image with the result so I might see what exactly goes wrong with the 3D action. reply
1:27 AM Thursday, March 13, 2014
Hi. the 3d effect doesn't work that well in my cs 5. it ends up with a 3d effect but its like it is seen from beneath. I thought i could make it so I some way during the action could deside which rotation the text should have. Can someone help me out here reply
1:20 AM Saturday, May 3, 2014
Hi, great tutorial
The 3D action won't play for me. Is it because I am in CS4? I get the 'circle with the line through it' symbol when i mouse of the play button. reply
1:24 AM Saturday, May 3, 2014
Upload the image so I can see exactly what problem is with the 3D action ! reply
2:17 AM Wednesday, May 7, 2014
This is the smart object with the shadow layer hidden after applying the action it doesn't look quite right. Also, when I duplicate the initial object and 3d effect group layers and move them back to the original document the shelf text 1 layer just sits behind everything and does not act as a proper back to the shelves. reply
2:21 AM Wednesday, May 7, 2014
First, your text has to much depth that is why it doesn't look that good. Remove some of the layers to make it at least half of the original depth.
About the back of the shelf, use the Shelf Text 1 layer, the one without the Stroke and Fill 0% style. reply
1:30 AM Tuesday, December 23, 2014
pretty cool tutorial you have is my result! thank you reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


      Online Photo Editor