Capture d’écran sans ombre dans MacOS

  • cmd-maj-3 : l’ensemble de l’écran
  • cmd-maj-4 » dessiner un rectangle : une partie de l’écran
  • cmd-maj-4 » espace » cliquer : une fenêtre en particulier
image

Mais si on appuie sur alt en capturant une fenêtre en particulier, le résultat n’aura pas l’ombre autour de l’image.

Il faut retenir :

  • cmd-maj-4 » espace » alt-cliquer

Ombres en AI/SVG

Le but est de dupliquer cette ombre, créée sur Photoshop, avec une ombre exclusivement en SVG :

image

En évitant de charger un fichier de plus (ombre.png), la page sera moins lourde.

Voici comment faire :

1. Dessinez une forme (ovale, horizontale)

2. Dans le panneau « Apparence » sélectionner le FILL qu’on va flouter

3. Cliquer sur le logo fx en bas du panneau « Apparence » puis « Filtres SVG » puis « Appliquer Filtre SVG »

4. Dans le panneau « Appliquer Filtre SVG » qui apparaît, cliquer sur l’icône de la page en bas (pour en créer un nouveau)

5. Coller le texte suivant :

<filter  height=“150%” width=“150%” id=“Drop-Shadow” filterUnits=“objectBoundingBox” y=“50%” x=“-5%”>

<feMorphology operator=“dilate” radius=“3” in=“SourceAlpha” result=“BEVEL_10” />
<feGaussianBlur  stdDeviation=“15”></feGaussianBlur>

</filter>

Pour finir, faire un masque pour ne voir que la partie voulue.

Important :

Lorsqu’on importe un document dans un autre, ce sont les données PDF qui sont utilisées.

Dans ce cas, c’est une image qui va remplacer l’ombre qu’on vient de créer.

Il ne faut donc utiliser cette technique que dans le document principal, et non pas dans documents placés.

Plus d’information sur smashingmagazine.com.