This lesson we’ll try to get an unusual visual effect by creating selections with Color Range.



1. Open the file cat.jpg — the basis of our work.

Phototypography or how to illustrate the picture with the text in Photoshop CS3

2. Make a copy of the background’s layer by choosing in the menu Layer > Duplicate Layer. Our new layer may be called B&W. Press OK.

Phototypography or how to illustrate the picture with the text in Photoshop CS3

3. Make a click on the B&W layer on the Layers panel and select the next option from the menu: Image > Adjustments > Black & White (Alt+Shift+Ctrl+B). Set the next sliders on the indicated values.

Phototypography or how to illustrate the picture with the text in Photoshop CS3

4. Next we have to insert the text, using the "Filler text" (the process of using filler text is sometimes called [Greeking], although the text itself may be nonsense, or largely Latin, as in [Lorem ipsum]). Generating the text is possible by using the generator from here: [http://www.lipsum.com]

5. Select the Horizontal Type Tool (T) for representing the bounding box coming from the left top corner of the picture to the right lowest one, just to include the entire picture. Insert in the bounding box the text that we have got by applying the generator (Ctrl+V).

6. Now we need to format the text and that is why we need to select in the menu Window > Character. Find in menu the Arial font, setting also the parameters shown below:

Phototypography or how to illustrate the picture with the text in Photoshop CS3

7. On the Character>Paragraph panel we have to align the text to Left align. Apply the same method when aligning the lines’ ends just not to have large intervals on the right side. We’ll delete also empty lines out of the bounding box.

Phototypography or how to illustrate the picture with the text in Photoshop CS3


8. Make the text’s layer active and choose in the menu three times this option: Layer > Duplicate Layer. Now we have four text’s layers – the basic one (hide it) and other three layers named on the Layers panel: Highlights, Midtones and Shadows.

Phototypography or how to illustrate the picture with the text in Photoshop CS3

9. Now we have to change the text’s color on the Shadows layer on black color (#000000), the Midtones’ text – on grey color (#B7B7B7) and Highlights’ text (#FFFFFF) – on the white one.

10. Select for each layer containing the text the next indicated option in the menu: Layer > Rasterize > Туре. After this operation the text’s layer became a rasterized layer.

11. Next step includes hiding temporary all three layers with the text. Choose on the Layer panel the layer named B&W. Select > Color Range. In dialog box we have to select in Selection Preview menu option Grayscale and check Selection. Choose also out of the Select menu option Shadows.

Phototypography or how to illustrate the picture with the text in Photoshop CS3

12. In the preview window will disappear all the grey color’s gradations and the picture will become of two colors – only black and white. The white areas will mark out the black tones on the photo that will be selected. Press OK and this zone will be traced out on the black and white photo with a boundary line.

Phototypography or how to illustrate the picture with the text in
Photoshop CS3

13. Make a click on the Shadows layer on the Layers panel without deselect the selections, just for make the layer active. Press on Add layer mask on the bottom of the panel. Now when making the layer visible again, we may notice that it contains the text’s fragments, covering only black photo’s areas.

Phototypography or how to illustrate the picture with the text in
Photoshop CS3