1. Home
  2. Design School
  3. Hope Poster Effect in Photoshop

Hope Poster Effect in Photoshop

For this tutorial, we will use a Portrait or Portraits, try to use ones with a dark background.

1 - In Photoshop, open the image you chose to work with. Unlock the Layer by double-clicking on top of its Thumbnail.

2 - Go to Image > Canvas Size and increase the “Width” and “Hight” values by 100 Pixels (you may need to adjust this amount depending on your image’s resolution).

3 - Go to Layer > New Fill > Solid Color, give the Layer a name and choose “Grey” then use #bfbfbf (or B: 75%) as “Fill”.

4 - Drag the “Frame” Layer under the original image, then click and drag from the Left Ruler to create a “Vertical Guide”. Place it at the center of the Document. To make sure the Guide is properly centered, select the “Image” Layer and check the “Show Transform Controls” box on the Top Menu. This will show the Box around the image so and you can reposition the Guide if needed. Uncheck the box if you want.

5 - Create a “New Layer” Between your two existing ones. Select the “Rectangular Marquee Tool” (M) and create a rectangular selection that covers the Left side of the Document all the way to the Guide in the Center.

6 - Use the “Paint Bucket Tool” (G) with another shade of Grey #808080 (or B: 50%) as Fill to fill your selection. Turn Off the visibility of the “Image” Layer by clicking on the small eye icon on the left side of its Thumbnail.

7 - Create another Layer on top of the previous one (but under the “Image” Layer), make a selection of the Right side and use #404040 (or B: 250%) as Fill this time.

8 - Turn the “Image” Layer back On and create a “Selection” by holding the “Command/Control” key while clicking on its Thumbnail. Select the “Frame Layer Mask”  thumbnail (the bottom one” and making sure that Black is the “Foreground” Color click Alt/Option + Delete) to fill the Mask with the Background color (White) and make it disappear from sight. Move the “Frame” Layer on top pf the two Grey Squares but under the “Image”.

9 - Select the Top Layer (Image) and go to the “Adjustments Panel”. Add a “New Black and White Adjustment Layer”, choose “Lighter” from the “Preset” menu and “Clip” it to the “Image” Layer by clicking the small button at the bottom of the Panel.

10 - Now, create a “New Curves Adjustment Layer”, use “Increase Contrast RGB” and clip this Layer too.

11 - Select the three Top Layers (2 Adjustment and Image), right-click on top of their thumbnails and choose “Convert to Smart Object”.

12 - Go to Filter > Filter Gallery > Brush Strokes and choose “Accented Edges”. Use the following values (7, 10, 12). Click “OK”.

13 - Head back to Filter > Filter Gallery > Artistic and choose “Cutout”. Use the following values: (5, 3, 3). Click “OK”.

14 - Select the “Magic Wand” (W), use a “Tolerance” of 10 and select a Medium Grey from the image.

15 - Go to Select > Similar to select the rest of that particular Grey in your image.

16 - Click on the small Black and White Circle on the bottom of the “Layers Panel” and choose “Solid Color”. Fill it with #808080 (or B: 50%).

17 - Go to Filter > Filter Gallery. If you get a Pop-Up window, click “Convert to Smart Object”.

18 - Choose Sketch > Halftone Pattern and use the following values: 3, 50, Line. Click “OK”.

19 - Select the Top Layer (Image) and go to the “Adjustments Panel”. Add a “Channel Mixer Adjustment Layer” and check the “Monochrome” box.

20 - Now, create a “New Posterize Adjustment Layer” and use 5 “Levels”.

21 - Finally, create a “New Gradient Map Adjustment Layer”, click on the “Gradient” Thumbnail to open the “Gradient Editor” and use the following values: 1. Location: 0%, Color #00324c. 2. Location: 25%, Color #dc2933. 3. Location: 50%, Color #5494a0. 4. Location: 75%, Color #ffd89f and Location: 100%, Color #ffd89f.

22 - Select both the two Image Layers (Shift key) and “Group” them together by clicking the small “Folder” icon at the bottom of the Panel.

23 - You can also add more images. Open the file and make sure it is “Black and White”. Make a selection outlining the subject using the Tool of your preference and “Copy” it. (Command/Control + C). “Paste” it (Command/Control + v) inside your original File making sure it is placed on top of your Images Folder. Re-size it if needed and Turn Off the other images (the Folder). With this method you should see the two Background Rectangles.

24 - You can also “Duplicate” (Command/Control + J) the “Gradient Map Adjustment Layer) and modify the colors. Don’t forget to Turn Off the original one.

by @lornacane

Share this Tutorial

Get Instant Access To A FREE Month of Design Products Join Now
Help Center
ol image