上限レイヤーに達した場合は、ファイルを複製し、複数のファイルにまたがって作業を進めます。
***macの場合はAir DropでiPadに飛ばすだけで簡単に読み込みができます。, Procreateでpsdファイルを読み込むとレイヤー構造が保たれたまま展開されるので、トレースして1コマずつ絵に起こしていきます。 ■←元絵（元の動画） から、gifを選択し、アニメーションgifで書き出します。 【余談】ウェブ用に載せるアニメgifはこれで作れるので、デジカメなどで撮った動画をアニメgifにする場合は、このやり方で書き出して使用したりしています。 (adsbygoogle=window.adsbygoogle||[]).push({}); 3度の飯より動画大好き！これからは動画の時代！動画の作り方や編集テクニックなど「観る」から「発信する」に変わるための動画にまつわるアレコレをご紹介します。, 【FlexClipレビュー】プロモーションムービーが簡単に作れるWEBサービスを使ってみました, スマホだけでOK！iMovieで動画に手書き文字・イラスト・アニメーションを入れる方法. 1コマあたり、最低でも3つの絵（レイヤー）ができあがっていくため、割とあっという間にProcreateの上限レイヤー数に達してしまいます。 TORAERA DOUGAさんはAfter Effectsチュートリアル動画をたくさんアップされているので参考になります。, After Effects販売25周年記念 無料のAfter Effects用ツール をまとめてご紹介します, とりあえずAEの主要な機能と使い方を広く浅く理解することで、多くの人が最初のハードルを越えられる。なによりも、実際に自分の手を動かして使ってみることが大事。超初心者オマカセ。, 初心者から現場の人まで必ず役立つ 本書はAfter Effectsの機能名で章立てされており、作例を作りながらそれらの各機能の意味や操作方法などを学んでいくというつくりになっています。さらにそれらの章の途中途中には、該当する機能を用いた個別の作例がいくつも挟み込まれているので、自身の作りたい映像や使いたい効果と照らし合わせて、適切な作例を参照するという利用方法も可能です。 【オススメの並べ方】 2018.11.18 初心者向けの基本から3Dエフェクト、カメラ、その他VFXなどの高度なエフェクト技術まで幅広いレッスン内容です。 【注意】
（ギターは自分で弾いて録音したものです。）, After Effectsは操作が複雑で、使いこなせるようになるまではとても苦労します。 まず、iPadのKeynoteを開いてプレゼンテーションを作ります。 今回はホワイトのテーマを選びました。 1.プレゼンテーションのサイズを16:9に変更する ・完成 https://www.youtube.com/user/toraera （学習コストが高く、一人で調べながら操作を理解するのは至難の技。）
書き出した後、gifファイルをそのまま読み込むのではなく、再度Photoshopで読み込みます。. 1980 x 1020 ・レイヤー名の調整（レイヤーに1、2、3、4、5〜〜〜と名前をつけていくだけ） （描いた絵の量によってはカクカクしてしまいますが、それも味ということで…） ・ウェブ上のブログ記事など
（例） レイヤー > トランスフォーム > コンポジションに合わせる *** 割引セールもけっこう頻繁におこなわれているので、定価の半額以下でレッスンが受けられたりします。 あとはBGMや効果音をつけたりすれば完成です。, 元の動画の音は一切使わず、フリー効果音素材（街の音や乗り物の音）を複数組み合わせて使用しています。 Procreateで絵を描くにあたり、画像（キャンバス）サイズは仕上がり動画のサイズを考慮して作業することをお勧めします。
なので、Photoshopで再度gifファイルを読み込み、レイヤーを減らします。
>>> これで一括でレイヤーが時間軸に沿って、階段状に並びます。 ・ほぼ完成, 1フレームだと動きが早すぎるので、2〜3フレーム単位で動かすとちょうどいい早さになります。 その後、保存された.psdファイルをiPadのProcreateで読み込みます。 ファイル > 書き出し > Web用に保存
【オススメのAfter Effects学習法】 無料で使うことのできるアプリ、KeynoteとiMovieを使った誰でもできるロゴアニメーションの作り方です。使い方を覚えてしまえばすごく簡単に作ることができるのでぜひ挑戦してみて下さい。 そんなあなたに誰でも簡単にアニメーションを作成できる無料アプリをご紹介します。, Adobe Voiceは一般の人でも簡単にアニメーションを作成することができるiPad用無料アプリです。, このソフトはアニメーションビデオ作成ソフトに応用されている機能を、一般の人でも簡単に利用できるように加工した無料アプリです。, アニメーション作成時はiPad内にあるデータを取り込むことができ、約25,000あるアイコンや数百万にのぼる画像素材も利用することができます。, 一から作るというよりも、素材を選択したときに外観などを自動的に彩るようなサポート機能が充実しているため、一般人でもクオリティーの高い作品を作りやすい環境となっています。, 仕事やプライベートでアニメーションビデオ制作に取り組んでみたい方は「Adobe Voice」からはじめてみてはいかがでしょうか。, プロの現場と同様に一枚一枚イラストを重ねることで、アニメーションを作ることができます。, おすすめポイントとして、自分の画像をGIF画像にでき、SNSで友達に見せる事ができます。, 今回ご紹介したアプリで誰でも簡単にプロ並みのアニメーションを作成することができます。, iPadで作りたいという方は、無料アプリなのでぜひダウンロードしてお試しください。, 【立体的な動きができる】After Effects 3Dカメラワークの使い方【動画解説】, あのAdobe社が出したipadで簡単にアニメーションを作成できる無料アプリ【Adobe Voice】, イラストに命を！本格的なアニメーション作成アプリ【Animation Desk Cloud】. アニメーション > キーフレーム補助 > シーケンスレイヤー ・, トレースが終わったら、.psdファイルで書き出し、パソコン側で受け取り、After Effectsで読み込む前にPhotoshopでファイルを開きます。 ※ここでレイヤーを整理しておかないと、After Effectsで正常に読み込めなかったりして非常に手間取ります。, 1コマずつレイヤーを整理。After Effectsではこの絵を時間軸に沿って並べることになります。, ・After Effectsを起動 から、gifを選択し、アニメーションgifで書き出します。. 参考にご覧ください。, こちらは各キャラクターごとに1〜4枚の絵を描いてアニメーションさせています。 描き起こすレイヤーを準備できたら、『別名で保存』などを実行し、.psdファイルで保存します。 【レイヤー構造】 ■←線画用のカラー が手軽で時間を掛けずにAfter Effectsを習得できる方法だと思います。, UdemyのなかでもイチオシなのがOMOKAGE TVさんの講座です。
AE初心者・未経験者のための最初の一冊!演習用素材をダウンロード提供!ハンズオンで覚える必須機能&テクニック! ・ ・パラパラ漫画のように展開するよう、アニメーションさせる順番に並べる オープニングの文字もProcreate描いたものをAfter Effectsで加工して作成しています。, 今回紹介した方法ではロトスコープアニメーションを作成できますが、元になる動画（と、その手順）を省けば普通のアニメーションを作成することもできます。 ・YouTubeのチュートリアル動画 読み込み方を誤ると各レイヤーが統合された状態になり、アニメーションが作成できないので注意してください。
□←トレースした線画 それでは、作り方を早速シェアします！ 【iPadのKeynote】手書き風アニメーション動画を作る方法.
その後、使用する箇所（アニメにする箇所）を選択し、トリミングします。, Photoshopで コマごとの絵を描いて動かすアニメではないのでそれほど手間が掛からず、After Effectsを使ってアニメーションを作る場合はこちらの方が一般的です。 iPadでアニメーションを作成したい。 トレースが終わったら、トレース元の動画のコマは削除していきます。
PCがなくてもiPadでアニメーションはできます！ 今回ご紹介したアプリで誰でも簡単にプロ並みのアニメーションを作成することができます。 iPadで作りたいという方は、無料アプリなのでぜひダウンロードしてお試しください。 動かす絵のパーツ（顔、体、手足、など）を用意して、キーフレームを打って動かしています。 Udemyで学習 > YouTubeのチュートリアル動画や本・ブログで補完（あとは知人などに教えてもらったり） ■←線画用のカラー
3：Photoshopで開く ・レイヤーの整理（無駄なレイヤーの削除や結合） iPad Pro・Procreate・After Effectsで簡単に作るアニメーション（ロトスコープ）, After Effects Class 初めてでも安心！現役クリエイターが教える動画コンテンツ制作術, After Effects cc : はじめてのVisualEffects！プロが教えるVFX動画制作, Adobe After Effectsベストプラクティス - 最短でアフターエフェクツを習得するオススメの学習法, 新型iPad Pro(2018)レビュー：iPad Pro & Procreate で快適な絵描き環境【プロ向け制作も】, iPad Pro + Apple Pencil + Procreateで絵を描く環境が激変した話, iPad Pro & Procreateで『王様ランキング』のイラストを模写してみた, iPad Pro & Procreateで『鳥山明の世界』カバーイラストを模写してみた. 圧倒的なボリューム&クオリティ ■←元絵（元の動画） 読み込んだ画像のサイズがコンポジションと合わない場合は、全レイヤーを選択した状態で レイヤーを減らすほどカクカクしたアニメになり、レイヤーを残すほど滑らかなアニメになります。 Full HD □←トレースした線画 など 1：.psdで書き出し ・Procreateでアニメーションになる絵を描く ********** ※初心者向けから高度なVFX処理系まで内容が豊富 ＆ レッスン動画を観るだけ。 ※がんばってそのまま描き起こすと非常になめらかなアニメーションになりますが、大変すぎるのでオススメしません。 移動するキャラ、上下左右の動きはキーフレームを打って作成。 【コマの整理】 で調整します。, ・タイムラインパネルに並べたアニメーションさせるレイヤーの時間を1〜3フレームに縮める（背景は縮めずに固定） CLIP STUDIO PAINTでアニメーションを作成するには、最初に作品のキャンバスを作り、アニメーションのフレームレート（滑らかさ）、アニメーションのフレームの数（再生時間）を決めます。 ※後から変更することもできます。 [ファイル]メニュー→[新規]を選択して設定画面を表示します。 表示された[新規]ダイアログで[作品の用途]から[アニメーション]を選択すると、アニメーションを作成するための設定項目が表示されます。 … 初心者でも簡単なアニメーション作り方を具体的に5つのステップでご紹介します。初めての方やプロでも本格的なアニメーションが簡単に制作できるアプリと便利な3つの機能もご紹介します。何から始めたらいいのかわからない方も是非参考にしてみてください。 Photoshopで開いたら、レイヤーの整理と時間軸に沿ってレイヤー名の調整をします。 ・ ・UdemyのAfter Effects講座 ・本, After Effectsを使いこなすにあたって、一番のオススメはUdemyのAfter Effects講座です。 書き出した後、gifファイルをそのまま読み込むのではなく、再度Photoshopで読み込みます。 チュートリアル本もアマゾンなどで探せばたくさん出てきますが、Udemyの方がはるかに理解しやすいです。 ■←元絵（元の動画） ・パソコンで絵を取り込み、Photoshopでレイヤー整理 ぜひチャレンジしてみてください。, ↓After Effectsで作れる普通のアニメのサンプルです。 **********.
（Premiereの講座もオススメ。）, オリンピックに向けて動画広告市場はTV広告市場を超える勢いです。歌手が音楽PVを持つように、会社が企業PVを持つ時代になります。動画スキルがあれば個人でもあらゆる分野で活躍することになるでしょう。アフターエフェクツでチャンスを掴んでください, Visual Effectsの技術を習得し、身近な環境でテレビや映画にありそうな視覚効果映像を作れるようになります。今まさに必要とされているスキルを習得することであらゆる場所で重宝される人材になることでしょう。映像を見る側から見せる側へ！, 【After Effectsの学習にオススメのYouTube動画】 **********
作業前にProcreateでサイズ確認しましょう。
・スライドの範囲はスライド1に（※今回はスライドが1枚だけなので「すべて」でも◎なのですが、2枚以上スライドがある場合は注意です）, 手書きアニメーションをiPadで作りたい方は、ぜひチャレンジしてみてくださいね＾＾. 漫画, 動画ファイル(.mp4など)をフォトショップで読み込みます。 ────────────────── 本文は、オペレーションに困らないだけの豊富な解説テキストと図版で構成されており、各解説項目のはじめには「学習のポイント」、おわりには整理された「要点」が明記されているので、一人の学習であっても予習復習がしやすくなっています。さらに、解説の合間にはTIPS、POINT、注記などの付帯情報が数多く盛り込まれているため、知識をより深化させるにはもってこいです。, はじめての人でも大丈夫!一歩進んだムービー作成に挑戦!モーショングラフィックスの基本から各種エフェクトまでサンプルを使ってステップ単位でマスターできます。. 一見作るのが難しそうなホワイトボードアニメーションですが、100均ショップで手に入るホワイトボードやペン、あとはスマホさえあれば作成できます。具体的な作り方をまとめました。 【余談】ウェブ用に載せるアニメgifはこれで作れるので、デジカメなどで撮った動画をアニメgifにする場合は、このやり方で書き出して使用したりしています。. TORAERA DOUGA ・読み込んだファイルから.psdファイルに含まれる全レイヤーを含んだフォルダが生成されるので、読み込んだレイヤーをタイムラインに並べる Udemy ファイル > 書き出し > Web用に保存. ■←線画用のカラー ・After Effectsで動きをつける 検索するとパソコンの動画編集ソフト（AfterEffects）を使った作り方はたくさん出てくる。, KeynoteはiPad版のパワーポイントのようなもので、プレゼン用のスライドを作ったりするのが主な用途。, 私も以前やってみたのですが、慣れない操作が初心者の私には難しくて、作り上げるのに2〜3時間かかってしまいました。, 「スライドのサイズ」を選択するとプレゼンテーションのサイズを変更できるので、ここで「16:9」を選びます。, あらかじめ作っておいた文字の画像をここで取り込みます（後でそれを上からなぞります）, するとカメラロールの写真や動画が選択できるようになるので、作っておいた画像を取り込みます。, ・1080p ── 編集可能なレイヤースタイル ・新規コンポジションを作成 □←トレースした線画 ── 読み込みの種類：コンポジション - レイヤーサイズを維持 要は普通のアニメです。 **********. 書き出されたファイルは1秒間あたり30コマ（動画を60fpsで撮っている場合は60コマ）もあるため、このまま描き起こすと大変な作業になってしまいます。 2：パソコンでファイルを受け取る なるべく規則的に2〜5コマ（レイヤー）につき1枚、レイヤーを削除していきます。 ・.psdファイルの読み込み *** レイヤーを全選択 ロトスコープに比べて通常のアニメーションの方が作業序盤での手順が少ないので、いきなりアニメ作成に入ることができます。