& 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.
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.
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.
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
Get In Touch
Where Web Design Ninjas Work For You.