Animated reel with Amethyst crystal
von Nika @shmeleva_nika
- 23
- 3
- 0
(Automatisch übersetzt aus Englisch) Original anzeigen
Einführung
Introduction
In diesem Tutorial erstelle ich mit Canva ein visuell ansprechendes animiertes Video auf vier Bildschirmen über die Eigenschaften von Amethystkristallen. Jeder Bildschirm folgt demselben Designrahmen mit spezifischen Animationseffekten, um ein ansprechendes Instagram-Video im Boho-Look zu erstellen.
In this tutorial, I'll guide you through creating a visually engaging four-screen animated reel about the properties of Amethyst crystal using Canva. Each screen will follow the same design framework with specific animation effects to create a nice boho looking Instagram Reel.
Lieferungen
Supplies
Sie benötigen ein Canva Pro-Konto, um dieses Video zu erstellen.
You need Canva pro account for creating this video.
Schritt 1. Gestaltung des ersten Bildschirms
Step 1. Designing first screen
Wir beginnen mit der Erstellung eines neuen 1080 × 1920 Pixel großen Designs. Sie können oben ein Social-Media-Symbol und dann Instagram Reel auswählen.
Für ein Amethyst-Design sorgt ein hellvioletter Hintergrund für die perfekte Stimmung. Wählen Sie den hellvioletten Farbton (ein Hex-Code um #f0edf9 funktioniert hervorragend).
Fügen wir dem ersten Bildschirm Elemente (linke Seitenleiste) hinzu.
Fügen Sie Elemente aus der linken Seitenleiste hinzu:
Suchen Sie nach „Diamant“ für die Symbole; „Amethyst“ für die Abbildung des zentralen Kristalls. Alle Elemente stammen aus dem Bereich „Grafiken“. Für das „Dritte Auge-Chakra“ und „Fische“ ist es wichtig, die Grafiken auszuwählen, bei denen Sie die Farbe ändern können. Sie sehen es oben, wenn das Element auf der Seite platziert ist – wenn dort der Farbkreis vorhanden ist, können Sie ihn ändern. Wählen Sie einen schönen Lilaton.
Elemente ausrichten: Wählen Sie sie aus und verwenden Sie die Schaltfläche „Position“ oben.
Elemente duplizieren: Alt/Option gedrückt halten und ziehen.
Fügen Sie Text hinzu, indem Sie in der linken Seitenleiste auf die Schaltfläche „Text“ klicken.
Gestalten Sie Ihren Text mit den Formatierungsoptionen, die in der oberen Symbolleiste angezeigt werden.
We will start with creating a new 1080×1920px design, you can select a Social media icon on the top and select Instagram Reel.
For an amethyst-themed design, a light purple background creates the perfect mood. Select the light purple shade (a hex code around #f0edf9 works beautifully).
Let's add elements (left-hand side bar) to the first screen.
Add elements from the left sidebar:
search ”diamond" for the icons; "amethyst" for central crystal illustration. All elements are from the Graphics section. For the “third eye chakra" and “pisces” it’s important to choose the graphics where you can change the color. You can see it on the top when the element is placed to the page - if there is the color circle, then you can change it. Select some nice purple color.
Align elements: Select them and use Position button on top.
Duplicate elements: Hold alt/option and drag.
Add text by clicking the "Text" button on the left sidebar.
Style your text using the formatting options that appear in the top toolbar.
Schritt 2. Hinzufügen der Animation
Step 2. Adding the animation
Lassen Sie uns den ersten Bildschirm animieren. Um alle Seiten anzuzeigen, wählen Sie unten rechts die Schaltfläche „Seiten“ und dann die Miniaturansicht der Seite.
Animieren Sie jedes Element einzeln: Wählen Sie das Element aus und klicken Sie auf die Schaltfläche „Animieren“ in der oberen Symbolleiste.
Wählen Sie den Animationstyp und passen Sie die Einstellungen an. Hier sind die Animationseinstellungen für jedes Element:
- oberes Rautensymbol: Aufwärts > Beide > Richtung abwärts > Rückwärtsausgangsanimation aktivieren;
- erster Titel: Schreibmaschine > Beide > Stil: Zeichen;
- zweiter Titel „Amethyst“: Klären > Beides > Geschwindigkeit und Bewegung anpassen > Richtung: nach rechts;
- Chakra-Symbol, Tierkreiselement und ihre Namen: Grundlinie > Beide > Geschwindigkeit verringern > Richtung: nach oben;
- zentrales Kristallbild: Atmen > Skalieren: Aus > Zusatzeffekte: Wackeln;
- Absatztext: Umschalt > Beide > Stil: Linie > Richtung: nach unten > Umgekehrte Ausgangsanimation aktivieren;
- Rautensymbole (für jedes): Grundlinie > Beide > Richtung: nach oben > Umgekehrte Ausgangsanimation aktivieren.
Sie können Ihre Animation überprüfen, indem Sie auf die Wiedergabetaste im Menü oben rechts klicken, um eine Vorschau der Animation Ihrer Elemente anzuzeigen.
Let's animate the first screen. To show all pages, select the Pages button in the bottom right, then select the page thumbnail.
Animate each element individually: select the element, click the Animate button on top toolbar.
Choose animation type and adjust settings. Here are animation settings for each element:
- top diamond icon: Rise > Both > Direction down > enable Reverse exit animation;
- first title: Typewriter > Both > Style: Character;
- second title “Amethyst”: Clarify > Both > adjust speed and movement > Direction: to the right;
- chakra symbol, zodiac element and their names: Baseline > Both > reduce the speed > Direction: up;
- central crystal image: Breathe > Scale: Out > Add-on effects: Wiggle;
- paragraph text: Shift > Both > Style: Line > Direction: down > enable Reverse exit animation;
- diamond icons (for each): Baseline > Both > Direction: up > enable Reverse exit animation.
You can check your animation by clicking the play button on the top right menu to preview how your elements will animate.
Schritt 3. Design und Animation des zweiten Bildschirms
Step 3. Design and animation of the second screen
Klicken Sie unten auf der Seite auf das Symbol „+“, um eine neue Seite hinzuzufügen.
Fügen Sie Elemente aus der linken Seitenleiste hinzu:
- für die Top-Bildsuche: „Mondphasen“, „Yoga-Pose-Silhouette“, „Lotusblumen-Symbol“ und „Sterne“;
- Lilatöne, Größen und Platzierung der Elemente anpassen;
- Platzieren Sie die Lotusblume hinter der Silhouette, klicken Sie mit der rechten Maustaste und gehen Sie zu „Ebene“ – „In den Hintergrund“ oder klicken Sie auf die Schaltfläche „Position“ > Registerkarte „Ebenen“ und ziehen Sie die Ebene;
- Text hinzufügen.
- Für die Kristallbilder suchen Sie im Reiter „Fotos“ nach „Kristall-Amethyst“, platzieren es auf der Seite und wählen in der oberen Symbolleiste „Hintergrundbild entfernen“. Platzieren Sie es links halb außerhalb der Leinwand, duplizieren Sie es und platzieren Sie die Kopie auf die gleiche Weise rechts.
- für die Trennlinien-Suchgrafik;
- Absatztext hinzufügen;
- Für das Kristallbild unten suchen Sie nach „Kristalle, Edelsteine“.
Um diese Seite zu animieren, passen Sie die Einstellungen für jedes Element an:
- Sterne: Ausblenden > Beide;
- Mondphase: Aufgehen > Beides > Richtung nach unten > Rückwärtsausgangsanimation aktivieren;
- Silhouette: Ausblenden > Beides > Geschwindigkeit verringern;
- Lotusblume: Aufgehen > Beides > Richtung nach oben > Umgekehrte Ausgangsanimation aktivieren;
- erster Titel: Schreibmaschine > Beide > Stil: Zeichen;
- zweiter Titel „Amethyst“: Klären > Beides > Geschwindigkeit und Bewegung anpassen > Richtung: nach rechts;
- Teiler: Steigung > Beide > Richtung nach unten;
- linker Kristall: Schwenken > Beide > Richtung: nach rechts > Rückwärtsausgangsanimation aktivieren;
- rechter Kristall: Schwenken > Beide > Richtung: nach links > Rückwärtsausgangsanimation aktivieren;
- Absatz: Umschalt > Beide > Stil: Linie > Richtung: nach unten > Umgekehrte Ausgangsanimation aktivieren;
- Kristall-Abbildung: Weichzeichnen > Beides > Geschwindigkeit etwas reduzieren.
Sie sehen, dass die Gesamtdauer Ihres Reels 10 Sekunden beträgt, 5 Sekunden für jeden Bildschirm. Um die Seitendauer anzupassen, wählen Sie unten das Vorschaubild aus und klicken Sie in der oberen Menüleiste auf die Zeitoption.
Um das Reel zu speichern, gehen Sie oben rechts auf „Teilen“ > Herunterladen > MP4.
Experimentieren Sie mit verschiedenen Animationseffekten für unterschiedliche Elemente. Indem Sie sie auf mehreren Bildschirmen kombinieren, können Sie dynamische, ansprechende Reels erstellen, die eine vollständige Geschichte erzählen.
Click the "+" icon at the bottom of the page to add a new page.
Add elements from the left sidebar:
- for the top image search: “moon phases”, “yoga pose silhouette”, “lotus flower icon” and “stars”;
- adjust shades of purple, sizes and placement of elements;
- place the lotus flower behind the silhouette, right-click and go to 'Layer' – 'Send to back' or click Position button > Layers tab and drag the layer;
- add text.
- For the crystal images search for “crystal amethyst” in Photos tab, place it to the page and select BG Remover on top toolbar. Place it halfway outside the canvas on the left side, then duplicate it and place the copy the same way on the right side.
- for the divider search “line” graphics;
- add paragraph text;
- for the crystal image in the bottom search “crystals gemstone”.
To animate this page adjust settings for each element:
- stars: Fade > Both;
- moonphase: Rise > Both > Direction down > enable Reverse exit animation;
- silhouette: Fade > Both > reduce the speed;
- lotus flower: Rise > Both > Direction up > enable Reverse exit animation;
- first title: Typewriter > Both > Style: Character;
- second title “Amethyst”: Clarify > Both > adjust speed and movement > Direction: to the right;
- divider: Rise > Both > Direction down;
- left crystal: Pan > Both > Direction: to the right > enable Reverse exit animation;
- right crystal: Pan > Both > Direction: to the left > enable Reverse exit animation;
- paragraph: Shift > Both > Style: Line > Direction: down > enable Reverse exit animation;
- crystals illustration: Blur > Both > reduce the speed a little.
You can see that the total timing of your Reel is 10 sec, 5 sec for each screen. To adjust page duration, select the thumbnail at the bottom and click on the timing option in the top menu bar.
To save the Reel go to "Share" on the top right > Download > MP4.
Experiment with various animation effects for different elements, by combining them across multiple screens, you can create dynamic, engaging Reels that tell a complete story.
+0 Kommentare
Melden Sie sich an oder melden Sie sich kostenlos an, um zu kommentieren