Flux de travail de création de l'annonce visuelle avec un battage médiatique tumulte

Créer efficacement des publicités riches avec un battage médiatique tumulte

(Cet article est parrainé par tumulte) Merci d'avoir soutenu les partenaires qui ont rendu le point de point possible.

Cet article vise à démontrer comment créer des publicités riches en utilisant le battage médiatique tumulte. Il couvre les bases de l'utilisation de l'application dans le contexte de la construction d'une annonce et discute des conseils et astuces spécifiques à l'annonce. Après avoir lu, vous pourrez créer rapidement et magnifiquement les annonces HTML5!

points clés

• Tumult Hype est l'animation HTML5 et l'application interactive HTML5 de MacOS, ce qui en fait un outil puissant pour créer des publicités riches avec l'animation et les capacités interactives.
• L'application fournit une interface conviviale similaire à la navette, les interactions les plus courantes ne nécessitant pas de codage. Cependant, il prend en charge les opérations JavaScript pour des fonctionnalités plus avancées.
• Le flux de travail de création d'annonces de Hype de Tumult comprend la sélection des tailles d'annonces, l'importation d'actifs, l'animation d'éléments, l'ajout d'interactivité et d'actions, de prévisualisation et d'exportation pour la livraison finale. Le système de plug-in de script d'exportation peut intégrer les fonctions de plate-forme publicitaire et automatiser les tâches d'exportation.
• TUMULT HYPE propose un essai de fonctionnalité complet de 14 jours, avec la version complète de la version professionnelle au prix de 99,99 $, mais les utilisateurs de SitePoint peuvent bénéficier d'une remise de 25%.

La montée de la publicité HTML5

Comme nous le savons tous, l'ajout de l'animation et de l'interactivité aux annonces numériques peut rendre les publicités plus efficaces. En plus d'attirer l'attention des visiteurs, la publicité médiatique riche peut mieux communiquer des produits ou des marques et augmenter l'engagement, ce qui entraîne plus de clics.

Parce que les publicités Rich Media sont de nature visuelle, il est logique de les construire avec des outils de visualisation. Les modifications seront affichées immédiatement. Pendant des années, le flash d'Adobe est le roi des outils de création d'annonces visuels, mais a été remplacé par la compatibilité de HTML5 sur les appareils mobiles. En tant que technologie, la publicité HTML5 a également l'avantage supplémentaire d'être plus accessible et moins de consommation d'énergie. Mais HTML5 lui-même n'est qu'un langage de balisage et n'a pas d'outils de visualisation intégrés comme Flash (Flash utilise des applications professionnelles Flash). La construction d'une annonce à la main sera un processus très lent. Heureusement, il existe maintenant des outils de visualisation complexes qui peuvent sortir HTML5.

Le battage médiatique tumulte est votre outil de conception visuelle

Le battage médiatique tumulte est l'animation HTML5 et l'application interactive de MacOS. Le battage médiatique existe pour une facilité d'utilisation et facile à apprendre. La mise en page est similaire à Keynote, et chaque image clé d'animation d'attribut peut être créée automatiquement à l'aide de sa fonction "Enregistrement" rapide. Le battage médiatique fournit un ensemble puissant de fonctionnalités d'animation telles que l'animation le long du chemin de mouvement de la courbe, les fonctions de soulagement / minuterie personnalisables, une chronologie qui s'exécute simultanément et des symboles réutilisables encapsulés. Les interactions les plus courantes ne nécessitent pas de codage, bien que les opérations JavaScript puissent étendre leur fonctionnalité par intégration avec d'autres bibliothèques et services.

Bien que le battage médiatique tumulte puisse être utilisé pour une variété de contenu HTML5, il est particulièrement adapté à la création d'annonces de médias riches. Un système de plug-in appelé "Export Scripts" peut intégrer des fonctionnalités de plate-forme publicitaire et aider à emballer sa sortie d'exportation pour la livraison. Les fonctionnalités d'exportation avancées peuvent en outre aider à automatiser les tâches d'exportation. La bibliothèque d'exécution de Hype est très petite, avec une taille de compression de 25 Ko, vous offrant beaucoup de place pour vos ressources. Cet d'exécution entraîne des animations et gère les problèmes de compatibilité du navigateur (bien que l'application avertit toujours lorsqu'une fonctionnalité ne peut pas fonctionner sur un navigateur spécifique).

flux de travail de création d'annonces utilisant le battage médiatique tumulte

Obtenez un battage médiatique tumulte et des scripts d'exportation

La première étape consiste à télécharger le battage médiatique tumulte. La version d'essai est entièrement fonctionnelle et peut être utilisée pendant 14 jours. Le battage médiatique tumulte est disponible en deux modes: standard et professionnel. Pour la création d'annonces (et en lisant cet article!), Vous devez utiliser Hype Pro.

Vous pouvez ensuite choisir d'obtenir le script d'exportation, qui ajoutera des fonctionnalités liées à l'annonce supplémentaires au battage médiatique. Actuellement, il existe des scripts pour Sizmek, DoubleClick Studio et DoubleClick Campaign Manager. Si vous utilisez une plate-forme publicitaire différente, vous pouvez généralement ajuster facilement la sortie standard.

Vous pouvez vérifier que le script d'exportation est installé en examinant les "préférences" de Hype. Les scripts d'exportation peuvent également afficher des options dans l'inspecteur de documents.

Sélectionnez la taille de l'annonce

Après avoir démarré le battage médiatique, vous devez définir la taille de la scène pour correspondre à l'annonce que vous souhaitez créer. Cela peut être fait en définissant la largeur et la hauteur de l'inspecteur de scène ou en sélectionnant l'une des tailles prédéfinies. Le battage médiatique contient des tailles prédéfinies pour les bannières et les rectangles communs.

Si votre annonce aura une représentation de taille différente, vous pouvez utiliser une disposition réactive et un système de disposition flexible. La mise en page réactive permet d'afficher des points d'arrêt basés sur une largeur. Ils peuvent être exportés séparément plus tard. Le système de disposition flexible ajustera la position et la taille des éléments en fonction de la taille du conteneur.

Importer des ressources

Hype tumulte a des formes de base et des primitives de texte, mais vous importerez très probablement des actifs d'image à partir d'autres programmes comme Photoshop, Illustrator ou Sketch. Ceux-ci peuvent être simplement traînés et déposés dans l'éditeur de scène ou ajoutés via l'élément de menu "INSERT ...". Hype conserve une copie de la ressource, mais si elle remarque des modifications à la ressource d'origine, il demande des mises à jour, ce qui aide à itérer.

Vous pouvez trouver des ressources dans la bibliothèque de ressources. Une option ici consiste à optimiser automatiquement lors de l'exportation. Cette fonction est activée par défaut et les tâches suivantes sont automatiquement effectuées:

1. variantes rétiniennes (@ 2x) et non rétiniennes (@ 1x) de l'image générée (la variante à charger lorsque le battage médiatique fonctionne)
2. Réduisez la taille de l'image à la taille maximale utilisée dans le document
3. Essayez de compresser l'image où elle fonctionne et si la taille du fichier améliore
4. Convertir le format d'image sécurisé sans réseau

Bien que cela soit généralement utile, il peut entrer en conflit avec votre objectif de taille de fichier d'annonce. Par exemple, la taille globale du fichier d'une annonce est généralement mesurée à partir d'un fichier zip plutôt que le contenu réellement téléchargé - donc avoir des variantes rétiniennes et non rétiniennes ajoute du poids. En outre, vous pourrez peut-être faire mieux que le battage médiatique de manière automatisée (en utilisant des outils comme ImageOptim). Vous devrez peut-être décocher cette boîte.

Quoi qu'il en soit, les ressources basées sur Bitmap peuvent s'accumuler très rapidement. Vous voudrez peut-être envisager d'utiliser des SVG, qui sont largement pris en charge par votre navigateur. Le battage médiatique les traite comme des images, mais n'essaie pas de les optimiser.

Soit dit en passant, IAB recommande pas plus de 15 ressources de chargement initialement pour aider à garder la page rationalisée.

débutant de l'animation

Une fois qu'un élément est créé en faisant glisser un actif ou en insérant du texte / des formes, il peut être facilement l'animer à travers les étapes suivantes:

1. Cliquez sur le bouton d'enregistrement
2. Faites glisser la tête de jeu vers une fois ultérieure
3. Modifiez la position d'un élément ou modifiez tout autre attribution (comme l'opacité)

L'enregistrement est un raccourci d'interface utilisateur pour ajouter chaque image clé d'attribut. Vous pouvez les créer ou les modifier manuellement à tout moment. Cela comprend la modification de leurs fonctions de synchronisation en différents assouplissement ou effets tels que l'élasticité et le rebond. L'animation de position peut être encore améliorée en faisant glisser le chemin de mouvement pour le façonner dans une courbe.

La chronologie du battage médiatique peut être considérée comme un flux d'animation. Les scènes de battage médiatique ont toujours au moins une chronologie: la chronologie principale. Plusieurs délais peuvent être créés et exécutés en parallèle. Ceci est souvent utile pour animer des éléments spécifiques en réponse aux opérations ou en conservant des boucles.

Les symboles

