You must have seen my other blog Inspirational Quotes if you haven't check it
out, it is all about Inspirational quotes from various authors. I created this blog on 2011 and i was updating whenever i get time. Recently for the couple
of months i was updating regularly (well.. almost).
When this iBook on iPad came i was so inspired and thought why not make a quote book out of this blog and make it available for free.
So i'll just walk you through he process of creating the book cover, well there's nothing much in the content (the quotes) its all take from the blog. The hardest was the book cover.
01. The initial idea of the cover was to stick to the same color style from the website. So nothings fancy, i just placed the title in the center and made a simple mountain like design at the bottom. It is was kind of dull i know, but i had to make some cover for the time-being.
The ornament at the bottom of the text is a shape layer from Photoshop. The border was the last minute add-on. I don't know why, but i kind of like a frame around the corner.
02. Since the design is simple, the book cover was re-created inside iBooks author to reduce some space.
Every time i do the update, i keep thinking of updating the cover too, but at that time i didn't had anything in my mind, so left it as it is.
03. Couple of weeks back i came across this image on Bigstockphoto.com and it was perfect for the book cover. I really like the above-the-cloud shot. It's kind of tell you to look-up. Also it's kind of look like a sunset behind the mountain.
04. This is the first look for the design (fig 4.0). The left side background image was exactly as it is, even though its clear on top, but it looks too close to the camera, so i reduced the size and extend the top (the right image), which gives me more room to place the text. Also white was more soothing than a darker text.
Something was missing here. I left it for a day and didn't do anything, and came next day and added couple of things, and the first thing is the border around the image, it looks more like a poster than a book cover.
05. This is the second design (fig 5.0).
Since the original image had lot of blue tint, to balance that i had to do some little color correction and added some green (I like to have green in the picture, it kind of match the original design fig 2.0).
The book has all kinds of categories of quotes, which i wanted to show here. I wanted the text to levitate from the ground and pass through the clouds.
06. The text coming out from the cloud was too flat, so i had to blend the text to looks like it is really coming out and the pieces of cloud overlaps the text.
07. I previewed the book on iBooks, i like the look but it doesn't give a book effect, more like a flat piece of cardboard. Adding the old frame border won't work.
08. So make it more realistic, i added a binding on both side. The binding on the right side, gives a cushion-kind feel. The sun and the lens flare added to show some kind of light in the picture. Too much of text in the picture, so i removed the text at the bottom and replaced with the logo.
09. You can see the previous index page (left) and the new one (right). The same image for the book cover was used in the index page.
10. To maintain clarity and focus from the beginning, i was very clear not to use any images in the quotes pages. The only information you see is the Quote no. and the author name at the bottom.
The Quote number at the top was added in the Ver 1.1
The Glossary contains all the authors information.
11. You can download the book from the iTunes, it is absolutely free. I will be adding all the quotes from the blog to the book regularly, i'll try my best.
iTunes Link: https://itunes.apple.com/us/book/inspirational-quotes/id826458812?ls=1&mt=11
When this iBook on iPad came i was so inspired and thought why not make a quote book out of this blog and make it available for free.
So i'll just walk you through he process of creating the book cover, well there's nothing much in the content (the quotes) its all take from the blog. The hardest was the book cover.
(fig 1.0)
01. The initial idea of the cover was to stick to the same color style from the website. So nothings fancy, i just placed the title in the center and made a simple mountain like design at the bottom. It is was kind of dull i know, but i had to make some cover for the time-being.
The ornament at the bottom of the text is a shape layer from Photoshop. The border was the last minute add-on. I don't know why, but i kind of like a frame around the corner.
(fig 2.0)
02. Since the design is simple, the book cover was re-created inside iBooks author to reduce some space.
(fig 2.1)
Every time i do the update, i keep thinking of updating the cover too, but at that time i didn't had anything in my mind, so left it as it is.
03. Couple of weeks back i came across this image on Bigstockphoto.com and it was perfect for the book cover. I really like the above-the-cloud shot. It's kind of tell you to look-up. Also it's kind of look like a sunset behind the mountain.
(fig 3.0)
04. This is the first look for the design (fig 4.0). The left side background image was exactly as it is, even though its clear on top, but it looks too close to the camera, so i reduced the size and extend the top (the right image), which gives me more room to place the text. Also white was more soothing than a darker text.
Something was missing here. I left it for a day and didn't do anything, and came next day and added couple of things, and the first thing is the border around the image, it looks more like a poster than a book cover.
(fig 4.0)
05. This is the second design (fig 5.0).
Since the original image had lot of blue tint, to balance that i had to do some little color correction and added some green (I like to have green in the picture, it kind of match the original design fig 2.0).
The book has all kinds of categories of quotes, which i wanted to show here. I wanted the text to levitate from the ground and pass through the clouds.
(fig 5.0)
06. The text coming out from the cloud was too flat, so i had to blend the text to looks like it is really coming out and the pieces of cloud overlaps the text.
(fig 5.1)
07. I previewed the book on iBooks, i like the look but it doesn't give a book effect, more like a flat piece of cardboard. Adding the old frame border won't work.
(fig 6.0)
08. So make it more realistic, i added a binding on both side. The binding on the right side, gives a cushion-kind feel. The sun and the lens flare added to show some kind of light in the picture. Too much of text in the picture, so i removed the text at the bottom and replaced with the logo.
(fig 7.0)
09. You can see the previous index page (left) and the new one (right). The same image for the book cover was used in the index page.
(fig 8.0)
10. To maintain clarity and focus from the beginning, i was very clear not to use any images in the quotes pages. The only information you see is the Quote no. and the author name at the bottom.
The Quote number at the top was added in the Ver 1.1
(fig 9.0)
The Glossary contains all the authors information.
(fig 10.0)
11. You can download the book from the iTunes, it is absolutely free. I will be adding all the quotes from the blog to the book regularly, i'll try my best.
(fig 11.0)
iTunes Link: https://itunes.apple.com/us/book/inspirational-quotes/id826458812?ls=1&mt=11
No comments:
Post a Comment