HomeApplicationGraphic design

How to Overlay Pictures

This wikiHow teaches you how to place one image on top of another using free software on your Windows or Mac computer. Overlaying pictures can involve anything from placing one picture on top of another picture to creating a collage of...
Part 1 of 5:

Preparing to Overlay

  1. How to Overlay Pictures Picture 1How to Overlay Pictures Picture 1
    Consider using PineTools. If you just want to create a simple collage with different transparencies, you can use an online tool to do so without having to download and install GIMP.
    1. You can't use Pine Tools to introduce a new photo, such as a celebrity, to a base photo in hopes of convincing people that the end result is a real photo.
  2. How to Overlay Pictures Picture 2How to Overlay Pictures Picture 2
    Make sure all your photos are in one location. This is helpful when selecting photos to add to your project as layers.
    1. You may want to make a copy of the photos you plan on using by selecting them, pressing Ctrl+C (Windows) or ⌘ Command+C (Mac), and then pasting them in a common location such as the desktop.
  3. How to Overlay Pictures Picture 3How to Overlay Pictures Picture 3
    Find out the size of your main photo. Once you know which photo you want to use as the background for your final image, you'll need to find the width and height (in pixels) for the photo so that you can create a properly sized canvas later:
    1. Windows — Right-click the photo, click Properties, click the Details tab, and look for the numbers to the right of the "Dimensions" heading (you may need to scroll down).
    2. Mac — Click the photo to select it, click File, click Get Info, and review the "Dimensions" heading in the "More Info" section (you may first have to click the More Info heading).
  4. How to Overlay Pictures Picture 4How to Overlay Pictures Picture 4
    Download and install GIMP. Do the following depending on your operating system:
    1. Windows — Go to https://www.gimp.org/downloads/, click Download GIMP directly, double-click the downloaded setup file, and follow the on-screen instructions.
    2. Mac — Go to https://download.gimp.org/mirror/pub/gimp/v2.8/osx/ in your computer's web browser, click the gimp-2.8.10-dmg-1.dmg link, double-click the DMG file, click and drag the GIMP logo onto the "Applications" folder, and follow any additional instructions.
      1. On a Mac, you may need to verify the installation before you can install GIMP.
  5. How to Overlay Pictures Picture 5How to Overlay Pictures Picture 5
    Open GIMP. Once you've installed GIMP, you can proceed with opening it, after which point you'll be able to begin overlaying your photos:
    1. Windows — Click Start
      How to Overlay Pictures Picture 6How to Overlay Pictures Picture 6
      , type in gimp and click GIMP at the top of the menu.
    2. Mac — Click Spotlight
      How to Overlay Pictures Picture 7How to Overlay Pictures Picture 7
      , type in gimp, double-click GIMP, and click Open if prompted.
Part 2 of 5:

Cropping a Photo

  1. How to Overlay Pictures Picture 8How to Overlay Pictures Picture 8
    Open the photo you want to crop. This should be the photo you plan on overlaying on top of your base photo:
    1. Click File
    2. Click Open...
    3. Select the photo.
    4. Click Open
  2. How to Overlay Pictures Picture 9How to Overlay Pictures Picture 9
    Add an alpha channel to the photo. This will allow you to save the cropped portion of your photo as clip art rather than as a cropped photo on a white background:
    1. Click Layers
    2. Select Transparency
    3. Click Add Alpha Channel
  3. How to Overlay Pictures Picture 10How to Overlay Pictures Picture 10
    Open the "Free Select" tool. Either press "M" on your computer's keyboard, or do the following:
    1. Click Tools
    2. Select Selection Tools
    3. Click Free Select
  4. How to Overlay Pictures Picture 11How to Overlay Pictures Picture 11
    Draw around the section you want to keep. Click and drag your mouse around the section of the photo that you want to add to your base photo.
    1. Repeatedly clicking in a line around the selection instead of dragging will help achieve greater accuracy.
    2. You'll need to connect the end of the line to the beginning of the line before you can continue.
  5. How to Overlay Pictures Picture 12How to Overlay Pictures Picture 12
    Select the inverse. To highlight everything but the section you want to keep, press M to select the section, then press either Ctrl+I (Windows) or ⌘ Command+I (Mac).
  6. How to Overlay Pictures Picture 13How to Overlay Pictures Picture 13
    Delete the inverse. Press Del on a Windows computer, or press ⌘ Command+X on a Mac. You should see everything but the selected portion of the photo disappear, leaving behind a checkerboard background.
  7. How to Overlay Pictures Picture 14How to Overlay Pictures Picture 14
    Save your photo. Since you want to save this photo as a GIMP file rather than as a JPG or PNG, you'll use the Save As feature:
    1. Click File
    2. Click Save As...
    3. Enter a file name, then select the same save location as your base photo.
    4. Click Save
  8. How to Overlay Pictures Picture 15How to Overlay Pictures Picture 15
    Close the current photo. Click the X in the top-right corner of the project window (top-left corner on Mac) to do so. The GIMP window should remain open and blank while the photo disappears. At this point, you can proceed with overlaying your pictures.
Part 3 of 5:

