Color, Alpha, variables CSS & Design System³

Commentaires

Commenter

Modification d’une image

Il existe 2 types d’images dans les modules (2 icônes ≠).

  • Les images “natives” qui sont des Fills (forme avec un remplissage)
  • Et les compositions de calques (Frame ou Groupe) rendu comme image (mj-image).
    • Une image peut donc être aussi un enfant d’une image composite. Il peut s’agir d’un SVG, d’un fichier bitmap (png*, HEIC*, jPEG, GIF), de texte rendu en image, ou d’une instance …

Ci-dessous structure d’un image (Hero) composé de plusieurs Frames imbriquées, d’ images (SVG), une image PNG, des composants (et des découpes/slices)

modification d'image
modification d'image

Les images “natives” sont des Fills (formes avec un remplissage)

Pour ajouter des images aux fichiers, plusieurs possibilités :

  1. Glissez-déposez le(s) fichier(s) image de votre ordinateur sur le canevas.
  2. Insérer le(s) fichier(s) image via le navigateur de fichier (⇧⌘K).
  3. Copiez une image à partir d’un autre calque du fichier en cours ou d’un autre fichier.
  4. Coller une image de votre presse-papiers (depuis une autre application) sur le canevas.
  5. Copiez des images depuis le Web sans avoir à les télécharger sur le Desktop
  6. Insérer une image via un plug-in1

Pour modifier un Fill, sélectionnez un bloc image

  • en double cliquant dans la maquette, 
  • ou dans l’arborescence des layers dans le panel de gauche,
  • ou via le menu du clic droit > Layers.

Puis,

  1. En cliquant sur le thumbnail dans le panneau Design, vous pouvez ensuite sélectionner une image sur votre Desktop.
  2. Vous pouvez également utiliser la fonction Copy/Paste Properties sur un Fill existant pour remplacer le contenu d’un autre Fill.

Contact

Logo DVW Design DVW Design

Paris, France

Tel. +33(0)6 68 49 06 04

Vous pouvez également flasher ce QR Code avec mes coordonnées