peuvent jouer un rôle similaire - ils représentent des «scènes dans les scènes» réutilisables et contiennent leurs propres éléments et exécutant des animations de chronologie indépendantes. Comme d'autres applications avec des symboles, les changements dans une instance seront reflétés dans toutes les autres cas.

Ajouter l'interactivité et les opérations

L'avantage de choisir HTML5 au lieu du GIF vidéo / animé est qu'il permet d'interaction et d'interaction avec les utilisateurs. L'interaction est une réponse à un événement. Ces événements peuvent être des clics de souris, des traînées, des diapositives, du chargement de scène, des tubes de waypoint ou même des pressions de touches. La réponse opérationnelle dépend de l'objectif créatif. Vous voudrez peut-être démarrer une animation, lier l'animation pour glisser, modifier la scène ou même déclencher du code personnalisé. Dans le monde de la publicité, une tâche typique consiste à faire cliquer sur le bouton à accéder à une URL externe (également connue sous le nom de "sortie") ou à déclencher un compteur qui peut être signalé au serveur publicitaire.

Dans la plupart des cas, l'interactivité est créée sans code. Voici les étapes de base pour exécuter une animation en réponse aux clics de souris:

1. Sélectionnez un élément
2. Accédez à l'inspecteur de l'opération et cliquez sur
à côté de lui en cliquant sur
Sélectionnez Start Timeline pour l'opération ..., puis sélectionnez une nouvelle chronologie dans le bouton contextuel de la chronologie ...
Nommez la chronologie et créez une animation

Le script d'exportation peut également fournir des actions spécifiques à AD qui peuvent être sélectionnées en réponse aux événements. Ceux-ci apparaîtront dans la même liste pop-up d'action.

En outre, l'exécution des opérations JavaScript… peut être utilisée pour n'importe quel code personnalisé, y compris l'appel des fonctions liées à l'annonce ou l'appel de l'API Hype.

Aperçu

Il est important de prévisualiser fréquemment les annonces pendant le processus de construction pour garantir l'exécution de l'animation finale et de l'interactivité comme prévu. Le menu Aperçu permet une commutation rapide entre les différents navigateurs de votre ordinateur. Si vous maintenez la touche d'option, vous pouvez prévisualiser la scène / la disposition spécifique actuellement sélectionnée dans le battage médiatique. Le battage médiatique peut également prévisualiser les appareils iOS à l'aide de l'application Free Hype Reflect.

Si vous utilisez un script d'exportation, sa sortie peut également être incluse dans l'aperçu. Pour ce faire, ouvrez le menu Aperçu et vérifiez les scripts sous "Aperçu avec les scripts d'exportation".

exporter et livrer

Une fois l'annonce terminée, vous devez exporter pour la livraison finale. Le menu "Fichier> Exporter vers HTML5" contient l'option "Folder ...", qui génère la page .html par défaut et le dossier de ressource correspondant. Ce menu fournit également des options fournies par n'importe quel script d'exportation. Ceux-ci seront emballés automatiquement, supprimant généralement des ressources inutiles et compressant dans un seul fichier .zip.

Pour plus d'automatisation, vous devrez peut-être utiliser l'outil "Fichier> Exportation avancée ...". Cela peut diviser l'annonce en scénarios ou dispositions spécifiques, et également utiliser un script d'exportation. "File & gt; Export as Video" fournit des options d'image / vidéo statiques si nécessaire.

Conclusion

Ce sont les principales étapes pour créer des annonces HTML5 médias riches avec un battage médiatique tumulte! En tant qu'outil de visualisation, le battage médiatique peut accélérer considérablement le processus de création et d'itération sans limiter les fonctionnalités ou les fonctionnalités. Les fonctionnalités de flux de travail spécifiques à l'annonce dans les scripts d'exportation automatisent de nombreuses tâches courantes dans la production d'annonces numériques. Ces scripts d'exportation peuvent être construits ou modifiés par n'importe qui, donc si vous n'avez pas de système de publicité ou d'automatisation, vous pouvez le construire comme vous le souhaitez!

Si vous souhaitez en savoir plus, veuillez visiter la documentation et les tutoriels sur le site Web de Tumult. Hype propose un essai de fonctionnalité complet de 14 jours, avec la version complète de la version professionnelle au prix de 99,99 $.

Mais maintenant, en tant qu'utilisateur SitePoint, vous pouvez obtenir la version Pro ici pour seulement 74,99 $. Ceci est une remise de 25%!

FAQ (FAQ) pour le flux de travail de la création de l'annonce visuelle avec hype tumulte

Comment le battage médiatique tumulte se compare-t-il à d'autres outils de création d'annonces comme Canva ou Adobe Express?

