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. Picture 1 of How to Overlay Pictures
    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. Picture 2 of How to Overlay Pictures
    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. Picture 3 of How to Overlay Pictures
    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. Picture 4 of How to Overlay Pictures
    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. Picture 5 of How to Overlay Pictures
    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
      Picture 6 of How to Overlay Pictures
      , type in gimp and click GIMP at the top of the menu.
    2. Mac — Click Spotlight
      Picture 7 of How to Overlay Pictures
      , type in gimp, double-click GIMP, and click Open if prompted.
Part 2 of 5:

Cropping a Photo

  1. Picture 8 of How to Overlay Pictures
    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. Picture 9 of How to Overlay Pictures
    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. Picture 10 of How to Overlay Pictures
    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. Picture 11 of How to Overlay Pictures
    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. Picture 12 of How to Overlay Pictures
    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. Picture 13 of How to Overlay Pictures
    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. Picture 14 of How to Overlay Pictures
    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. Picture 15 of How to Overlay Pictures
    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. Picture 16 of How to Overlay Pictures
    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. Picture 17 of How to Overlay Pictures
    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. Picture 18 of How to Overlay Pictures
    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. Picture 19 of How to Overlay Pictures
    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. Picture 20 of How to Overlay Pictures
    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. Picture 21 of How to Overlay Pictures
    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. Picture 22 of How to Overlay Pictures
    Select the cropped layer. Click the layer preview that corresponds to your cropped layer.
  3. Picture 23 of How to Overlay Pictures
    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. Picture 24 of How to Overlay Pictures
    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. Picture 25 of How to Overlay Pictures
    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. Picture 26 of How to Overlay Pictures
    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. Picture 27 of How to Overlay Pictures
    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. Picture 28 of How to Overlay Pictures
    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. Picture 29 of How to Overlay Pictures
    Scroll down to the "OPTIONS" section. You'll find this on the left side of the page, below the "MAIN IMAGE" section.
  5. Picture 30 of How to Overlay Pictures
    Check the "Set transparency" box. It's in the "OPTIONS" section. A "Transparency" slider should appear below the checkbox.
  6. Picture 31 of How to Overlay Pictures
    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. Picture 32 of How to Overlay Pictures
    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. Picture 33 of How to Overlay Pictures
    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. Picture 34 of How to Overlay Pictures
    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. Picture 35 of How to Overlay Pictures
    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.
Update 05 March 2020
clickphotoimagefile

You should read it

Maybe you are interested

Category

System

Mac OS X

Hardware

Game

Tech info

Technology

Science

Life

Application

Electric

Program

Mobile