vente viagra andorre cialis 20 mg filmtabletten vente de cialis en belgique europe viagra viagra efekti proscar 5 mg prezzo kamagra pillen compra priligy online acheter cialis en ligne levitra schweiz tadalafil achat comprar viagra por telefono venta viagra españa comprar viagra españa vente viagra inde acheter viagra belgique
baclofen kaufen ohne rezept viagra tabletten viagra a vendre montreal cialis tadalafil bestellen beställa viagra cialis viagra levitra differenze acquisto tadalafil italia köpa viagra i spanien baclofen 10 mg vente viagra canada viagra medicinale viagra tarifs viagra online versand cialis generico españa viagra pille preis

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.