Le battage médiatique tumulte est un outil puissant qui vous permet de créer un contenu interactif et animé. Contrairement aux principaux outils de conception Canva ou Adobe Express, Tumult Hype se concentre sur l'animation et l'interactivité. Il fournit une interface basée sur une chronologie, ce qui facilite la création d'animations complexes sans aucun codage. Cependant, il prend également en charge JavaScript pour des fonctionnalités plus avancées. Cela en fait un outil universel pour un large éventail de projets, des animations simples à un contenu interactif complexe.

Puis-je créer des annonces pour Facebook en utilisant le battage médiatique tumulte?

Oui, vous pouvez créer des annonces pour Facebook en utilisant le battage médiatique tumulte. Cet outil vous permet de créer du contenu HTML5, ce que Facebook prend en charge. Vous pouvez créer des annonces interactives et animées pour aider à engager votre public et à augmenter l'efficacité de vos campagnes. Cependant, sachez que Facebook a des exigences spécifiques pour la publicité, vous devez donc vous assurer que votre contenu répond à ces exigences.

Quelle est la courbe d'apprentissage du battage médiatique par rapport aux autres outils de création d'annonces?

Le battage médiatique tumulte a une courbe d'apprentissage plus abrupte par rapport aux outils comme Canva ou Adobe Express. En effet, il offre des fonctionnalités plus avancées telles que l'animation et l'interactivité. Cependant, il a une interface conviviale et fournit une gamme de tutoriels et de ressources pour vous permettre de démarrer. Une fois que vous l'avez maîtrisé, vous constaterez qu'il offre beaucoup de flexibilité et de contrôle pour votre conception.

Puis-je utiliser GRATUITEMENT HYPE TUMULT?

Le battage médiatique de tumulte est un outil payant différent de certains autres outils de création d'annonces qui offrent des versions gratuites. Cependant, il offre un essai gratuit, vous pouvez donc l'essayer avant de décider de l'acheter ou non. Le coût de l'outil est un frais unique, qui comprend toutes les futures mises à jour. Cela en fait une option rentable si vous prévoyez de l'utiliser régulièrement.

Comment le battage médiatique tumulte soutient-il le flux de travail de la création d'annonces?

Hype tumulte prend en charge le flux de travail de création d'annonces en fournissant une gamme de fonctionnalités qui facilitent la création, l'édition et la publication des publicités. Il fournit une interface basée sur une chronologie pour créer des animations, prendre en charge l'interactivité et vous permet de prévisualiser les annonces en temps réel. Il prend également en charge une gamme d'options d'exportation, vous permettant de publier facilement des annonces à différentes plates-formes.

Le battage médiatique est-il adapté aux débutants?

Bien que Tumult Hype offre des fonctionnalités avancées, il convient également aux débutants. Il a une interface conviviale et fournit une gamme de tutoriels et de ressources pour vous permettre de démarrer. L'interface basée sur Timeline facilite la création d'animations, même si vous n'avez aucune expérience.

Puis-je utiliser le battage médiatique tumulte sur différents systèmes d'exploitation?

Actuellement, le battage médiatique tumulte n'est disponible que pour Mac. Cependant, le contenu créé avec un battage médiatique tumulte peut être visualisé sur n'importe quel périphérique compatible HTML5, y compris les ordinateurs Windows et Linux, ainsi que les smartphones et les tablettes.

Quels types d'annonces puis-je créer en utilisant le battage médiatique tumulte?

Avec le battage médiatique tumulte, vous pouvez créer une variété d'annonces, des animations simples à un contenu interactif complexe. Cela comprend les bannières publicitaires, les publicités interstitives, les publicités vidéo et plus encore. L'outil prend en charge une gamme de formats, y compris HTML5, GIF et vidéo, ce qui en fait une option polyvalente pour la création d'annonces.

Comment le battage médiatique tumulte se compare-t-il à d'autres outils en termes de fonctionnalité?

Hype tumulte fournit une gamme de fonctionnalités qui la rendent différente des autres outils de création d'annonces. Cela inclut les interfaces basées sur le time pour créer des animations, la prise en charge de l'interactivité, les aperçus en direct et une gamme d'options d'exportation. Il prend également en charge JavaScript pour des fonctionnalités plus avancées.

Lorsque vous utilisez un battage médiatique tumulte, puis-je travailler avec les autres?

Actuellement, Tumult Hype ne soutient pas la collaboration au sein de l'outil. Cependant, vous pouvez partager votre projet avec d'autres en l'exportant en tant que document de battage médiatique. Cela permet aux autres de modifier et de modifier votre projet à l'aide du battage médiatique tumulte.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!