About me Domain Credits Way out Refresh My blog My host Credit


October 01, 2018 ♥ v23 layout (Halloween theme!) September 07, 2018 ♥ v22 layout ♥ 8 backgrounds/patterns ♥ 4 textures ♥ 20 gradients ♥ 4 banners ♥ 40 colors ♥ 2 photoshop tutorials ♥ 4 miscellaneous tutorials April 03, 2018 ♥ v21 layout ♥ 10 backgrounds/patterns ♥ 14 textures ♥ 10 gradients ♥ 50 colors December 17, 2017 ♥ v20 layout ♥ new blog entry ♥ 6 gradients ♥ 6 banners ♥ 6 colors November 03, 2017 ♥ v19 layout ♥ new blog entry ♥ 10 textures ♥ 10 gradients (new category!) ♥ 2 banners ♥ 10 colors ♥ revamped links & pages July 16, 2017 ♥ new layout (v18) ♥ new blog entry ♥ 6 backgrounds/patterns ♥ 8 premade banners ♥ 10 color schemes (revamped) May 25, 2017 ♥ new layout (v17) ♥ new blog entry ♥ 16 color schemes ♥ 1 photoshop tutorial ♥ 1 miscellaneous tutorial


Terms Back pats Banners Textus Colors HTML Tuts CP Tuts Ps Tuts PHP Tuts Misc. Tuts


Welcome to Sasha's gfx corner Skyrose, here to provide quality resources since May 2014; take a look, read the Terms, grab whatever you like and enjoy. <3

chat with me

How to dull the colors of an image

Every designer sooner or later comes across an image to make graphics with, but he renounces because the image's fluorescent-bright colors hurt the eyes. This tutorials aims to give a solution to that "problem"; all you need is a obscenely bright image and Adobe Photoshop. For this tutorial I'll be using an icon 100x100, but it works with every kind of image.

Open your image in Photoshop, and go to File --> New and open a new file with the same width and height as your image; from the Color Mode menu, select the Grayscale option and click Create. See image down her for reference.

Select the Move tool from the Tools menu; then, go to your image, drag it to new file and move it until it's completely aligned. You should now have a black and white image like this.

Now got to File --> New and open another document, making sure of changing the Color Mode from Greyscale to RGB Color as shown in the image.

Drag the b&w image to the new file, then go to your original image and drag that over to the third file like shown in the image (mines are not aligned for showing purpose, but you have to align them).

Right-click on the image and select the first option, Blending Options, to open the Layer Style tab; once there go where you see Advanced Blending (see image below for reference).

Select the value you prefer based on how much you want to tone down the colors - personally, I've found values between 40 (for the brightest images) and 75-80 (for those less bright) are the best - as shown and image, and click OK to apply the changes

Now go to Layer --> Merge Visible and merge the layers...and there you go; your eyes-hurting image has been toned down to a more bearable level and can be used to make graphics, designs or whatever you want. Enjoy! ^.^