: What's the easiest way to create a disabled greyscale button with a graphics program? In a web application that I'm building, I'm going to need several disabled buttons. I already have the

In a web application that I'm building, I'm going to need several disabled buttons. I already have the enabled buttons and I want to know what the best and easiest way of creating a disabled version of that button. For example, when a user clicks the login button, I want to disable the button to show that the click has been registered.

I have paint and paint .net and if I had no other option I could use a friend's photo-shop.

Here's an example of one of the buttons:

Can someone tell me the quickest, easiest way to create a disabled greyscale version of a button like this?

10.03% popularity Vote Up Vote Down

: How to simulate low contrast LCD screens School and cooperate environments usually uses very cheap LCD screens with abysmal contrast and color reproduction. I'm currently required to design for

@Connie430

Posted in: #Contrast #Monitor #WebsiteDesign

1 Comments

: Speed effect on electrons - 3D I'm preparing a cover image for a publication for a scientific journal. Instead of being scientifically rigourous, this kind of image could be more artistic and

@Connie430

Posted in: #Blender #Gimp #Images

2 Comments

: Making an Effective Menu I am making a menu for an indie game and I'm not quite satisfied with my results. The menu itself needs two text fields (one to enter your username and the other

@Connie430

Posted in: #DesignPrinciples #InterfaceDesign

4 Comments

Login to post a comment!

3 Comments

Sorted by latest first Latest Oldest Best

@Odierno310

My general impression of 'disabled' looking elements is they should be more a tone (added gray giving a dulled looked) or a tint (added white) of the original than a straight desaturate.
(though they should probably be desaturated too)

10% popularity Vote Up Vote Down

@Connie430

Control+Shift+G or clicking Adjustments -> Black And White does the same thing in Paint.NET.

10% popularity Vote Up Vote Down

@Kevin459

In Photoshop it's very simple. Here are the steps (in CS5, may be slightly different for other versions):

Image -> Mode -> Grayscale

Result:

10% popularity Vote Up Vote Down

Feed

: What's the easiest way to create a disabled greyscale button with a graphics program? In a web application that I'm building, I'm going to need several disabled buttons. I already have the

More posts by @Connie430

: How to simulate low contrast LCD screens School and cooperate environments usually uses very cheap LCD screens with abysmal contrast and color reproduction. I'm currently required to design for

: Speed effect on electrons - 3D I'm preparing a cover image for a publication for a scientific journal. Instead of being scientifically rigourous, this kind of image could be more artistic and

: Making an Effective Menu I am making a menu for an indie game and I'm not quite satisfied with my results. The menu itself needs two text fields (one to enter your username and the other

Login to post a comment!

3 Comments

Back to top | Use Dark Theme