Skip to content

Re-creating the Color Pop Effect on Google Photos With Cloudinary

One photo can morph into a thousand photos through a simple application of bits and pieces of transformation effects. A few examples of the common effects are Black and White, Duotone, Blurs and Fades, Cartoonification, and Color Pop.

Given the wide use of the Color Pop effect on Google Photos, you can show off your photos on social media after applying that effect. No kidding: I’ve seen that several times and absolutely love those photos every time they pop on my timeline on Facebook, Twitter, or Instagram.

In this article, I’ll show you how we can re-create the Color Pop effect on Google photos.

Cloudinary’s many transformation capabilities can turn out stupendous effects. For example, these two steps generate the image below:

  1. Upload a photo to Cloudinary twice, once with the original and then again with the background removed from the photo. Both versions have separate public IDs.
  2. Reference the original photo with the grayscale effect and overlay it with the background-removed version.

Loading code examples Cloudinary re-creating Color Pop

That’s similar to this photo, which resulted from an application of Google Photo’s Color Pop effect:

Loading code examples Color Pop Example

Here’s a detailed rundown on how to re-create the Color Pop effect:

  1. Start with the original and a version with the background removed.

    To remove the background, leverage Cloudinary’s AI feature or, manually, with an image-editing tool, such as Pixelz or Adobe Photoshop.

    Loading code examples Original

    Loading code examples Background Removed

  2. Overlay the background-removed version on top of the original.

    If the new version looks different from the original, ensure that the image dimensions match and that no other cropping occurred.

    Loading code examples Overlayed

  3. Apply effects, such as grayscale as in this example, to the original layer.

    Loading code examples Cloudinary re-creating Color Pop

That technique can produce a wealth of fun effects, such as bokeh. Simply blur the original:

Loading code examples Bokeh effect

Talk about fun! Try it for yourself by signing up for FREE today.

Back to top

Featured Post