A friend of mine recently asked me some help to design a cover for his forthcomming ebook. After designing it, I decided to make a tutorial and share it with you.

Disclaimer for Windows users: The cmd key on the Mac is the same than the Ctrl key on a PC keyboard.

Getting the template

While I was looking for some info about designing an ebook cover, I stumbled upon a very nice blank ebook cover template, that you can use to create your very own ebook cover. Download it here.

Design an ebook cover

Cover design

Now open Photoshop, and create your cover image. You can use the cover01_blank.psd template to make it fit our final work size.

Design an ebook cover

Assembling the template

Once you have your cover ready, merge all layers (LayerFlatten image) and open the cover01.psd template, which already contain the shape of our ebook cover.

Drag and drop your cover to the template. To modify the cover size, adjust its opacity to 60% (So you can see throught) and press Cmd+T to resize it while holding the shift key down:

Design an ebook cover

In order to finish our ebook cover, we need to distort the cover to make it fit the template shape. To do so, select EditTransformDistort.

Design an ebook cover

Don’t forget to set the opacity to 100% when you finished resizing, and now let’s have a look at the awesome ebook cover we have:

Design an ebook cover

Related Posts

No related posts.
 

62 Comments

  1. Posted October 31, 2008 at 1:17 am | Permalink

    Awesome, you make it so much easier!

  2. Posted October 31, 2008 at 2:08 am | Permalink

    This is amazing! Your instructions worked – first time! Thanks so much, this will add a whole new level of “professionalism” to my ebooks…

  3. Posted October 31, 2008 at 5:11 am | Permalink

    Thanks for the tip!!! BTW wat ebook are you planning to bring out?? ;-)

  4. Posted October 31, 2008 at 8:38 am | Permalink

    @Shoban: I was planning to release a “How to start your blog efficiently” ebook, but I got too much things to do right now, so maybe later ;) I already wrote something like 10/15 pages btw.

  5. Posted October 31, 2008 at 10:53 am | Permalink

    I was always wondering how do they make it. And i though it was something very difficult :) , but now i see that it could be made very easy. Thanks, now i can design ebook cover by myself

  6. Posted October 31, 2008 at 11:28 am | Permalink

    Great work, you give some ideas… :cool:

  7. Posted November 1, 2008 at 9:55 am | Permalink

    Wow, that is super easy to do.

    I use a pluggin for Photoshop and while it’s easy to use, it has at least a dozen steps.

    I’ll have to give this a try.

  8. Posted November 1, 2008 at 1:04 pm | Permalink

    Great tutorial. Seems like I could do some editing to my existing EBook cover with this. Thanks for it.

    Wei Liang

  9. Posted November 1, 2008 at 2:32 pm | Permalink

    This is a brilliant article. Thank you for the great advice and also the free template. I am gonna post this link on a few sites I post on as I think people will find it useful. I hope thats ok. Thanks again for the detailed instructions and template.

    thanks again

    Gerard

  10. Posted November 1, 2008 at 2:33 pm | Permalink

    wow.. very simple steps and I believe many will find it very useful!

  11. Posted November 1, 2008 at 4:46 pm | Permalink

    I really appreciate your effort in posting this. it does helps me a lot and the instructions are pretty clear and it really works for me.. thank you.

  12. Posted November 1, 2008 at 10:13 pm | Permalink

    Great easy tutorial – thanks!

  13. Posted November 1, 2008 at 10:58 pm | Permalink

    Thanks for the tutorial and link to the cover. I couldn’t find it before and tried to draw on another ebook.

  14. Posted November 1, 2008 at 11:22 pm | Permalink

    seems like I could do some editing…I really appreciate u

  15. Posted November 2, 2008 at 12:44 am | Permalink

    Great article, your final result looks awesome – & you make it look so simple!
    If anyone’s looking for more templates, or software that converts your 2d ebook cover designs into like a professional product shot, here’s one I 100% recommend. ( http://www.ecoversuiteelite.com ).
    It’s pretty cool ebook cover software that makes creating really pro ebook covers waaaay faster than modelling by hand!

    Thanks again for the great resources (i.e the blank psd file) – they’ll definately come in handy.

  16. Posted November 3, 2008 at 12:04 pm | Permalink

    Very nice tutorial. I was almost thinking of hiring someone to create a cover for me but this tutorials makes it easy for me to make one myself.

  17. Posted November 4, 2008 at 5:06 am | Permalink

    Man… exactly what I have been looking for. My first eBook is shaping up and I was wondering what to do with the cover. People were quoting $75 and 100 for a cover…

    I might use Paint Shop Pro but the steps you explained holds good… Stumbling the post right away!

    Cheers,
    Ajith

  18. Posted November 4, 2008 at 11:10 am | Permalink

    Hi,
    The ecover looks great…
    What about using Photoshop 3D ecover actions to make an ecover?
    That’s also a good option.

    Thanks… :)

    Martin

  19. Posted November 4, 2008 at 7:39 pm | Permalink

    easy tips but very get best result of Ebook cover

  20. Posted November 5, 2008 at 7:14 am | Permalink

    This is a new knowledge for me. I didn’t know that designing ebook cover is just that easy. Thank you.

  21. Posted November 5, 2008 at 3:04 pm | Permalink

    Great post! The tutorial is very useful to me. Thanks for the clear instructions and information. Hope to see your new posts soon.

  22. Posted November 6, 2008 at 1:37 am | Permalink

    That first template really makes the e-book cover look perfessional. And everybody loves that perfessional look, right?

  23. Posted November 6, 2008 at 3:56 pm | Permalink

    This is incredibly helpful – thanks so much. It worked perfectly. I’ve trying to figure out how to do that for years to no avail. Your insights are most appreciated!

  24. Posted November 6, 2008 at 4:41 pm | Permalink

    Hi Guys,
    This is the best ecover design that I have experienced till now. I downloaded it & will be using it since I am a newbie in Adobe photoshop stuff,

    Thanks again for this master piece art,

    Regards,
    Krishna

  25. chad
    Posted November 7, 2008 at 6:43 am | Permalink

    what are you all talking about…this isn’t a tutorial at all. It one step showing the distort tool but the title says it’s a tutorial on designing an ebook cover?

  26. Posted November 7, 2008 at 3:32 pm | Permalink

    @chad, well, tutorial or not, it helps me out a lot. I have an eBook coming out soon, and this certainly helps!

  27. Posted November 9, 2008 at 10:13 am | Permalink

    awesome, simply genius will help me much. thank you

  28. Posted November 9, 2008 at 7:57 pm | Permalink

    Cool!
    I’ve got an ebook in the works on fly fishing for stripers (a personal passion) and this is going to be very valuable!

  29. Posted November 11, 2008 at 5:55 am | Permalink

    Its cool and quick…
    Its very important to stay with minimum steps, and bring out the best – what u have done. Great!!

  30. Posted November 11, 2008 at 9:48 am | Permalink

    Great!! Thanks four this useful information..

  31. Posted November 14, 2008 at 9:22 pm | Permalink

    Wow, that’s a great looking cover. I’ll forward this to my husband, who is my graphics guy.

  32. Posted November 15, 2008 at 2:07 am | Permalink

    The more I read your blog, the more I’m blown away by how many helpful hints I’m finding… and they’re helpful hints that I’m actually *interested* in! Thanks for putting all this out there!

  33. Posted November 17, 2008 at 8:35 am | Permalink

    I thought I must hire a designer to make a nice ebook cover. Now I know how to make it myself. This is an awesome secret for me. Thanks!

  34. Posted November 18, 2008 at 12:17 pm | Permalink

    Thanks – that just saved me $69 on getting mine done! I’ve downloaded the template and I just need to think of what to put on the cover now…

  35. Posted November 19, 2008 at 7:48 am | Permalink

    I thought I must hire a desinger to design my ebook cover! Thanks alot for this great resource :D

  36. Posted November 23, 2008 at 6:57 am | Permalink

    Creating ebook covers is easy when you use a tutorial like this. thanks!

  37. Posted November 23, 2008 at 1:34 pm | Permalink

    Are there any ps action script for this?

  38. Posted November 24, 2008 at 1:49 am | Permalink

    This is cool one.. My first impression you will use the action script. But i am wrong..

    This is cool tutorial..

  39. Posted November 30, 2008 at 4:03 am | Permalink

    very easy.. thanks thanks :)

  40. Posted December 1, 2008 at 5:59 pm | Permalink

    Although it is very easy to do that but thanks for sharing resources. I think it saves a lot of time if we did get some such resources without much effort. It is the bright side of blogging and I do blogging for the same reason.

  41. Posted December 2, 2008 at 11:09 am | Permalink

    Wow that’s a really cool and easy way to design e-book covers. I’ve ever thought, that making e-book covers is much harder, but it seems that I was wrong. Thnx for this great post. Enjoyed reading it.

  42. Posted December 10, 2008 at 9:00 pm | Permalink

    Thanks so much for the template!! I am only used to working with photoshop to edit images. Do you have any links to easy instructions on how to create a cover with layers? I am looking through the HELP section right now and it’s not extremely helpful. (That is, how to add a photo image to a layer.)

  43. Posted December 22, 2008 at 4:54 pm | Permalink

    I love Photoshop and have been using for years. Mac has had the power to run Photoshop forever but not so for the PCs. I used to spend a lot of time doing things as my computer slowed the more involved my images got but I still loved it.

    I would hear people saying Photoshop was too hard to learn but I would just tell them it all starts with learning the toolbar and taking one small step at a time. After they create their first image most are hooked on Photoshop as well.

  44. Posted December 27, 2008 at 3:25 pm | Permalink

    Well this has saved me a few hours messing with photoshop!

  45. Posted December 30, 2008 at 8:45 pm | Permalink

    Thanks so much! This is so much easier than what I was about to attempt.

  46. Posted January 23, 2009 at 12:02 am | Permalink

    I just actually installed Photoshop along with Premier Pro. Although I will probably learn Premier Pro first it certainly helps to read all I can about Photoshop as well!

  47. Posted January 23, 2009 at 9:21 am | Permalink

    Very handy tutorial, thanks! Gonna go fire up photoshop right now :)

  48. Posted January 31, 2009 at 9:31 am | Permalink

    Cool stuff, Photoshop is a wonderful program though almost everything by Adobe is!

  49. Posted February 12, 2009 at 3:09 am | Permalink

    What a huge time saver. Thank you very much.

  50. Posted June 19, 2009 at 9:40 am | Permalink

    Hey Jean,

    Very cool stuff you’ve got here!… Great resource!

    Ovi Dogar
    AbsoluteCovers.com

  51. Posted July 2, 2009 at 6:38 am | Permalink

    Excellent ideas, resources, and descriptions. Good tutorial. Thanks.

  52. Thomas
    Posted July 4, 2009 at 8:20 am | Permalink

    So easy ! So fast ! THANKS a lot for this tuto ;-)

    Best regards. Thomas

  53. Posted July 20, 2009 at 4:36 pm | Permalink

    This is amazing! Thanks so much!

  54. Posted August 15, 2009 at 9:21 am | Permalink

    Very simple yet very effective tutorial.
    Wishing you all the best!

    Sincerely,
    Kazooli

  55. Posted September 3, 2009 at 10:04 am | Permalink

    Thanks so much for this easy tutorial. I’ve created a couple of ebooks for users of WordPress and have been trying to figure out how to do exactly this for the page they’re linked from.

    Having the Photoshop file you linked to as a basis also made all the difference.

    Your technique was simple to follow and produced excellent results.

  56. Posted September 30, 2009 at 3:38 am | Permalink

    What if I don’t have a cmd key on my computer since I don’t have a mac? How would I resize the image to fit the book cover template if I don’t have the computer key?

  57. Posted September 30, 2009 at 3:58 am | Permalink

    Nevermind, I figured it out. I thought it was the windows key but it turned out to be the Ctrl key on my keypad. Thank you for the great guide, it was a huge help!

  58. dona
    Posted November 13, 2009 at 3:35 am | Permalink

    It is difficult for me!!! I could not do this on picasa i don’t know why but i could not create a cover for my ebook!! any other ideas please?
    Thank you
    Dona

  59. Posted January 10, 2010 at 2:14 pm | Permalink

    Hey Jean-Baptiste, nice step-by-step tutorial and the end results looks pretty good. Thanks for sharing.

  60. Posted January 28, 2010 at 1:13 am | Permalink

    This is by far the best instruction I have found… everyone else makes it seem so complicated. So thank you!

  61. erica
    Posted April 20, 2010 at 10:20 pm | Permalink

    Hi!.. May i know if you do have templates for spiral notebook? thanks!

  62. Posted May 3, 2010 at 2:00 pm | Permalink

    This will make my the task of designing a ebook cover so much easier this time. Just what I like a nice simple and easy to follow tutorial that works the way it is meant too.

7 Trackbacks

  1. By » How to: Design a nice ebook cover with Photoshop on October 31, 2008 at 12:02 am

    [...] A friend of mine recently asked me some help to design a cover for his forthcomming ebook. How to: Design a nice ebook cover with Photoshop [...]

  2. By Personalizar la portada de un libro | on November 13, 2008 at 12:01 pm

    [...] para los principantes de Photoshop es como poner una imagen en un libro, revista, caja, etc. Y en Cats who code nos muestran como hacerlo, pero forma efectiva, rápida y sencilla, así que es ideal para quienes [...]

  3. By Design Ebook cover with Photoshop - Very easy | on November 30, 2008 at 4:21 am

    [...] catswhocode.com [...]

  4. By How do I write an ebook? on July 22, 2009 at 11:35 am

    [...] Very true. I design all my own covers but use some great free resources online to assemble the final product: FREE eBook / eCover Action Generator – Create an Ebook Automatically! Other ways to design ebook covers include: How to: Design a nice ebook cover with Photoshop [...]

  5. [...] How to: Design a nice ebook cover with Photoshop // Feel free to stumble, digg, buzz, tweet, reddit, google, ,facebook, delicious, propeller, mixx or sphinn it. [...]

  6. [...] I found time to improve on those ‘covers’, thanks to a nice little tutorial by Jean-Baptiste Jung of Cats who Code: A friend of mine recently asked me some help to design a [...]

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Subscribe without commenting

  • Smashing Network
  • Hosted by VPS.net and Akamai CDN
WordPress Appliance - Powered by TurnKey Linux