Pages

Production: How to Format Illustrated Ebooks with Vellum

Cartoonist and author Alex Hallatt shares her top tips on how to produce ebooks using the Mac-only Vellum software, including books that feature lots of illustrations.

home screen of vellumYears ago, I used Sigil and Calibre to create ebooks and I hated the process. It wasn’t intuitive, I made a lot of mistakes and it took me a long time to get my books to look professional on screen. I wasn’t looking forward to doing the same thing with my chapter book, FAB (Friends Against Bullying) Club. I had been reading great things about Vellum, but I hadn’t read much about its use with heavily illustrated books, so I decided to give it a try. This post describes how that worked out.

 

I had written FAB Club in Scrivener, converted it to Microsoft Word and then formatted it for print in InDesign. This is where I did a lot of editing, as well as laying out the images.

Unfortunately for me, Vellum works with Word Documents, and I couldn’t just import my InDesign book, or pdf. I had to cut and paste from InDesign to Vellum. Knowing this now, I would make sure to keep my Word file up to date with all the edits, as importing Word files into Vellum is as easy as simply opening them.

Vellum does a great job with text and styling. There are lots of online tutorials (including theirs) that show you how to format text, but it is pretty intuitive. After making sure all the chapters were in the right places, with the right headings and it all looked sweet, it was time to sort out the images.

screenshot

How to Prepare Images for Vellum

The images I had used in the print book were high resolution photoshop files, but I wanted to know what files Vellum would handle for ebooks. The Vellum website states:

“As with the image you use for your cover, you can use a variety of file formats (such as png, tiff, or JPEG) for Inline Images. At generation time, Vellum automatically converts images to the proper format for each platform.”

On the kboards thread (Vellum: the official thread) Vellum posted:

“The easy answer is to just add the image you have: PNG, GIF, TIFF, JPEG, and even most Photoshop files can be dropped into your book. If necessary, Vellum will convert the image to a format supported by the platform at generation time…

…(There are some situations where one format works better than another. For example, simple black and white graphics can sometimes be smaller if you use a GIF. In most cases, though, you can just Vellum take care of it.)”

I was keen to use GIFs for my black and white cartoons, because they are better at compressing areas of flat colour (black and white) and keeping the file size down. My concern was that the image might get saved for screen resolution twice. GIF is a lossy format, which means that the file size is reduced by getting rid of some of the data. This is fine if you save it out once, but if you save it repeatedly (or go from GIF to JPEG), it is a bit like photocopying a photocopy and you can end up with a loss of quality, with spots, or areas of grey appearing in the white parts of the image.

I got on the board and asked the question and Brad West replied shortly after:

“Vellum will resize an image if it seems too large for a given platform. On Kindle, if your image is more than 1280 pixels wide, it will be down-sized and converted to the JPEG format. Under that, though, and your image will be used as is (and your GIF will remain a GIF).”

So GIFs of the right size are fine. I had a mess around in Vellum, inserting images of differing sizes in Vellum, before working out what would be the best sizes for my small, spot illustrations and the larger ones that spanned the page in the print book.

screenshot

Vellum recommends the following widths:

  • Small illustration: 448 pixels
  • Medium illustration: 640 pixels
  • Large illustration: 960 pixels
  • Very large illustration: 1280 pixels

Because FAB Club has a lot of illustrations and I wanted to keep the total file size down, I opted to use 640 pixel gifs for most of the cartoons, unless they needed to span the page, or were small spot illustrations.

How to Insert Images Into Vellum

I should have read Vellum’s online tutorials before inserting all my images, because the EASIEST way to insert them is to drag and drop them from the Finder onto the page. Otherwise, you can click in the text editor where you would like the image to go. Then you can click the little Vellum star icon at the top of the page to insert the image inline with that part of the text.

screenshot

When the image is placed on the page, it greys out and automatically displays a warning symbol. Clicking on the image brings up a menu (which Vellum calls “the Image Properties popover”) which seems to require that you describe the images for people who have impaired vision. You can ignore this, but Vellum does this because of Apple, who want their books to be accessible to all and get a bit stroppy if you don’t comply.

screenshot

Vellum calls the inserted image a photograph by default and you can change that kind to “freestanding”, which will mean you won’t inadvertently add any styles like drop-shadows to your images. If you don’t have any photos you want styled differently to images in your book and don’t plan on styling your image any further, having the image as a “photograph” doesn’t matter. The image does not need to be a photograph, or even a jpeg. You need to select the right size for the chosen image (in this case, I needed to select the smaller size) and to fill in the accessibility information. You also have the option to align the two smaller image sizes on the page, by selecting a “flow” button. If the image is larger, there is an option to put it on a separate page. Lastly, you can link the image to a URL, or to ebook stores. More on this later.

06-vellum-image-alignment

Note that your lovely formatting may be ignored depending on the device used to display the ebook. You can check how the images will appear by previewing them using different device previewers. This is a fantastic feature of Vellum, as it can take a bit of trial and error to get your images to look okay on all devices. The previewer makes it easy to try out different layouts, until you are happy.

Image Aligned on the Kindle Previewer

