cialis senza ricetta svizzera acht c a du viagra cialis 5mg generika combien coute de viagra en france vardenafil 20 mg médicament viagra remboursé citrate de sildénafil cialis comprimidos mejores paginas web compra levitra en español barato acquisto cialis italia viagra sans ordonnance inde viagra rezeptfrei bestellen prix cialis 5 cialis barato cialis recept
viagra francais 
acheter cialis sans ordonnance 
pharmacie en ligne suisse 
forum vente viagra ligne 
viagra en espagne 
societe belge pour vente viagra en ligne 
viagra generique livraison h 
allemagne cialis 
cialis 5 mg quelle est le prix 
pharmacie en ligne belgique viagra 
cialis generique belgique 
vente medicament cialis 
cialis pharmacie en ligne 
viagra riddim 
cialis mg 
order kamagra online buy generic priligy low cost cialis antidepressants online viagra mastercard levitra pharmacy buy levitra generic cialis store kamagra tablets kamagra price viagra online without prescription uk priligy avis purchase levitra buy finasteride mg levitra drug

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

photoshop-elements-saturation-for-disabled-buttons

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:

buttons-rejected-normal-state

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.