Super User is a question and answer site for computer enthusiasts and power users. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I am trying to find out how to get "pressed on sides" effect as seen the brown leather header in attached picture ( image on right side ) . I don't have a very good hand with photoshop layer effects but was experimenting with bevel and emboss style but not much luck. ( I could get some bevel like effect on black nav bar , image on left side , but not close to what I want to achieve ).

This is a learning stage for me. Any any help in the right direction would be great! Thanks in advance.

enter image description here

Update#1:- sample image is taken from dribbble link ( posted by a great designer) :

update#2: After spending hours the best I could do to is below. Used a combination of gradient layer effect along with white eclipse ( with gaussian blur filter applied) on either sides of the leather to emphasize the lifted leather effect. I am not convinced its the best choice of tools in PS. I believe there is a better way to achieve much better and subtle effect like the original sample. Pls feel free to try it out and share your result.

enter image description here

share|improve this question

Not too familiar with PS but seems pretty simple. Select the whole leather patch, add a new layer, fill with black. Select that layer and move the selection down, so you can delete the part you don't want black. Increase transparency until it looks correct

share|improve this answer
thanks for the idea , I played with for some time got something remotely similar but could not get a nice subtle blend of the slope to the bevel merging with base (as if its the same layer) . ( my output was no where close to the ideal the brown screenshot ;p ) – dotnetcoder Dec 25 '12 at 4:31

I can walk you through the process if you are still interested. It would require blending modes a bit and bit of layer options. Let me know if you still need it !

share|improve this answer
up vote 0 down vote accepted
  1. create a new layer
  2. draw a rectangular shape on the area ( any color bg is ok).
  3. set the fill to 0% for this layer.
  4. add layer style as shown in snapshot below.

Inner glow layer style alone (/w gradient having one end transparent) provides some interesting effect.

enter image description here

share|improve this answer

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .