So verzerren Sie Elemente in Adobe Edge Animate

So verzerren Sie Elemente in Adobe Edge Animate

Sie können das Eigenschaftenfenster von Adobe Edge Animate verwenden, um drei der gleichen Animationseffekte zu erstellen, die Sie mit dem Transformationswerkzeug erstellen:

  • Schrägstellung

  • Skalierung

  • Rotierend

Mit dem Transformieren-Werkzeug haben Sie eine flüssigere Kontrolle über die Animation. Wenn Sie das Eigenschaftenbedienfeld verwenden, legen Sie bestimmte Zahlen fest – dies bietet eine höhere Präzision beim Erstellen der Animation.

Das Verzerren Ihrer Elemente ist ein sehr cooler Effekt. In Adobe Edge Animieren CC, um Skew Ihr Element mittels Ihr Element durch einen Übergang von schrägen Winkel zu animieren oder seine Richtung oder Position plötzlich zu ändern. Der beste Weg, um herauszufinden, was Skew bewirkt, ist, damit zu experimentieren.

Ein Beispiel für das Verzerren ist, Text auf die Bühne zu bringen. Sie können das Schrägstellen als alternative Methode zum Einblenden oder Scrollen von Text verwenden. Das Verzerren bewirkt, dass der Text in der Größe schrumpft, wenn die verschiedenen Winkel die Wörter drehen.

Transformationswerkzeug

Platzieren Sie den Cursor bei ausgewähltem Transformationswerkzeug und -element direkt entlang einer Kante, wie in dieser Abbildung gezeigt, sodass Sie die Doppellinien mit Halbpfeilen sehen. Sie können jetzt klicken und ziehen, um das Element zu neigen.

So verzerren Sie Elemente in Adobe Edge Animate

Wenn Sie den Schräglageneffekt nicht animieren möchten, deaktivieren Sie den Auto-Keyframe-Modus, wenn Sie das Transformieren-Werkzeug verwenden.

Wenn Sie die Schrägstellung animieren möchten, setzen Sie beim Verwenden des Transformieren-Werkzeugs Pin und Abspielkopf an verschiedenen Stellen in der Timeline und stellen Sie sicher, dass die Stoppuhr rot ist.

Eigenschaftenbereich

Führen Sie die folgenden Schritte aus, um Skew über das Eigenschaftenfenster zu verwenden:

Importieren Sie ein Bild oder erstellen Sie ein Element.

Passen Sie Abspielkopf und Pin auf der Timeline an die Stelle an, an der das Verzerren erfolgen soll.

Passen Sie im Eigenschaftenfenster die Anzahl der Neigungsgrade an.

Sie können sowohl horizontale als auch vertikale Skew-Werte für das Objekt angeben. Diese Werte wirken sich auf das Objekt auf seiner X- bzw. Y-Achse aus. Um den besten Effekt zu erzielen, versuchen Sie, beide Werte in unterschiedlichem Maße zu verwenden; Passen Sie auch die Länge der Animation an.

Nachdem Sie die Skew-Werte eingestellt haben, können Sie den Effekt wie folgt testen: Bewegen Sie den Pin in der Timeline vorwärts oder rückwärts, um eine Dauer von mindestens 5 Sekunden zu ermöglichen (um genügend Zeit zu haben, damit Sie den Effekt wirklich in Aktion sehen können) und Setzen Sie dann die Skew-Werte auf 0 zurück, um das Objekt ohne jegliche Skew anzuzeigen.

Das Anpassen der Länge der Animation für Skew hat einen dramatischen Effekt auf die Wiedergabe der Animation. Bei einer längeren Animation hat der Skew-Effekt mehr Zeit, um die verschiedenen Winkel anzuzeigen, um die das Objekt gedreht wird, bevor es wieder auf 0 (oder den von Ihnen für das Objekt eingestellten Endwert) zurückgesetzt wird.

So verzerren Sie Elemente in Adobe Edge Animate

Die maximale Neigung eines Elements beträgt 89 Grad. Wenn Sie einen höheren Wert als 89 verwenden, setzt Edge Animate den Wert auf 89 zurück. Sie sollten für Ihre endgültige Komposition wahrscheinlich einen Versatzwert verwenden, der viel niedriger als 89 ist. Ein Wert von 89 verdreht und transformiert das Element stark und kann etwas viel sein.


Bildschirmaufnahme eines Abschnitts einer PDF-Datei

Bildschirmaufnahme eines Abschnitts einer PDF-Datei

Sie können das Snapshot-Tool in Adobe Acrobat CS5 verwenden, um sowohl Text als auch Bilder auszuwählen und ein Bild eines bestimmten Bereichs innerhalb einer PDF-Datei zu erstellen. Das Ergebnis wird allgemein als Screenshot eines Abschnitts in einer PDF-Datei bezeichnet. Das Ergebnis ist ein Bild, und Ihr Text ist kein […]

Messen, Zählen und Analysieren von Pixeln in Photoshop CC

Messen, Zählen und Analysieren von Pixeln in Photoshop CC

Die Messfunktionen von Photoshop CC wurden für Forscher und Wissenschaftler entwickelt und sind ziemlich leistungsstark. Sie können so ziemlich alles messen und die Anzahl der Dinge in einem technischen Bild zählen, vielleicht von einem Mikroskop oder Teleskop. Wenn Sie die genaue Größe eines Elements in einem Bild kennen, können Sie so ziemlich alles entdecken, […]

Die Verflüssigungswerkzeuge in Adobe CS5 Illustrator

Die Verflüssigungswerkzeuge in Adobe CS5 Illustrator

Wenn Sie die Verflüssigungswerkzeuge in Adobe Creative Suite 5 (Adobe CS5) Illustrator verwenden, können Sie Objekte biegen – also wellig, klebrig oder spitz machen – indem Sie einfache bis komplexe Verzerrungen erzeugen. Die Verflüssigungswerkzeuge können alle möglichen kreativen oder verrückten (je nachdem, wie Sie es betrachten) Verzerrungen an Ihren Objekten bewirken. Du […]

So passen Sie die Texteigenschaften in Adobe XD an

So passen Sie die Texteigenschaften in Adobe XD an

Wenn Ihr Adobe XD-Projekt Text enthält, können Sie die Texteigenschaften ändern. Zu diesen Eigenschaften gehören Schriftfamilie, Schriftgröße, Schriftstärke, Ausrichtung, Zeichenabstand (Kerning und Nachführung), Zeilenabstand (voreilend), Füllung, Rahmen (Strich), Schatten (Schatten) und Hintergrundunschärfe. Sehen wir uns also an, wie diese Eigenschaften angewendet werden. Über Lesbarkeit und Schriftart […]

So erstellen Sie QR-Codes in InDesign CC

So erstellen Sie QR-Codes in InDesign CC

Sie können InDesign verwenden, um QR-Code-Grafiken zu erstellen und zu ändern. QR-Codes sind eine Form von Barcodes, die Informationen wie Wörter, Zahlen, URLs oder andere Datenformen speichern können. Die Benutzerin scannt den QR-Code mit ihrer Kamera und Software auf einem Gerät wie einem Smartphone, und die Software verwendet […]

Arbeiten mit Zeichenflächen in Photoshop CC

Arbeiten mit Zeichenflächen in Photoshop CC

Genau wie in Adobe Illustrator bieten Photoshop-Zeichenflächen die Möglichkeit, separate Seiten oder Bildschirme innerhalb eines Dokuments zu erstellen. Dies kann besonders hilfreich sein, wenn Sie Bildschirme für eine mobile Anwendung oder eine kleine Broschüre erstellen. Sie können sich eine Zeichenfläche als eine spezielle Art von Ebenengruppe vorstellen, die mit dem Ebenenbedienfeld erstellt wurde. Es ist […]

Text umbrechen in Adobe Illustrator CC

Text umbrechen in Adobe Illustrator CC

Das Einwickeln von Text in Adobe Illustrator CC ist nicht dasselbe wie das Einwickeln eines Geschenks – es ist einfacher! Ein Textumbruch erzwingt einen Textumbruch um eine Grafik, wie in dieser Abbildung gezeigt. Diese Funktion kann jedem Stück ein wenig Kreativität verleihen. Die Grafik zwingt den Text, um ihn zu umbrechen. Erstellen Sie zunächst […]

So ändern Sie die Größe von Formen in Illustrator

So ändern Sie die Größe von Formen in Illustrator

Beim Entwerfen in Adobe Illustrator CC müssen Sie häufig eine Form mit einer genauen Größe haben (z. B. 2 x 3 Zoll). Nachdem Sie eine Form erstellt haben, können Sie die Größe am besten auf genaue Maße ändern, indem Sie das in dieser Abbildung gezeigte Bedienfeld „Transformieren“ verwenden. Lassen Sie das Objekt ausgewählt und wählen Sie dann Window→Transform to […]

So wenden Sie Transparenz auf SVGs an

So wenden Sie Transparenz auf SVGs an

Erfahren Sie, wie Sie in Illustrator Transparenz auf SVG-Grafiken anwenden. Erfahren Sie, wie Sie SVGs mit transparentem Hintergrund ausgeben und Transparenzeffekte anwenden.

Arbeiten mit Bildern in Adobe XD

Arbeiten mit Bildern in Adobe XD

Nachdem Sie Ihre Bilder in Adobe XD importiert haben, haben Sie nicht viel Kontrolle über die Bearbeitung, aber Sie können Bilder wie jede andere Form in der Größe ändern und drehen. Sie können die Ecken eines importierten Bilds auch ganz einfach mit den Ecken-Widgets abrunden. Maskieren Ihrer Bilder Durch das Definieren einer geschlossenen Form […]