vente viagra bruxelles 
viagra cialis acheter 
kamagra soft tabsmg 
forum pour du viagra acheter a l'étranger 
viagra tarif 
viagra toulouse 
tadalafil inde 
achat cialis forum 
viagra belgique ordonnance 
achat viagra urgent 
kamagra generique 
acheter tadalafil en france 
acheter du viagra sans ordonnance 
livraison viagra h 
buy sildenafil 
prezzo cialis originale viagra homme et femme cialis commande levitra quanto costa viagra pas cher en pharmacie viagra vente libre france pris levitra comprar viagra barata generica cialis indien online viagra und cialis kaufen comprar viagra con paypal viagra kaufen holland cialis generico españa contrareembolso viagra en chewing gum achat cialismg

The Quick Way to Creating Disabled State Icon With Photoshop

For an internal demo, I had to make my own disabled and :hover states of some buttons.

In Photoshop (Elements) it was dead easy by adjusting the color in each layer.

I found that the following settings worked very well:

In Photoshop, create a new layer for each button state. Select the layer and choose “Enhance” > “Adjust Color” > “Hue/Saturation”

Disabled state background-image:

  • Saturation: -80
  • Lightness: +40


Hover state background-image:

  • Saturation: +15

You have each icon defined now with several states in the same file. Perfect for using the CSS sprites technique for showing them as background images on the buttons.

The final result:


What are your best settings for this type of task?

4 Responses to “The Quick Way to Creating Disabled State Icon With Photoshop”

  1. mr.The Says:

    Thanks! I’s realy quick and easy!

  2. Roland Says:

    Nice tutorial. Photoshop is one of my favourite graphic programs too.

  3. audio visual hire London Says:

    Fantastic tutorial, this post about Photoshop really helps new comers like me when trying to learn more about Photoshop. Keep on sharing more informative post like this.

  4. Kasper Says:

    Excellent tip! This makes it a snap to create disabled states from existing graphic elements.