Skip to main content

Color Splash Effect in Photoshop CS6


I’m finally back from vacation, armed with thousands of photos that I really don’t know what to do with. So over the next few weeks, as I’m sorting through the photos I took in London and Paris, I’ll be releasing tutorials and providing you with the images so you can follow along. In today’s image, we’re going to attempt to single out the red phone box, leaving everything else black and white. If you want to download this image, click on the image below.
ColorSplashImage Color Splash Effect in Photoshop CS6

First, we need to single out the red in the phone box. There are a few ways that we can go about doing so, but for the sake of this tutorial, we’re going to use one of my favorite selection methods, Color Range, which can be found under the Select menu.
ColorRange Color Splash Effect in Photoshop CS6
This feature works by allowing you to select specific colors of your image, either by choosing a basic color from the dropdown, or by sampling your color of choice. In most cases, however, choosing a color from the dropdown might not be your best bet, as it’s super specific. If you select Reds, looking at the preview below, you’ll notice that the phone box isn’t fully white, which means that not all of the reds have been selected.
RedsPreview Color Splash Effect in Photoshop CS6
Further, changing the Selection Preview at the bottom to Black Matte shows us that the selection is somewhat faded.
RedMatte Color Splash Effect in Photoshop CS6
Let’s try out the sampling method. This allows up to sample multiple shades of the base color that we want to select. Clicking on the phone box will sample a range of reds, defined by our Fuzziness slider. A higher value will include more similar tones, while a lower value will restrict the sampling to the specific red that you selected.
InitialSample Color Splash Effect in Photoshop CS6
Now if there are reds that have not been selected, holding down your Shift key and clicking on the additional tones will include them in the sample.
LargerSample Color Splash Effect in Photoshop CS6
As you select a larger range of tones, you might start to see areas outside the phone box being selected. There are two things you can do to help alleviate this. First, like we covered a moment ago, the Fuzziness slider can help increase or decrease the amount of similar tones that are being included in the selection.
SmallerFuzziness Color Splash Effect in Photoshop CS6
You also have the Localized Color Clusters option, and the Range Slider. This can help focus your selection around the area that you have been sampling. A lower Range value will tighten up the selection around your subject.
Range Color Splash Effect in Photoshop CS6
Even after you have adjusted these sliders, you may want to go back and Shift+click on the areas that may have been removed. Your result won’t be 100% perfect, but we’ll deal with that in a moment.
Once you’re happy with the sampling, because we want to change everything except the phone box, go ahead and turn on the Invert option, and press OK. This will give us a selection of everything else in our photo.
Selection Color Splash Effect in Photoshop CS6
From here, if you wanted to turn everything else Black and White, your best bet would be to add an Adjustment Layer to keep our edit non-destructive.
Adjustment Color Splash Effect in Photoshop CS6
This also gives us the ability to tweak the effect if needed. For example, the sign in the background got included in our selection. Because the Adjustment Layer includes a Layer Mask, we can grab a white brush, and paint overtop of the sign to remove it’s red tones. The opposite works as well. If there are areas of the phone box which were not included, a black brush will bring back the reds which got lost in the process.
ColorSplashFinal Color Splash Effect in Photoshop CS6
And there you have it. A simple way of singling out a color in Photoshop!

Comments

Popular posts from this blog

Use x-ray techniques in Photoshop to show naked skin through clothing

    Do those new naked body scanners have you freaked out at the airports? As far as the TSA is concerned, those x-ray machines are here to stay, but you might as well take comfort in knowing that airport security guards aren't the only ones looking at your private parts. Practically anyone with a computer can manage to see through your clothes, and it's all thanks to a little program called Photoshop. Thanks, Adobe. With a few tweaks using the tools in Photoshop, you can see those boobs in no time, male or female. The video is in German, but it's not hard to figure our what's going on, especially if you're familiar with Photoshop. First, create a few duplicate layers, then get a handle on some of these tools to make the naked body through the clothes: * Auswahl erstellen (Create Selection) * Tonwertspreizung (Input Levels) * Belichtung (Exposure) You can also do this see-through clothing effect in free design programs, such as  GIMP .

40 latest creative photoshop text effects

Create a Glowing Liquid Text with Water Splash Effect in Photoshop In this tutorial, we will show you the steps we took to create a Glowing Liquid Text Effect in Photoshop. We will be practising the use of liquify filter, layer blending options, as well as some image adjustments. Create a Realistic Wooden 3D Text Image In this tutorial we are going to take a few 2D textures as well as a few Photoshop techniques to create a realistic 3D text image. Easy X-Ray Typography In Photoshop In this tutorial we will show you how to create a simple x-ray effect of a letter, in this case the Abduzeedo logo A. The whole process is quite simple but it will require a couple of hours to pull it off. Easy Furry Text In Photoshop In this tutorial we will show you how to create a really cool and super simple furry text in Photoshop CS6. We will use basic filters and tools but it’s nice to say that we took advantage of the a new feature in Photoshop CS6 that is to apply layer

150 + Ultimate Round-Up of Illustrator Tutorials

01. Learn Illustrator CS3 in 30 Days Tutorial Link 02. A Comprehensive Guide: Illustrator’s Paintbrush Tool and Brush Panel Tutorial Link 03. Illustrator’s Pen Tool: The Comprehensive Guide Tutorial Link 04. Utilizing the Magic Wand’s Tolerance Levels Tutorial Link 05. Illustrator Live Trace Tutorial Link 06. Adobe Illustrator CS3 Tutorial: Selection Tools Tutorial Link 07. Spraying Symbols in Adobe Illustrator Tutorial Link 08. Duplicate with rotate tool Tutorial Link 09. An Intro to the Mesh Tool Tutorial Link 10. Illustrator Make with Mesh Tutorial Link 11. Tips for Working with the Gradient Mesh Tool In Illustrator Tutorial Link 12. Spiral Tool Mysteries – Solved! Tutorial Link 13. Using the Pathfinder and Align tool in Illustrator Tutorial Link 14. How to Make a Custom Illustrator Brush Tutorial Link 15. Get More-Natural Adjustments with the Illustrator “Reshape” Tool Tutorial Link 16. Fun