Even though the book does not physically exist, the image of a real book creates more of a desire in your website’s visitors or your potential customers.
Have a look at the video below where I explain how to create a 3D book cover in Photoshop.
So, how do you do it?
First things first – download a book image
There are some great free images of a blank white book out there. But if you click below you can download two Photoshop documents I made for this tutorial which include the book facing both ways as well as Paths so you can color the books as you wish.
The PSD on the left is the one I used in the video tutorial. The one on the right is of the book facing in the opposite direction.
Adding your title
Create your title using the Type Tool (T) in Photoshop. (If you don’t have Photoshop, by the way, I believe you can pretty much do all of this with Gimp).
Choose a nice typeface that goes along with the subject of the book. Spend some time on making the title look good. And make it big so it’s at least as large as the book image – you can scale it down later.
Now copy that type layer and rasterize it.
Why copy the text layer? If you’ve made a mistake or want to change it, at least you have an editable layer so you’ve not lost all your formatting.
Transforming the title to the perspective of the 3D book
With the layer containing your rasterised title selected, go Edit > Free Transform (Cmd/Ctrl-T). This brings up a box for scaling and skewing layers in Photoshop.
Essentially you need to grab hold of the corners of the box to transform the object. In order to pull out one of the corners without affecting any of the other corners you need to hold down Command (Mac) or Control (PC) while dragging. If you hold down shift as well it will constrain the drag to be straight, either vertically or horizontally. This is what we’re doing here:
Once you’re happy that the title looks congruent with the perspective of the 3D book background, hit Return.
Changing the color of the book
Create a new layer (Cmd/Ctrl-Opt-Shit-N) above the book image but beneath your title. Cmd/Ctrl-click on the Path that I have made to create a selection from it in the Paths palette.
Then you can select a color by clicking on Set Foreground Color in the Tool bar and go Edit > Fill… in your new layer. Or, as I demonstrate in the video, you can fill the selection with a radial gradient. Once done, change the Layer Blend Mode to Linear Burn in the Layers palette.
Make your e-book a color that fits in with the design of your site.
Once you are satisfied with the color and the text on the cover, reduce the image size and Save for Web and Devices.
What you can do
Do you have an e-book inside you waiting to get out? Have you already made a PDF e-book? Whether the purpose of your e-book is to gather email addresses or not, presenting a 3D image of the book itself will increase engagement with it.