Je voudrais créer quelques "simulations" de Mac OS X 10.7 Windows dans Photoshop.
J'aimerais connaître les paramètres de l'ombre de la fenêtre, comme la taille, l'étendue et la distance.
Quelqu'un peut-il m'aider ?
Réponses
Trop de publicités?
Strongground
Points
31
En fait, c'est plutôt une combinaison de deux ombres portées. Ces paramètres fonctionnent bien pour moi en comparaison directe avec l'ombre originale :
- Ombre à paupières 1 :
- Opacité : 47%.
- Angle : 90°.
- Distance : 26px
- Ecart : 0px
- Taille : 43px
- Ombre à paupières 2 :
- Opacité : 44 %.
- Angle : 90°.
- Distance : 0px
- Ecart : 0px
- Taille : 3px
La seconde ombre portée est destinée à la fine ligne plus sombre que vous remarquez autour de chaque fenêtre, en particulier lorsque vous examinez une fenêtre OS X chromée sur fond blanc.
Gopala raja naika
Points
121
.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>
Iulian Onofrei
Points
276
A partir de mars 2020, l'officiel Ressources pour la conception d'interfaces utilisateur Apple pour MacOS nous dit ceci :
- 1px inside white 15% opacity border
- 0.5px outside black 65% opacity border
- 18px top offset 50 blur black 52% opacity shadow
Exemple : https://jsfiddle.net/Revolter/sg352ozv/
(Insertion > Apple MacOS UI > Windows > Fenêtre avec barre de titre > Dark Aqua)
