Wednesday, July 22, 2015

how to digitally crop and resize your photos // guest post!

This is another special, guest post by my friend (and sister ;) Jasmine. I invited her to share how she digitally crops and resizes her photos. (See her first guest post: 12 Dates // Valentine's Day or Anniversary Gift Idea; her second: 8 1/2 x 11" Pocket Scrapbook Idea; her third: Making Time to Craft; and her fourth: Active Living).

There are a number of reasons why I have opted for an 8.5x11" sized album. See here. Not listed among those reasons is the resizing of my pictures. It’s not my favorite task, but it adds to the collage feel of my album and learning how to print in non-traditional sizes can be a useful tool to add flare to any album, no matter the size. I’d like to walk you through some of the tips and tricks I've learned when it comes to resizing your photos. First, pick a program that works for you.  I love PowerPoint. I think it’s easy to use, readily accessible, and there are so many features (if you know where to find them).
Computer 2
Second. Eat a donut. Third. Plan your layout and learn the sizes associated with each page protector. Now you may not want to print 4x6" photos; however, unless you send your photos to a specialty print shop or you have your own photo printer, your photos need to be formatted for traditional 4x6" printing. Let me walk you through how I get my photos ready.
1
1. I set up my slides so that each slide represents one page in my pocket scrapbook. Once all of the pictures are (somewhat) organized, I resize them to fit the chosen layout. I will demonstrate this as if I were formatting a baseball card page protector layout as those are the ones I use most often.
2
First, I double click the photo I will be editing, I type in the desired height/width (in this case I want the height to be 3.6") and get ready to crop. Now if you prefer to crop your photos manually, you can skip ahead to Step 2. I prefer to crop them digitally so that I don't have to measure once they're printed. Different strokes for different folks. If you would like to learn how to crop precisely on PowerPoint, here’s how:
- Expand the cropping tab by clicking here.
3
- Choose your desired cropping position. In this case 2.5", position the cropping selection by dragging your photo to the desired location, select "crop" and viola- a perfectly cropped 2.5x3.6" photo.
4
- You can also crop to a preset ratio in the Crop Dropdown menu.
5
- Repeat desired crop for all photos.

2. Now that you've resized all of your photos, it’s time to get them print ready. I don't know if you've ever sent a photo that wasn't meant to be a 4x6" photo to be printed as though it were, but I have to tell you what you end up with is a distorted mess. To avoid this, you have to make sure your proportions are correct. What I like to do is take a 4x6" white background (any white image from the internet will do) and format it so that it is 4 x6".
6
3. I send that white background to the back and position my photos where I want them. You have the ability to create a white border on your photos by shrinking them down since you will already be printing them on a white background. It just depends on the aesthetic of your pocket scrapbook.
7
4. Once I have positioned the photos where I want them, I group them together by hitting “Ctrl” (Command for Macs) and selecting the photos I want to group together. Make sure to select the white background!
8
5. Lastly, I save as a photo. It will give you the option to save as a JPEG or a PNG. I always choose JPEG.
9
Once you get familiar with this process, there are some fun photo collages you can do like extending across pockets or even doing a full photo spread without having to order an 8x10".
10
Here is the layout in its final stages:
11.3
I hope you find the time to try something new this week!

Thank you, Jasmine! 

If you have any questions for Jasmine, feel free to ask in the comments!

Keep up with Jasmine on Instagram. :)

2 comments:

  1. I'm on the fence about this, while more customization is good, I have a feeling this is a "in-progress" update, it just feels incomplete and half-way there.
    We use badge layout for apps on design approvals (visual projects), so the image being displayed is important. Old layout "feels like" it had larger images,
    maybe because the images were cropped more loosely so it's easier to tell which project it was at quick glance. Now the image is cropped closer, making it
    harder to scan thru at quick glance. I find myself needing to click into the project more often than usual. Which makes the whole user experience less
    efficient.
    I have a couple suggestions that might make it work better:
    1. Increase the height of the window the cover image is being displayed.
    2. Let us to choose which image to be displayed as "cover" (like how Pinterest handles cover images of each board, was hoping for this for a long time)
    3. Let us adjust which part of the image to show and how tight or loose the crop is (with a fixed window, let us move the image around and maybe enlarge or
    shrink it to control what shows thru the window. Pinterest does a limited form of this, which is very useful in making the cover image relevant)
    4. Allow Cover Image to be ordered in different hierarchy (currently every element can be ordered differently except the Cover Image, it seems to be stuck
    in the 2nd spot, would like the option to set it on another spot in the layout. This one seems like an easy fix, since you guys allow that for every other
    element already)

    ReplyDelete
  2. I'm on the fence about this, while more customization is good, I have a feeling this is a "in-progress" update, it just feels incomplete and half-way there.
    We use badge layout for apps on design approvals (visual projects), so the image being displayed is important. Old layout "feels like" it had larger images,
    maybe because the images were cropped more loosely so it's easier to tell which project it was at quick glance. Now the image is cropped closer, making it
    harder to scan thru at quick glance. I find myself needing to click into the project more often than usual. Which makes the whole user experience less
    efficient.
    I have a couple suggestions that might make it work better:
    1. Increase the height of the window the cover image is being displayed.
    2. Let us to choose which image to be displayed as "cover" (like how Pinterest handles cover images of each board, was hoping for this for a long time)
    3. Let us adjust which part of the image to show and how tight or loose the crop is (with a fixed window, let us move the image around and maybe enlarge or
    shrink it to control what shows thru the window. Pinterest does a limited form of this, which is very useful in making the cover image relevant)
    4. Allow Cover Image to be ordered in different hierarchy (currently every element can be ordered differently except the Cover Image, it seems to be stuck
    in the 2nd spot, would like the option to set it on another spot in the layout. This one seems like an easy fix, since you guys allow that for every other
    element already)

    ReplyDelete