{"id":106,"date":"2012-09-30T23:48:41","date_gmt":"2012-09-30T23:48:41","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/photoshopessentials_wp\/?p=106"},"modified":"2019-04-13T13:22:10","modified_gmt":"2019-04-13T17:22:10","slug":"photo-fill","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-fill\/","title":{"rendered":"Fill A Photo With More Photos In Photoshop"},"content":{"rendered":"<style type=\"text\/css\">\n.adslot-2 { display: inline-block; width:300px; float:right; margin: 6px 0px 12px 30px; }\n@media (max-width: 767px) { .adslot-2 { display: none; } }\n<\/style><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<!-- 300x250 photo effects top responsive -->\n<ins class=\"adsbygoogle adslot-2\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2740208297\"\n     data-ad-format=\"rectangle\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this <strong>Photoshop Effects tutorial<\/strong>, we're going to create a bit of an optical illusion, filling one photo with many smaller photos, or at least, many copies of a couple of smaller photos. The number of smaller photos you use for this effect is completely up to you. If you view the photo from a distance, you'll see the larger main photo, and if you view it up close, you'll see all the smaller photos inside of it.<\/p>\n<p>I originally saw this effect used in a job recruitment poster for a well-known restaurant chain, but it also works great with family photos, wedding photos, or just as a fun thing to do with photos of all your friends.<\/p>\n<p style=\"clear:both;\">Let's say we have a photo of a mother:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/mom-original.jpg\" alt=\"A photo of a young mother\" \/>\n<div class=\"image-desc\">A photo of a mother.<\/div>\n<p>And mom has a couple of kids. Here's the photos of the kids:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/boy-original.jpg\" alt=\"A young baby boy\" \/>\n<div class=\"image-desc\">The first child photo.<\/div>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/girl-original.jpg\" alt=\"A young girl\" \/>\n<div class=\"image-desc\">The second child photo.<\/div>\n<p>We're going to create our effect by taking the photos of the two kids and using them to fill the photo of their mom. Here's the effect we're going for:<\/p>\n<p><img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/final-result.jpg\" alt=\"The final result\" style=\"margin-bottom:12px;\"\/><\/p>\n<div class=\"image-desc\">The final result.<\/div>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<p>This tutorial is from our <a href=\"\/photo-effects\/\" title=\"Learn Photoshop effects\">Photo Effects<\/a> series. Let's get started!<\/p>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<h4><span>Step 1:<\/span> Crop The Main Photo Into A Close-Up Of The Person's Face<\/h4>\n<p>I'm going to work on the main photo (the photo of mom) first, and what we need to do is crop it into a close-up of her face. Cropping the main image into a square works best for this effect, so grab your <span class=\"em\">Rectangular Marquee Tool<\/span> from the Tools palette, or press <strong>M<\/strong> to quickly access it with the keyboard shortcut:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/rectangular-marquee-tool.gif\" alt=\"Selecting the Rectangular Marquee Tool from the Tools palette.\" \/>\n<div class=\"image-desc\">Select the Rectangular Marquee Tool from the Tools palette.<\/div>\n<p>Then, with the Rectangular Marquee Tool selected, drag out a square selection around the person's face. Hold down your <strong>Shift<\/strong> key as you drag to constrain the selection to a perfect square. If you need to reposition your selection as you're dragging it, hold down your <strong>spacebar<\/strong> and as you move your mouse, your selection will move along with it. Release the spacebar to continue dragging out the selection:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/dragging-selection.jpg\" alt=\"Drag out a square selection around the person's face.\" \/>\n<div class=\"image-desc\">Drag out a square selection around the person's face.<\/div>\n<p>Now that we have our selection, we can use it to crop the image. Go up to the <strong>Image<\/strong> menu at the top of the screen and choose <strong>Crop<\/strong>. Photoshop will go ahead and crop the image around the selection, leaving you with just the square area you selected:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/main-cropped.jpg\" alt=\"The main image now cropped into a square.\" \/>\n<div class=\"image-desc\">The main image is now cropped into a square around the woman's face.<\/div>\n<p>That's all we need to do with the main photo for now. Let's work on the photos of the kids.<\/p>\n<h4><span>Step 2:<\/span> Crop The Smaller Photos<\/h4>\n<p>We're going to crop the smaller photos next, and we'll be cropping them into a square, just like we did with the main photo. Rather than using the Rectangular Marquee Tool though, let's use the <strong>Crop Tool<\/strong>, since we're going to be cropping these photos down to a specific size. Now, the actual size that you crop them to is going to depend on the size of your main photo and also on how many smaller photos you want to use to fill your main photo with, so you may need to experiment a little with this.<\/p>\n<p>Grab your Crop tool from the Tools palette, or press <strong>C<\/strong> on your keyboard to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/select-crop-tool.gif\" alt=\"Selecting the Crop Tool from the Tools palette in Photoshop.\" \/>\n<div class=\"image-desc\">Select the Crop Tool.<\/div>\n<p>With the Crop Tool selected, go up to the <strong>Options Bar<\/strong> at the top of the screen and enter in a value of <strong>50 px<\/strong> (pixels) for both the <strong>width<\/strong> and <strong>height<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/options-bar.gif\" alt=\"Entering '50 px' for both the width and height in the Options Bar.\" \/>\n<div class=\"image-desc\">Enter \"50 px\" (pixels) for the width and height in the Options Bar.<\/div>\n<p>Again, you may need to experiment a little with the sizes depending on the size of your main image.<\/p>\n<p>Now that we have our width and height entered for the Crop Tool, I'm going to drag a selection around the head of the child in the first photo. No need to hold down my Shift key this time to constrain my selection to a perfect square since we've already specified a width and height in the Options Bar. If you need to reposition your selection though as you're dragging it out, hold down the spacebar once again to move the selection around on the screen, then release the spacebar to continue dragging the selection:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/selection-kid-1.jpg\" alt=\"Dragging a selection around the child's head in the first photo with the Crop Tool.\" \/>\n<div class=\"image-desc\">Drag a selection around the head of the person in the first photo with the Crop Tool.<\/div>\n<p>You can use the handles in any of the four corners to resize your selection after you release your mouse button. You can also reposition the selection by clicking inside of it and dragging it around with your mouse. When you're happy with your selection, press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) to accept it, and Photoshop will not only crop the image around your selection, it will also resize it to 50x50 pixels (or whatever size you entered for the width and height in the Options Bar):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/photo-1-cropped.jpg\" alt=\"The first photo cropped.\" \/>\n<div class=\"image-desc\">The first photo cropped to 50x50 pixels.<\/div>\n<p>Do the same thing with the second photo, dragging a selection around the person's head with the Crop Tool, resizing and repositioning it as needed, and then pressing Enter (Win) \/ Return (Mac) to accept the selection and have Photoshop crop and resize it for you. Here's my selection around the young girl in the second photo:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/selection-kid-2.jpg\" alt=\"Dragging a selection around the child's head in the second photo with the Crop Tool.\" \/>\n<div class=\"image-desc\">Drag a selection around the head of the person in the second photo with the Crop Tool.<\/div>\n<p>And after pressing Enter\/Return, here is my cropped, 50x50 pixel image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/photo-2-cropped.jpg\" alt=\"The second photo cropped.\" \/>\n<div class=\"image-desc\">The second photo cropped to 50x50 pixels.<\/div>\n<h4><span>Step 3:<\/span> Open A New 100 px x 100 px Document<\/h4>\n<p>Now that we have our cropped and resized images, we're going to create our pattern out of them. Go up to the <strong>File<\/strong> menu at the top of the screen and select <strong>New...<\/strong>, or use the keyboard shortcut <strong>Ctrl+N<\/strong> (Win) \/ <strong>Command+N<\/strong> (Mac). Either way brings up Photoshop's New Document dialog box. We want to create a new document that's twice as wide and twice as high as the two photos we just cropped, so since mine were cropped to 50x50 pixels, I'm going to enter 100 pixels for my document's width and 100 pixels for my document's height:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/new-document-dialog-box.gif\" alt=\"Photoshop's 'New Document' dialog box.\" \/>\n<div class=\"image-desc\">Enter a width and height for your new document that's twice as large as your two smaller photos.<\/div>\n<p>Also, make sure the <strong>Resolution<\/strong> for your new document is the same at it is for your photos. Select one of your photos and go up to the <strong>Image<\/strong> menu at the top of the screen, then select <strong>Image Size<\/strong>, which will bring up the Image Size dialog box. Check the value listed beside \"Resolution\". It will most likely say either 72, 240 or 300. Make sure your new Photoshop document is set to that same resolution value, which is located directly beneath the &quot;Height&quot; value.<\/p>\n<p>Click OK in the top right corner of the New Document dialog box to exit out of it and have Photoshop create your new document.<\/p>\n<h4><span>Step 4:<\/span> Drag Your Two Small Images Into The New Document<\/h4>\n<p>Grab your <strong>Move Tool<\/strong> from the Tools palette or by pressing <strong>V<\/strong> on your keyboard:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/select-move-tool.gif\" alt=\"Selecting the Move Tool in the Tools palette.\" \/>\n<div class=\"image-desc\">Select the Move Tool.<\/div>\n<p>Then click inside the first photo with the Move Tool and drag it into the new document.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/drag-first-image.jpg\" alt=\"Dragging the first image into the new document.\" \/>\n<div class=\"image-desc\">Click inside the first image with the Move Tool and drag it into the new document.<\/div>\n<p>Click inside the new document and drag the image into the top left corner. It should snap into place:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/drag-top-left.jpg\" alt=\"Dragging the first image into the top left corner of the new document.\" \/>\n<div class=\"image-desc\">Click inside the new document and drag the image into the top left corner.<\/div>\n<p>Click inside the new document once again, and this time hold down your <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) key and drag the image into the bottom right corner. By holding down Alt\/Option, rather than moving the original image, you'll be creating a copy of it as you drag and you'll end up with two copies of the image, one in the top left corner and one in the bottom right corner:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/image-1-copied.jpg\" alt=\"Copying and dragging the image into the bottom right corner.\" \/>\n<div class=\"image-desc\">Hold down \"Alt\" (Win) \/ \"Option\" (Mac) and drag the image into the bottom right corner to create a copy of it.<\/div>\n<p>Now let's do the same thing with the second image. First, click inside of it with the Move Tool and drag it into the new document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/drag-second-image.jpg\" alt=\"Dragging the second image into the new document.\" \/>\n<div class=\"image-desc\">Drag the second image into the new document with the Move Tool.<\/div>\n<p>Then click inside the new document and drag the image into the top right corner:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/drag-top-right.jpg\" alt=\"Dragging the second image into the top right corner of the new document.\" \/>\n<div class=\"image-desc\">Drag the image into the top right corner.<\/div>\n<p>Finally, hold down your <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) key once again and drag the image into the bottom left corner, making a copy of it as you drag thanks to the Alt\/Option key:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/drag-bottom-left.jpg\" alt=\"Copying and dragging the image into the bottom left of the new document.\" \/>\n<div class=\"image-desc\">Hold down \"Alt\" (Win) \/ \"Option\" (Mac) and drag the image into the bottom left corner.<\/div>\n<h4><span>Step 5:<\/span> Flatten The Image<\/h4>\n<p>If you look in the Layers palette of your new document, you should now have five layers:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/five-layers.gif\" alt=\"Photoshop's Layers palette showing five layers.\" \/>\n<div class=\"image-desc\">Photoshop's Layers palette showing five layers.<\/div>\n<p>Let's flatten the image by going up to the <strong>Layer<\/strong> menu at the top of the screen and selecting <strong>Flatten Image<\/strong>. Nothing will seem to have happened in your document, but if you look in the Layers palette, you'll see that everything has now been flattened onto one layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/image-flattened.gif\" alt=\"The Layers palette now showing only one layer after flattening the image.\" \/>\n<div class=\"image-desc\">The Layers palette now showing only one layer after flattening the image.<\/div>\n<h4><span>Step 6:<\/span> Desaturate The Image<\/h4>\n<p>Go up to the <strong>Image<\/strong> menu at the top of the screen, choose <strong>Adjustments<\/strong>, and then choose <strong>Desaturate<\/strong>, or use the keyboard shortcut <strong>Shift+Ctrl+U<\/strong> (Win) \/ <strong>Shift+Command+U<\/strong> (Mac). This will remove the colors from the image, leaving it in black and white:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/image-desaturate.jpg\" alt=\"The image after desaturating it.\" \/>\n<div class=\"image-desc\">Press \"Shift+Ctrl+U\" (Win) \/ \"Shift+Command+U\" (Mac) to desaturate the image.<\/div>\n<h4><span>Step 7:<\/span> Define A Pattern With The Image<\/h4>\n<p>Now we're ready to create out pattern, or as Photoshop calls it, \"define\" our pattern. Go up to the <strong>Edit<\/strong> menu at the top of the screen and choose <strong>Define Pattern<\/strong>. This brings up the <strong>Pattern Name<\/strong> dialog box. I'm going to name my pattern \"kids\". You can name yours whatever you like of course. Then click OK to exit out of the dialog box and your pattern is now defined:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/pattern-name.gif\" alt=\"The Pattern Name dialog box in Photoshop.\" \/>\n<div class=\"image-desc\">Type in a name for your pattern, then click OK.<\/div>\n<p>You can close out of that document window at this point, since we don't need it anymore.<\/p>\n<h4><span>Step 8:<\/span> Create A New Layer In The Main Photo<\/h4>\n<p>We're done with the smaller photos at this point, so switch back to your main photo and click on the <strong>New Layer<\/strong> icon at the bottom of the Layers palette to add a new blank layer to the document, which we're going to use to fill the photo with the pattern we just created:<\/p>\n<div style=\"width:233px;\"> <img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/new-layer-icon.jpg\" alt=\"Clicking the 'New Layer' icon at the bottom of the Layers palette.\" \/><\/p>\n<div class=\"image-desc\">Click the \"New Layer\" icon at the bottom of the Layers palette.<\/div>\n<\/div>\n<p>Photoshop will go ahead and add a new blank layer above the Background layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/new-layer-added.jpg\" alt=\"The new blank layer added.\" \/>\n<div class=\"image-desc\">The Layers palette showing the new blank layer above the Background layer.<\/div>\n<h4><span>Step 9:<\/span> Fill The New Layer With The Pattern You Created<\/h4>\n<p>We're going to fill the layer with our pattern. To do that, go up to the <strong>Edit<\/strong> menu and choose <strong>Fill<\/strong>, or use the keyboard shortcut <strong>Shift+F5<\/strong>. This brings up the Fill dialog box. Set the <strong>Use<\/strong> option to <strong>Pattern<\/strong> by clicking the down-pointing arrow and selecting \"Pattern\" from the list. Then, to select your pattern, click on either the small pattern preview thumbnail or the down-pointing arrow beside it and then click on your pattern inside the selection box that appears. Your pattern will be the last one on the bottom row.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/fill-dialog-box.jpg\" alt=\"Photoshop's 'Fill' dialog box.\" \/>\n<div class=\"image-desc\">Select your pattern from the Fill dialog box.<\/div>\n<p>For the options at the bottom of the Fill dialog box, make sure <strong>Blending Mode<\/strong> is set to <strong>Normal<\/strong> and <strong>Opacity<\/strong> is set to <strong>100%<\/strong>. Then click OK to exit out of the dialog box, and Photoshop will fill the layer, and your image, with the pattern:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/image-filled.jpg\" alt=\"The image after filling the layer with the pattern.\" \/>\n<div class=\"image-desc\">The image is now completely filled with the pattern.<\/div>\n<h4><span>Step 10:<\/span> Change The Blend Mode Of The Layer To \"Overlay\"<\/h4>\n<p>To blend our pattern in with the image behind it, go up to the <strong>blend mode<\/strong> options in the top left corner of the Layers palette, click on the down-pointing arrow to the right of the word \"Normal\", and change the blend mode to <strong>Overlay<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/overlay-blend-mode.jpg\" alt=\"Changing the blend mode of the pattern layer to 'Overlay'.\" \/>\n<div class=\"image-desc\">Change the blend mode of the pattern-filled layer from \"Normal\" to \"Overlay\" to blend the pattern with the image.<\/div>\n<p>After changing the blend mode to Overlay, the pattern becomes blended in with the image below it, creating our \"optical illusion\" effect. If you find your pattern looks a little too intense, try changing the blend mode of the layer to <strong>Soft Light<\/strong> rather than \"Overlay\" for a more subtle effect. You can also try lowering the <strong>Opacity<\/strong> of the layer in the top right corner of the Layers palette.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/photo-fill\/final-result.jpg\" alt=\"The final result.\" \/>\n<div class=\"image-desc\">The final \"optical illusion\" effect.<\/div>\n<style type=\"text\/css\">\n.ads-bottom { width:300px; padding-top:16px;padding-bottom:16px; }\n<\/style><div align=\"center\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- 300x250 page bottom responsive -->\n<ins class=\"adsbygoogle ads-bottom\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2879809098\"\n     data-ad-format=\"rectangle\"\n\t data-full-width-responsive=\"true\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n<p>And there we have it! That's how to fill a photo with more photos in Photoshop! Check out our <a href=\"\/photo-effects\/\">Photo Effects<\/a> section for more Photoshop effects tutorials!<\/p>\n<div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Create a bit of an optical illusion in Photoshop by making a larger photo appear to be made from many smaller photos inside it. Great for family photos, wedding photos, or just as a fun thing to do with your friends.<\/p>\n","protected":false},"author":1,"featured_media":15463,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-106","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-photo-effects"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Photoshop Effects - Fill A Photo With More Photos<\/title>\n<meta name=\"description\" content=\"Create an optical illusion in Photoshop by making a larger photo appear to be made from many smaller photos inside it. Great for family photos and more!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-fill\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fill A Photo With More Photos In Photoshop\" \/>\n<meta property=\"og:description\" content=\"Create an optical illusion in Photoshop by making a larger photo appear to be made from many smaller photos inside it. Great for family photos and more!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-fill\/\" \/>\n<meta property=\"og:site_name\" content=\"Photoshop Essentials\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/photoess\" \/>\n<meta property=\"article:published_time\" content=\"2012-09-30T23:48:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-13T17:22:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/09\/photoshop-fill-photo-with-photos-effect-f.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Steve Patterson\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Patterson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-fill\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-fill\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Fill A Photo With More Photos In Photoshop\",\"datePublished\":\"2012-09-30T23:48:41+00:00\",\"dateModified\":\"2019-04-13T17:22:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-fill\\\/\"},\"wordCount\":2177,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-fill\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/09\\\/photoshop-fill-photo-with-photos-effect-f.jpg\",\"articleSection\":[\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-fill\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-fill\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-fill\\\/\",\"name\":\"Photoshop Effects - Fill A Photo With More Photos\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-fill\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-fill\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/09\\\/photoshop-fill-photo-with-photos-effect-f.jpg\",\"datePublished\":\"2012-09-30T23:48:41+00:00\",\"dateModified\":\"2019-04-13T17:22:10+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Create an optical illusion in Photoshop by making a larger photo appear to be made from many smaller photos inside it. Great for family photos and more!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-fill\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-fill\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-fill\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/09\\\/photoshop-fill-photo-with-photos-effect-f.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/09\\\/photoshop-fill-photo-with-photos-effect-f.jpg\",\"width\":250,\"height\":250,\"caption\":\"Fill A Photo With More Photos In Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-fill\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photo Effects\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Fill A Photo With More Photos\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\",\"name\":\"Photoshop Essentials\",\"description\":\"Where everyone can learn Photoshop!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\",\"name\":\"Steve Patterson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"caption\":\"Steve Patterson\"},\"sameAs\":[\"http:\\\/\\\/www.photoshopessentials.com\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Photoshop Effects - Fill A Photo With More Photos","description":"Create an optical illusion in Photoshop by making a larger photo appear to be made from many smaller photos inside it. Great for family photos and more!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-fill\/","og_locale":"en_US","og_type":"article","og_title":"Fill A Photo With More Photos In Photoshop","og_description":"Create an optical illusion in Photoshop by making a larger photo appear to be made from many smaller photos inside it. Great for family photos and more!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-fill\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2012-09-30T23:48:41+00:00","article_modified_time":"2019-04-13T17:22:10+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/09\/photoshop-fill-photo-with-photos-effect-f.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-fill\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-fill\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Fill A Photo With More Photos In Photoshop","datePublished":"2012-09-30T23:48:41+00:00","dateModified":"2019-04-13T17:22:10+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-fill\/"},"wordCount":2177,"commentCount":0,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-fill\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/09\/photoshop-fill-photo-with-photos-effect-f.jpg","articleSection":["Photoshop Photo Effects"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-fill\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-fill\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-fill\/","name":"Photoshop Effects - Fill A Photo With More Photos","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-fill\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-fill\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/09\/photoshop-fill-photo-with-photos-effect-f.jpg","datePublished":"2012-09-30T23:48:41+00:00","dateModified":"2019-04-13T17:22:10+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Create an optical illusion in Photoshop by making a larger photo appear to be made from many smaller photos inside it. Great for family photos and more!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-fill\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-fill\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-fill\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/09\/photoshop-fill-photo-with-photos-effect-f.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/09\/photoshop-fill-photo-with-photos-effect-f.jpg","width":250,"height":250,"caption":"Fill A Photo With More Photos In Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-fill\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photo Effects","item":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/"},{"@type":"ListItem","position":3,"name":"Fill A Photo With More Photos"}]},{"@type":"WebSite","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website","url":"https:\/\/www.photoshopessentials.com\/newsite\/","name":"Photoshop Essentials","description":"Where everyone can learn Photoshop!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.photoshopessentials.com\/newsite\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2","name":"Steve Patterson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","caption":"Steve Patterson"},"sameAs":["http:\/\/www.photoshopessentials.com\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/comments?post=106"}],"version-history":[{"count":31,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/106\/revisions"}],"predecessor-version":[{"id":27503,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/106\/revisions\/27503"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/15463"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=106"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=106"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}