- \n
- Photoshop or Photopea<\/li>\n\n\n\n
- Photo Booth (or equivalent)<\/li>\n<\/ul>\n\n\n\n
The Photopea version of the instructions (at the bottom of the page)<\/a> uses smaller images to work better on devices with smaller screens like Chromebooks, but the basic instructions are the same.<\/p>\n\n\n\n
IMPORTANT NOTES<\/h2>\n\n\n\n
These instructions were created before Photoshop switched to saving documents on the cloud by default. When you go to save, the onscreen prompts might be different. That’s okay- as long as you save your work along the way somewhere you’ll be fine. The video walkthrough at the end of the tutorial shows the newer file save behavior.<\/p>\n\n\n\n
The Photoshop instructions were written for use with Macintosh computers, but will work with minor adjustments on Windows-based machines.<\/p>\n\n\n\n
A video walkthrough of the instructions can be found at the bottom of the page.<\/a><\/p>\n\n\n\n
Photoshop Instructions<\/h3>\n\n\n\n
Open Photo Booth. It will open in a small window.
![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/Screen-Shot-2018-04-05-at-5.54.47-PM-1024x640.png\")
<\/a><\/p>\n\n\n\nThe upper left corner of the Photo Booth window shows three “traffic dots.” The red dot closes the window. The yellow dot minimizes the window to the dock. The green dot makes the app full screen. Select the green dot, like this:
![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/Screen-Shot-2018-04-05-at-5.55.34-PM-1024x640.png\")
<\/a><\/p>\n\n\n\nMake sure your face is near the center of the image and comes close to filling the screen, then take a picture. It will be added to the picture roll below the big image.
![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/Photo-on-4-5-18-at-6.21-PM-1024x683.jpg\")
<\/a><\/p>\n\n\n\nPress ESC on your keyboard (the first button on the keyboard).Photo booth will return to its smaller size.
![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/Screen-Shot-2018-04-05-at-6.23.07-PM-1024x640.png\")
<\/a><\/p>\n\n\n\nClick and hold on the thumbnail<\/em> (the small picture) of your photo. Drag the picture onto desktop.<\/p>\n\n\n\n
Start Photoshop<\/p>\n\n\n\n
On the text menu at the top of the screen, choose File, then Open.
![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/Screen-Shot-2018-04-05-at-6.24.47-PM-1024x640.png\")
<\/a><\/p>\n\n\n\nFind your image on the desktop. Select it, then press Open.
![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/Screen-Shot-2018-04-05-at-6.25.25-PM-1024x640.png\")
<\/a>Your image will open in the middle of the screen. A tab with the name of the image will appear in the work area.![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/Screen-Shot-2018-04-05-at-6.26.32-PM-1024x640.png\")
<\/a><\/p>\n\n\n\nFrom the tools menu on your left, select the crop tool.
![\"\"\/](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/crop-tool.png\")
<\/a>The crop tool cuts off edges of images. When you switch to the crop tool, the context menu (near the top of the screen, right above the image name tab) will change to show controls for cropping images. If you haven’t used it before, it will show a control that says “Ratio.”![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/ratio.png\")
<\/a><\/p>\n\n\n\nSelect the arrow to the right of “Ratio” to see a list of crop modes. Select “W x H x Resolution.”
![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/whr.png\")
<\/a>
Now there will be three boxes next to W x H x Resolution. They are for the width, the height, and the number of pixels (square dots) it takes to make a line one inch long.<\/p>\n\n\n\nSet the size to 4.5 inches wide, 6 inches high, and 200 pixels per inch.<\/strong><\/p>\n\n\n\n
![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2022\/11\/Screen-Shot-2022-11-13-at-10.52.07-AM.png\")
<\/a><\/figure>\n\n\n\n<\/p>\n\n\n\n
You’ll see the crop box change shape to match the new width and height.
![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/Screen-Shot-2018-04-05-at-6.27.03-PM-1024x640.png\")
<\/a>
The crop box has handles on the corners and edges that let you resize it. You can also click inside the box and drag to move the whole crop box around.<\/p>\n\n\n\nAdjust the box so it is mostly filled with your head. Depending on how you took the original picture, it may not need to move much.
![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/Screen-Shot-2018-04-05-at-6.27.22-PM-1024x640.png\")
<\/a><\/p>\n\n\n\nPress return on your keyboard (or select “Done” on the Contextual Task Bar) to accept your crop. The sides of your image will be removed.
![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/Screen-Shot-2018-04-05-at-6.27.31-PM-1024x640.png\")
<\/a><\/p>\n\n\n\nOn the menu at the top of the screen, Select “File,” then “Save as.”
![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/save-as.png\")
<\/a><\/p>\n\n\n\nChange the name of the file to “Center Image” and select the Save button.
![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/Screen-Shot-2018-04-05-at-6.28.20-PM-1024x790.png\")
<\/a>
A “JPEG Options” window will appear. For now, don’t worry about the settings.<\/p>\n\n\n\nSelect the OK button.
![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/jpeg-options.png\")
<\/a><\/p>\n\n\n\nFrom the text menu, select “Image,” then “Duplicate.”
![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/image-duplicate.png\")
<\/a>
The Duplicate Image window will appear. It will suggest the name “center image copy.” That will work.![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/Screen-Shot-2018-04-05-at-6.28.45-PM.png\")
<\/a><\/p>\n\n\n\nSelect OK to close the duplicate image window.
![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/Screen-Shot-2018-04-05-at-6.28.52-PM-1024x640.png\")
<\/a>
The center image copy file will appear. It may look like it’s a different size, but that only means that Photoshop has changed the zoom (how close you’re looking at the picture).
Both files (center image and center image copy) are now open. You can switch between them by selecting the tabs at the top of the window.![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/sic-1024x121.png\")
<\/a><\/p>\n\n\n\nOn the text menu, choose “Image,” then “Image Size.”
![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/image-size.png\")
<\/a>
The Image size window will appear.
<\/p>\n\n\n\n![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2022\/11\/Screen-Shot-2022-11-13-at-10.50.53-AM.png\")
<\/a><\/figure>\n\n\n\nChange the width to 1.5. The height will automatically change to 2.<\/p>\n\n\n\n
Select the OK button to resize the picture. it will look pretty small. <\/p>\n\n\n\n
Now we’re going to open a third file. This will be the big blank page where we’ll place all of the little pictures.<\/p>\n\n\n\n
On the text menu, select “File,” then “New.”
![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/file-new.png\")
<\/a>The New File window will open.
<\/p>\n\n\n\n![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2022\/11\/Screen-Shot-2022-11-13-at-10.50.05-AM-487x1024.png\")
<\/a><\/figure>\n\n\n\nOn the right side of the window, set up the new image with the settings listed above. Don’t forget to change the name to Multiple Me, and to set the units to inches! A new blank document will appear.
![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/Screen-Shot-2018-04-05-at-6.30.15-PM-1024x640.png\")
<\/a><\/p>\n\n\n\nSwitch to the “Center Image” tab (at the top of the image window).<\/p>\n\n\n\n
On the tool menu, select the Move tool (it looks like four arrows):
![\"\"\/](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/move-tool.png\")
<\/a>
On the right side of the screen there is a window called “layers.” It will only show one layer, called “Background.” The layer has a thumbnail (small picture) of the background layer.![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/background-layer.png\")
<\/a><\/p>\n\n\n\nClick and hold on the background layer.<\/p>\n\n\n\n
Drag the background layer onto the tab for multiple me, but DO NOT LET GO!
![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/move-1-1024x640.png\")
<\/a><\/p>\n\n\n\nSTILL holding down the button, drag to somewhere in the middle of the blank file, THEN let go.
![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/move-2-1024x640.png\")
<\/a><\/p>\n\n\n\n![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/Screen-Shot-2018-04-05-at-6.30.22-PM-1-1024x640.png\")
<\/a><\/figure>\n\n\n\nClick and drag to move layer one to the center of the image. You’ll know it’s in the right place when crosshairs appear.
![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/crosshairs-774x1024.png\")
<\/a><\/p>\n\n\n\nSwitch to the “center image copy” tab.<\/p>\n\n\n\n
On the text menu, select “Filter,” then “Filter Gallery.”
![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/filter-gallery-menu.png\")
<\/a>
The Filter Gallery window will open. There are multiple sets of filters on the right side of the screen. As you select each one, different controls will appear.![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/Screen-Shot-2018-04-05-at-6.34.11-PM-1-1024x640.png\")
<\/a><\/p>\n\n\n\nWhen you find a filter effect you like, select the OK button (top right corner of the window).<\/p>\n\n\n\n
Drag your filtered image onto the multiple me file the same way you dragged on the center image, and place it in the corner.
![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/Screen-Shot-2018-04-05-at-6.34.32-PM-1024x640.png\")
<\/a><\/p>\n\n\n\nSwitch back to the center image copy.<\/p>\n\n\n\n
On the text menu, select “Edit,” then “Undo Filter Gallery” to undo the filter.<\/p>\n\n\n\n
![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-19-at-10.57.45\u202fPM.png\")
<\/a><\/figure>\n\n\n\n<\/p>
<\/p>
<\/p>
<\/p>
Continue adding small images around the outside to fill up all the space. Experiment! Use lots of different filters! <\/p>
You can also change the colors that some filters use by changing the foreground and background colors. look for this:
![\"\"\/](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/color-select.png\")
<\/a>
If you click on those colors, you’ll get a palette that will let you change them.<\/p>\n\n\n\nSample finished product:<\/p>\n\n\n\n
![\"\"](\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/Multiple-Me-768x1024.jpg\")
<\/a><\/figure>\n\n\n\nWalkthroughs<\/h2>\n\n\n\n
Photoshop<\/h3>\n\n\n\n
This is a very basic walkthrough. There is no voiceover, but the instructions are all shown on-screen.<\/p>\n\n\n\n