Tuesday, May 17, 2011

Turning a Photo into a Poster Print

I often like to turn my fine-art photos into posters - sort of like "dressing them up" to present them in a different, more elegant way. It also makes them more marketable. Here is the workflow for creating a poster: Enjoy!

Poster Prints Workflow
Method One:
1. Open the photo in Photoshop.
2. Duplicate the background
a. Right click on the background layer in the Layers Panel and select “duplicate.”
3. Click on the background layer in the Layers panel so it is blue (selected):

4. From the drop-down Image menu, click on Canvas Size. Be sure to check the “Relative” box and expand the canvas by the number of inches appropriate to your image. The example will put two inches of white border all the way around the photo. The default setting for how the canvas is expanded is in the center. That setting expands the canvas in all directions. Click OK.

5. Your image should look like the one below. Now do it again, this time adding extra space at the bottom of the image only. Note how the arrows box is darker gray at the top center. That setting will not allow any space to be added to the top. Only enter a number in the “Height” field, and the width will remain the same:

Method Two:
1. Open the photo in Photoshop.
2. Go to File/New and open a new page that is the size of your final poster, i.e., 16x20 inches. Be sure the resolution is the same as your photo (should be 300 pixels per inch (ppi) for printing. You can check this or change it in Image/Image Size/Document size. (If you are dealing with a vertical image, make the document 20x16).
3. Using the Move Tool (the top tool in the Toolbar), hold the Shift key down and drag the photo onto the new page. Let go when you see a plus sign on the cursor. The image will automatically be centered.
4. Again, while holding the Shift key, click on the photo and slide it upward until the sides and top are almost the same, leaving more room at the bottom for visual space. Adjust this to your taste.
5. In both methods, you now have a background layer and a layer just above it that contains the visible photo.

6. Painting a Line around your photo:
Now click on the background copy (or photo) layer in the Layers Panel, so it is active.

7. Go to Edit/Stroke and select the color and width of the line you want to paint around your photo. You may choose to paint the line on the inside of the edge, the middle of it, or the outside. The outside setting will round the corner slightly:

8. Your photo should now have a line painted around it.

9. Now select the text tool (T) and type your title and other information. I prefer Trajan Pro as my font. Size is dependent on the image and title.

10. While still in the Text tool, adjust the spacing of the letters by:
a. Selecting all the word and holding down the Alt (Option on a Mac) key and hitting the right arrow key on the keyboard to expand, the left arrow key to contract.
b. Click the cursor in between two letters and use the same technique as in a., above to adjust the space between them.
Tip: When you are finished typing with the Text tool, just click on another tool (or hit Cmd-Enter on a Mac/Cntl-Return on a PC) to exit.

11. Centering:
Center the words on the canvas by clicking on the background layer in the Layers Panel, and clicking on the text layers while holding down the Cntl/Cmd key so they are all selected. Then click on the Move Tool (M) at the top of the toolbar, and use the alignment tool in the Option bar to center. The second one from the right will center elements vertically:

12. Adding Layer Styles: To activate the Layer Styles dialog box, click on the Fx icon at the bottom of the Layers Panel. If you see a menu, just select Blending Options:

13. The following Dialog box will open. If you check one of the boxes, Drop Shadow, for example, a Drop Shadow will appear around the edge of the layer you are on, but you won’t see controls for Drop Shadow until you click on the words “Drop Shadow” in the dialog box. Then you can adjust the shadow to your liking. For text, I usually only use Bevel and Emboss & Contour:

The following shows Bevel & Emboss only applied to the top line of text:

The final version (I added a drop shadow to the background copy layer):

No comments: