After effects 書き順通りに文字を出現させてみよう！
どーもこんにちは、デジタルサイネージ大好きTeam DISITです。
お盆は・・いや夏休みは、皆様いかが過ごされましたでしょうか？
年々気温が上がっています、、体調にはくれぐれもお気をつけください。
さて、今回はAfter effectsで文字を出現させる際、
ペンで書いているようにアニメーションさせる方法です！
世界中のどなたか一人にでもお役に立てれば幸いです！
ではさっそく作ってみましょう。
イラストレーターで、手書き風の文字を用意しましょう。
イラストレーターで作業する際に、
文字はひとつひとつレイヤーに分けておきましょう。
分けたほうが後々文字間のタイミングなど調整しやすいので。
そして読み込んだら、各文字をペンツールでなぞっていきましょう
DやTは2回に分けてなぞりましょう。
全ての文字が終わりましたら、
エフェクト→描画→線を選択します。
エフェクト「線」を当てたら、
エフェクトコントロールでまず、
「全てのマスク」チェックを入れましょう、
「カラー」を選択し、分かりやすく赤などに変更しましょう。
次に「ブラシのサイズ」を調整します。
文字がギリギリ隠れるぐらいに太くしましょう。
ここが書き順アニメの元になります。
他の文字も同じように設定します。
そして最後に「ペイントスタイル」を「元のイメージを表示」にしましょう、
この設定で元のイメージが出現してくるアニメーションになります。
ここから動きをつけます。
「線」エフェクトの「終了」部分に
0→100でキーフレームを打ちます。
キーフレームにF9（イーズー設定）は忘れずに。
全ての文字に同じように設定していきましょう。
タイミングは文字ごとに良い感じに調整してください。
完成。
いかがでしたか？
以外と簡単だったような気がしませんか？
もう少し細かい感じの漢字ですとか試してみても面白いかもしれませんね！
最後までご覧いただいた方ありがとうございました！
またお会いしましょう♪
Disit（ディジット）とは？
デジタルサイネージサービス『Disit』は、「Digital Signage Thinkers」=「デジタルサイネージを思考する」という意味を持たせ、デジタルサイネージ導入に関するプランニング、配信システム構築、運用管理、ディスプレイ、筐体、撮影・映像制作・コンテンツ制作などの事業展開をおこなっています。
プランナー、ディレクター、デザイナー、コンテンツクリエイターが集まりチームを編成しており、ユーザやクライアントの課題をみつけ、お客様に合った手法を模索し的確なご提案をさせて頂きます。
デジタルサイネージの導入、相談がございましたら共栄メディア デジタルサイネージ事業部「Disit」までお問い合わせください。
映像制作クリエイター：m.hosaka
映像制作のエキスパート。 主に大手メーカーのコンテンツ制作を手がける。 エンドユーザーに響く映像コンテンツの制作、提案を得意としています。 ４Kコンテンツ制作までコンテンツ制作をトータルで手掛けます。
CONTACT
デジタルサイネージのことでお役に立てる自信があります。
お電話でのお問い合わせ
受付時間：月～金 10:00～17:00／土・日・祝日 休み
『ディジットサイトを見た』と最初にお伝えください。
スムーズに担当者へおつなぎいたします。
弊社では在宅勤務を導入しております。
こちらの電話またはメールにてお問い合わせください。
STAFF BLOG
スタッフブログ
DISIT（ディジット）のスタッフが書くブログ。
NEWS
お知らせ
製品・サービスのプレスリリース、実績追加、イベント出展などのお知らせ。
お知らせ |
新型コロナウイルス感染症予防コンテンツを無償提供します! |
お知らせ |
Disitではコロナ対策とし感染被害抑止と従業員の安全確保に伴い4月1日よりテレワークを導入しております。 |
実績紹介 |
【導入事例】渋谷ストリーム：圓 弁柄様 |
実績紹介 |
【導入事例】医療法人社団 nico：ニコデンタルクリニック様 |
実績紹介 |
【導入事例】スーパーホテルPremierさいたま・大宮駅東口様 |
東京都新宿区改代町16 共栄第3ビル
Email: info@disit.jp
