How to Add a Color Overlay to Images in Canva

add color overlay to images, color overlay, add color overlay to image, Add color overlay to image online, transparency of color overlay, change color of image overlay

Steps to Add a Color Overlay in Canva

canva tips, canva tricks, canva design, canva tutorial, canva blur background, canva blur, blurring canva, how to use canva, canva guide, canva tutorial, canva ebook, canva course, canva steps

2. Maximize Image as Page Background

Next, drag and drop the image from the previous step so that the image maximizes, and becomes the fixed background.

canva tips, canva tricks, canva design, canva tutorial, canva blur background, canva blur, blurring canva, how to use canva, canva guide, canva tutorial, canva ebook, canva course, canva faqs

3. Add Rectangular Element

Next, add a rectangle from the elements tab. This element should be on top of the background layer with the image.

canva tips, canva tricks, canva design, canva tutorial, canva blur background, canva blur, blurring canva, how to use canva, canva guide, canva tutorial, canva ebook, canva course, how to blur the background in canva

4. Increase Rectangle Size

Next, you need to increase the size of the rectangle. Drag the borders on the rectangle so that the entire image is covered by the rectangle.

canva tips, canva tricks, canva design, canva tutorial, canva blur background, canva blur, blurring canva, how to use canva, canva guide, canva tutorial, canva ebook, canva course, how to blur the background in canva

5. Change the Image Overlay Color

Next, you need to choose what color you want your image overlay color to be. To do this click once on the rectangle that is now covering your image. Next, click on the color icon on the top menu. For this example, I will choose pink as my primary overlay color.

canva tips, canva tricks, canva design, canva tutorial, canva blur background, canva blur, blurring canva, how to use canva, canva guide, canva tutorial, canva ebook, canva course, how to blur the background in canva

6. Decrease the Transparency of Rectangle Overlay

The last step is to adjust the transparency of your pink rectangle. For the purposes of this example, I decreased the transparency from 100 to 30.

canva tips, canva tricks, canva design, canva tutorial, canva blur background, canva blur, blurring canva, how to use canva, canva guide, canva tutorial, canva ebook, canva course, how to blur the background in canva

Final Product

We have now successfully added a pink color overlay to a photo:

canva tips, canva tricks, canva design, canva tutorial, canva blur background, canva blur, blurring canva, how to use canva, canva guide, canva tutorial, canva ebook, canva course, canva blur, how to blur on canva

Conclusion

Pin It on Pinterest

Share This