image and text design

Image Manipulation

 

Today I've been manipulating images in Adobe Photoshop, InDesign and Illustrator. This will be the primary method that I will use to formulate my endpapers for the JSS assignment, as only one Pantone or shade of CYMK is permitted. I am now going to break down what I worked on with each image:

Bear one (brown): I created a greyscale image in Photoshop and saved it. Then I changed the Image Mode to a bitmap, and saved it as a .bmp file. I then added the file to InDesign and edited the colour to a nude swatch that I created from Adobe Illustrator.

Shakespeare: To create this bitmap image, I saved it as a greyscale image at 1200dpi. I used the Image>mode feature again to save it as a bitmap.tiff image. From this, I placed the item into InDesign over a tan background. I then changed the B/W image to a one-tone red. I think these colours work quite well together.
 

Bear two (pink): I re-opened the photo of the bear in Photoshop and saved it as a bitmap.tiff image at 1200, I edited the bitmap type to Halftone Screen which gives the image a comic book effect. From there, I placed this file into Indesign and changed the colour swatch to a Pantone+ Solid Uncovered in a light pink.

There are multiple versions of bitmap manipulation, these include: halftone, threshold, pattern and gradient. Each one gives a slightly different effect.

Text manipulation

For the above text, I utilised Adobe Illustrator to create the text using vectors. This is a better alternative to editing text on Photoshop because quality is not lost. 

I ungrouped the letters so each could be edited and manipulated individually, I enjoyed working in this way because the letters stayed crisp and were of print-quality. I then copied this smart image into Photoshop. By using the enter key after doing this, I could edit the text in illustrator and the smart image would transfer over to the Photoshop file automatically. This will be invaluable to my final typesetting and cover design assignment! 

cover design layouts

Today I'm focussing on the really technical, IT-based book design aspects. I'm practising my use of Adobe InDesign and Photoshop and I've really been enjoying it. Here are some technical things I've learnt this week:

Standard Book Sizes: 

Picture Book - 240mm x 200mm

Paperback Fiction Book - 198mm x 129mm 

Hardback fiction - 216mm x 198

Terms

Some terminology commonly referred to during this aspect of production are:

• Bleed - a 5mm allowance along the outside of the cover, where no detail is printed. This protects against the cover being cut short. 
• Gutter - the mid-section of the cover, where the spine sits after printing.
• Turnaround - An allowance that allows extra space on a cover jacket for the flap to fold over easily.
• Board Allocation- on a hardback book, the card is sometimes 3mm thick. Designers allow for this during the design process, so the cover fits over the whole book.
• Slug area- on Indesign or Photoshop, the area between the bleed and 5mm above, where the fold lines are placed to indicate where production should cut the card. 

Here is an example of a picture book cover, laid out on InDesign and the cover created in Photoshop: 

And here is my attempt at a hardback cover jacket, I also designed a basic cover design on Photoshop but ran out of time to place the cover onto the file:

I will be sure to update you on my progress!