終了

文字を左から順に出しつつ、左から順に消していく方法

Community Beginner ,
Mar 23, 2023 Mar 23, 2023

リンクをクリップボードにコピー

コピー完了

After Effects で
文字を左から順に出しつつ、左から順に消していく・・・ということはできるのでしょうか?

例)「ひだりからじゅんに」という文字列を
ひだ

 だり

  りか

   から

    らじ

     じゅ

      ゅんに
という感じにです。
文字にはグローなどぼかしの入ったエフェクトが入っていて、
クロップのような方法だとぼかしがプッツリ消えてしまうのでそれは使わないようにしたいです。
範囲セレクターの開始・終点・オフセットでは上記のような意図する出し方ができませんでした。

キーワード
手順

表示

1.1K

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Mar 23, 2023 Mar 23, 2023

リンクをクリップボードにコピー

コピー完了

字送りのアニメーターのオフセットは0%を堺に+-の値で逆の動きになるので、

それを工夫してみるとご希望の動作になるかとー

04.png

05.png

06.png

 

 

 

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Beginner ,
Mar 24, 2023 Mar 24, 2023

リンクをクリップボードにコピー

コピー完了

返信ありがとうございました。
開始・終了と合わせて動かしていたので分からなくなっていましたが
シンプルにオフセットだけでも動かせたのですね。勉強になりました。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Mar 24, 2023 Mar 24, 2023

リンクをクリップボードにコピー

コピー完了

アニメーターにセレクター/エクスプレッションを追加して、下記のコードを入力すると、だいたい希望する動きになると思います。
d = 0.4;	//  次の文字が出現するまでの時間(秒数)
m =  5;		 // 重なる時間の目安(1〜)
if((time >= d * textIndex - d)&&(time <= d * textIndex + d - d/m)){
	selectorValue = 0;
}else{
	selectorValue = 100;
}

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Beginner ,
Mar 24, 2023 Mar 24, 2023

リンクをクリップボードにコピー

コピー完了

返信ありがとうございます。
初心者なのでまだエクスプレッションを使うことはないかと思っていましたが
かなり有用なものだと実感しました。
After Effectsの基本を学びつつエクスプレッションも勉強していこうと思います。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Mar 24, 2023 Mar 24, 2023

リンクをクリップボードにコピー

コピー完了

キーフレームで設定する場合は、下図の設定にしてオフセットの数値を変える方法でもできます。

ae101.jpg

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Mar 24, 2023 Mar 24, 2023

リンクをクリップボードにコピー

コピー完了

<追記>
オフセットにキーフレームを追加しただけでは、値が小数点の時に残像が描かれるので、もし、残像が無い方がよければ下図のようにエクスプレッションを追加して値を少数点以下切り捨てにして下さい。

 

Math.floor(value)

 

ae102.jpg

 

または、

高度/なめらかさ を0%に設定することでも同様の動きになります。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Beginner ,
Mar 26, 2023 Mar 26, 2023

リンクをクリップボードにコピー

コピー完了

最新

先に教えていただいたエクスプレッションと、キーフレームでの設定、両方試してみました。
今の私には、キーフレームでの設定の方が
数値と実際の動きの連動が、よりわかりやすい感じがしましたので
追加情報いただけてありがたかったです。
ありがとうございます。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines