Toggle

How I Did Those Italy Calendar Layouts, Step-by-Step

By Scott on Monday, June 30th, 2008 at 3:21 am | updates.

I had so many questions and requests to show how I made those calendar layouts last week using photos from my vacation to Italy, that I’m going to give you a step-by-step on how it was done (and how to make your own).

Now, before I go any further; most of this was done using Apple’s iPhoto application (which comes free with every Mac), and it’s absolutely brilliant for stuff like this. If you’re using a Windows PC, then later in the week I’ll have a separate tutorial on how to achieve a similar look in Photoshop (but it takes a bit more work).

cal1sm.jpg

STEP ONE: Import your photos into Apple’s iPhoto application, then create an Album (similar to a collection in Lightroom, or a Playlist in iTunes) by clicking on the + (plus sign) icon in the bottom left corner of the iPhoto window. Name your Album, then drag your newly imported photos into this album. Once your photos are in their own Album (seen above—click for a larger image), click the Calendar button in the toolbar at the bottom of the window (as shown above).

line2.jpg

cal2sm.jpg

STEP TWO: This brings up the Calendar window (shown above) where you choose which theme you want for your calendar from the list of themes on the left side. I choose the Classic Theme (as seen above), and it shows you a preview of how that style of calendar looks in the main part of the window. Once you’ve chosen Classic, click the Choose button.

line2.jpg

cal3sm.jpg

STEP THREE: When you click that Choose button, it brings up a window where you can choose which year and month to start your calendar on (I chose January of 2009 for mine), then click OK.

line2.jpg

cal4sm.jpg

STEP FOUR: This brings up the Calendar Layout window you see above, with your photos on the left, and the layouts on the right (I scrolled down to March 2009 here, because it had a more typical layout to the ones I used). I usually start by clicking the Autoflow button (in the toolbar at the bottom of the window), which puts all your photos into your calendar randomly. The reason I do this is simple; sometimes one or more months just happen to look great (it’s just sheer luck if it happens, but usually one or two actually look really good. The rest need work).

line2.jpg

cal5sm.jpg

STEP FIVE: Here’s one of the months as put together by Autoflow. Not too shabby. You can switch position (top and bottom) by just clicking and dragging one photo and dropping it on the other. You can see small previews of the others pages in the column on the left side.

line2.jpg

cal6sm.jpg

STEP SIX: If you want to do your manual layouts, click the photo stack icon at the top right of the lefthand column, and it shows your photos again. Now you can just drag and drop your photos right into the layouts. To edit the cropping or scale of any photo, just click on it and a little edit bar appears above the photo (seen at the top photo above).

line2.jpg

cal7sm.jpg

STEP SEVEN: For each page you get to choose how many photos you want on that page, and then when you click on the Layout button, a menu of different layouts appears (some with room for text captions, but I chose the ones without), as shown here (you can choose to have from 1 to five photos on any given page, with different layouts for each). You just choose the layout that looks best to you, and the calendar automatically adjusts the position of any photos already on that page. It also automatically adjusts when you drag a vertical photo into a horizontal layout grid. Pretty slick!

line2.jpg

cal8sm.jpg

STEP EIGHT: Once I had the layout and photos the way I wanted it, I took a screen capture of that window in iPhoto by pressing Shift-Ctrl-Command-4 and dragging out a selection over the area I wanted to capture. Then I went over to Adobe Photoshop and pasted that copied capture into a New Document (as shown here). The background layer is white, so I clicked on the background layer, filled it with black, then clicked back on my pasted layer (layer 1, as shown here).

line2.jpg

cal9sm.jpg

STEP NINE: Next, I grabbed the Lasso tool in Photoshop, and drew a jaggy selection around the bottom 1/8 of the calendar (as shown here), so it would looked kinda like a ripped edge.

line2.jpg

cal10sm.jpg

STEP 10: Now just hit Delete, and then Deselect, and you wind up with the look you see above. Now I just saved the file as a JPEG and posted it to my blog (of course, I did seven or eight months, but you get the idea).

line2.jpg

