A Short Tutorial for Those That Asked…
The first in my series of posts on Sticks, Stones, Leaves and Logs is not a post I planned, but a few bloggers asked about how I do the mosaics that I posted recently.
There are many ways to do this, but a fast way is to make a template. Faster, is using all the apps out there for uploading images, but making your own from scratch is really satisfying and gives you more flexibility for text layout. Many of my readers will already know how to do this in a variety of ways, but this post is for those new to Photoshop that might want to see a way to use it in graphic layout. I often use InDesign in professional circumstance, but that is a whole different ball game.
I make a template initially by laying out guide lines to generate the boxes where images will be placed. I vary the theme often so the fast way I am showing you does not allow for variability of box sizes after original creation. It was mentioned by a couple of commentators that this might be a lot of work, but if you make a template and get the ‘work’ out of the way initially, it is fast and easy to make many mosaics using one simple template.
One technique to get a decent layout is to use the golden rectangle as a starting point. It is a visually pleasing shape to the eye and the boxes will fit neatly with each other. This is an example of using a series of golden rectangles and squares.
The square is the pure form that starts the rectangle if you are inclined to draw one, but no need. Here is a calculator to use to generate any size golden rectangle. All the black rectangles, including the container are golden rectangles in the graphic below.
You just make a series of boxes and place them in the desired layout. The boxes are the space templates for your images. I usually try to leave some ‘white space’ with some of the boxes because it makes a more pleasing graphic layout and allows for the addition of text. The white boxes and a couple of black boxes are the ‘white space’ and they vary in shape and size for added graphic interest. Another thing to notice, like in design of garden plants for the garden, the graphic at the left has like divisions in ones, threes, and fives. Three black, three white, five green and one big blue. If you stick with a couple design basics, you will likely be successful in making a beautiful mosaic graphic.
This type of template is a little more complicated than you will see below. In this method you go to the Paths Pallet and first make a path, then Make Selection from the box shapes. Then you follow the process in the example below. What may be complicated a bit is that most are not familiar with making and saving selections. Sooo…..
But let’s get to the one you can do more simply with Photoshop.
I am creating a faux photography studio advertisement for illustrative purpose, and you will see how you can use this as a template to just replace images at will.
In Photoshop, open a new document and make the size 12 inches by 12 inches at 100 dpi, (for the web).
Hit Option/Delete or Control/Backspace on a PC to fill the layer with black. My choice, but feel free to keep it white if you like, but photos pop nicely with a generous amount of black. Next create a new blank layer. In the toolbar, under the Rectangular Marquee tool, click the flyout menu and select the Single Row Marquee tool. Position it where you want to create a one pixel sized line on your page. Here for illustration, I selected a horizontal line, positioned at 7.5 inches on the vertical ruler. Click, and it forms a selection line across the full width of the page. Fill with white by hitting Command/Delete or Control/Backspace. You might want to lock the layer to prevent it from moving.
Repeat this and draw another line.
Next we make another couple of boxes, but now, we use the Rectangular Marquee tool. I drew a selection box 8.5 inches wide and to the page edges. This is a bit different from filling the lines with white. Instead, we go to Edit>Stroke. We select a 1 pixel width stroke, and hit the Inside radio button. Click, and your next box is located. Add another box in the square to the right the same way as just explained. See image below.
Open a photo document and make sure it is in the same 100 dpi or your image will come in very huge. I chose a leaf motif. In your photo document, choose Select>All. Then choose Edit>Copy. That is all you need from this image in this document.
Go back to your template. With the Magic Wand tool, select the top most area, the area formed by the line. This is now where you will composite your first photo. With the top box selected, go to the Edit menu and scroll down to Paste Special > Paste Into.
It will take the clipboard image and paste it into the container box. It generates a layer mask which is unlinked too. This is really important, because now you can manipulate and move your image to find the best view and orientation. Additionally, you can ‘crop’ the image inside the container, without losing any portion of the original image. You can also delete the image and go get another to replace it, using the containers over and over again.
Here I added two images in this fast and easy way. Move the photo anytime during your layout to work well with the other images. Finish by adding all your images and add some supporting text. Your mosaic is complete below.
Don’t miss My Garden Year in Photos. All the calendar months were done as mosaics. And coming up next is Month in Tens – Shooting the Ordinary, January 11 to 20. The Weather Calendar continues in my garden too.