Aller au contenu


Photo
- - - - -

[MOTION] comment faire une image opaque

motion opaque

  • Veuillez vous connecter pour répondre
22 réponses à ce sujet

#1 JeanDuVar

JeanDuVar

    Membre

  • Membres
  • PipPip
  • 30 messages
  • Gender:Male
  • Mac : iMac M1 2021 24" 16 Go
  • Version OS X : 11.52

Posté 28 août 2021 - 12:50

bonjour à tous, 

 

j'ai un projet motion, un logo animé d'une rotation. Ce logo est composé de 2 groupes, l'un est une image png, et l'autre, un texte, rédigé en avant du logo (avancé de 20 points). Et le tout est animé d'une rotation. Seulement le texte apparaît en arrière du logo durant la rotation, il apparaît à l'envers bien sûr, mais l'image du logo n'est pas opaque. J'aurais voulu que, lorsque le logo tourne le texte, rédigé devant lui, disparaisse quand le logo tourne et présente son dos, et hop on le voit à nouveau sur les 180 degrés suivant de rotation... si que j'exprime bien....

 

Auriez-vous une piste à me suggérer ? 

 

Par avance, un grans merci pour toute aide :-) 


Jean du Var


#2 JLB21

JLB21

    Maître

  • Membres
  • PipPipPipPipPip
  • 1 802 messages
  • Gender:Male
  • Location:78
  • Mac : iMac i9 5K 3,6 GHz 40 Go CG 8 Go
  • Version OS X : 12.10

Posté 28 août 2021 - 17:34

Bonjour,

 

Difficile de conceptualiser sans au moins une capture d'écran… :P

 

Ceci étant, ne peux-tu pas jouer sur l'opacité du texte avec des points clés 0 et 100 en fonction de l'emplacement de la rotation ?



#3 JeanDuVar

JeanDuVar

    Membre

  • Membres
  • PipPip
  • 30 messages
  • Gender:Male
  • Mac : iMac M1 2021 24" 16 Go
  • Version OS X : 11.52

Posté 29 août 2021 - 07:19

Bonjour,

 

Difficile de conceptualiser sans au moins une capture d'écran… :P

 

Ceci étant, ne peux-tu pas jouer sur l'opacité du texte avec des points clés 0 et 100 en fonction de l'emplacement de la rotation ?

Voilà, j'ai mis des pièces jointes. De face, on lit le texte, et de dos, j'aimerais qu'on ne le voit plus.

L'idée des points clés est intéressante. Toutefois, la vitesse de rotation de mon logo est progressive, de très haute à arrêt complet, logo de face. Cela ferait un travail quasi image par image, réalisable mais fastidieux sur une portion du projet.

Je rappelle ici que le projet est composé d'une image png (l'ovale à fond bleu), répliquée 20 fois, de -10 à +10 pour donner un aspect 3D ; et d'un texte généré avec Motion, placé en avant de 20 points de l'image. Et le tout tourne.

J'aurais pu aussi généré ce logo 3D d'une autre manière et faire une objet 3D unique à faire tourner, là, j'aurais eu mon résultat, mais je ne sais si on peut importer et faire tourner des objets 3D ni comment les générer.

Miniature(s) jointe(s)

  • Capture d’écran 2021-08-29 à 08.07.30.png
  • Capture d’écran 2021-08-29 à 08.07.42.png

Jean du Var


#4 JeanDuVar

JeanDuVar

    Membre

  • Membres
  • PipPip
  • 30 messages
  • Gender:Male
  • Mac : iMac M1 2021 24" 16 Go
  • Version OS X : 11.52

Posté 29 août 2021 - 07:39

Bonjour,

 

Difficile de conceptualiser sans au moins une capture d'écran… :P

 

Ceci étant, ne peux-tu pas jouer sur l'opacité du texte avec des points clés 0 et 100 en fonction de l'emplacement de la rotation ?

J'ajouterais une nuance. Le texte est en avant de l'image, de 30 points. Ce qui fait que, lors de la rotation, il n'est censé apparaître qu'à mesure, selon l'angle, ce qui n'est pas le cas sur cette copie d'écran. 

Miniature(s) jointe(s)

  • Capture d’écran 2021-08-29 à 08.38.01.png

Jean du Var


#5 JLB21

JLB21

    Maître

  • Membres
  • PipPipPipPipPip
  • 1 802 messages
  • Gender:Male
  • Location:78
  • Mac : iMac i9 5K 3,6 GHz 40 Go CG 8 Go
  • Version OS X : 12.10

Posté 29 août 2021 - 11:14

Sur tes captures d'écran, je ne vois pas où est la transparence.

 

J'avoue que cela dépasse mon niveau de compétence car je ne suis qu'un petit amateur.

 

J'ai juste fait un essai. De face, le texte est à 100 % d'opacité. A 90° je remets un point clé à 100 % et une image plus loin, je mets zéro. Et lorsque la rotation doit faire ré-apparaître le texte, je mets un point clé à zéro et l'image suivante à 100.

 

De toutes façons, je crois pouvoir dire que Motion ne fait pas de la vraie 3D.

 

Pour cela il faut un plugin de type mObject.



#6 Macgicien

Macgicien

    Professionnel

  • Membres
  • PipPipPipPip
  • 143 messages

Posté 29 août 2021 - 15:13

Salut,

 

De base Motion n'a pas un espace en 3D.

 

Pour avoir un espace 3D (ou disons qui marchera pour ce que tu veux faire), tu as deux possibilités.

Soit par le menu Objet tu ajoutes une Camera et tu valides le passage en 3D, soit tu fais un clique-droit sur ton groupe et tu le passes en 3D.

 

Ça devrait gérer correctement les objets qui passent devant et ceux qui passent derrière.



#7 JLB21

JLB21

    Maître

  • Membres
  • PipPipPipPipPip
  • 1 802 messages
  • Gender:Male
  • Location:78
  • Mac : iMac i9 5K 3,6 GHz 40 Go CG 8 Go
  • Version OS X : 12.10

Posté 29 août 2021 - 15:35

Ah, enfin de retour du spécialiste… ;)



#8 JeanDuVar

JeanDuVar

    Membre

  • Membres
  • PipPip
  • 30 messages
  • Gender:Male
  • Mac : iMac M1 2021 24" 16 Go
  • Version OS X : 11.52

Posté 30 août 2021 - 06:59

Sur tes captures d'écran, je ne vois pas où est la transparence.

 

J'avoue que cela dépasse mon niveau de compétence car je ne suis qu'un petit amateur.

 

J'ai juste fait un essai. De face, le texte est à 100 % d'opacité. A 90° je remets un point clé à 100 % et une image plus loin, je mets zéro. Et lorsque la rotation doit faire ré-apparaître le texte, je mets un point clé à zéro et l'image suivante à 100.

 

De toutes façons, je crois pouvoir dire que Motion ne fait pas de la vraie 3D.

 

Pour cela il faut un plugin de type mObject.

 Le wine est écrit à l'envers, là où j'aurais voulu qu'il disparaisse, pour ne le voir que d'un côté de l'ovale. J'ai fait un essai aussi de transparence de texte en points-clés. Cela fonctionne si le texte est accolé à l'ovale, sil est posé dessus en quelque sorte. Mais mon texte est 3Diquement parlant en avant de lui , détaché, donc dans la rotation, il y a un moment où seule une partie du texte apparaîtra, à mesure de la rotation. Alors je sais bien que je chipote, et sur mon projet, je peux faire un travail image par image, avec des masques, ok. 

Mais dans le principe, je voulais trouver le moyen de mettre un objet opaque. 

Regarde, le texte lui est bien devant mon image, mais de face comme de derrière... pourquoi apparaît-il toujours au premier plan ? 

