There are several ways to do this in Ps and here is one way that matches your examples.
Gray layer on top. I used a Solid Color fill adjustment layer.
[ATTACH=full]132432[/ATTACH]
Then a white rounded rectangle layer below.
[ATTACH=full]132433[/ATTACH]
Add layer mask to the grey (top) layer.
Make a selection of the Whit Rectangle by holding Cmd/Cmtrl + click the thumbnail.
Select the mask and fill the selection with black.
(Note: Shown here without the white rectangle layer active)
[ATTACH=full]132434[/ATTACH]
Still on the gray layer, ad a layer style by double clicking the body of the layer in the layers panel.
Add a pattern overlay. Set to Multiply.
(Note: Shown here without the white rectangle layer active)
[ATTACH=full]132435[/ATTACH]
Add a Gradient Overlay.
(Note: Shown here without the white rectangle layer active)
[ATTACH=full]132436[/ATTACH]
Finally, add a Bevel & Emboss (Inner Bevel)
Add a Drop Shadow.
(Note: Shown here with the white rectangle layer active)
[ATTACH=full]132437[/ATTACH]
Move to the White Rectangle layer.
Add a layer style.
Add a Pattern overlay..........the same as the other layer.
[ATTACH=full]132438[/ATTACH]
Add a Gradient Overlay.
Reverse.
[ATTACH=full]132439[/ATTACH]
Add a Color Overlay.
Done!
[ATTACH=full]132440[/ATTACH]
[ATTACH=full]132441[/ATTACH]
