Recessed Buttons Effect

This is a nice effect that is simple to create. As you can see, the button recessed into the background giving it a nice 3D look.

Related Topics

How to create a Push Button Effect in Photoshop and CSS
Just like any website, buttons has to be designed or enhanced for users. Right now we've seen websites that has big buttons, gradient effect and some of them are being used as call to action.


Shiny Button
These days glass buttons seem to be very popular. You can find glass buttons in Windows Vista and all around the Web. Other popular buttons are metallic and plastic buttons. All these buttons have one thing in common: They are all shiny. Some people call these kinds of buttons Web 2.0 buttons.


Glass Toolbar
If you plan to create a web page with glass effects, the best looking effect is the magnifying glass effect, because it looks like rounded pieces of glass floating over text. This tutorial will present you a nice toolbar created with this effect, but the techniques presented here can be used for buttons and other controls too


Glossy button for web (Tutorial PS cs.5)
We know how much buttons and tabs are important in web design. The right choice of button colors, design and effects makes web pages come alive. So today we are going to teach how to add a gloss effect to buttons in three simple steps using Photoshop CS5.5.


Metallic Pill Buttons
Much like glassy buttons, chrome pill buttons are very popular in modern interfaces. The aim of this tutorial is to illustrate a technique for making chrome buttons using nothing but layer effects.


Button Animation
Create a ghostly fading text effect that vanishes back and fourth on your buttons.


Creating Glossy Buttons
Tired of plain, regular buttons? Juice up your website with these glossy buttons.


Glossy Buttons
Create some shiny glossy buttons for your website's menu system. This tutorial illustrates how to add a glossy finish to your buttons or other nifty shapes.


Mac OSX Buttons
Mac has set a number of design trends. One of the most replicated mac interface designs are the OSX buttons. However, getting it right can be tricky for a novice photoshoper. I will show you how to create these Mac OSX buttons in Photoshop in 5 easy steps.


Pixel Border: Menu Box
A simple way to create that pixel edge effect on buttons and menu bars.


Professional Navigation Buttons
Create gradient navigational buttons with individual link shapes.


Electrostatic Ball
A unique ElectroStatic Ball effect, this tutorial is great for backgrounds or for enhancing banners and as an overlay to help create stunning interfaces and buttons.


Build Beautiful Buttons
I'll show you how to create a wide variety of different buttons using Adobe Photoshop.


'Oz The Great and Powerful' Inspired Text Effect
This tutorial aims to create an effect similar to the main “O” effect. The other parts of the text have a slightly different effect, which can still be achieved using the basic steps, but with some different values.


Creating the Lomo-Effect in only 2 steps
The Lomo-Effect is the common effect we see in those vintage or overexposed images. Today we are going to learn how to achieve this simple effect through only 2 steps.


Neon Effect with Animation
I wrote a tutorial showing how to create the neon effect, a very subtle light effect, sort of neon style. The tutorial is the Shining Neon Text Effect in Adobe Photoshop. Also I decided to mix it a bit with the animation features that we have now in Photoshop. Even though the effect was simple a lot of people complained that got stuck on some steps or their result was not the same, because of that, I decided to do a video showing how to create the same effect.


Photo effect: Like in Tilt-Shift Photograpy
We all know the awesome effect in photography Tilt-shift which makes this awesome effect of objects like cars, peoples, buildings to look like toys. In this tutorial I will show you exactly how to do similar effect in Photoshop


Soft and dreamy movie effect
With few simple steps your pic can get a special effect effect like its in a movie scene. We will create a soft , dreamy ( not blurry) effect on the face also make it stand out with warm color from the background darkened.


Clean Buttons
This video tutorial explains an easy method for creating clean, semi glossy buttons in Photoshop.


Web buttons
This tutorial will show you how to make cool web buttons for your sites layout using Adobe Photoshop.


Categories