Miniature(s) jointe(s)

  • Capture d’écran 2021-08-30 à 07.55.07.png
  • Capture d’écran 2021-08-30 à 07.55.07.png
  • Capture d’écran 2021-08-30 à 07.58.22.png
  • Capture d’écran 2021-08-30 à 07.58.53.png

Jean du Var


#9 JeanDuVar

JeanDuVar

    Membre

  • Membres
  • PipPip
  • 30 messages
  • Gender:Male
  • Mac : iMac M1 2021 24" 16 Go
  • Version OS X : 11.52

Posté 30 août 2021 - 07:07

Salut,

 

De base Motion n'a pas un espace en 3D.

 

Pour avoir un espace 3D (ou disons qui marchera pour ce que tu veux faire), tu as deux possibilités.

Soit par le menu Objet tu ajoutes une Camera et tu valides le passage en 3D, soit tu fais un clique-droit sur ton groupe et tu le passes en 3D.

 

Ça devrait gérer correctement les objets qui passent devant et ceux qui passent derrière.

Je suis déjà en 3D avec caméra. 

En fait, Motion respecte l'ordre des calques, et comme le texte est placé au dessus, dans l'arborescence, il reste tout le temps devant. J'ai fait l'essai de le mettre en dessous de l'image : je ne vois jamais le texte.


Jean du Var


#10 JeanDuVar

JeanDuVar

    Membre

  • Membres
  • PipPip
  • 30 messages
  • Gender:Male
  • Mac : iMac M1 2021 24" 16 Go
  • Version OS X : 11.52

Posté 30 août 2021 - 15:02

https://youtu.be/uwU3HHJijJA

 

voilà comment faire disparaitre le texte derrière le rectangle blanc lors de la rotation ? 

 

le projet : https://drive.google...iew?usp=sharing

 

 

Miniature(s) jointe(s)

  • Capture d’écran 2021-08-30 à 16.07.43.png

Modifié par JeanDuVar, 30 août 2021 - 15:30.

Jean du Var


#11 Macgicien

Macgicien

    Professionnel

  • Membres
  • PipPipPipPip
  • 143 messages

Posté 30 août 2021 - 17:40

Ah oui, j'utilise tellement peu les textes 3D dans Motion que je ne me souvenais plus de la feinte.

 

En faite les textes 3D ne peuvent pas interagir avec des formes 2D.

Le truc ça va être de créer du texte 3D pour masquer ton texte 3D.

C'est là qu'il faut bricoler (et que Motion n'est pas (encore?) un logiciel pour faire de la 3D).

Le plus simple est de partir d'un point en texte 3D (.) et de le déformer (en jouant avec l'échelle par exemple) pour qu'il puisse prendre la forme de ton fond ovale.

En bidouillant tu arriveras à masquer ton texte avec le point déformé.



#12 JeanDuVar

JeanDuVar

    Membre

  • Membres
  • PipPip
  • 30 messages
  • Gender:Male
  • Mac : iMac M1 2021 24" 16 Go
  • Version OS X : 11.52

Posté 30 août 2021 - 19:17

Ah oui, j'utilise tellement peu les textes 3D dans Motion que je ne me souvenais plus de la feinte.

 

En faite les textes 3D ne peuvent pas interagir avec des formes 2D.

Le truc ça va être de créer du texte 3D pour masquer ton texte 3D.

C'est là qu'il faut bricoler (et que Motion n'est pas (encore?) un logiciel pour faire de la 3D).

Le plus simple est de partir d'un point en texte 3D (.) et de le déformer (en jouant avec l'échelle par exemple) pour qu'il puisse prendre la forme de ton fond ovale.

En bidouillant tu arriveras à masquer ton texte avec le point déformé.

 

euh.... d'accord :)  rien compris  :D il me faudra faire du image par image avec des images-clés je suppose.

 

J'ai trouvé une demi-solution : je fais mon texte ailleurs et je l'importe en tant qu'image. Et là, les deux images (une pour le texte, une pour le fond) l'une passe devant l'autre alternativement. 

 

Merci de votre considération à tous deux en tout cas.


Jean du Var


#13 JLB21

