Mac OS X 10.7 Window Shadow Params
I would like to create some Mac OS X 10.7 Windows "simulations" in Photoshop.
I would like to learn about the window's shadow parameters, like size, spread and distance.
Could anybody help me with this???
For Mac OS X standard windows use drop shadow with folowing parameters: black #000000 color with opacity 60%, angle 90º, distance 25px, size 50px, spread 0px.
Actually it's more of a combination of two drop shadows. These settings work well for me in direct comparison to the original shadow:
- Dropshadow 1:
- Opacity: 47%
- Angle: 90°
- Distance: 26px
- Spread: 0px
- Size: 43px
- Dropshadow 2:
- Opacity: 44%
- Angle: 90°
- Distance: 0px
- Spread: 0px
- Size: 3px
The second drop shadow is for the fine darker line you notice around every window, especially when examining OS X window chrome on white background.
.box {
width: 200px;
height: 100px;
margin: auto;
padding: 20px;
border-radius: 5px;
background-color: #e4e4e4; border: 1px solid #adadad;
-webkit-box-shadow: 0 20px 70px rgba(0, 0, 0, 0.55);
-moz-box-shadow: 0 20px 70px rgba(0, 0, 0, 0.55);
box-shadow: 0 20px 70px rgba(0, 0, 0, 0.55);
}
<div class="box">
Lorem ipsum
</div>