映像制作についてや、思ったコトをつれ〜っと書いたりします。

«  1  2  3  4  5  6  7  8  9  10  11  12  13  14  15  16  17  18  19  20  21  22  23  24  25  26  27  28  29  30 »
コメントの書き込みはいたずら防止のため承諾後の表示となります。ご了承ください。

書き順通り文字を書くアニメーション

aemagic
最近さぼり気味なJEROサマで申し訳ございません。
細かい仕事が続いていたため更新ができませんでした…
今日は『AfterEffectsの救世主』というページで
頂いた質問をネタにご紹介して行こうと思います。


今回は「文字を書き順通りに書いていく」という動画を作ります。
エフェクトの線を使ってマスクとなるレイヤーを作り、
それを使って文字が書き順通りに書かれていくようにします。

例として自分の名前「郷古」を使った
動画を作成する工程で説明していきます。

1.最初に完成形の文字が書かれた文字レイヤーを用意します。
 (例では「郷古」となっています。)
スクリーンショット

2.次に新規平面レイヤーを作成し、文字レイヤーが
 透けて見えるよう透明度を50くらいに設定します。
 (例では「ブラック平面1」となっています。)
スクリーンショット

3.文字レイヤーの文字をなぞるように
 ペンツールを使ってレイヤー「ブラック平面1」に
 ベジェ曲線の文字を『書き順通り』に書いていきます。
スクリーンショット
 ここで書き順を間違うと、アニメーションにも
 影響が出るので気をつけて下さい。
 ベジェ曲線は『マスク』として表示され、
 およそ文字の画数分くらいのマスクが作られることになります。
スクリーンショット
※ベジェ曲線の文字が完成したら透明度を100%に必ず戻してください。
 これを忘れると完成する動画の透明度にも影響します。

4.このレイヤー「ブラック平面1」に、
 エフェクト→描画→「線」を使います。
 「終了」という項目にキーフレームを作り
 アニメーションを作っていきます。
 スタート「0」→終了「100」という感じです。
 するとこのような動画ができあがります。










※この動画ではブラシの太さを2文字目で調整していますので
 途中で変化しています。
 その辺は臨機応変に対応してみて下さい。

5.次にレイヤー「郷古」のトラックマット設定を
 「ルミナンスマットブラック平面1」とします。
 設定をするとレイヤー「ブラック平面1」の目が
 自動で閉じて、レイヤー「郷古」の文字が見えなくなります。
スクリーンショット
※バージョンが古いAEではトラックマットがありません。
 この場合は
 1.レイヤー「ブラック平面1」をメニューの
  レイヤー → プリコンポーズ とする。
  (「すべての属性を新規コンポジションに移動する」を選択すること)

 2.レイヤー「ブラック平面1 コンポジション1」を非表示にする。

 3.レイヤー「郷古」にエフェクトの
  エフェクト → チャンネル → マット設定 を使います。
スクリーンショット
  ・レイヤーからマットを取り込む→「ブラック平面1 コンポジション1」
  ・マットに使用→「輝度」
  ・他の設定はそのまま
  このように設定していくとトラックマットと同じようになります。


6.動画をプレビューすると、前工程の?ので作られた動画が
 レイヤー「郷古」のマスクとなり、「郷古」という文字が
 書き順通りに書かれるアニメが完成します。











最後に、
再生する途中経過などを見ながら
工程3で作ったベジェ曲線の文字を
ベジェ曲線のポイントを追加したり、
移動したりしながら調整して行けばOKです。

スクリーンショットをよく見て頂くとわかりますが、
必ずしも文字の線の中央をベジェ曲線が通っているわけではありません。
マスクとして機能するよう、隣の部分に影響などが出ないよう
上手に調整してみて下さい。

※補足
 どうしても途中の細かいところは見た目がおかしな部分もあります。
 今回で言えば「郷」の途中、「日」の部分の横線が書かれる時や
 「古」の「十」のクロスする部分などがそうです。

 このような場合はすばやく書かれるようにしてごまかすか、
 使用するフォントを変更してみるとか、はたまたあきらめるか…(笑) 

 ウソウソ!
 別レイヤーをマスクで切って乗せて、覆い隠す等すれば
 なんとかなると思います。

 この方法を使用する時は、ゴシック体のように
 できるだけ文字の太さが同じようなフォントがいいと思います。
 明朝体などには不向きですのであしからず…