Image Aligned on the Kindle Previewer

Image Alignment ignored on the iPhone Previewer

Image Alignment ignored on the iPhone Previewer

The “kind” button affects formatting of the image on the page with borders, etc. These can be adjusted by clicking out of “Contents” and going to the “Styles” pane. Illustrations in chapter books are usually plain, so I needed to make sure there were no borders applied to the image.

screenshot

I brought in about 150 images and went through the formatting menu for each. Completing the image description is the task that takes time, but I saw this as an opportunity to add value to the ebook. I had some fun with it, turning the accessibility text into a kind of director’s commentary for the ebook with descriptions of what was going on, but also some insight into how an author’s brain works!

screenshot

How to Add Images with Shop Links

An easy way to put in links to your other books at the back of the book is to add an “Also By” page. This generates a template that you can edit to show your other books. You don’t even need to find the store identifiers yourself, as if you paste in the URLs to your books, Vellum autocompletes them.

screenshot

As well as the default text links, you can insert images as before, but complete the store links section of the image menu.

screenshot

How to Create the Cover

I used a 1600 pixels wide x 2500 pixels tall cover image and saved it out as a PNG file, but a JPEG would be better, as the software converts it to a JPEG. Putting the cover into Vellum was easy, as you click on the title of your book, click “cover” and click where the cover goes to load your file.

screenshot

 

Conclusion

Vellum generated ebooks that were the perfect format for upload and were accepted by all the stores I submitted them to.

Though the whole process of producing an illustrated ebook may seem complicated, Vellum holds your hand all the way. One of its selling points is that you don’t have to buy it until you are happy with what you have produced.

I hope this post has been helpful to you. There are great tutorials and excellent support at the Vellum.org website.

OVER TO YOU Feel free to leave any questions and Alex will do her best to provide the answers.

Cartoonist & #author @alexhtweets shares tips for using @vellum180g for ebook formatting Click To Tweet

,

11 Responses to Production: How to Format Illustrated Ebooks with Vellum

  1. Michael Wood March 6, 2017 at 12:27 am #

    I am glad I noticed this blog via FB.

    I have Scrivener and I am fairly skilled at MAC MS Word. That said, I have not found Scrivener photo friendly and Word is a little difficult with every character added to the text can change the photo layout.

    I am intrigued by the idea that Vellum might be more photo layout friendly. I am planning a book 8.5×11″, that will have several chapters but will be very photo heavy. Basically more like a vertical photo book with chapter text and lots of captions.

    Can Vellum handle a photo like book? MPW

  2. Lizzi Tremayne February 26, 2017 at 7:19 pm #

    Wow, wow, wow! Thank you so much!
    How does it go with Smashwords?
    Buying Vellum now. Had been considering, but this clinched it.
    Just finished formatting and releasing the second book in my series (170k, with images) for multiple print and dig formats. This would’ve helped immensely!
    Xx
    Lizzi Tremayne.

  3. Richard Caladine February 24, 2017 at 10:53 pm #

    Thanks for this it’s very helpful.

  4. Erica Alexander February 24, 2017 at 7:05 pm #

    Thanks for this tutorial. I love Vellum. I was wondering about the file size and amazon download costs. How was this different from books created with InDesign?

  5. Orna Ross February 19, 2017 at 10:27 pm #

    I love the mighty Vellum! Just heard that the print option might be ready by mid-17.

  6. Pauline B Jones February 16, 2017 at 7:01 pm #

    Great summary and description of the process. Thank you for taking the time to do this post. I love Vellum and am always learning new things it can do. Looking forward to getting a look at their print option (upcoming).

  7. Karen Inglis February 16, 2017 at 3:04 pm #

    Great post, Alex – you beat me to it! I’ve created three black and white illustrated children’s eBooks on Vellum and it was a breeze – the user experience is so intuitive. As I had the books in print already I pasted in the text from Word, then went back in and imported the black and white images – and, as you say, formatting the images is extremely intuitive.

    Another great thing is that once you have created a bio page and ‘Also by’ page, you can copy and paste that from one book file to another then edit as necessary 🙂

    Of course most children in my target reading age still read and buy in print, but having the eBook option is a bonus and so easy to do thanks to Vellum.

    • Alex Hallatt February 17, 2017 at 8:48 am #

      Yes, this is my first Vellum book and a good way to learn the process. My next one will be a humorous cartoon book about cats, so hopefully there will be more of a market for that type of ebook. But I can’t wait for them to enable Vellum for print, as it would streamline the process enormously.

Trackbacks/Pingbacks

  1. Formatting for Print with Vellum 2.0 | Self-Publishing Advice Center - June 1, 2017

    […] Production: How to Format Illustrated Ebooks with Vellum […]

  2. Good News for Your Ebook Conversions | Savvy Book Writers - April 12, 2017

    […] also Author Alex Hallatt shares tips on how to produce ebooks using the Mac-only Vellum software, including books with lots of illustrations.  Many authors need formatting for their new […]

  3. Easy ways to format epubs | Self-Publishing Advice Center - March 16, 2017

    […] Production: How to Format Illustrated Ebooks with Vellum […]

Leave a Reply