Overlaying Pictures

  1. How to Overlay Pictures Picture 16How to Overlay Pictures Picture 16
    Create a blank canvas the size of your base photo. Using the dimensions from the photo that you found earlier, open a new project:
    1. Click File
    2. Click New...
    3. Adjust the "Width" and "Height" text fields.
    4. Click OK
  2. How to Overlay Pictures Picture 17How to Overlay Pictures Picture 17
    Open both your base photo and your cropped photo. By opening both photos as layers, you'll be able to align them with each other:
    1. Click File
    2. Click Open as Layers…
    3. Select your pictures' location on the left side.
    4. Hold down Ctrl (Windows) or ⌘ Command (Mac) while clicking photo names.
    5. Click Open
  3. How to Overlay Pictures Picture 18How to Overlay Pictures Picture 18
    Move the cropped layer. To readjust the cropped layer's position, do the following:
    1. Click Tools
    2. Click Transform Tools
    3. Click Move
    4. Click and drag the cropped layer.
  4. How to Overlay Pictures Picture 19How to Overlay Pictures Picture 19
    Adjust the cropped layer's size. If you want to change the size of the cropped photo, do the following:
    1. Click Tools
    2. Select Transform Tools
    3. Click Scale
    4. Select your cropped layer.
    5. Click and drag the layer to resize it.
    6. Click Scale
  5. How to Overlay Pictures Picture 20How to Overlay Pictures Picture 20
    Review your photo. If your intention was to create an image in which you place another image to make it seem like the second image was part of the first image, you can proceed with flattening and exporting your project.
    1. If you want to create a collage with different transparencies, proceed to the next part.
Part 4 of 5:

Creating a Collage

  1. How to Overlay Pictures Picture 21How to Overlay Pictures Picture 21
    Open the Layers window. Press either Ctrl+L (Windows) or ⌘ Command+L (Mac) to do so. The Layers window will pop up in the upper-left side of the screen; you should see both the base photo and the cropped layer appear in the photo.
  2. How to Overlay Pictures Picture 22How to Overlay Pictures Picture 22
    Select the cropped layer. Click the layer preview that corresponds to your cropped layer.
  3. How to Overlay Pictures Picture 23How to Overlay Pictures Picture 23
    Lower the layer's opacity. At the top of the Layers window, click the downward-facing arrow to lower the opacity of the cropped layer.
    1. You may have to lower the opacity to 20 (or lower) to achieve your desired effect.
  4. How to Overlay Pictures Picture 24How to Overlay Pictures Picture 24
    Flatten the layers. Click the Image tab, then click Flatten Image in the resulting drop-down menu. This will combine all of the photos' layers into one image.
    1. This step is necessary before you can export the image to an image file.
  5. How to Overlay Pictures Picture 25How to Overlay Pictures Picture 25
    Export your finished image. This will allow you to save the image as a JPG or PNG file:
    1. Click File
    2. Click Export...
    3. Enter a file name.
    4. Select a save folder.
    5. Click Export
Part 5 of 5:

Using PineTools

  1. How to Overlay Pictures Picture 26How to Overlay Pictures Picture 26
    Open PineTools. Go to http://pinetools.com/overlay-images in your computer's web browser.
    1. PineTools is a website which can overlay simple photos without requiring installation or complicated menu options.
  2. How to Overlay Pictures Picture 27How to Overlay Pictures Picture 27
    Upload your base image. Click Choose file under the "MAIN IMAGE" heading, then select the photo you want to use as your main photo and click Open.
  3. How to Overlay Pictures Picture 28How to Overlay Pictures Picture 28
    Upload your overlay photo. Click Choose file on the right side of the page below the "SECONDARY IMAGE" heading, then select the photo you want to use and click Open. You should see the photo appear on top of the first photo.
  4. How to Overlay Pictures Picture 29How to Overlay Pictures Picture 29
    Scroll down to the "OPTIONS" section. You'll find this on the left side of the page, below the "MAIN IMAGE" section.
  5. How to Overlay Pictures Picture 30How to Overlay Pictures Picture 30
    Check the "Set transparency" box. It's in the "OPTIONS" section. A "Transparency" slider should appear below the checkbox.
  6. How to Overlay Pictures Picture 31How to Overlay Pictures Picture 31
    Drag the "Transparency" slider to the right. This will cause the overlayed photo to appear transparent.
    1. You may have to drag the slider over to the 70% mark (or more) to achieve your desired effect.
  7. How to Overlay Pictures Picture 32How to Overlay Pictures Picture 32
    Check any additional options. For example, if you want to center the second image in the middle of the main image, you'd check one or both of the "Center" boxes.
  8. How to Overlay Pictures Picture 33How to Overlay Pictures Picture 33
    Click PROCESS. It's a green button at the bottom of the page. Doing so will combine your uploaded pictures with your selected settings.
  9. How to Overlay Pictures Picture 34How to Overlay Pictures Picture 34
    Review the final image. In the "OUTPUT IMAGE" section on the right side of the page, you should see the image as it appears using your selected options.
    1. You can adjust your options and then click PROCESS again to redo the final image.
  10. How to Overlay Pictures Picture 35How to Overlay Pictures Picture 35
    Select a file type. Click either PNG or JPG in the "OUTPUT IMAGE" section to download your overlayed photo as either a PNG file or a JPG file, respectively.
    1. You can also click WEBP to download the file in web publishing format.
5 ★ | 2 Vote
clickphotoimagefile

You should read it

Maybe you are interested

Graphic design