effizient erstellen reichhaltige Medienanzeigen mit Tumult Hype
(Dieser Artikel wird von Tumult gesponsert) Vielen Dank, dass Sie die Partner unterstützt haben, die SitePoint ermöglicht haben.
Dieser Artikel zielt darauf ab, zu demonstrieren, wie man mit Tumult -Hype reiche Medienanzeigen erstellt. Es deckt die Grundlagen der Verwendung der App im Kontext des Erstellens einer Anzeige ab und diskutiert adspezifische Tipps und Tricks. Nach dem Lesen können Sie schnell und wunderschön HTML5 -Anzeigen erstellen!
Wie wir alle wissen, kann das Hinzufügen von Animationen und Interaktivität zu digitalen Anzeigen Anzeigen effektiver werden. Rich Media Advertising wird nicht nur die Aufmerksamkeit der Besucher auf sich ziehen, sondern können auch Produkte oder Marken besser kommunizieren und das Engagement erhöhen, was zu mehr Klicks führt.
Da reiche Medienanzeigen von Nature visuell sind, ist es sinnvoll, sie mit Visualisierungstools zu erstellen. Änderungen werden sofort angezeigt. Seit Jahren ist Adobe's Flash der König der Tools für visuelle Anzeigenerstellung, wurde jedoch durch die Kompatibilität von HTML5 auf mobilen Geräten ersetzt. Als Technologie hat HTML5 -Werbung auch den zusätzlichen Vorteil, dass er zugänglicher und weniger Stromverbrauch ist. HTML5 selbst ist jedoch nur eine Markup-Sprache und verfügt nicht über integrierte Visualisierungstools wie Flash (Flash verwendet Flash Professional Apps). Das Erstellen einer Anzeige von Handcode ist ein sehr langsamer Prozess. Glücklicherweise gibt es jetzt einige komplexe Visualisierungstools, die HTML5 ausgeben können.
Tumult Hype ist die führende HTML5 -Animation und die interaktive Anwendung von MacOS. Hype existiert, um Benutzerfreundlichkeit zu erleichtern und leicht zu lernen. Das Layout ähnelt der Keynote, und jeder Attribut -Animationsschlüsselframe kann automatisch mit seiner schnellen "Aufzeichnung" -Funktion erstellt werden. Hype bietet eine leistungsstarke Reihe von Animationsfunktionen wie Animation entlang des Kurvenbewegungswegs, anpassbaren Lockerungs-/Timerfunktionen, eine Zeitleiste, die gleichzeitig ausgeführt wird, und verkapselte wiederverwendbare Symbole. Die meisten häufigen Interaktionen erfordern keine Codierung, obwohl JavaScript -Operationen ihre Funktionalität durch Integration in andere Bibliotheken und Dienste erweitern können.
Während ein Tumult -Hype für eine Vielzahl von HTML5 -Inhalten verwendet werden kann, eignet er sich besonders für die Erstellung reicher Medienanzeigen. Ein Plug-in-System namens "Exportskripte" kann die Werbeplattformfunktionen integrieren und die Exportausgabe für die Lieferung verpacken. Fortgeschrittene Exportfunktionen können die Exportaufgabe weiter automatisieren. Die Laufzeitbibliothek von Hype ist sehr klein, mit einer Komprimierungsgröße von 25 KB, die Ihnen viel Platz für Ihre Ressourcen bietet. Diese Laufzeit treibt Animationen an und verwaltet Probleme mit dem Browser -Kompatibilität (obwohl die Anwendung immer noch warnt, wenn eine Funktion nicht auf einem bestimmten Browser ausgeführt wird).
Der erste Schritt besteht darin, einen Tumult -Hype herunterzuladen. Die Testversion ist voll funktionsfähig und kann 14 Tage lang verwendet werden. Tumult Hype ist in zwei Modi erhältlich: Standard und Profi. Für die Anzeigenerstellung (und das Lesen dieses Artikels!) Müssen Sie Hype Pro verwenden.
Sie können dann das Exportskript abrufen, das den Hype zusätzliche Anzeigenfunktionen hinzufügt. Derzeit gibt es Skripte für Sizmek, DoubleClick Studio und DoubleClick Campaign Manager. Wenn Sie eine andere Werbeplattform verwenden, können Sie die Standardausgabe normalerweise einfach anpassen.
Sie können überprüfen, ob das Exportskript durch Betrachtung der "Einstellungen" von Hype installiert wird. Exportskripte können auch Optionen im Dokumentinspektor anzeigen.
Nach dem Start von Hype müssen Sie die Szenengröße so festlegen, dass sie der Anzeige entspricht, die Sie erstellen möchten. Dies kann durch Einstellen der Breite und Höhe im Szeneninspektor oder der Auswahl einer der voreingestellten Größen erfolgen. Der Hype enthält voreingestellte Größen für gemeinsame AD -Banner und -Rechtecke.
Wenn Ihre Anzeige eine Darstellung der unterschiedlichen Größe hat, können Sie ein Responsive Layout und ein flexibles Layout -System verwenden. Das Responsive Layout ermöglicht verschiedene Inhalte zu Breitenbasis-Breakpoints anzuzeigen. Sie können später separat exportiert werden. Das flexible Layoutsystem passt die Position und Größe der Elemente entsprechend der Behältergröße an.
Tumult Hype hat grundlegende Formen und Textprimitive, aber höchstwahrscheinlich importieren Sie Bildgüter aus anderen Programmen wie Photoshop, Illustrator oder Skizze. Diese können einfach geschleppt und in den Szeneneditor fallen gelassen oder über den Menüelement "Einfügen ..." hinzugefügt werden. Hype führt eine Kopie der Ressource bei, aber wenn er Änderungen an der ursprünglichen Ressource bemerkt, wird nach Aktualisierungen aufgefragt, was es hilft.
Sie können Ressourcen in der Ressourcenbibliothek finden. Eine Option hier ist die automatische Optimierung beim Exportieren. Diese Funktion ist standardmäßig aktiviert und die folgenden Aufgaben werden automatisch ausgeführt:
Obwohl dies normalerweise nützlich ist, kann es mit Ihrem Ziel -Dateigröße in Konflikt stehen. Beispielsweise wird die Gesamtdateigröße einer Anzeige normalerweise aus einer ZIP-Datei anstelle des tatsächlich heruntergeladenen Inhalts gemessen. So sowohl die Netzhaut- als auch die nicht-retinalen Varianten Gewicht hinzufügen. Außerdem können Sie auf automatisierte Weise besser als Hype (mit Tools wie ImageOptim) besser abschneiden. Möglicherweise müssen Sie dieses Feld deaktivieren.
Wie auch immer, Bitmap-basierte Ressourcen können sich sehr schnell ansammeln. Möglicherweise möchten Sie SVGs verwenden, die von Ihrem Browser häufig unterstützt werden. Hype behandelt sie als Bilder, versucht aber nicht, sie zu optimieren.
empfiehlt IAB übrigens nicht mehr als 15 Ressourcen, die zunächst dazu beitragen, die Seite optimiert zu halten.
Sobald ein Element durch Ziehen eines Vermögenswerts oder ein Einfügen von Text/Formen erstellt wird, kann es leicht in den folgenden Schritten animieren:
Aufzeichnung ist eine UI -Verknüpfung, mit der jeder Attribut -Keyframe hinzugefügt wird. Sie können sie jederzeit manuell erstellen oder bearbeiten. Dies beinhaltet das Ändern ihrer Zeitfunktionen in unterschiedliche Lockerung oder Effekte wie Elastizität und Rückprall. Die Positionsanimation kann weiter verbessert werden, indem der Bewegungsweg in eine Kurve gezogen wird.
Die Zeitleiste im Hype kann als Animationsstrom angesehen werden. Szenen im Hype haben immer mindestens eine Zeitleiste - die Hauptzeitleiste. Mehrere Zeitpläne können parallel erstellt und ausgeführt werden. Dies ist häufig nützlich für die animierten spezifischen Elemente als Reaktion auf Operationen oder das Aufbewahren von Schleifen.
Symbole können eine ähnliche Rolle spielen - sie repräsentieren wiederverwendbare "Szenen in Szenen" und enthalten ihre eigenen Elemente und leiten unabhängig Timeline -Animationen. Wie andere Anwendungen mit Symbolen werden in einer Instanz in allen anderen Fällen Änderungen in einer Instanz widerspiegelt.
hinzufügen
Der Vorteil der Auswahl von HTML5 anstelle von Video/Animated GIF besteht darin, dass die Interaktion und Interaktion mit Benutzern ermöglicht. Interaktion ist eine Antwort auf ein Ereignis. Diese Ereignisse können Mausklicks, Drags, Folien, Szenenlade-, Wegpunkt -Hits oder sogar Tastendrucke sein. Die operative Reaktion hängt vom kreativen Ziel ab. Möglicherweise möchten Sie eine Animation starten, die Animation einbinden, um die Szene zu ziehen, zu ändern oder sogar benutzerdefinierte Code auszulösen. In der Werbewelt besteht eine typische Aufgabe darin, die Schaltfläche Klicken zu haben.In den meisten Fällen wird die Interaktivität ohne Code erstellt. Im Folgenden finden Sie die grundlegenden Schritte, um eine Animation als Antwort auf Mausklicks auszuführen:
Das Exportskript kann auch AD-spezifische Aktionen bereitstellen, die als Reaktion auf Ereignisse ausgewählt werden können. Diese werden in der gleichen Aktionspop-up-Liste angezeigt.
Darüber hinaus kann das Ausführen von JavaScript… Vorgänge für jeden benutzerdefinierten Code verwendet werden, einschließlich des Aufrufens von AD-bezogenen Funktionen oder dem Aufrufen der Hype-API.
Es ist wichtig, während des Erstellungsprozesses die Anzeigen häufig voranzutreiben, um die endgültige Animation und Interaktivität wie erwartet sicherzustellen. Mit dem Vorschau -Menü können Sie schnell zwischen verschiedenen Browsern auf Ihrem Computer wechseln. Wenn Sie den Optionsschlüssel halten, können Sie die spezifische Szene/Layout, die derzeit im Hype ausgewählt werden, eine Vorschau anbieten. Der Hype kann auch eine Vorschau auf iOS -Geräte unter Verwendung des kostenlosen Hype Reflect App.
Wenn Sie ein Exportskript verwenden, kann die Ausgabe auch in die Vorschau aufgenommen werden. Öffnen Sie dazu das Vorschau -Menü und überprüfen Sie die Skripte unter "Vorschau mit Exportskripten".
Nach Abschluss der Anzeige müssen Sie für die endgültige Lieferung exportieren. Das Menü "Datei> in HTML5 exportieren" enthält die Option "Ordner ...", die die Standard -.html -Seite und den entsprechenden Ressourcenordner generiert. Dieses Menü enthält auch Optionen, die von einem beliebigen Exportskript bereitgestellt werden. Diese werden automatisch verpackt, wodurch in der Regel unnötige Ressourcen entfernt werden und in eine einzelne .zip -Datei komprimiert werden.
Für die weitere Automatisierung müssen Sie möglicherweise das Tool "Datei> erweitert ..." verwenden. Dies kann die Anzeige in bestimmte Szenarien oder Layouts aufteilen und auch ein Exportskript verwenden. "Datei & gt; exportieren als Video" bietet bei Bedarf einige statische Bild-/Videooptionen.
Dies sind die Hauptschritte, um reichhaltige Medien -HTML5 -Anzeigen mit Tumult -Hype zu erstellen! Als Visualisierungsinstrument kann der Hype den Erstellungs- und Iterationsprozess erheblich beschleunigen, ohne die Funktionalität oder Funktionalität zu begrenzen. AD-spezifische Workflow-Funktionen in Exportskripten automatisieren viele gängige Aufgaben in der digitalen Anzeigenproduktion. Diese Exportskripte können von irgendjemandem erstellt oder geändert werden. Wenn Sie also kein Anzeigensystem oder Automatisierung haben, können Sie es so erstellen, wie Sie möchten!
Wenn Sie mehr erfahren möchten, besuchen Sie bitte die Dokumentation und Tutorials auf der Tumult -Website. Hype bietet eine 14-tägige Feature-Feature-Testversion mit der Vollversion der professionellen Version von 99,99 US-Dollar.
Aber jetzt können Sie als SitePoint -Benutzer die Pro -Version für nur 74,99 US -Dollar erhalten. Dies ist ein Rabatt von 25%!
Tumult Hype ist ein leistungsstarkes Tool, mit dem Sie interaktive und animierte Inhalte erstellen können. Im Gegensatz zum Hauptdesign -Tools Canva oder Adobe Express konzentriert sich der Tumult -Hype auf Animation und Interaktivität. Es bietet eine zeitlinienbasierte Schnittstelle, mit der es einfach ist, komplexe Animationen ohne Codierung zu erstellen. Es unterstützt jedoch auch JavaScript für fortgeschrittenere Funktionen. Dies macht es zu einem universellen Werkzeug für eine Vielzahl von Projekten, von einfachen Animationen bis hin zu komplexen interaktiven Inhalten.
Ja, Sie können Anzeigen für Facebook mit Tumult Hype erstellen. Mit diesem Tool können Sie HTML5 -Inhalte erstellen, die Facebook unterstützt. Sie können interaktive und animierte Anzeigen erstellen, um Ihr Publikum zu engagieren und die Effektivität Ihrer Kampagnen zu erhöhen. Beachten Sie jedoch, dass Facebook spezifische Anforderungen an Werbung hat. Sie sollten daher sicherstellen, dass Ihre Inhalte diesen Anforderungen entsprechen.
Tumult Hype hat eine steilere Lernkurve im Vergleich zu Tools wie Canva oder Adobe Express. Dies liegt daran, dass es fortgeschrittenere Funktionen wie Animation und Interaktivität bietet. Es verfügt jedoch über eine benutzerfreundliche Oberfläche und bietet eine Reihe von Tutorials und Ressourcen, um Ihnen den Einstieg zu erleichtern. Sobald Sie es gemeistert haben, werden Sie feststellen, dass es viel Flexibilität und Kontrolle für Ihr Design bietet.
Tumult Hype ist ein kostenpflichtiges Tool, das sich von einigen anderen Werbeerstellungswerkzeugen unterscheidet, die kostenlose Versionen anbieten. Es bietet jedoch eine kostenlose Testversion, sodass Sie es ausprobieren können, bevor Sie entscheiden, ob Sie sie kaufen möchten oder nicht. Die Kosten für das Tool sind eine einmalige Gebühr, die alle zukünftigen Updates enthält. Dies macht es zu einer kostengünstigen Option, wenn Sie es regelmäßig verwenden möchten.
Tumult Hype unterstützt den Workflow der Anzeigenerstellung, indem es eine Reihe von Funktionen bereitstellt, die das Erstellen, Bearbeiten und Veröffentlichen von Anzeigen erleichtern. Es bietet eine zeitlinienbasierte Schnittstelle zum Erstellen von Animationen, zur Unterstützung der Interaktivität und ermöglicht Ihnen die Vorschau von Anzeigen in Echtzeit. Es unterstützt auch eine Reihe von Exportoptionen, sodass Sie problemlos Anzeigen für verschiedene Plattformen veröffentlichen können.
Während Tumult Hype erweiterte Funktionen bietet, ist er auch für Anfänger geeignet. Es verfügt über eine benutzerfreundliche Oberfläche und bietet eine Reihe von Tutorials und Ressourcen, um Ihnen den Einstieg zu erleichtern. Die Zeitlinieninterface erleichtert das Erstellen von Animationen, auch wenn Sie keine Erfahrung haben.
Derzeit ist ein Tumult -Hype nur für MAC verfügbar. In einem mit Tumult-Hype erstellten Inhalt kann jedoch auf jedem HTML5-fähigen Gerät, einschließlich Windows- und Linux-Computern sowie Smartphones und Tablets, angezeigt werden.
Mit Tumult Hype können Sie eine Vielzahl von Anzeigen erstellen, von einfachen Animationen bis hin zu komplexen interaktiven Inhalten. Dies umfasst Banneranzeigen, interstitielle Anzeigen, Videoanzeigen und mehr. Das Tool unterstützt eine Reihe von Formaten, einschließlich HTML5, GIF und Video, was es zu einer vielseitigen Option für die Anzeigenerstellung macht.
Tumult Hype bietet eine Reihe von Merkmalen, die ihn von anderen Werbeerstellungswerkzeugen unterscheiden. Dies schließt Zeitlinien-basierte Schnittstellen ein, um Animationen, Unterstützung für Interaktivität, Live-Vorschau und eine Reihe von Exportoptionen zu erstellen. Es unterstützt auch JavaScript für fortgeschrittenere Funktionen.
Derzeit unterstützt Tumult Hype die Zusammenarbeit innerhalb des Tools nicht. Sie können Ihr Projekt jedoch mit anderen teilen, indem Sie es als Hype -Dokument exportieren. Auf diese Weise können andere Ihr Projekt mit dem Tumult -Hype bearbeiten und ändern.
Das obige ist der detaillierte Inhalt vonVisual Ad Creation Workflow mit Tumult Hype. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
So exportieren Sie Apipost offline
jquery animieren
So starten Sie regelmäßig neu
Was wird mit dem Artikel-Tag definiert?
So rufen Sie externe JS in HTML auf
So finden Sie den größten gemeinsamen Teiler in der Sprache C
Einführung in die Verwendung der Achsenfunktion in Matlab
Welche Software gibt es zum Erlernen von Python?
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
