2D Work (3/3): Mockups

-
  As mentioned in the previous post, some illustrations will be used in mockups. This will be done in two concepts, one as it were to be printed on a physical book and the other if it were to be published as ebooks on platform such as Audible. I began with creating a mockup of the book by taking photo of children's book which I have found in the Kimberlin library. I have chosen the book 'Sylvia and Bird' by Catherine Rayner as it had the appropriate size with simple images to be used for mockups.



 I have taken photos of the pages and chose what I would be using for the final mockup.



 I loaded up the image into Photoshop and darkened the background to bring more focus onto the book. The details of the work will be listed below.


Darken background using Brightness/Contrast Adjustment Layer in Photoshop, book deselected using Auto-select tool.

Auto-select the needed page, fill in (Paint Bucket tool) with a background colour on a new layer, create natural shading using Paint Brush tool and Gaussian Blur filter.

Insert image in new layer as clipping mask, warp it according to page using Transform-Distort and Free Transform tools.

Change the clipping layer option to Darken.

Copy the empty page design and transform to fit to the left page.

Insert script on to the page. I have chosen the DIN Alternate font (size 80) as it had clear, blocky look which would be legible for many people including children.

Convert Text layer into Raster layer, then warp text like the illustration to the page.

 I have taken the script (and modified it slightly to make it shorter) from the website Readmio as they had an already translated, edited and published script of the story by Dominique Sakmar. 

 Then I have created a eBook mockup of my illustration. I have taken inspiration from the format used by Book Trust organisation.


Format in Book Trust

 I created the mockup with Photoshop, the script taken from the same source mentioned above. The process is as listed below.

Open a new file, the canvas size to fit a screen of iPad Pro 12.9 in (wider screen for reading compared to phone sizes).

Colour the background in a darker shade, draw in a rectangle of a lighter colour to act as the 'page'.

Insert illustration, changed the colour of the rectangle to the same colour of the scanned paper.


Draw circles to be used for icons.

Draw the icon images using the Brush tool.

Insert script.

Changed the font of the text to Chalkduster to give it more 'handmade' feeling. Changed the icon image to give it the same feeling as well.



Colour parts of the text differently as if it is being darkened as it is being read.

 Below are the finished mockups.


Print Book Mockup

eBook Mockup

Comments

Post a Comment

Popular posts from this blog

Character Design (2/3): Turtle

-
Image
  Another main character present in this story is the turtle (sea turtle in technicality due to the setting being in an ocean, but most characterisations do follow more of a land turtle’s), who function as the communicator between the sea king and the rabbit due to it being the only animal to ‘travel through both the water and the land.  I wanted to put more focus on the sea turtle elements to my character, so I have simplified the shape of a sea turtle into two shapes: the teardrop shape which comprises the head and the limbs, and the ‘muffin’ shape which composed the body or the shell.  Photo of a sea turtle by NFWF   Then, as I have with the rabbit character, I analysed turtle characters from famous media. I have suspected that sea turtles would not be a common character since ocean-focused cartoons are very specific and rare, and my search had shown as such. Land turtles were more common to be used, with the rare exception of the sea turtle Crush from the movie ‘...
Read more

Artist Research: Penny Siopis, ‘Warm Water Imaginaries’ and Abstraction

-
Image
   Penny Siopis is an multi-medium artist of Greek descent born and working in South Africa, representing issues ranging from the traumas of children in South Africa to global, political issues. She has worked with a range of mediums, from photography and films to paintings, but I am focusing on her painting series and her techniques, specifically her abstraction and fluid art.   For a long time, Siopis worked with concepts that were ‘beyond representation’ (South African History Organisation, n.d.)– personal representation, psychology, trauma and such– and integrating dynamic materials into her works as if to show the organic nature of such psychological issues. This may be especially due to her life in South Africa which had and still has several social issues, one of which being ‘Apartheid’ which is a type of racial segregation that happened in South Africa to South West Africa during 1948 to 1994 due to the all-white government. She specifically mentions this iss...
Read more

2D Work (1/3): Physical Process

-
Image
  After I have finished practising with the materials, I began to create my final 2D pieces. I first did some basic sketches to experiment with the composition of the scene. I have selected the scenes shown below as they are the core events of the story that needs to be seen to understand the morale or the overview. The first scene is of how the king is sick and how he needs the medicine (hare’s liver) to be cured, meaning that it is on the turtle (the ‘only’ creature of the sea to walk on land) to catch the rabbit. The second scene is of how the turtle lies to the rabbit, of riches and status, to lure the rabbit into the sea. The third scene is of how the king captures the rabbit, but how the rabbit lies to the king about hiding its liver on land to escape. The last scene is where the rabbit runs away.   I have sketched out the final scene after planning the composition. I lightly sketched out the scene lightly with a pencil on khadi paper.  Then I have outlined the sket...
Read more