[CommentFaire?] Créer un effet de rectangle qui s'agrandit

C'est quoi la méthode 1 ou 2 !? Je suis perdu aussi ...

 

Entre celle de Giroudf et la tienne. Je vais essayer de faire quelque chose sous After Effect pour voir, c'est peut-être plus approprié.

 

voila des exemples de titres fait pour OBS en html5
Free - Lower thirds in HTML/CSS | OBS Forums
Evidemment dans ces exemple on ne montre que comment utiliser les parametres de ces templates, qui sont deja crees.
si on veut un effet particulier, il faut creer un template, qu'on pourra ensuite customiser avec d'autres textes et couleurs.
Evidemment n peut le faire dans after effect, mais c'est une usine a gaz bien compliquee pour faire des choses aussi simples.
En l'occurence OBS a differents outils dont Scorebard Assistant pour faire ce genre de choses
Non-OBS Script - Animating Streams with Scoreboard Assistant | OBS Forums

des outils pour faire des animations en HTML5 (pas sure qu'ils soient tous compatibles avec OBS)
Mise à jour: Meilleurs outils d'animation HTML5 gratuits - TemplateMonster Blog France

 

J'ai montré qu'il fallait pas plus de 7 mn avec Première Pro...faut pas pousser... mais si le spécialiste de jackovideo n'y arrive pas...expert de la suite adobe en plus ...alors je suis impressionné par mon talent

DKProject aurait déjà du essayer au moins l'une des 2 options avant ce soir ...quitte à demander des précisions à l'un de nous..

AE ou autres logiciels pour le design fait évidemment encore mieux le job... s'il pense faire beaucoup de design et qu'il est jeune ...alors oui....moi je ne suis plus un jeune

Allez bon courage à tous...

 

un autre exemple de ce qu'on peut faire en une ligne de code avec le html5
Popup Open and Close Animations of HTML5 / CSS3 Content using taccGL/WebGL

faut cliquer sur les boutons "run" pour les voir

 

C'est très bien giroudf, je n'y connais rien , mais tu peux nous montrer le résultat pour voir si cela correspond à la demande... ?

 

Bon, avec After Effect j'ai réussi à faire ça pour le moment (désolé pour l'audio) : WeTransfer

Pas évident mais j'ai repris grossièrement vos conseils en modifiant l'opacité des rectangles. J'ai juste aucune idée de comment intégrer la petite languette de la bulle qui est censée ne pas bouger peu importe la taille du rectangle. J'ai les traits de mes deux rectangles qui passe par dessus.

Pour le HTML5, je suis encore moins calé sur ce type de langage et je pense que le ratio apprentissage/temps n'est pas le meilleur pour ce type de petite animation. Encore une fois, j'imagine que quelqu'un qui connaît bien pourra sans doute obtenir le résultat souhaité en quelques minutes.

EDIT : Je viens de réussir avec des masques : WeTransfer

 

Avec un soft pour le Design...c'est quand même mieux ...tu n'es pas limité

Nb: Pour le fun et comprenant mieux ce que tu voulais j'ai fait avant de me coucher, la même chose avec Première Pro seulement ...même plus besoin de 2 carrés, c'est simplissime ...
C'est pour les feignants ou non expert...ou ceux qui n'ont pas le temps d'apprendre un autre soft...ou qui refusent de louer la suite Adobe complète. ....WeTransfer