Today we are gonna show you how we can fill a picture with smaller pictures using Adobe Photoshop(Any Version will do).
It creates an optical illusion, when being viewed from the distance you see the main picture, but when viewed closer you see the smaller pictures.
These effect is usually used in wedding photos, family photos, and many more.
For this tutorial we will be using a picture of a 1991 Mitsubishi GTO and fill it with smaller pictures of the same car.
Teachers! Did you use this instructable in your classroom?
Add a Teacher Note to share how you incorporated it into your lesson.
Step 1: Crop the Part of the Picture We Want to Fill
I will be cropping the part of the backlight's of the GTO, by using the Crop tool , or press C for the Keyboard shortcut.
After Selecting the area you want to be cropped, press Enter(Win)/Return(Mac) and that should leave you with the square area selected.
Next to work on the pictures that will be used to fill the main picture.
Step 2: Crop the Smaller Images
Now we grab more photos to use to fill the main picture with. We will be cropping the pictures to a specific size, the size will depend on the size of the main picture and how many different pictures you want to use for the small pictures. For this tutorial we will be cropping them to 50px by 50px .
Grab your Crop Tool,C on the keyboard to select it.
Then go to the Options Bar , to enter in a value of 50px for the Width and Height.
Since we have already set the size for our crop tool, I dragged a selection around a part of the picture of your choice. No need to hold down shift this time since we have already set the size for our crop tool. Then press Enter(Win)/Return(Mac) to make the selection, then it will crop your selection and resize it to the size you entered in the options bar, in this case 50x50 px.
Then just repeat that for the other pictures you want to use, in this case I will just be using to pictures to fill my main picture.
After cropping all the pictures you want to use to fill the main picture, you should end up with something like picture4.
Step 3: Create a New Document
Now that we have finished cropping images, now we move to making the smaller images to a pattern we can use to fill the main picture.
Go to File , then New , to bring up the new project dialogue box, you can also bring it up by Ctr + N (Win) / Command + N (Mac) . We want to create a new document that is twice the size of the smaller images we have cropped.
Since I cropped mine to 50x50px I will be creating a 100x100px document.
Also make sure that the resolution for your new document matches the resolution on your main image.To check for that, you go to Image menu, then Image Size . That option will show you the size of the document where you can see the resolution of the photo, under the Width and Height of the photo.
Step 4: Making the Pattern
Now that we have created a new document, we are going to drag the small images to the new document. Select your Move Tool , or press V on the keyboard.
Select the first small image then drag it to the new document.(First Picture)
Then Arrange the first picture to the top left of the new document, the photo should fit there like a puzzle piece.(Second Picture)
Click the new document and while holding Alt(Win)/Option(Mac) key then drag the photo to the bottom right of the new document. By holding the Alt or Option key it creates a copy of the layer being dragged, and you end up with two copies of the image across from each other.(Third Picture)
Drag the second small image to the new document then drag it to the top right of the image. (Fourth Picture)
Just like the previous step while holding Alt(Win)/Option(Mac) key then drag the photo to the bottom left of the new document.
Step 5: Flatten the New Document
If you notice your Layers Palett e of your new document is made up of several layers. Lets flatten the image before moving on to the next step.
First go up to the Layer Menu , then Flatten Imag e. Nothing really happens to the document it self, but it does change your Layers Palette and you end up with 1 layer instead of several layers.
Step 6: Making the Pattern
To Desaturate the new document, we go up to the Image menu, then Adjustments , and click Desaturate , or you can use the keyboard shortcut Shift+Ctrl+U (Win) / Shift+Command+U(Mac). Desaturating removes the colors of the new document and leaves it in Black and White.(Picture 1)
After Desaturating the image, it is now ready to be made into a pattern, or as Photoshop calls it Define a pattern. Go to the Edit menu, click Define Pattern, which should bring up a Pattern Name Dialogue box(Second Picture), name it what ever you want, ill be naming it "car". Then you can click OK. We don't need this document window anymore so we can close it.
Step 7: Now the Fun Part
Since we have dealt with the smaller photos, time to head back to the main photo and click on the new layer icon at the bottom of the Layers Palette to add a new blank layer, which will be used to fill the main photo with the pattern we created.
Now its time to fill the page with the pattern we created, to do that we have to go to Edit menu, then click Fill , or use the shortcut Shift + F5
which will bring up a dialogue box.For the Use Option choose Pattern , then on the Custom Pattern Option click the little thumbnail and choose the pattern you have created. Just leave Blending Mode to Normal and Opacity to 100%. (Picture 1)
Photoshop will fill your whole document with the pattern.(Picture 2)
To blend the Pattern in with the image we just have to adjust the blend mode of the layer from Normal to Overlay .(Picture 3)
After changing the blend mode you will end up with something like(Picture 4), hopefully a little better.
Step 8: Hints & Tips, Example
Thanks for going through this tutorial if you encounter any problems or get stuck on a step feel free to message us on here.
Just a couple of Tips or reminders while making this, just make sure to be creative with it. If you are not satisfied with your work, experiment around with it use different sizes adjust the blend mode, and important thing to remember Take your time.
I tried it on a Model and that was my results, results will differ depending on the settings you set you can just play around with it and experiment around.