Dreamr Lab Sessions #6 | Add Colors to an Image in Photoshop with Jamar Marriott

Jul 14, 2021 3 min read
Dreamr Lab Sessions #6 | Add Colors to an Image in Photoshop with Jamar Marriott

One of Dreamr's video editors, Jamar Marriott, shares a quick and easy method to add color gradients to an image on Adobe Photoshop.

DOWNLOAD THE STEP-BY-STEP GUIDE HERE
DOWNLOAD PROJECT ASSETS HERE TO FOLLOW ALONG

Let's begin!

STEP 01: OPEN IMAGE

You can either drag and drop your image in Photoshop, or you can go to File > Open and select the image you want to edit. In this example, I clicked the file from my Recent files since I’ve opened it on Photoshop recently.

STEP 02: USE ERASER TOOL TO REMOVE BACKGROUND

Much like the previous Photoshop course on How to Remove Background (in case you missed it, check it out!), you will use the Eraser Tool to simply remove the background. In this exercise, we will be putting Richard (SHOUTOUT TO RICHARD HUTCHINS!) on a new background.

STEP 03: SCALE BACKGROUND TO FIT CANVAS

When you resize your background image, it is good practice to hold down ‘shift’ to make sure you do not stretch the image; by holding ‘shift’, the image will scale proportionately. Hit ‘enter’ when you are finished.

STEP 04: MOVE BACKGROUND LAYER

Once you are happy with the background image placement, click and drag the background layer underneath Richard’s layer to move it to the back.

STEP 05: ADD GRADIENT

Click on the Adjustment icon at the bottom of the Layers panel and select Gradient from the drop-down menu to bring up the Gradient Fill window. Click the gradient (as marked in the 2nd photo) to change the color and opacity of the gradient.

STEP 06: CHANGE THE GRADIENT COLOR(S)!

Double-click on the little black square icon to enable the color drop-down icon. Once it appears, you can click it to bring up the spectrum. (see next page)

STEP 07: CHANGE THE COLORS!

After you have Converted to RGB colors, you can double-click the foreground color to choose a different color; you can choose a gradient too by selecting the middle icon which activates the gradient effect. Have fun with it!

STEP 08: REPEAT STEPS 5-7 TO ADD MORE COLORS

Play with different gradients by repeating steps 5-7! Try out different angles in the Gradient Fill pop-up.

STEP 09: SAVE YOUR WORK!

Save your work by going to File > Save As (or hold down ‘shift’ + ‘command’ + ‘S’) and save it to your computer.

Great! Next, complete checkout for full access to the dreamr ecosystem.
Welcome back! You've successfully signed in.
You've successfully subscribed to the dreamr ecosystem.
Success! Your account is fully activated, you now have access to all content.
Success! Your billing info has been updated.
Your billing was not updated.