JLB21

    Maître

  • Membres
  • PipPipPipPipPip
  • 1 802 messages
  • Gender:Male
  • Location:78
  • Mac : iMac i9 5K 3,6 GHz 40 Go CG 8 Go
  • Version OS X : 12.10

Posté 31 août 2021 - 10:13

Je te renvoie le fichier Motion (https://we.tl/t-sPiwjsKXNG). En jouant sur l'opacité du texte (ça m'a pris moins d'une mn), il me semble que cela réponde à ta question… ^_^


Modifié par JLB21, 31 août 2021 - 10:17.


#14 JeanDuVar

JeanDuVar

    Membre

  • Membres
  • PipPip
  • 30 messages
  • Gender:Male
  • Mac : iMac M1 2021 24" 16 Go
  • Version OS X : 11.52

Posté 31 août 2021 - 13:05

Je te renvoie le fichier Motion (https://we.tl/t-sPiwjsKXNG). En jouant sur l'opacité du texte (ça m'a pris moins d'une mn), il me semble que cela réponde à ta question… ^_^

tout à fait, jouer sur l'opacité je l'avais fait. Maintenant, si on prend une rotation de 45°, tu vois que le texte est en partie superposé au logo (partie qu'on en devrait pas voir) et une partie pas superposée que l'on continue à voir. L'idée est de ne masquer que ce qui est superposé , image par image. Je sais bien que je chipote mais sur mon fichier exemple, la rotation à 180° seconde et le frame rate font qu'il n'y a jamais de texte superposé. Dans ce cas, oui, jouer sur la transparence suffit, en effet. Mais une animation plus fine... faudrait trouver le moyen de coller un masque sur le texte...


Jean du Var


#15 Macgicien

Macgicien

    Professionnel

  • Membres
  • PipPipPipPip
  • 143 messages

Posté 31 août 2021 - 16:10

Pour illustrer ce que j'ai écris, je t'ai fait un exemple.

 

https://www.swisstra...86-b4c1b8cca993

 

Ça sera peut-être plus facile à comprendre.

Mais c'est simple, il faut que tout soit du texte.



#16 JLB21

JLB21

    Maître

  • Membres
  • PipPipPipPipPip
  • 1 802 messages
  • Gender:Male
  • Location:78
  • Mac : iMac i9 5K 3,6 GHz 40 Go CG 8 Go
  • Version OS X : 12.10

Posté 31 août 2021 - 17:25

Ah ah ! c'est là qu'on voit le professionnel, cette astuce, ça ne s'invente pas ! :D



#17 JeanDuVar

JeanDuVar

    Membre

  • Membres
  • PipPip
  • 30 messages
  • Gender:Male
  • Mac : iMac M1 2021 24" 16 Go
  • Version OS X : 11.52

Posté 31 août 2021 - 19:22

Pour illustrer ce que j'ai écris, je t'ai fait un exemple.

 

https://www.swisstra...86-b4c1b8cca993

 

Ça sera peut-être plus facile à comprendre.

Mais c'est simple, il faut que tout soit du texte.

Merci pour le transfert de Suisse ;-) 

 

Ah oui, c'est le point qui sert d'arrière plan. Et finalement, texte sur texte, les opacités sont respectés, et l'un passe alternativement devant l'autre. Il en est de même pour les images. 

Texte sur texte = ok

Image sur image = ok

 

mais texte sur image : texte > image. Je ne sais pas s'il existe un moyen de suggérer à Monsieur Apple d'ajouter cette possibilité.

 

J'adore les reflets de lumière, j'ai appris plein de chose en vous posant cette question. Merci beaucoup. A moi de m'adapter par rapport au rendu que je recherche. 


Jean du Var


#18 Macgicien

Macgicien

    Professionnel

  • Membres
  • PipPipPipPip
  • 143 messages

Posté 01 septembre 2021 - 10:49

En faite, les éléments 2D (images, formes, textes 2D) interagissent ensemble et les textes 3D interagissent ensemble, mais la 2D et la 3D ne se mélangera pas bien.

 

Ça veut dire que tu as deux possibilités.

Soit tu fais ton texte en 2D et ça marchera avec ton image, soit tu bidouilles pour faire ça avec que du texte 3D.

Si tu as envie de te lancer dans le bricolage, j'ai encore une autre astuce pour toi.

Tu peux mettre une image comme texture d'un texte 3D.

 

Pour ça tu sélectionnes ton texte 3D, tu vas dans l'inspecteur > Texte > Apparence.

Là tu as la partie Matériau et surtout la partie Substance.

Si dans Substance tu choisis Générique, dans Surface tu peux utiliser Image et glisser une image qui est dans ton projet Motion.

Il faut utiliser les réglages en dessous pour la Position (a déplier) et l'échelle pour voir ton image en entier.

En tâtonnant on peut afficher une image en entier.

Le mieux est d'utiliser ce caractère (que tu peux copier coller depuis ici) : ◼︎

Et jouer avec les paramètres de Profondeur et Taille bord avant pour diminuer l'espace entre les surfaces.

Dans Matériau tu peux faire passer le menu de Simple à Multiple si tu veux mettre une image différente à l'arrière.

Bref, il y a des possibilités, mais c'est pas réellement fait pour.

 

Apple est au courant de ce genre de limitation et il est clair qu'en quelques jours de travail ils pourraient grandement améliorer les choses.

Tu peux passer par ce lien pour leur donner des idées : https://www.apple.co...ack/motion.html



#19 Macgicien

Macgicien

    Professionnel

  • Membres
  • PipPipPipPip
  • 143 messages

Posté 01 septembre 2021 - 12:50

En faite c'est assez vite fait et ça vaut la peine que tu essaies.

J'ai fait une vidéo pour facilité la compréhension : https://youtu.be/u4UPUmgCUTU



#20 JeanDuVar

JeanDuVar

    Membre

  • Membres
  • PipPip
  • 30 messages
  • Gender:Male
  • Mac : iMac M1 2021 24" 16 Go
  • Version OS X : 11.52

Posté 01 septembre 2021 - 13:11

En faite, les éléments 2D (images, formes, textes 2D) interagissent ensemble et les textes 3D interagissent ensemble, mais la 2D et la 3D ne se mélangera pas bien.

 

Ça veut dire que tu as deux possibilités.

Soit tu fais ton texte en 2D et ça marchera avec ton image, soit tu bidouilles pour faire ça avec que du texte 3D.

Si tu as envie de te lancer dans le bricolage, j'ai encore une autre astuce pour toi.

Tu peux mettre une image comme texture d'un texte 3D.

 

Pour ça tu sélectionnes ton texte 3D, tu vas dans l'inspecteur > Texte > Apparence.

Là tu as la partie Matériau et surtout la partie Substance.

Si dans Substance tu choisis Générique, dans Surface tu peux utiliser Image et glisser une image qui est dans ton projet Motion.

Il faut utiliser les réglages en dessous pour la Position (a déplier) et l'échelle pour voir ton image en entier.

En tâtonnant on peut afficher une image en entier.

Le mieux est d'utiliser ce caractère (que tu peux copier coller depuis ici) : ◼︎

Et jouer avec les paramètres de Profondeur et Taille bord avant pour diminuer l'espace entre les surfaces.

Dans Matériau tu peux faire passer le menu de Simple à Multiple si tu veux mettre une image différente à l'arrière.

Bref, il y a des possibilités, mais c'est pas réellement fait pour.

 

Apple est au courant de ce genre de limitation et il est clair qu'en quelques jours de travail ils pourraient grandement améliorer les choses.

Tu peux passer par ce lien pour leur donner des idées : https://www.apple.co...ack/motion.html

oui parfait, tout compris. 

Merci beaucoup, c'est clair :-) 


Jean du Var



0 utilisateur(s) li(sen)t ce sujet

0 membre(s), 0 invité(s), 0 utilisateur(s) anonyme(s)