仙台発信のCMを
ローカル発信のCMを
向上させませう!

映像と音声の調和。
ヾ(´▽`)ゝ

映像職人JERONI毛
http://jeronimovie.com



テーマ:クリエイティブなお仕事 - ジャンル:学問・文化・芸術

  1. 2008/11/07(金) 14:10:48|

  2. After Effectsの魔法使い?!
  3. | トラックバック:0
  4. | コメント:6

コメント

先日は、ありがとうございました(^o^)/

JERO先生!エフェクトってゆう機械?があるんですか?
それとも、パソコンで処理してるんですか?
一筆書きみたいな絵も、書けちゃったりするんですか?

って、私は小学生か〜(笑)
いや、今の小学生は物知りだから、園児並みですかね♪

  1. 2008/11/08(土) 12:17:47 |
  2. URL |
  3. manimani #-
  4. [ 編集]

>manimaniさん
「エフェクト」はソフトにあるものですょ。
機械ではありません…(;・∀・)ノ

日本語で言うと「効果」という意味です。
エフェクトをかける=効果をつける
ということです〜(* ^ー゚)ノ

一筆書きの方が線1本で済むので楽かもしれないです。
でも、文字の太さがマチマチだと厳しいかな…
  1. 2008/11/08(土) 12:25:53 |
  2. URL |
  3. JERO #7VgScPWU
  4. [ 編集]

ソフトは日々勉強だよね。
まめもがんばらねばっっ!!!
故郷の郷に古い。
うかんむりになむの宏に代わるもっといい説明が
いまだに思い浮かばないまめでした。
  1. 2008/11/12(水) 04:20:08 |
  2. URL |
  3. ま #i1AW65Uk
  4. [ 編集]

>まめタロスさま
玉木宏の宏とか、久米宏の宏とか…
ってのはどう?
ダメ?

ちなみにオイラは
<若者向け>
「郷ひろみに古いです。」
「小室哲哉の哲哉です。」
「”や”は木村拓哉の哉です」

<年配者向け>
「西郷隆盛の郷に古いです。」
「渡哲也の也ではなく志賀直哉の哉です。」
といいます。

でも、もう小室は使えないな…(´ヘ`;)
  1. 2008/11/12(水) 10:18:07 |
  2. URL |
  3. JERO #7VgScPWU
  4. [ 編集]

AF5.0

はじめまして!
いろいろ探してたらこのページにたどり着きました!
目からウロコです
僕はAfter Effect 5.0
しか持ってなくて
”エフェクト→描画→「線」”
が見当たらなくてつまずきました。
何か解決策ありますか?
  1. 2009/01/05(月) 18:18:22 |
  2. URL |
  3. kon #-
  4. [ 編集]

>konさん
書き込みありがとうございます!!
そうなんすょね…5には「線」がないんすよね。
確か6以上からのエフェクトだったと思います。

で、代わりになるものを考えてみました。
できるかどうか試していませんが、

・何か「点」のようなオブジェクトをマスクに沿って動かして それに「エコー」をかけて長い間残像が残るようにする
・パスに沿って文字の代わりに点を書いていき、
 文字間をできるだけつめて一本の線にしてしまうとか…

あとは、最悪ですが、

・文字を各パーツにバラバラにしてマスクで切って出す…

なんだかあまり現実的ではないです。。。すみません。
自分も4から使い始めたのですが、
あの頃はできない手法もありましたからねぇ…

CS4は便利なだけぢゃなく、
レンダリングやRAMプレビューもかなり早くなりましたょ。
って、アップグレードもお金かかりますからねぇ。。。
でもいつまでもアップグレードしないと
いつかアップグレード対象外になっちゃうので
気をつけてくださいね!もったいないっすからねぇ〜
  1. 2009/01/06(火) 17:36:20 |
  2. URL |
  3. JERO #7VgScPWU
  4. [ 編集]

コメントの投稿


管理者にだけ表示を許可する

トラックバック

トラックバックURLはこちら
http://jerosama.blog48.fc2.com/tb.php/134-d563dd6f
この記事にトラックバックする(FC2ブログユーザー)

FC2Ad

FC2ブログ 専門学校