今年は、メッキっぽい光り方をするロゴや簡単な模様を「Element」で作成する機会が頻繁にあったので、 動画編集講座の第二回は、文字の「手書き風」アニメーションの作成方法です。使用するソフトは第一回同様に「After Effects」です。気をつけるべきポイントやコツなどを中心に話しています。 個人的に「とりあえずここだけやっとけば・・・」という箇所をまとめてみました。 AEのエフェクトなどで作成している場合は、設定後に「Element」を起動せずに細かく調整できるので便利です。 4.カメラの配置 ロゴの向きや被写界深度の調整のためにも、カメラを配置します。 Cinema 4D オススメ チュートリアル.19 抽象的な物体 変位デフォーマとノイズシェーダ, Cinema 4D で制作されたかっこいい映像 その７ 『Dysco Simon F. A. Russell』, 【追記あり】Houdini 18.0 新しくなったSweep ノードでDNAを作る. [エフェクト]→[描画]→[線] を選択します。 次にペンツールを使って線をなぞっていきます。 アニメーション設定. 全てのマスク、線（連続）にチェックを入れる。 次に
イメージは、つやつや、ぴかぴか、つるつる、ぎらぎら、そんな感じです。 これら１つ１つが先ほど生成した線(マスク)という事っすね。, タイムラインパネルのテキストを選択しておき、メニューバーからエフェクトをクリック。次に「描画」→「線」を選択すればここの作業は完了。, エフェクトで「線」をかけたら、新しくこんなエフェクトパネルができているはず。(参考動画では、タイムライン上のエフェクトコントロールから調整してます。), で。まずはそのエフェクトコントロールの上から2番目にある「すべてのマスク」にチェックをいれておいてください。で、とりあえず見やすいように、線の色を赤色にでも変更してもいいですね。, （色々といじってみると、どんな機能が備わってるか分かるはずなので最初は適当にいじっちゃってください。変な事になったら「Command+z」または「Ctrl+ z」で戻ればOKです。笑）, ・ペイントスタイル：テキストを表示させたり、マスクのみを表示させたり、両方を表示させたりする, このエフェクトを調整しながら、実際のマスクの位置も調整していく。といった流れで、文字を形取っていきます。俺もそうだったんですけど、いじってるうちにコツみたいなのを掴んでいくと思うので、色々と試してみてください。, 文字が現れるアニメーションは、エフェクトコントロールの中の「開始」と「終了」のいずれかで設定します。好みのタイミングでキーフレームを打ち込んでアニメーションをかけてみてください。参考動画では、一秒間かけて文字が現れるように設定しています。, ①線（マスク）全体の位置の移動：ツールバーの「矢印ボタン」をクリック(「Command+v」または「Ctrl+v」)でマスク全体を移動する事ができます。, ②線（マスク）の調整：「ペンツール」を選択し、マスク作成の時に生成した「コントロールポイント」をクリックすれば適宜調整する事ができます。ちなみにコントロールポイントは「●←こういうの」です。, 今回、僕が作成したアニメーションでも、その辺を主に編集していきました。(参考動画を参照), 色々と編集してみて、いい感じになったなと思ったら、エフェクトコントロールのペイントスタイルで「元のイメージを表示」と設定して試してみましょう。, さて。文字の手書きアニメーションもいい感じに完成したら、後は仕上げにいくつか追加で設定をすれば、より完璧に近づくはず。, じっくりと編集した部分を確認してみると、Tの線の先端がこんな感じになっているはずです。, メニューバーのエフェクトから「時間」→「CC Force Motion Blur」を選択。, ただこの辺は「どうせ目に止まらない速さで現れるから、いいんじゃない？」って人は無視してもOKっすね。笑, さらにさらに。よりスタイリッシュに手書きアニメーションが現れるように、キーフレームに「イージーイース」をかけて完成です。, 上記の流れのワンクリックの際に「長押ししてカーソルを少し移動」すればハンドルが出てくると思います。それを使って曲線を作成する。, 【Premiere Pro】4K動画の編集術。プロキシ作成で重いデータもサクサク編集しよう。, 【After effects】illustratorで作ったグラフィックにアニメーションを加える方法, 『天川村フォトコンテスト2019』で「天川村新発見賞」というワンパクな名前の賞を受賞しました。. After Effects英語版と日本語版のエフェクトリスト対応表 (2) AfterEffects のショートカット (1) Blogger・wordpress (10) Minecraft (3) Youtube・ニコニコ動画 (3) ゲーム (11) デザイン (21) 素材・フォント (11) 便利サイト紹介 (5) 漫画 (1) Cinema 4Dの操作を学ぶ際に、オススメをする簡単なチュートリアル13個目です。練習とはいえ、恰好の良い物を作りたいですよね。こちらの動... 昨日はLearn Squaredの事も書きましたが、その前にもX-ParticlesやCycles 4Dを時間を見てはちょこちょこといじって... Cinema 4Dの操作を学ぶ際に、オススメをする簡単なチュートリアル12個目です。練習とはいえ、恰好の良い物を作りたいですよね。こちらの動... Cinema 4Dの操作を学ぶ際に、オススメをする簡単なチュートリアルです。 練習とはいえ、恰好の良い物を作りたいですよね。こちらの動... Cinema 4Dの操作を学ぶ際に、オススメをする簡単なチュートリアル17個目です。練習とはいえ、恰好の良い物を作りたいですよね。こちらの動... Cinema 4Dの操作を学ぶ際に、オススメをする簡単なチュートリアル3つ目です。 練習とはいえ、恰好良い物を作りたいですよね。こちら... 早くも金曜日になってしまいました、あっと言う間に年末になりそうです。 頑張って今月も乗り越えて行きましょうね。本日はチュートリ... 早くも８月に入ってしまいました、来週にはお盆休みに突入ですのであっと言う間に終わり、年末などになりそうです。 頑張って今月も乗... 2017年 ５月1日beepleさんが毎日１作品制作するeverydayプロジェクトが10年目を向かえましたね。記念すべき10年目どんな作品... Adobe社のPhotoshop CC 2017を導入後、どうにもこうにもフリーズが多く困っていました。特に、レイヤー効果を付ける為にレイヤ... 都内で働く、映像ディレクター兼、カメラマン兼、キャメラマン兼、編集者兼、音響兼と何でも屋になっています。, Get your authentic antique paper textures right here! プレミア導入のため、エフェクトのループ化した動画素材を用意したいのでその検証。今流行のダイナミック壁紙の素材作成にも使えるテクニックだと思います。パーティクルのシーン作成作例ではtrapcode particularを使いますが、通常のパーティクルでも構いません。 Some Rights are Creative Commons 3.0, 不明になったファイルを簡単操作でさくっと置き換え「Search&Replace」リリース！, 【After Effects】エクスプレッション作成の為のTIPSまとめ | CGメソッド, 【After Effects】絶対に入れるべきおすすめの無料プラグイン | Adobe信者NEXTistの動画編集が楽しくなる小ネタブログ（NEXTist Skill Box）, After Effectsユーザーのための、プログラミング入門 その６ AEスクリプトのTips, Creators' Heads／クリエイターズヘッズ：映像クリエイターのためのニュースサイト. なぞり終えたら、アニメーションを設定します。 線のエフェクト画面から. アフターエフェクトを使って、文字を書き順通りに徐々に表示させていくアニメーションの作り方。イラストレーターのデータを利用した方法を、配置からレンダリングまで、詳細に記載してあります。 ※今回はプレーンの「Element 3D V2」以外の有償プラグインやマテリアルは使用せずに作っています。, All Articles are licensed by individual authors. 脅威の90％引きも!! おっ、Motion Design Schoolでセール開催中!! After Effectsとは？ After Effectsとは 映像を加工 したり、 エフェクトを追加 したり、 何もない無の空間（0の状態）から映像を作り出す 事ができる、業界で最も支持されているソフトウェアです。 CMやテレビ番組で見かける複雑な映像もAfter Effectsで作られていることが多いです。 These textures were scanned from several old books including one that is over 250 year, 海外発の『Black Fridayセール』が猛威を奮っていますが、皆さんは何かお買い物をしましたか？, Cinema 4D オススメ チュートリアル.13 回転する文字、物体のトランジションとトレーサオブジェクト, Cinema 4D オススメ チュートリアル.12 Cinema 4D で Cinema 4D のロゴアニメーション, Cinema 4D オススメ チュートリアル.17 星の形のオブジェクト ウォーク・オブ・フェームのモデリング, Cinema 4D オススメ チュートリアル.22 Cinema 4DとPhotoshopで作る宇宙的な物体, Cinema 4D で制作されたかっこいい映像 その５ 『DROPLETS Simon Fiedler』. 映像の事、Cinema 4D、Houdini、UnityやAfter Effectsの事など綴ります。, 2017/8/19（3年前） 2019/6/10 After Effects, Photoshop, チュートリアル, フリー素材, どうも最近夏らしさが無いですね…。お盆も過ぎ８月もあっと言う間に終わるでしょうから頑張って過ごしていきましょう。, しばらく更新が無かったのですが、とある会社の内輪での表彰式動画の制作をしていました。今回のOPはゲームアンチャーテッドのOP風にしたいと言う意向により制作をしました。, こんな感じにして欲しいと言う依頼でした。インクがにじむ様な効果は7～8年前にもはやったと思うのですが、時代はめぐると言う事ですね。, creativedojoさんのこちらのチュートリアルが一番クォリティが高かったので参考にさせていただきました。, 検索の際に 『Ink Reveal』 などをすると参考になる沢山の動画が見つかるかと思います。, インク自体の素材ですが、THE BEST INK STOCK FOOTAGE そのまんまじゃねえかと言うこちらのサイトを利用させていただきました。格好いい物が多く値段も手ごろであったので大変助かりました。, サイトでは、インクのフリー素材も配布しているので気になる方はダウンロードをしてみて下さい。, 台紙となるヴィンテージ風の紙は、Video Copilotさんで無料で配布をしているので活用させて頂きました。, 今回とある会社の代表の方から依頼をされたのですが、極力ゲームのOPに近い物をと言う事で、アンチャーテッドのOPを参考に、その会社に置き換え、人物の配置、文字の配置と、表彰式と言う内輪のみで使うパロディー動画は作っていて本当に楽しいですね。, インクがにじむ動画手法ですが、今後も色んな所で使われると思いますので練習もかねて作ってみると楽しいと思われますよ。, Video Copilotさんで配布されている、クリスマス向けニット素材の記載をしました。, Adobe After Effectsトレーニングブック サンプルデータを触りながら学べるハンズオン形式の解 [ 高橋篤史 ], After Effects標準エフェクト全解［CC対応 改訂第4版］【電子書籍】[ 石坂アツシ ]. 今回はAfter Effectsを使った「手書き風」のアニメーションの作り方を、お伝えしたいと思います。今回で第二回目となる映像編集の講座となります。, って思う人も、もしかしたらいるかもしれないんで、とりあえず例題としてこの動画をご覧ください。, .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }, かっこいい雰囲気のある映像ですね。最近、こういう演出が外国人映像クリエイターの中で結構流行ってる気がします。撮影した素材データ膨大な事なってそう。, この映像の約5秒〜8秒にかけて、手書き風のタイトルが表示されているのが分かると思います。, 文字アニメーションの中でもライブ感があって、スタイリッシュな演出をもたらすことが出来るこのアニメーション。, そして今回使用するソフトは、前回同様にAdobe製品のアニメーション作成ソフトの「After Effects」となります。（ちなみに他製品のソフトだったら、Apple製品の「Motion 5」などもあります。）, そして、またまた前回同様いきなりですが、このブログの内容を動画にしましたので、合わせてご覧くださいませ。, この参考動画を見ても、いまいちよく分からないという方も、このブログを読んでもらえれば100％理解できるはずです。それでは始めて行きましょう。, 今回のこの記事で使用するテキストは、さっきの例題のVeniceの動画にインスパイアされて、こんな感じのテキストにしました。, で。背景の湖の動画ですが、これはフリー素材のをダウンロードしてしています。（ちなみに「Pixabay」というフリー素材配信サイトからダウンロード。ここはフリー画像が豊富で割と便利です。）, まずはAfter Effectsを起動し、新規プロジェクトを作成。ソフトが開いたら、プロジェクトの欄で右クリックして「新規コンポジションを作成」を選択する。, コンポジションの内容は、今回のプロジェクトではこんな感じでOK。デュレーションは、そのプロジェクトの長さになるから、お好きな長さで設定してもらえればなと。今回はとりあえず「20秒」に設定。（ちなみにこれは「コンポジション設定」から後で変更も可能です。）, プロジェクトの欄で右クリックし「読み込み」を選択。そこから「ファイル」をクリックし、任意の動画や背景を選択すれば完了。今回は先ほどダウンロードした湖の素材を読み込んで、タイムラインに配置します。, 方法は二つ。タイムライン上で右クリックし「テキスト」を選択する方法。またはAfter Effectaのワークスペース左上のツールバーから「T」を押して入力すれば完了です。（文字の位置調整は、ワークスペース右側のエフェクト＆プリセットパネルにある「整列」をクリックすれば中央に一発で配置できたりするのでオススメです。）, この辺はAfter Effectsを触ったことがある人なら、お馴染みの方法だと思うので苦労ないかと思います。, さて。ここから少〜しだけ難しくなります。と言っても、やること自体は超シンプルなんで一歩一歩進めていきましょう。, まずは「ペンツール」を選択する前に、タイムラインパネルで先ほど配置したテキストをクリック。, After Effectsのワークスペースの左上のツールバーの中にある「万年筆のようなペンのアイコン」をクリック。(キーボードショートカットは「Command+g」または「Ctrl+g」) ちなみに先ほど話したテキストの「T」の左隣にあります。, 標準のコンポジションパネル(映像が映る画面)では、字が小さく表記されてめちゃくちゃなぞりにくいはずなので、拡大率をあげて作業することをオススメします。ちなみに今回は200%で編集しました。, 任意の位置にペンを移動させ、ワンクリックして、さらに任意の位置へ移動させワンクリックすれば「直線」が出来上がる。基本的な作業はこんな感じです。, ただ今回みたいな「文字のなぞり書き」の場合は、曲線が多いので注意が必要。そんな時の方法は、上記の流れのワンクリックの際に「長押ししてカーソルを少し移動」すればハンドルが出てくると思います。それを使って曲線を作成する。といった流れになります。, ペンツールを使って、線を引いたのはいいけど「変な図形が浮かび上がってくる」という場合は、ツールバーから「塗り」を「なし」に設定しておく必要があります。コンポジションパネル(映像が映る画面)の上部付近にあります。画像左上に写ってますね。慣れていない人は、見落としてしまう場合もあるので気をつけて。, そうなんです。文字の殆どはいくつもの線で成り立ってるので、一本の線だけで出来るわけではありません。(やり方によっては出来るけど、今回はパスします), やり方は簡単。線を引き終えたらMacユーザーは「Command+左クリック」で、Windowsユーザーは「Ctrl+左クリック」すれば「線」を閉じる事が出来るので、新しく「線」を生成する事が可能になります。, ④線を追加する場合は「Command+左クリック」または「Ctrl+左クリック」で閉じる。, ペンツールでの「なぞり書き」が完成すれば、画面にはこんな感じの線（マスク）が完成しているはず。, このマスク1、マスク2、マスク3・・・・。 「オレはこんな方法でやってる」みたいなことがあれば、是非コメントを頂けると嬉しいです。 After Effects アンチャーテッド風のインクがにじむ オープニング制作 2017/8/19 （ 3年前 ） 2019/6/10 After Effects , Photoshop , チュートリアル , フリー素材 お盆も過ぎ8月もあっと言う間に終わるでしょうから頑張って過ごしていきましょう。