Bild-Morphing

Morphing bedeutet, ein Bild oder eine Form in ein anderes zu verändern oder zu verwandeln. Es handelt sich um einen Spezialeffekt bei Filmen und Animationen, der ihnen einen makellosen Übergang verleiht. Um Ihrem Website-Bild einen besonderen Effekt zu verleihen, präsentiert Ihnen ElementsKit einen vollständig anpassbaren Widget-Namen Bild-Morphing.

In dieser Dokumentation erfahren Sie, wie Sie das ElementsKit Image Morphing-Widget verwenden und die Bilder Ihrer Website ansprechender gestalten.

Anpassung des Bild-Morphings #

Sie benötigen ElementsKit Pro, um das Widget verwenden zu können. Und beginnen Sie mit dem Einschalten des Widgets über das Dashboard.

Widget aktivieren #

Gehen Sie zu Ihrem WordPress-Dashboard ⇒ 1. Suchen Sie nach ElementsKit ⇒ 2. Klicken Sie auf Widgets ⇒ 3. Aktivieren Sie das Image Morphing-Widget ⇒ 4. Speichern Sie die Änderungen

Aktivieren Sie das ElementsKit-Bildmorphing-Widget.

FVon Ihrem Dashboard aus ⇒ Erstellen Sie eine Seite oder bearbeiten Sie eine alte Seite ⇒ Bearbeiten Sie sie mit ElementsKit ⇒ Suchbild-Morphing-Widget ⇒ Ziehen Sie es einfach per Drag & Drop

Ziehen Sie das ElementsKit-Bildmorphing-Widget per Drag & Drop.

Inhalt #

  • Wählen Sie den Effekttyp aus. Wählen Sie den Effekt aus Bild, Farbe und Verlaufsfarbe Optionen.
  • Bildgröße- Wenn Sie „Bild“ auswählen, können Sie in diesem Feld die Bildgröße anpassen.

Bearbeiten des Inhaltsteils des ElementsKit-Bildmorphing-Widgets
  • Schlaganfall anzeigen- Wenn du wähle eine Farbe dann ermöglicht Ihnen dieses Feld dies Strich anzeigen oder ausblenden.
Farbeffekttyp mit Strich des ElementsKit-Bildmorphing-Widgets
  • Wenn du Wählen Sie eine Verlaufsfarbe Als Effekttyp haben Sie dann die Optionen zur Positionsanpassung: Position X1, Position X2, Position Y1 und Position Y2.
Verlaufseffekttyp des ElementsKit-Bildmorphing-Widgets

Einstellungen #

Formtyp- Wählen Sie „Standard“, dann werden die folgenden Anpassungsoptionen angezeigt:

  • Wählen Sie den Morphing-Stil – Es stehen viele verschiedene Stile zur Auswahl.
  • Morphing-Effekt- Es gibt verschiedene Effektoptionen für Ihr Bild.
  • Morphing-Richtung- Die Animationsrichtung kann sein Normal, umgekehrt oder alternativ.
  • Schleife- Wenn Sie das Morphing in einer Schleife anzeigen möchten, schalten Sie die Schaltfläche „Loop“ auf „JA“, andernfalls auf „NEIN“.
  • Dauer (n)- Stellen Sie hier die Dauer der Animation ein.
  • Verzögerung(en)- Passen Sie in diesem Feld die Verzögerungszeit der Bildanimation an.
  • Endverzögerung(en)- Geben Sie hier die Endzeit der Animation ein.
Standardform für die Bildveränderung

Allerdings, wenn Sie möchten benutzerdefinierter Stil Dann können Sie mit Blobmaker Morphing-SVG generieren.

Erstellen Sie individuelle Formen mit Blobmaker

Außerdem können Sie Ihre hochladen eigenes morphendes SVG. Beachten Sie, dass Sie hochladen müssen mindestens zwei SVG zur Morphing-Arbeit.

Benutzerdefinierte Form zur Bildveränderung

Stil #

Die Styling-Optionen sind für Bild-, Farb- und Verlaufseffekte verfügbar.

ICHMagier-Stil #

In diesem Abschnitt können Sie die Breite, Höhe, Deckkraft, CSS-Filter, den Bildzoom und die Bildposition des Bildes in horizontaler und vertikaler Ausrichtung anpassen.

Styling-Bildeffekt

Farbstil #

Für den Farbeffekttyp stehen Ihnen Optionen zur Verfügung SVG-Farbe anpassen.

Styling-Farbeffekt

Farbverlaufsstil #

Es gibt zwei Farboptionen, müssen Sie entsprechend auswählen und auch den Offset anpassen.

Styling-Gradienten-Morphing-Effekt

Sape-Größe #

Diese Option gilt für alle Effekttypen. Sie können die Breite und Höhe der Bilder entsprechend Ihren Anforderungen anpassen.

Bearbeiten Sie das Bildmorphing-Widget, um die Formgröße zu ändern

Dies ist ein Beispiel für Bildmorphing, das wir für Sie angepasst haben.

Erstaunliches Morphing in bewegten Bildern mit dem ElementsKit-Bildmorphing-Widget.

Um verschiedene Bilder durch Animationen und ungewöhnliche Effekte auf attraktive Weise zu präsentieren, ist das ElementsKit Image Morphing-Widget die beste Wahl.

Was sind deine Gefühle?
Updated on März 14, 2024