Ce que fait l'effet
"Bord arrondi" donne à un objet plat un aspect tridimensionnel, comme s'il était surélevé ou enfoncé dans la surface. Pour cela, le bord du côté lumineux reçoit une bordure claire, les lumières, et de l'autre côté une bordure sombre, l'ombre.
Techniquement, Stylo dessine deux ombres à l'intérieur l'une sur l'autre : d'abord l'ombre, puis les lumières. Les deux se trouvent sur la surface de l'objet, donc au-dessus du remplissage, du dégradé ou de l'image de fond et en dessous du contour. Comme les lumières éclaircissent et que l'ombre assombrit, au moins l'un des deux contours est visible sur presque toutes les couleurs d'objet.
Vous trouverez l'effet dans la boîte de dialogue Ombre d'objet/Effets : sélectionnez en haut à droite Bord arrondi, cochez Actif, ajustez les valeurs et appliquez avec Affecter. Dès que vous modifiez une valeur, Actif est automatiquement activé. L'onglet a trois sections : la forme du bord, en dessous Lumières et Ombres avec chacun son propre mode, sa propre opacité et couleur. L'icône de l'œil en bas à gauche montre un aperçu, la flèche à côté réinitialise les valeurs.
Stylo propose le bord sous une forme : en retrait et avec un dégradé doux. Il peut être combiné avec d'autres effets. À l'intérieur, Stylo dessine dans cet ordre : ombre à l'intérieur, lueur à l'intérieur, bord arrondi, éclat.
Aperçu des paramètres
Six valeurs déterminent la forme du bord, trois autres les lumières et l'ombre. La taille, l'angle et la hauteur modifient le plus l'effet.
| Paramètre | Effet | Plage typique |
|---|---|---|
| Direction | Vers le haut : L'objet semble surélevé, les lumières se trouvent du côté lumineux. Vers le bas : Les lumières et les ombres échangent leurs côtés, l'objet semble enfoncé. | principalement vers le haut |
| Taille | La largeur du bord. Petit = bord étroit et net, grand = courbure large et douce. | 0,5–2 mm |
| Flou | Rend le bord encore plus doux ; le décalage des contours reste le même. | 0–1 mm |
| Profondeur | Renforce les lumières et les ombres ensemble. 100 % laisse les deux opacités telles quelles ; des valeurs plus élevées les augmentent jusqu'à la couverture complète. | 50–200 % |
| Angle | D'où vient la lumière : 0° = en haut, dans le sens des aiguilles d'une montre, 90° = à droite, 180° = en bas, 270° = à gauche. | 300–345° pour la lumière venant du haut à gauche |
| Hauteur | À quelle hauteur se trouve la lumière. Bas = relief marqué avec un côté lumineux et ombragé clair, 90° = lumière venant directement du haut, plus de relief. | 20–45° |
| Lumières : Mode, Opacité, Couleur | La bordure claire. Multiplier négativement éclaircit et disparaît sur le blanc. | Multiplier négativement, 50–90 %, blanc ou couleur d'objet claire |
| Ombres : Mode, Opacité, Couleur | La bordure sombre. Multiplier assombrit et disparaît sur le noir. | Multiplier, 50–90 %, noir ou couleur d'objet sombre |
Séries d'exemples
Dans chaque série, seule une valeur change. Toutes les autres sont réglées sur : direction vers le haut, taille 2 mm, flou 0 mm, profondeur 100 %, angle 330°, hauteur 30°, lumières blanches en mode multiplier négativement avec 75 %, ombres noires en mode multiplier avec 75 %, objet bleu 30 × 17 mm sur fond blanc.
Direction
Vers le haut soulève l'objet : clair en haut à gauche, sombre en bas à droite. Vers le bas échange les côtés, l'objet semble enfoncé dans la surface. Sur le gris clair, presque seule l'ombre a un effet, car les lumières ne peuvent plus éclaircir là-bas.
Taille
Avec 0,5 à 1 mm, un bord étroit et clair apparaît comme sur une touche. À partir de 2 mm, cela devient une large courbure ; à 4 mm, elle atteint presque le centre de cet objet et ressemble plutôt à un dégradé.
Flou
Le flou enlève la dureté du bord et rend les lumières et les ombres plus pâles. Même 0,5 mm suffisent pour une apparence plus douce ; à partir de 2 mm, le bord perd sa forme.
Profondeur
La profondeur ne règle que l'intensité, pas la forme. En dessous de 50 %, un relief discret reste, au-dessus de 100 %, les lumières et les ombres deviennent plus intenses jusqu'à la couverture complète.
Angle
L'angle indique la direction d'où vient la lumière : Les lumières se déplacent vers ce côté, l'ombre vers l'autre côté. 180° (lumière venant d'en bas) donne à un objet surélevé un aspect enfoncé, car l'œil s'attend à ce que la lumière vienne d'en haut.
Hauteur
Avec une lumière plate (10° à 30°), les côtés lumineux et ombragés sont clairement séparés. Avec une hauteur croissante, les deux se rapprochent ; à 90°, il ne reste qu'une bordure uniforme et grise tout autour, sans relief.
Couleur de l'objet
La couleur de l'objet détermine quel contour est visible. Sur le blanc, les lumières disparaissent, le bord ne vit que de l'ombre. Sur le noir, l'ombre disparaît, seules les lumières restent. Sur des couleurs intermédiaires comme le bleu, les deux agissent.
Couleur et utilisation
De gauche à droite : bouton rouge avec coins arrondis, taille 1,5 mm, flou 0,5 mm. Le même bouton avec direction Vers le bas semble enfoncé, par exemple pour un état actif. Plaque en or : remplissage #C9A227, lumières jaune clair #FFF3B0, ombres marron foncé #5A3D00, taille 2,5 mm, flou 0,5 mm, profondeur 120 % ; des lumières et des ombres colorées semblent plus métalliques que le blanc et le noir. Estampage : boîte gris clair sur fond gris identique, taille 1 mm, profondeur 60 %, hauteur 40° ; l'objet ne se distingue que par le bord.
Recettes
Ces combinaisons sont un bon point de départ ; les ajustements fins se font généralement uniquement par la taille et la profondeur. L'angle est réglé partout sur 330° (lumière venant du haut à gauche), lumières en mode Multiplier négativement, ombres en mode Multiplier, les deux à 75 %.
| Effet | Couleur d'objet | Direction | Taille | Flou | Profondeur | Hauteur | Lumières / Ombres |
|---|---|---|---|---|---|---|---|
| Bouton, par exemple bouton d'achat ou interrupteur | coloré | Vers le haut | 1,5 mm | 0,5 mm | 100 % | 30° | Blanc / Noir |
| Bouton enfoncé, par exemple état actif | coloré | Vers le bas | 1,5 mm | 0,5 mm | 100 % | 30° | Blanc / Noir |
| Touche avec bord clair, par exemple champ de prix | sombre | Vers le haut | 0,8 mm | 0 mm | 150 % | 30° | Blanc / Noir |
| Coussin doux, par exemple boîte d'information | coloré | Vers le haut | 3 mm | 1 mm | 80 % | 45° | Blanc / Noir |
| Métal, par exemple plaque en or | Or | Vers le haut | 2,5 mm | 0,5 mm | 120 % | 30° | Jaune clair / Marron foncé |
| Estampage, par exemple sceau dans la couleur de la surface | clair | Vers le haut | 1 mm | 0 mm | 60 % | 40° | Blanc / Noir |
Conseils :
- Le bord a besoin d'une surface : remplissage, dégradé ou image de fond. Un objet sans remplissage n'a pas de bord arrondi. Si seules des lignes sont sélectionnées, la boîte de dialogue masque l'onglet.
- Dans les cadres de texte, le bord se trouve sur la surface du cadre, jamais sur le texte.
- Maintenez l'angle de tous les objets d'un affichage identique, même entre le bord arrondi, l'ombre à l'intérieur et l'éclat. Sinon, les directions de lumière se contredisent.
- Sur des surfaces blanches, seule l'ombre a un effet, sur des surfaces noires, seules les lumières. Cela suffit généralement pour un relief ; pour plus de contraste, augmentez la profondeur.
- Les lumières et les ombres dans une variante claire et une variante sombre de la couleur de l'objet semblent plus élégantes que le blanc et le noir, qui ternissent la surface en gris.
- La taille ne se met pas à l'échelle avec l'objet : les petits objets ont besoin de valeurs plus petites, sinon le bord devient un dégradé sur toute la surface.
- L'opacité de remplissage de l'objet joue également : un objet avec 50 % de remplissage n'a que la moitié du bord.
- Les effets ne s'appliquent pas aux groupes. Sélectionnez l'objet dans le groupe ou dissociez le groupe.
Commentaires
0 commentaire
Vous devez vous connecter pour laisser un commentaire.