文字の変化

質問

http://finerefine.jp/　のconceptのところの
文字の変化はＣＳ３でどのように作成するんでしょうか？
教えてください。

回答No.1

BlurFiltan · ベストアンサー

簡単に言えば，
「文字にマスクをかけて，そのマスクをモーショントゥイーンで動かす。」
ということです。

下の図↓を見て，
「なるほど」とわかった場合は，以下の文を読む必要はありません。
以下は操作方法の説明ですから，
図を見てすぐにわかる場合は，以下の文を読んでもややこしいだけで何の意味もなしませんので，全く読む必要なしです。

--- --- --- --- --- ---

書かれていらっしゃるページのスクリーンショットを撮ってみました(↓図１)。
「あなたの居場所をあなたらしく」
この１行を例に説明します。

「あなたの居場所をあなたらしく」の "所" という文字の
"戸" は白っぽい文字の色ですが，"斤" は茶色っぽい色です。
ここから
『文字単位で色を変えている』のではなく，
『白い字の上に茶色の文字を徐々に表示させている』ということがわかります。
このように文字を表示させるのには マスク を使います。

ステージ上の任意のレイヤーの任意の位置に，
「_ゴシック」や「_明朝」などのように前にアンダースコアが入ったデバイスフォントではなく，
「○○明朝」とか「○○Pゴシック」とかのようなデバイスフォント以外の "普通のフォント" を使用して，
「あなたの居場所をあなたらしく」という文字を "静止テキスト" で入力します。

新規レイヤーを追加します。
そして静止テキスト「あなたの居場所をあなたらしく」を選択し，
［編集］→［コピー］，
新規で作成したレイヤーを選択して
［編集］→［同じ位置にペースト］などで同じ位置にコピーします。

この状態で，
２つのレイヤーの同じ座標に「あなたの居場所をあなたらしく」がそれぞれ配置されると思いますから，
上レイヤーの文字の色と下レイヤーの文字の色を別の色にします。

さらに，
それぞれの文字のレイヤーの上にレイヤーを追加します。

その新規レイヤーのうち１つを選択して，
「あなたの居場所をあなたらしく」という文字をすっぽり包み隠すような塗りの長方形を描きます。
塗りの色は何色でもかまいません。

その塗りの長方形を選択して，
[挿入]→[シンボルに変換] などで「グラフィックシンボル」，もしくは「ムービークリップ」に変換します。

その塗りの四角インスタンスを，
「あなたの居場所をあなたらしく」という文字のレイヤーの上にそれぞれ配置して，
そのレイヤー名を選択して「右クリック」→「マスク」などによって四角い塗りのある方をマスクレイヤーにします。

マスクレイヤーにすると自動的にレイヤーにロックがかかってしまいますからそのロックを解除して，
下の図２↓や図３↓のようにモーショントゥイーンでマスクを動かします。

なお図３は全体の構造を見やすくしたイメージ図です。
実際に図のように見えるわけではありません。

そしてパブリッシュすると，
書かれていらっしゃるページのような文字が出没するアニメーションができます。

この作業を各行に対してしていけば文章全体が作成できます。

お礼

BlurFiltanさん、わかりやすい解説ありがとうございます。
なるほど色の違うテキストを２つ配置しマスクをかけ
モーショントゥイーンで動かすわけですか、言われなければ
気づきませんでした。