Using quotes in your slides to support your story
What is good Presentation design?

How to adjust a book cover in Photoshop

Bbp_quote_1Following up on the issue of using quotations in slides, a couple of people have asked how to take a book cover and change its shape as I have done in the example here (and in the post below).

Here is a very rough outline of the steps (I have used the Beyond Bullet Points book for the example). First you will need Photoshop or some other photo editing software that allows you to distort selections and save them as PNG files. 

(1) Scan the book cover, or go to Amazon and copy the image of the book cover (click on it to get the larger size image).

(2) Open the book cover image in Photoshop.

(3) "Select All" and copy the entire image (but do not paste yet).

  Book_cover1        Canvassize

(4) Go to "Image" in the menu bar and select "Canvas size...". Here you will want to add about 10-20% (depending on the size) to the height and width of the canvas to give you room to distort the image.

(5) Now that the canvas is bigger, "Paste" the original book cover image (it is still in memory or "clipboard" remember).

  2_layers   One_layer

(6) You now have two layers. Next, remove the bottom later (you can just drag it to the trash can icon in Photoshop). You now see your book cover image  with a checkered board canvas around it. This will allow you to now select the image and move it around as you like on the canvas...

  Distort_2       Distorting

(7) Go to the "Edit" menu and choose "Transform" then "Distort." You will see little boxes on the corners and on the sides. These are the areas you can click and move to manipulate the image. Just experiment with moving the image around until it looks the way you want. "Skew" and "Perspective" are also very useful for manipulation, so experiment with these features.

(8) If you want a drop shadow under the cover, double click the layer to get the pop-up menu called "Layer Style." Check the "Drop Shadow" box under the Blending Options on the left. To adjust the shadow (the default is not very good) click on "Drop Shadow" to the right of the checked box to reveal the Drop Shadow settings.

          Drop_shadow

NOTE: If you have Keynote on the Mac, then you can ignore all this since the drop shadow settings within Keynote itself are wonderful — you can just add shadows later as you need them. (PPT has "shadows" too, but they are not good, natural-looking ones).

(9) When the cover looks the way you want it, then crop the canvas to cut out any extra area.

(10) Now choose "Save As" from the file menu. Save as a PNG file if you want the canvas area to be transparent. If you want the area around the cover to be white (because your slide background is white, for example) then save it as a JPEG. The advantage of using a PNG file is that you can place the cover into any kind of background and see only the book cover, not the canvas. If you choose to save it as a JPEG with a white (or any other color) canvas area, then the book cover will look good only over a white background where the canvas area appears to disappear. The advantage of JPEGs is that the file size will be smaller.

My explanation does not do justice to the procedure because it is actually very easy and fast – if it were time consuming or difficult I would not do it. And you can skip this entire process and insert the book without any manipulation, of course. In fact, if I am just showing a picture of the book cover, I do not change its shape at all. But if I have a quotation on the slide (and want to include a photo of the book) I can get a bit more space for the quote. Usually, the quote takes up two-thirds and the image one-third of the slide, more or less. This manipulation of the perspective of the book cover allows the cover to be a little larger while at the same time allowing more space for the quotation. All of this must be done without creating a feeling of crowding or noise, however, in the slide.

Comments

Chris Champion

Excellent Garr & thanks! I have just used this technique to do a screen grab of a webpage to use in my powerpoint slides. It really lifts the slide to another level!

Shunya

Thank you for great tutorial! I was always wondering how you made bookcover distort on your slide... now I just tried, and made it!

Donny

Hello everyone. Jealousy is all the fun you think they had. Help me! Need information about: Prograf neurotoxicity. I found only this - calculating prograf dosaging. rx times - pharmacy news, jobs, stories, community, ce, interests and more. Ringing the ears eliminate the noise forever, starting now. Thank you very much ;-). Donny from Argentina.

Verify your Comment

Previewing your Comment

This is only a preview. Your comment has not yet been posted.

Working...
Your comment could not be posted. Error type:
Your comment has been saved. Comments are moderated and will not appear until approved by the author. Post another comment

The letters and numbers you entered did not match the image. Please try again.

As a final step before posting your comment, enter the letters and numbers you see in the image below. This prevents automated programs from posting comments.

Having trouble reading this image? View an alternate.

Working...

Post a comment

Comments are moderated, and will not appear until the author has approved them.

Your Information

(Name and email address are required. Email address will not be displayed with the comment.)