Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Go Unlimited Maybe Later
Hope Poster Effect in Photoshop
  • By Design Bundles
  • 13 Feb 2019
  • 9 Mins
  • Photoshop Tutorials

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


6 Related Photoshop Tutorials

For this tutorial we are using a canvas or paper background and Titin Script from Font Bundles.1 – Create a new “Gradient Layer” under your “Texture” layer. Use a “Transparent to Fill Color” gradient with #d3d1d1 and #918f8f as colors, the Style as Radial and a 250% Scale. Hit ...

For this tutorial, you will a Black and White image to apply the “Halftone” effect to.1 - In Photoshop, open the image you chose to work with.2 - Go to Image > Adjustments > Gradient Map and choose the “Foreground to Background Gradient” (Black to White) from the options and ...

For this tutorial, you will need a vectorized “Eye Chart “ or some Text for your “Poster” and some vector “3D Glasses”.1 - In Illustrator, create a “New Document”. Make it 70 x 100 cm @300 dpi and choose CMYK as “Color Mode”.2 - Go to Image > View > Rulers to bring out ...

For this Tutorial, we are going to an image of “Grass” for the “Background, and a light-colored “Brick” Pattern.1 - In Photoshop, open the file you chose as “Background”.2 - Open the “Brick” Pattern image too. Open the “Image Size” Window (Command/Control + Alt/Option + I) and make it 1000 x 1000 ...

For this tutorial, we are using “Bukhari Script” from Fontbundles.net (https://fontbundles.net/mikrojihad/33277-bukhari-script), some cake textures (there are some web pages that have free images that you can useas textures) and a plate and table background images.We are going to divide this tutorial in two sections. ...

For this tutorial we will be using a canvas or paper background and Titin Script from Font Bundles.1 – In Photoshop create a new document or open the one with the background you wish to use.2 – Click the “Create a new fill or adjustment layer” button at bottom of the “Layers ...

You may also like

Help Center
ol image