Learn Inspiration

How to Make Your Own Shepard Fairey Hope Poster

By Melanie Doncas | Inspiration

Cast your mind back to 2008, when an iconic, street art-inspired poster emerged in the lead-up to the U.S. election. That poster was none other than the Barack Obama "Hope" poster by artist Shepard Fairey, which featured the former president in the colors red, beige, and blue. With the word “Hope” emblazoned across it, the artwork transformed Obama from a presidential hopeful to a visionary icon in the eyes of many.

If you’ve ever wanted to recreate your very own version of this design using a portrait of your choosing, you’re in luck. BeFunky’s Photo Editor has the perfect Photo Effects and tools to get the job done – all within a few clicks! We’ll show you how.

How to Make a Shepard Fairey Hope Poster

Ready to get creative? Start by heading to BeFunky’s Photo Editor, then Open a portrait photo of your choice.

Step 1: Add a Black and White Photo Effect

Navigate to Effects (the star icon) on the left-side menu, followed by B&W Tones. A black and white effect such as these will give your photo optimal contrast, which you’ll need for the next Effect. We used B&W Tones Effect 14, but you can choose one that makes your photo truly pop.

B & W Tones

When you click on an effect, you’ll notice you have three options: Settings, which allows you to adjust elements of the effect such as Highlight and Shadows; Cancel, which cancels the selected effect; and Apply, which applies the selected effect. There is also a slider located underneath these options, which allows you to increase or decrease the selected effect.

Adjust tones

Click on Settings and alter the effect’s Highlights and Shadows by adjusting the sliders underneath each, if you need to make your portrait pop even more. Once you’re happy with how your B&W Tones effect looks, just click the blue Apply button. Continue to click this button throughout the process when you're ready to apply an effect.

Step 2: Add a Pop Art Photo Effect

Staying in the Effect menu, navigate to Pop Art and click on Pop Art 11.

adjust pop art effect

Next, in the Settings menu of the Pop Art 11 effect, click on the colored square next to Color Value 1 and type # D71A21 into the HEX Color Code section. This is the red hue used in the original blue and red president poster.

Step 3: Crop Your Photo

Since we only need the red portion of our image, we’re going to crop this section. to do this, navigate to Edit in the menu on the left, followed by Crop. Adjust the crop section accordingly.

crop photo

Step 4: Change the Portrait Colors

Next, we’re going to change the black color of our portrait so it’s the traditional navy-blue color used in Shepard Fairey’s version. In the Edit menu, click on Replace Color. Select Source Color, then use the Eye Dropper Tool to select the black hue of your portrait. Then, select Target Color and type #00324D into the HEX Color Code section.

change source and target color

Navigate to Touch Up in the menu on the left, then scroll down to find Paint Brush. Click the box next to Color, then type #7CA4AE into the HEX Color Code section. Adjust the slider underneath Brush Size, if necessary, then use your cursor to "brush" on the blue color, as pictured below.

brush size and color

Pro Tip: Zoom right in on your portrait using the slider at the bottom of the screen. This will allow you to trace your image more accurately.

Repeat the steps above, this time changing the Paint Brush Color to #FCE4A8. This is the original off-white color used in the Obama Hope Poster.

change color of brush

Step 5: Open the Original Photo 

This next part requires you to click Save > Save as Project so you can come back to it in a few steps. Then, Open your original portrait photo again in the Photo Editor, as we’ll be adding a different effect to it entirely.

save as project

Step 6: Add a Line Artopia Effect

With your original portrait opened, navigate to Effects, followed by Line Artopia. Click on Line Artopia 2, followed by Settings. Adjust the Color to the HEX Code #7CA4AE. Then, adjust the Line Angle to 90.

use line artopia 2

Step 7: Saven and Open the Previous Project

Save your image, then Open your previous BeFunky Project once again. Navigate to Image Manager in the menu on the left, then click on the green buttons at the top to open the photo you just edited from your BeFunky account, Facebook, Google Photos, or Computer.

open a project

Step 8: Add the Line Artopia Image Layer

Right-click on the uploaded image, then select Add as Layer.

add image layer

Step 9: Adjust Blend Mode

Drag the image’s corners outwards to make it larger so it covers your entire canvas. Then, from the Image Properties panel, click Options, and select Darken as the Blend Mode.

darken blend mode

Step 10: Reposition the Layer

You don't want the lines on the red, bluish-green, and blue areas of the image, so you may have to move the layer around until it looks good. Additionally, you’ll need to use the Cutout tool to remove any parts of the lined image that remain. To do this, click Cutout from the Image Properties panel, then use your cursor to paint over the parts of the image you wish to keep or remove.

adjust brush size

Step 11: Add a Rectangle Graphic

Now it's time to add an inspirational word to your poster. If you wish for it to stand out more, add a colored rectangle to the bottom portion of your photo. To do this, navigate to Graphics in the menu on the left, then select the rectangle underneath Basic Shapes.

basic shapes

From the Rectangle Properties panel, click the square next to Fill. Then, use the Eye Dropper Tool to select the navy blue color already present in your photo. Finally, use your cursor to drag the corners of the rectangle and resize it as you see fit.

add basic shape and adjust properties

Step 12: Add Text

Next, navigate to Text in the menu on the left, then click Add Text. Double-click the text box and type your desired word, whether it be "Hope," "Dream," or anything else.

add text

From the Text Properties panel, choose Franklin Gothic as your font. This is the font used in the original poster. Additionally, you can use the Eye Dropper Tool to select the light blue hue already present in your image, to further aid Shepard Fairey’s original street art-inspired design.

adjust font and color

Step 13: Add a Border

The finishing touch on our poster is to add a border that’s identical to the original design. Click on Frames in the menu on the left, then select Border.

change border

Change the outer color to transparent, the inner color to cream (#FCE4A8), and adjust the Inner Thickness slider until you are happy with its size. Then, apply your changes.

Step 14: Save Your Finished Poster

Last but not least, it’s time to save your poster so it’s ready to share with the world (or you know, your friends and family). Click Save at the top of the screen, then select your desired save location and format.

save hope poster

Spread Some Hope

There you have it! Now that you know how to use BeFunky’s Photo Editor as an Obama Hope Poster generator, there’s no limit to your creativity! Why not surprise your loved ones by creating additional posters featuring their own face? There is plenty of fun to be had! 

Shepard Fairey final poster

Photo Editing, Simplified.


Photo Editing. Simplified