Me gustaría crear algunas "simulaciones" de Mac OS X 10.7 Windows en Photoshop.
Me gustaría aprender sobre los parámetros de sombra de la ventana, como el tamaño, la extensión y la distancia.
¿Alguien podría ayudarme con esto?
Me gustaría crear algunas "simulaciones" de Mac OS X 10.7 Windows en Photoshop.
Me gustaría aprender sobre los parámetros de sombra de la ventana, como el tamaño, la extensión y la distancia.
¿Alguien podría ayudarme con esto?
Para Mac OS X, las ventanas estándar utilizan sombra paralela con los siguientes parámetros: negro # 000000 color con opacidad 60%, ángulo 90º, distancia 25px, tamaño 50px, propagación 0px.
En realidad es más una combinación de dos sombras paralelas. Esta configuración me funciona bien en comparación directa con la sombra original:
La segunda sombra es para la línea fina más oscura que se observa alrededor de cada ventana, especialmente al examinar el cromo de la ventana de OS X sobre fondo blanco.
.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>