ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

How to create a professional looking book mockup

Updated on May 17, 2016

Book mockup, a perfect way to display your ebook in 3D!

Creating a book mockup is a great way to present your ebook on the web. It makes it stand out from the page thus making it more compelling for potential readers to check it out, or even buy it if you are selling your book!

---

>> Download Book Mockup Pack

---

So, if you worked hard to create your ebook, and now you want to know how to present it well, read on!

Make them click!
Make them click!

Why present your ebook in 3D

Here are some benefits for presenting your ebook in 3D

It makes the ebook look real even if it is only in electronic format and not in printed form. People will relate to your product easier and in a more natural way.

Instantly grabs attention. Since most of the things on the web are flat, 3D objects instantly "pop out" from the screen and demand attention!

Quality mockup gives whole web page a more professional look, which again increases chances to offer your book to potential readers.

How to create a book cover that grabs attention

We do judge a book by it´s cover!

If you are not a professional designer, but you still want to design a simple book cover yourself, here is a couple of tips which can help you out.

1. Keep your design simple

Pictures of books on webpages are usually small (especially if you intend to sell your book on Amazon and similar sites), this is why it is important to keep your book cover as simple as possible. Simplicity is key!

Book title, author name (or any other element you think is important), should ideally be readable even at very small size.

Take a look at this book covers from Amazon for example, here are some exact sizes they use. Which book cover in your opinion has a greater chance of being clicked?

Book Cover Examples
Book Cover Examples

Simple, focused book covers simply create more eye attraction. Human eye tends to gravitate toward things that are clear, not toward complex and unrecognizable content that demands extra effort.

2. Don´t have too many focal points

It is very tempting to show and tell too many things at once, we want to highlight all the good things in our book. Resist! Choose ONE good image that connects to story well and than build around that!

Book Mockup Made Simple
Book Mockup Made Simple

Stay away from multiple pictures, texts and other elements which don´t communicate clearly and at the end create confusion. Again, keep it simple. Let eye stop at one thing to make an instant connection.

Use typography as your design element
Use typography as your design element

3. Use proper typography

Fonts that we use should be readable even at small sizes. Fancy fonts may look great when we have a large picture in front of us, but when the picture is small, they can easily become unreadable.

Connect typography with the books content and try not to use too many fonts at once. Use one or two, that should suffice.

Interestingly, if author name is written in larger size, it can give more sense of authority! This can be especially important for authors that are not yet well established.

On picture you can see, how even typography alone can be used as your design!

Simple example of book cover design

How to make your covers look great!

Here is a simple process with a couple of design tricks if you decide to make cover on your own.

1. Find the picture you want to use with your book.

Choosing a good photo or illustration is really important to make a good book cover. You can use free photos (still be shure to check restrictions on a per-image basis) or you can purchase your photo through some of professional sites. For resources check links at the bottom of the lens.

2. Design your cover

Place your chosen image on the cover and insert texts. Than connect colors of your text to the cover picture. Use eyedropper tool to do this.

This way you will always find the "correct" colors for your design! See example bellow (Source of photo iStockPhoto).

select your book cover picture
select your book cover picture

Create your very own 3D book cover

Next step, placing cover art into book mockup!

Now when you have designed your cover, it´s time to place it into a mockup! In the following example I have used this book mockup: Book Mockup LARGE Pack.

This is how finished book mockup looks like!

How to create a book mockup - VIDEO - A simple way to present your book in 3D!

Final tip

And finally, if your design skills are not that good, consider hiring a professional designer. You might have to pay a little, but since writing and creating a book is a lot of work, it would be a shame to ruin all that effort and chances for success with a bad cover.

Again, we do judge a book by its cover!

Find out more! - A couple of links to further explore this topic

If you are interested to learn more on this topic, visit the following links that are a quality reference on this topic.

Place for your comments, questions, suggestions

    0 of 8192 characters used
    Post Comment

    • YgorDon profile imageAUTHOR

      Igor 

      4 years ago from Ljubljana

      @Vilja: Thank you

    • Vilja profile image

      Vilja 

      4 years ago from Helsinki

      Thank you for this lens! It's really helpful and your examples are stylish.

    • YgorDon profile imageAUTHOR

      Igor 

      5 years ago from Ljubljana

      @anonymous: Hey there, tnx for your comment. This mockup is standard e-book dimension and cannot be changed, it is "as is". You have two options. First you can modify the format of your book to fit the mockup, probably not very practical. The other option is that you check around for other mockups, for other dimensions that would fit your need more. Best!

    • profile image

      anonymous 

      5 years ago

      Hey Ygor â I need to do a mockup like you've done, but my book size is landscape and a different size than your standard here, what's involved in sizing to my dimensions and getting same HQ results?

    • YgorDon profile imageAUTHOR

      Igor 

      5 years ago from Ljubljana

      @anonymous: Great! I am glad you like it, wish you much success.. To boldly go where no man has gone before ;)

    • profile image

      anonymous 

      5 years ago

      Just bought your kit. Looks very nice! Loved the Space Fronterir example :)

    • YgorDon profile imageAUTHOR

      Igor 

      5 years ago from Ljubljana

      @graphicdesignindia: Thank you!

    • profile image

      graphicdesignindia 

      6 years ago

      Great thinking on Book mockup 3D technology ... Like to see some more knowledge from your in future...

    • YgorDon profile imageAUTHOR

      Igor 

      6 years ago from Ljubljana

      @DMVAgent: Thank you for your kind comment, appretiate it! ;)

    • profile image

      DMVAgent 

      6 years ago

      really helpful helpful lens.. you did very great! thanks to this lens, keep posting!

    working

    This website uses cookies

    As a user in the EEA, your approval is needed on a few things. To provide a better website experience, hubpages.com uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

    For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: https://hubpages.com/privacy-policy#gdpr

    Show Details
    Necessary
    HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
    LoginThis is necessary to sign in to the HubPages Service.
    Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
    AkismetThis is used to detect comment spam. (Privacy Policy)
    HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
    HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
    Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
    CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
    Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the googleapis.com or gstatic.com domains, for performance and efficiency reasons. (Privacy Policy)
    Features
    Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
    Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
    Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
    Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
    Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
    VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
    PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
    Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
    MavenThis supports the Maven widget and search functionality. (Privacy Policy)
    Marketing
    Google AdSenseThis is an ad network. (Privacy Policy)
    Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
    Index ExchangeThis is an ad network. (Privacy Policy)
    SovrnThis is an ad network. (Privacy Policy)
    Facebook AdsThis is an ad network. (Privacy Policy)
    Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
    AppNexusThis is an ad network. (Privacy Policy)
    OpenxThis is an ad network. (Privacy Policy)
    Rubicon ProjectThis is an ad network. (Privacy Policy)
    TripleLiftThis is an ad network. (Privacy Policy)
    Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
    Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
    Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
    Statistics
    Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
    ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
    Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)