Like this article? We recommend
Like this article? We recommend
Like this article? We recommend
Bevel In, Bevel Out
Now let's add some bevels. A couple of them use Impact's Bevel filter, and a couple use Photoshop's Layer Styles. The interface's background needs a bevel, so add that first. Select Bevel from the Impact Filter list and apply the settings shown in Figure 12. I superimposed the Lighting tab at the bottom so you can see those settings as well.
)
Figure 12 Impact Bevel settings.
The Impact Bevel filter is great for the inlay area. Assign the Bevel filter to the brushed metal layer you created earlier for the inlay effect, assigning the settings shown in Figure 13. Once again, the Lighting settings are shown at the bottom.
)
Figure 13 An interior bevel applied to the inlay layer.
Now it's time to use Photoshop's Inner Bevel and Inner Shadow effects on the greenish and white rounded rectangles created earlier. Apply the Layer Styles to one of the layers and copy them to the other layer by right-clicking the layer's name, selecting Copy Layer Style; then right-clicking on the target layer and selecting Paste Layer Style. The settings for the two effects are shown in Figures 14 and 15. I used a value of 90% in the smaller rounded rectangle's Bevel and Emboss Opacity setting, but otherwise the two are identical.
)
Figure 14 Bevel and Emboss settings.
)
Figure 15 Inner Shadow settings.
Your interface should now look like the one shown in Figure 16. Next it's time to move on to the buttons and other doodads.
)
Figure 16 The interface in its current state.