Mit Adobe XD können Sie benutzerdefinierte UI/UX-Komponenten, Mockups, Wireframes und mehr erstellen. Es ist auch eine großartige Plattform, mit der Sie verschiedene Formen von Kunstwerken erstellen können.

Einer der häufigsten Effekte, die Sie möglicherweise für Poster oder anderes Marketingmaterial verwenden müssen, ist das Hinzufügen einer dunklen oder hellen Überlagerung über einem Bild. Dies wird häufig verwendet, um den Text über dem Bild besser sichtbar zu machen, damit Benutzer den Text leichter lesen können.

Erfahren Sie, wie Sie diese dunklen oder hellen Überlagerungseffekte in Adobe XD hinzufügen.

So fügen Sie einem Bild eine dunkle Überlagerung hinzu

Um einem Bild eine dunkle Überlagerung hinzuzufügen, müssen Sie zuerst ein Foto oder Grafikelement auf die Leinwand importieren. Sie müssen dann eine weitere Form über dem Originalbild hinzufügen, um den Überlagerungseffekt zu konfigurieren.

  1. Ziehen Sie ein Foto auf die Leinwand in Adobe XD.
  2. Klicken Sie in der linken Spalte auf die
    instagram viewer
    Quadrat Symbol. Auf diese Weise können Sie eine quadratische Form per Drag & Drop auf die Leinwand ziehen.
  3. Positionieren Sie das Quadrat direkt über Ihrem Bild.
  4. Markieren Sie die quadratische Form. Ändern Sie im Eigenschaftenbereich auf der rechten Seite die Hintergrundfüllung schwärzen.
  5. Passen Sie bei weiterhin hervorgehobener quadratischer Form die an Opazität Niveau auf 60 %. Die Deckkraft ermöglicht es Ihnen, durch das quadratische Bild zu sehen. Sie können Ihr Originalbild mit dem Quadrat sehen, das oben den dunklen Überlagerungseffekt hinzufügt.
  6. Sie können die Deckkraft auf den gewünschten Wert einstellen, wenn Sie möchten, dass die Überlagerung mehr oder weniger dunkel ist.

Wenn Sie gerade erst mit Adobe XD begonnen haben, lesen Sie unser kompletter Anfängerleitfaden.

So fügen Sie einem Bild eine Lichtüberlagerung hinzu

Es gibt mehrere Möglichkeiten, wie Sie einem Bild eine weiße Überlagerung hinzufügen können.

  1. Wenn Sie immer noch eine quadratische Form über dem Originalbild haben, können Sie die ändern Hintergrundfüllung Farbe weiß statt schwarz. Behalte das Opazität Stufe auf die gewünschte Menge.
  2. Alternativ können Sie auch die Deckkraft des Originalbildes selbst ändern, ohne ein zusätzliches Quadrat hinzufügen zu müssen. Markieren Sie das Originalbild und ändern Sie die Opazität.

Wenn Sie daran interessiert sind, Ihren Projekten weitere Effekte und Grafiken hinzuzufügen, Wir zeigen Ihnen, wie es mit Adobe Media Encoder geht.

Fügen Sie Ihren Bildern in Adobe XD ganz einfach Overlays hinzu

Adobe XD ist eine großartige Plattform, mit der Sie Spezialeffekte auf Bildern hinzufügen können. Eine Möglichkeit, den Überlagerungseffekt zu einem Bild hinzuzufügen, besteht darin, ein separates Quadrat hinzuzufügen und die Hintergrundfarbe und Deckkraft wie oben gezeigt zu konfigurieren.

Wenn Sie Text über dem Bild hinzufügen, wird Ihr Text dadurch hoffentlich für Benutzer besser lesbar.

Das Hinzufügen eines Überlagerungseffekts ist nur eines der vielen Dinge, die Sie mit Adobe XD tun können. Sie können sich weiter über die anderen verschiedenen Funktionen informieren, die Adobe XD bietet. Dazu gehören Funktionen wie Gerätezeichenflächen, Zeitauslöser und Hyperlinks.