Met Adobe XD kun je aangepaste UI/UX-componenten, mockups, wireframes en meer maken. Het is ook een geweldig platform dat je kunt gebruiken om verschillende vormen van kunstwerken te maken.

Een van de meest voorkomende effecten die u mogelijk moet gebruiken voor posters of ander marketingmateriaal, is het toevoegen van een donkere of heldere overlay bovenop een afbeelding. Dit wordt vaak gebruikt om de tekst bovenop de afbeelding beter zichtbaar te maken, zodat gebruikers de tekst gemakkelijker kunnen lezen.

Leer hoe u deze donkere of heldere overlay-effecten kunt toevoegen in Adobe XD.

Een donkere overlay aan een afbeelding toevoegen

Om een ​​donkere overlay aan een afbeelding toe te voegen, moet u eerst een foto of grafisch element op het canvas importeren. U moet dan een andere vorm bovenop de originele afbeelding toevoegen om het overlay-effect te configureren.

  1. Sleep een foto naar het canvas in Adobe XD.
  2. Klik in de linkerkolom op de vierkant icoon. Hiermee kunt u een vierkante vorm op het canvas slepen en neerzetten.
    3. instagram viewer
  3. Plaats het vierkant direct bovenop je afbeelding.
  4. Markeer de vierkante vorm. Wijzig in het deelvenster met eigenschappen aan de rechterkant de achtergrondvulling naar zwart.
  5. Terwijl de vierkante vorm nog steeds gemarkeerd is, past u de ondoorzichtigheid niveau tot 60%. Door de dekking kunt u door de vierkante afbeelding heen kijken. U kunt uw originele afbeelding zien met het vierkant dat het donkere overlay-effect bovenaan toevoegt.
  6. U kunt de dekking naar de gewenste hoeveelheid aanpassen als u wilt dat de overlay min of meer donker is.

Als je net bent begonnen met Adobe XD, lees dan onze complete beginnersgids.

Een lichte overlay aan een afbeelding toevoegen

Er zijn meerdere manieren waarop u een witte overlay aan een afbeelding kunt toevoegen.

  1. Als je nog steeds een vierkante vorm bovenop de originele afbeelding hebt, kun je de achtergrondvulling kleur naar wit in plaats van zwart. Houd de ondoorzichtigheid niveau op het door u gewenste bedrag.
  2. Als alternatief kunt u ook de dekking van de originele afbeelding zelf wijzigen, zonder dat u een extra vierkant hoeft toe te voegen. Markeer de originele afbeelding en verander de ondoorzichtigheid.

Als u meer effecten en afbeeldingen aan uw projecten wilt toevoegen, we laten u zien hoe met Adobe Media Encoder.

Voeg eenvoudig overlays toe aan uw afbeeldingen in Adobe XD

Adobe XD is een geweldig platform dat u kunt gebruiken om speciale effecten aan afbeeldingen toe te voegen. Een manier om het overlay-effect aan een afbeelding toe te voegen, is door een apart vierkant toe te voegen en de achtergrondkleur en dekking te configureren, zoals hierboven weergegeven.

Als u tekst bovenop de afbeelding toevoegt, zal dit uw tekst hopelijk beter leesbaar maken voor gebruikers.

Een overlay-effect toevoegen is slechts een van de vele dingen die u kunt doen met Adobe XD. U kunt blijven leren over de andere verschillende functies die Adobe XD biedt. Dit omvat functies zoals apparaattekengebieden, tijdtriggers en hyperlinks.