Divi Dojo

Divi Dojo

CONTACT US

Duotone Graphics

& Bundle of Free Resources

By Mark Richmond

JULY 22, 2016 | Divi Dojo

Divi Donuts Blog

With the latest Showcase of Divi site developers on the Elegant Themes blog, you may have noticed that some of the sites that stand out the most are using duotone graphics. Back in early 2015 Spotify launched an ad campaign that made everyone go nuts for these cool duotone images that are fairly quick and easy to do, but definitely not just a click of the button and its done sort of thing.

Very simplified monotone / duotone image by doers.sg

DOERS

Two more examples of Duotone imagery by (top to bottom)

Converge  &  Spotify

How is all this done? It’s utilizing a combination of first (IN PHOTOSHOP) cutting out your featured image you want to use, and pasting it on it’s own layer. Next creating a Layer Mask for that image. Next by going to ( Layer tab | New Adjustment Layer | Gradient Map ).  You’ll notice you can create multiple gradients within just the image. From there it’s just a matter of linking this gradient map to the cut out image ( Layer | Layer Mask | Link ) This will apply the gradient to just the clipped out image.

Below are 2 great video tutorials that walk through the steps mentioned above, the first is slower easy going step-by-step for beginners, and the second by Spoon Graphics, is a little more advanced and faster descriptions.

Beginner

This video has a very detailed and slower walk-thru, great if you’re a little it newer to Photoshop, you’ll get the exact same results as the advanced tutorial on the next slide.

Advanced

This has the same duotone creating as the previous tutorial, but really blows through the Photoshop elements, great for those with good working knowledge of Photoshop and want to get to the gradient making faster.

BONUS – FREE GRAPHICS RESOURCES!

From Blog Spoon Graphics – Over 500MB!

Stay up to date with Spoon Graphics by having every new post and exclusive content delivered straight to your email inbox

All you have to do is subscribe to the Blog Spoon Graphics email list to receive this bundle.

Over the years I have learned so much from the weekly Blog Spoon Graphics tutorials, I can’t imagine anyone not wanting to be on this list. – Mark

SPOON GRAPHICS

Get In Touch

Where Web Design Ninjas Work For You.

Divi-Dojo-Logo-white-on-w-ninja-black

With over 20 years of experience in web design, development and marketing, your search for a new website is over.

602.828.8729

 

FOLLOW US

Facebook_32x32x32  Twitter1_32x32x32   Instagram_32x32x32   LinkedIn_32x32x32