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.