So, that’s the technique I used to show the photos in a different way on my blog. However, once I had the photos all in place, I could just click the “Buy” button in iPhoto and it uploads your images to Apple, and they print a beautiful calendar (you get to choose the cover image, too), and ship it to you in just days. I’ve done a number of these calendars in the past (mostly as gifts) and they always come out much better than I expected. There ya have it—-look for the Photoshop version later this week.

Comments received from other Sites

Listed using this TrackBack URL

  • Themeless Randoms » Fancy Schmancy Photo Calendar Layouts
    [...] Scott over at the Photoshop Insider has recently put together a series of photo calendars from his recent trip to Italy. Of course he teased us at first with just giving us the photos, but then today he was nice enough to provide us instructions on how to create your own photo calendars. [...]

14 Visitor Comments

Subscribe to comments with RSS

  1. #1

    Nothing is wrong with both cool and simple looks :)

    Erik Bernskiold on June 30th, 2008 at 4:05 am
  2. #2

    You gotta love iphoto.

    Christian on June 30th, 2008 at 4:28 am
  3. #3

    I haven’t used iPhoto for this yet, but I had been wondering about it. Glad to hear they turn out well. I’ll have to try it sometime!

    Steve on June 30th, 2008 at 8:15 am
  4. #4

    semplicemente favoloso Scott ;)

    Fakhra (UAE) on June 30th, 2008 at 8:39 am
  5. #5

    Great tip scott. Just to make a note, Mike Wong has an excellent automate script that will take selections and collections from your LR picks and import them directly to a iPhoto album. I use this for “Books” and it works like a dream. http://www.ononesoftware.com/blog/2007/06/lightroom_aperture_and_iphoto_1.html

    Thanks again.

    Tom on June 30th, 2008 at 8:42 am
  6. #6

    And don’t forget - iPhoto handles RAW files too!

    Dan Ablan on June 30th, 2008 at 9:51 am
  7. #7

    Scott thanks for sharing these steps. Please don’t forget to post the steps for Windows! :)

    Cristina on June 30th, 2008 at 11:42 am
  8. #8

    Hey this is great! I was looking at those photos as well and wondering how to do it. Luckily I’m one of the Mac users here, so I’m ready to rock :)

    GeoHunt Canada on June 30th, 2008 at 2:58 pm
  9. #9

    Scott: In your blog today you mention that you set up a screen capture by clicking on Screen-Control-Command -4 (Step 8). I found that I can do screen captures by using only screen-command-4, three steps. Why did you add the control as well for the screen capture? Something I don’t know?

    Randolph Brill on June 30th, 2008 at 6:47 pm
  10. #10

    Wow, this is a fun hit for the PC users (like me).

    That looks annoyingly easy.

    Thanks, Scott!

    (When will there be a LR capability like this?)

    Raine on June 30th, 2008 at 9:14 pm
  11. #11

    Nice one Scott :) Have to give this one a try.

    Dwayne D.C. Tucker II
    Nasasu, Bahamas
    http://DwayneTucker.com

    Dwayne Tucker on June 30th, 2008 at 10:03 pm
  12. #12

    Randolph Brill:

    You are correct— you can use Command-Shift-4 to capture a portion of your screen, and the screen shot will be saved as a PDF file (”Picture 1.pdf”) to your desktop. By adding the Control key, as Scott did, it places that shot in the Clipboard instead, allowing you to paste it into another application, such as Photoshop, but does not save a file to the desktop.

    Hope this helps..

    Mike on June 30th, 2008 at 11:56 pm
  13. #13

    Thanks, Scott … great idea for holiday gifts. Appreciate the tutorial!

    Jason Caine on July 1st, 2008 at 12:16 am
  14. #14

    For Windows, I have used EZ Photo Calendar Creator. It is simple, easy to use and while not iPhoto, actually has some features that are better than iPhoto. http://www.spectrumsoftware.com/ezphotocalendar.htm

    Enzo on July 1st, 2008 at 3:44 pm

Drop me a note

You can use the small form below to leave a comment on this page.