{"id":290,"date":"2014-10-06T01:10:52","date_gmt":"2014-10-06T01:10:52","guid":{"rendered":"http:\/\/techthingsareneat.com\/?p=290"},"modified":"2014-10-20T11:18:49","modified_gmt":"2014-10-20T11:18:49","slug":"290","status":"publish","type":"post","link":"http:\/\/techthingsareneat.com\/?p=290","title":{"rendered":"Making A Simple Collage Using Photoshop"},"content":{"rendered":"<p>Here is a simple tutorial in making a collage. I enjoy using Photoshop for my images taken with my camera. This tutorial is very fun and simple. So for the more advanced<br \/>\nPhotoshop user, this tutorial would be too simple. I like to start out by putting some of my favorite images on my Desktop, so that it is easily accessible when you need to pick out the ones you will be using.<\/p>\n<p>You can use as many as you want, but you need to remember that you will have to calculate dimensions, cropping, resizing the images in order for them to fit on your collage. I suggest using about five to six photos. That way later on you&#8217;ll be able to make more advance collages with borders, etc.<\/p>\n<p>You should start out by drawing a simple template on a piece of paper. You can get ideas off the internet by searching for templates used for collages. You may also have one of those picture frames that have all different shapes, such as ovals, rectangles, circles, squares, etc. But those take a little more time to create. So I would just stick to something simple until you get the hang of it.<\/p>\n<p>First, pick out the photos that you may want to use and put them on your desktop. [So that it is easily accessible] I try to pick out maybe six to seven photos and place them on my desktop. Because you may not \u00a0want to use all of them. But you can always use them for another collage later on.<\/p>\n<p>Open Photoshop I use<span style=\"color: #000000;\"><a style=\"color: #000000;\" title=\"Photoshop CS6\" href=\"http:\/\/helpx.adobe.com\/photoshop\/topics-cs6.html\" target=\"_blank\"><strong> Photoshop CS6<\/strong><\/a><\/span>.\u00a0If you don&#8217;t have Photoshop, there is a free photo editing program that you can install on your computer from the internet. Just<strong> Google<\/strong> :\u00a0<a title=\"Gimp\" href=\"http:\/\/www.gimp.org\/\" target=\"_blank\"><span style=\"color: #000000;\"><strong>Gimp<\/strong><\/span><\/a><\/p>\n<p>Okay let&#8217;s get started.<\/p>\n<p><strong>Step 1:<\/strong> Click on <strong>&#8216;File&#8217;<\/strong> and select <strong>&#8216;New&#8217;<\/strong>. Set the dimensions to: (Width: 1024, Height: 768) and click on <strong>&#8216;OK&#8217;<\/strong><\/p>\n<p><a href=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Making-Simple-Collage-Step-1-A.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-295 size-full\" src=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Making-Simple-Collage-Step-1-A.jpg\" alt=\"Making Simple Collage [Step 1 A]\" width=\"600\" height=\"336\" srcset=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Making-Simple-Collage-Step-1-A.jpg 600w, http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Making-Simple-Collage-Step-1-A-300x168.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Making-Simple-Collage-Step-1-B-Canvas.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-297 size-full\" src=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Making-Simple-Collage-Step-1-B-Canvas.jpg\" alt=\"Making Simple Collage [Step 1 B] [Canvas]\" width=\"600\" height=\"331\" srcset=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Making-Simple-Collage-Step-1-B-Canvas.jpg 600w, http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Making-Simple-Collage-Step-1-B-Canvas-300x165.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p><strong>Step 2:<\/strong> Right-Click the photo on your Desktop that you want to use and select, \u00a0<strong>&#8216;Open With&#8217;<\/strong> and click on <strong>&#8216;Adobe Photoshop&#8217; or &#8216;Gimp&#8217;<\/strong>\u00a0[this\u00a0will open the Photoshop or Gimp program]<\/p>\n<p><a href=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Making-Simple-Collage-Step-2.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-300 size-full\" src=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Making-Simple-Collage-Step-2.jpg\" alt=\"Making Simple Collage [Step 2]\" width=\"600\" height=\"344\" srcset=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Making-Simple-Collage-Step-2.jpg 600w, http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Making-Simple-Collage-Step-2-300x172.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p><strong>Step 3:<\/strong> Now use your <strong>&#8216;Rectangular Marquee Tool&#8217; (M)<\/strong> and outline the image. [You may need to resize the image]<\/p>\n<p><a href=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-3A-Using-Marquee-Tool.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-303 size-full\" src=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-3A-Using-Marquee-Tool.jpg\" alt=\"Step 3A Using Marquee Tool\" width=\"600\" height=\"342\" srcset=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-3A-Using-Marquee-Tool.jpg 600w, http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-3A-Using-Marquee-Tool-300x171.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>While the image is outlined, go to <strong>&#8216;Edit&#8217;<\/strong> and select <strong>&#8216;Copy&#8217;<\/strong><\/p>\n<p><a href=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-3B-Click-on-copy.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-307 size-full\" src=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-3B-Click-on-copy.jpg\" alt=\"Step 3B Click on copy\" width=\"600\" height=\"364\" srcset=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-3B-Click-on-copy.jpg 600w, http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-3B-Click-on-copy-300x182.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Now go to your canvas (I just keep the canvas as <strong>&#8216;Untitled&#8217;<\/strong> , or you can save it as, &#8216;Collage_1&#8217;). Select <strong>&#8216;Edit&#8217;<\/strong> and click on <strong>&#8216;Paste&#8217;<\/strong><\/p>\n<p><a href=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-3B-Pasting-image.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-310 size-full\" src=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-3B-Pasting-image.jpg\" alt=\"Step 3B Pasting image\" width=\"600\" height=\"364\" srcset=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-3B-Pasting-image.jpg 600w, http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-3B-Pasting-image-300x182.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>You can now see the image copied on the canvas.<\/p>\n<p><a href=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-4B-Using-Move-Tool.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-319 size-full\" src=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-4B-Using-Move-Tool.jpg\" alt=\"Step 4B Using Move Tool\" width=\"1280\" height=\"712\" srcset=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-4B-Using-Move-Tool.jpg 1280w, http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-4B-Using-Move-Tool-300x166.jpg 300w, http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-4B-Using-Move-Tool-1024x569.jpg 1024w, http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-4B-Using-Move-Tool-624x347.jpg 624w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/a><\/p>\n<p><strong>Step 4:<\/strong> Select the <strong>&#8216;Move Tool&#8217; (V)<\/strong>. Grab the image and move to where you want it on the canvas. Set it where you want it on the canvas.<\/p>\n<p><a href=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-4C-setting-it-where-you-want-it.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-324 size-full\" src=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-4C-setting-it-where-you-want-it.jpg\" alt=\"Step 4C setting it where you want it\" width=\"600\" height=\"361\" srcset=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-4C-setting-it-where-you-want-it.jpg 600w, http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-4C-setting-it-where-you-want-it-300x180.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>You may need to resize and crop the images.To add more images, repeat Steps 2 to 4 as needed.<\/p>\n<p>I didn&#8217;t want to make this tutorial too complicated. You just have to play with different values to resize the images.<\/p>\n<p><strong>Here are snapshots on how to resize images.<\/strong><\/p>\n<p><strong>Step 1: Resizing Image<\/strong><a href=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-1A-Resize-Image.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-327 size-full\" src=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-1A-Resize-Image.jpg\" alt=\"Step 1A Resize Image\" width=\"600\" height=\"352\" srcset=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-1A-Resize-Image.jpg 600w, http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-1A-Resize-Image-300x176.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Step 2: Resizing Image<\/strong><\/p>\n<p><a href=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-1B-Resize-Image.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-330 size-full\" src=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-1B-Resize-Image.jpg\" alt=\"Step 1B Resize Image\" width=\"600\" height=\"336\" srcset=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-1B-Resize-Image.jpg 600w, http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-1B-Resize-Image-300x168.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Step 3: Resizing Image<\/strong><\/p>\n<p><a href=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-1C-Resize-Image-.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-332 size-full\" src=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-1C-Resize-Image-.jpg\" alt=\"Step 1C Resize Image\" width=\"600\" height=\"338\" srcset=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-1C-Resize-Image-.jpg 600w, http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Step-1C-Resize-Image--300x169.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Finished-product.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-336 size-full\" src=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Finished-product.jpg\" alt=\"Finished product\" width=\"600\" height=\"450\" srcset=\"http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Finished-product.jpg 600w, http:\/\/techthingsareneat.com\/wp-content\/uploads\/2014\/10\/Finished-product-300x225.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Here is the finished product. I used borders on mine. Once you get the hang of it, it will be fun to make your own personal collage and maybe for others. <strong>Just experiment and \u00a0enjoy.<\/strong><\/p>\n<p><a href=\"#\"><strong><span style=\"color: #000000;\">Back To Top\u00a0\u261d<\/span><\/strong><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>s a simple tutorial in making a collage. I enjoy using Photoshop for my images taken with my camera. This tutorial is very fun and simple. So for the more advanced Photoshop user, this tutorial would be too simple. I like to start out by putting some of my favorite images on my Desktop, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6],"tags":[8,7],"_links":{"self":[{"href":"http:\/\/techthingsareneat.com\/index.php?rest_route=\/wp\/v2\/posts\/290"}],"collection":[{"href":"http:\/\/techthingsareneat.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/techthingsareneat.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/techthingsareneat.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/techthingsareneat.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=290"}],"version-history":[{"count":43,"href":"http:\/\/techthingsareneat.com\/index.php?rest_route=\/wp\/v2\/posts\/290\/revisions"}],"predecessor-version":[{"id":484,"href":"http:\/\/techthingsareneat.com\/index.php?rest_route=\/wp\/v2\/posts\/290\/revisions\/484"}],"wp:attachment":[{"href":"http:\/\/techthingsareneat.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=290"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/techthingsareneat.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=290"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/techthingsareneat.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}