携帯ホームページ
Site logo
※当サイトではAfter Effects CS3(Mac)を使用して作成しています
---------------------------------------------

---------------------------------------------
---------------------------------------------
【管理人がお世話になっている
 Mac機材系店舗やサイト】
秋葉館
Macで使えるハードディスクガイド
---------------------------------------------
【おすすめ無料オンラインストレージ】
db_logo
DropBox(シンクがかなり早い。使っている人が多い。無料2Gプレゼント)
ss_logo
SugarSync(無料で5Gプレゼント)

---------------------------------------------
LOGICOOL ワイヤレストラックボール Unifying対応超小型レシーバー採用 M570
LOGICOOL ワイヤレストラックボール Unifying対応超小型レシーバー採用 M570
ケンジントン ExpertMouse (OpticalBlack) (USB/PS2)
ケンジントン ExpertMouse (OpticalBlack) (USB/PS2)
Wacom プロフェッショナルペンタブレット Mサイズ 紙とペンに迫る書き味 Intuos4 PTK-640/K0
Wacom プロフェッショナルペンタブレット Mサイズ 紙とペンに迫る書き味 Intuos4 PTK-640/K0
Wacom ペンタブレット Mサイズ デジ絵作成入門機 コミスタMini付属 Bambooコミック CTH-661/S1
Wacom ペンタブレット Mサイズ デジ絵作成入門機 コミスタMini付属 Bambooコミック CTH-661/S1
LOGICOOL ワイヤレスキーボード Unifying対応レシーバー採用 K270
LOGICOOL ワイヤレスキーボード Unifying対応レシーバー採用 K270
stacks_image_9A66E59F-4692-4FC1-9C8B-645E553D56EB

ロゴに沿って光を移動させる方法

 このエントリーをはてなブックマークに追加     
1256218178

う〜ん、この表現で果たして通じるのだろうか。
まあ、詳しくはムービーを見ちゃって下さい。



「A」の文字に沿ってレンズフレアが動いていると思う。
こんなの作りたかった!なんて人もきっといるはず。とりあえず僕がそうだったから。
stacks_image_1179FB69-9336-47C7-BEAE-DAA9989CE225

テキストレイヤーに文字を書く

(レイヤー→新規→テキスト)
text
この文字はベベルアルファで立体的にしているけど別にそーじゃなくてももちろんよい。
stacks_image_652D01B2-F4C6-4795-AD6D-CEB3647B2505

テキストの形をトレースする

次にテキストレイヤーを選択してオートトレースをする。
(レイヤー→オートトレース)
trace
こうすると、要するに文字の形の通りのパスが出来るのでありますな。
う〜ん便利。
そうすっとこんなレイヤーが出来る。
parameta_trace
一番上に「オートトレースAE」というレイヤーが出来ているのが分かる。
で、下に3つのマスクが出来ている訳だ。
この場合はマスク1とマスク2が「Aの形」、マスク3が「Eの形」に沿ってパスが出来ている。
当然トレースした物によって、出来るマスクの数も違うだろうから、
どれが何の形のパスなのか確かめると良い。
ちなみに下の写真のようになぜが文字の色が変わっているように見えるが
オートトレースしたレイヤーを黙って非表示にすればこれは消える。
trace2
stacks_image_AD038D41-48AD-4B52-A4F1-D4F9F8088D53

レンズフレアを作ろう

続いて調整レイヤーを作る。
(レイヤー→新規→調整レイヤー)
そんでもって、その調整レイヤーにエフェクトのレンズフレアをかけよう。
(エフェクト→描画→レンズフレア)
flareParameta
(ちなみにレンズフレアが見えるように平面レイヤーを下に敷いている。多分無いと見えないんじゃないかな。よく理由はわからんけど)
「レンズの種類」をここでは105mmにしてある。
stacks_image_1C611863-ED94-4C8E-BC53-47B90FCED962

レンズフレアをパスに沿って動かす

まあ、そのまんまである。しかし、果たしてこれを初めて知った時、僕は密かに感動に打ち震えた。
レンズフレアの「光源の位置」を試しにいじってみると分かるが、これがレンズフレアの位置を決めている。
キーフレームを打って上から下にとかは割と簡単に出来るのだが、これを文字の形に沿って動かせれば良い。
parameta_position
この場合、「A」の文字のパスに沿って動かそうと決めた。
それで、その「Aの形のパス」はマスク1であった。
なので静かにマスク1のマスクパスを選択し、コピー、それでもって、レンズフレアの「光源の位置」を選択しペーストした。
するとどうであろうか、そこにキーフレームが勝手に出来上がるのである。それが「A」の形に沿って出来ている。
感動である。

ここまで来たらもう後は人それぞれなのだが、僕は別に「A」の形に沿って最初から最後まで動く必要は無いなと思ったので
キーフレームのいらないところを消し、よきタイミングでピカッと光った感じに見えるように
「フレアの明るさ」をキーフレームで調節している。
参考までにプロジェクトファイルも載せておきます。良かったら使って下さい。

※プロジェクトファイルをダウンロード

(AfterEffectsCS3)


※注意
配布しているプロジェクトファイルは、個人利用、商用利用ともに可能ですが、販売・再配布することは禁止します。

  • SEO
  • loading
  • AfterEffectsSTUDY!!

  • SEOブログパーツ
[Sleeker_special_clear]
inserted by FC2 system