Adobe XD vous permet de créer des composants UI/UX personnalisés, des maquettes, des wireframes, etc. C'est également une excellente plate-forme que vous pouvez utiliser pour créer diverses formes d'œuvres d'art.

L'un des effets courants que vous devrez peut-être utiliser pour les affiches ou autres supports marketing consiste à ajouter une superposition sombre ou lumineuse au-dessus d'une image. Ceci est souvent utilisé pour rendre le texte au-dessus de l'image plus visible afin que les utilisateurs puissent lire le texte plus facilement.

Découvrez comment ajouter ces effets de superposition sombres ou lumineux dans Adobe XD.

Comment ajouter une superposition sombre à une image

Pour ajouter une superposition sombre à une image, vous devrez d'abord importer une photo ou un élément graphique sur la toile. Vous devrez ensuite ajouter une autre forme au-dessus de l'image d'origine, pour configurer l'effet de superposition.

  1. Faites glisser une photo sur le canevas dans Adobe XD.
  2. Dans la colonne de gauche, cliquez sur le carré icône. Cela vous permettra de faire glisser et déposer une forme carrée sur la toile.
  3. Positionnez le carré directement au-dessus de votre image.
  4. Mettez en surbrillance la forme carrée. Dans le volet des propriétés de droite, modifiez le remplissage d'arrière-plan au noir.
  5. Avec la forme carrée toujours en surbrillance, ajustez le opacité niveau à 60%. L'opacité vous permettra de voir à travers l'image carrée. Vous pourrez voir votre image originale avec le carré ajoutant l'effet de superposition sombre sur le dessus.
  6. Vous pouvez ajuster l'opacité à la quantité souhaitée si vous souhaitez que la superposition soit plus ou moins sombre.

Si vous venez de débuter avec Adobe XD, lisez notre guide complet du débutant.

Comment ajouter une superposition de lumière à une image

Il existe plusieurs façons d'ajouter une superposition blanche à une image.

  1. Si vous avez toujours une forme carrée au-dessus de l'image d'origine, vous pouvez modifier la remplissage d'arrière-plan couleur au blanc au lieu du noir. Garder le opacité niveau au montant désiré.
  2. Alternativement, vous pouvez également modifier l'opacité de l'image d'origine elle-même, sans avoir besoin d'ajouter un carré supplémentaire. Mettez en surbrillance l'image d'origine et modifiez le opacité.

Si vous souhaitez ajouter plus d'effets et de graphiques à vos projets, nous vous montrons comment avec Adobe Media Encoder.

Ajoutez facilement des superpositions à vos images dans Adobe XD

Adobe XD est une excellente plate-forme que vous pouvez utiliser pour ajouter des effets spéciaux au-dessus des images. Une façon d'ajouter l'effet de superposition à une image consiste à ajouter un carré séparé et à configurer la couleur et l'opacité de l'arrière-plan, comme indiqué ci-dessus.

Si vous ajoutez du texte au-dessus de l'image, cela rendra, espérons-le, votre texte plus lisible pour les utilisateurs.

L'ajout d'un effet de superposition n'est qu'une des nombreuses choses que vous pouvez faire avec Adobe XD. Vous pouvez continuer à vous renseigner sur les autres fonctionnalités offertes par Adobe XD. Cela inclut des fonctionnalités telles que les plans de travail des appareils, les déclencheurs temporels et les hyperliens.