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

Make a Wood Book Shelf Text in Photoshop

www.psd-dude.com
Tutorials Text Effects 11536 Views March 4th, 2014

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.

Advertisment

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 "www.actions4photoshop.com 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 (actions4photoshop.com) group and the 3D effect (actions4photoshop.com) 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.

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"

Maddie
Maddie
2:03 PM Thursday, March 06, 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
John
2:08 PM Thursday, March 06, 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
John
8:49 AM Tuesday, March 11, 2014
I am glad you find the Photoshop tutorial&action useful :) reply
John
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
michael
michael
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
Spencer
Spencer
1:20 AM Saturday, May 03, 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
John
1:24 AM Saturday, May 03, 2014
Upload the image so I can see exactly what problem is with the 3D action ! reply
Spencer
Spencer
2:17 AM Wednesday, May 07, 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
John
2:21 AM Wednesday, May 07, 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
ivan
ivan
1:30 AM Tuesday, December 23, 2014
pretty cool tutorial you have here...here 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


Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
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...
Learn how to create an Alice in Wonderland photo manipulation in Photoshop. In this tutorial I will ...

      Fur and Knitted Fabric Photoshop Actions
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