トランジションについて学ぼう-シェイプアニメーション編-【AfterEffects/チュートリアル】
Рет қаралды 27,816
2 жыл бұрын場面を切り替える際に役立つトランジション効果について紹介します。
トランジションには様々な手法が存在するので、何回かに分けて解説したいと思います。
まず最初に作成するのはシェイプアニメーションを使ったトランジションです。
▶目次
00:09 トランジションとは？
01:44 作業開始
03:23 線幅に入力する値の決め方
05:08 線端を丸型に変更した際の注意点
07:27 複製して配置
09:24 エフェクトを使った加工方法
10:18 トランジション素材の使用方法
12:01 画面を覆い隠さないトランジション素材の使用方法
Motion Toolsに関しては、無料から有料となってしまったので、導入されていない方は以下の動画を参考に作業を進めてください。
→ • Motion Tools未導入の方へ！標準機...
エコーのエフェクトコントロールについての解説動画
→ • シェイプアニメーションと相性の良いエフェクト...
☑️チャンネル登録よろしくお願いします
kzfaq.info...
🔧Twitter🔧
/ puttimw
〇お願い
引用元の明記なく、本動画の全部、または一部を切り取って(ダウンロード、録画、スクショなど)の二次配布はご遠慮ください。
「Putti Monkey Wrench」の明記と、チャンネルまたは該当する動画のURLを明記していただければと思います。
大学、専門学校などで使用する場合は、一声かけてくだされば、解像度の高い画像を提供できます。
是非ともご活用ください。
@MASA-xk6gz 2 жыл бұрын
いつも素晴らしいチュートリアルをありがとうございます❗次回も楽しみにしています😊
@PuttiMW 2 жыл бұрын
いつもありがとうございます！！！
@user-bu2ny8vt9q Жыл бұрын
説明が本当にわかりやすくて助かります！しかも、声が綺麗ですごく落ち着きます。無料で見れるクオリティーの動画ではないと思います。本当に凄いです。これからも動画投稿頑張ってください！楽しみに待ってます！
@PuttiMW Жыл бұрын
動画を見てくださりありがとうございます！ そう言っていただけると嬉しいです！ 今後もどうぞよろしくお願いいたします。
@tokumeisimadach8083 Жыл бұрын
いつもお世話になっております！プッティさんのこのシリーズ凄く頭にはいるので助かります！
@PuttiMW Жыл бұрын
いつもありがとうございます！！ トランジションシリーズはまだもう少し続きますので、お付き合いいただければ嬉しいです！ 今後もどうぞよろしくお願いいたします。
@tokumeisimadach8083 Жыл бұрын
@@PuttiMW プッティさんの動画は全部見てますよ！どんなシリーズでも！このシリーズはいろいろ得るものが多くて好きです！
@pacho731 8 ай бұрын
いつも動画を作るとき、トランジションは大概フェードインフェードアウトだったのですが、いろいろ種類を増やすために勉強させていただきます！
@PuttiMW 8 ай бұрын
いつもありがとうございます！ トランジションはちょっとしたアクセントやチャンネルの色も出ると思いますので、こだわるといいかもしれませんね！ 是非挑戦して見てください～！
@hijackeboy Жыл бұрын
はじめて動画を拝見させていただきましたが、ビックリするくらい細かく丁寧な解説で感銘しました....
@PuttiMW Жыл бұрын
動画を見てくださりありがとうございます！ 動画制作において気を付けているポイントでもありますので、そう言っていただけると嬉しいです！ 今後もどうぞよろしくお願いいたします！
@ichiryu-kazuaki 2 жыл бұрын
参考になりました。 まず自分で作ってみたんですけど、その時はシェイプの重ね→プリコン化×５ でしたが、エコーで出来るんですね。 こういう、上手い人のシェイプを見て分解して真似るっていうのを最近やってるのでとても参考になります。 是非最後は「実戦編」みたいなので高度なのを期待します。
@PuttiMW 2 жыл бұрын
通常ならシェイプレイヤーを重ねたり、プリコンポーズしないと再現できそうにないものが、エフェクトを活用することで簡単に再現できるのは魅力的ですね！ トランジションの動画はまだいくつか用意していますので、他では見ないAeのテクニックを紹介していく予定です！
@ichiryu-kazuaki 2 жыл бұрын
@@PuttiMW 様。期待大！
@user-no9ef3mu7l 9 ай бұрын
10:52 12:50いったんの発音かわいい
@user-gf3rf5oe1q 8 ай бұрын
とてもいいチュートリアルありがとうございます こちらを参考に作らせていただいたのですが、CC Compositeを重ねると色が単色になってしまいます 2023verのためかCC Compositeの設定にTopLayerというものもあり戸惑っております バージョン更新前の動画へのコメントで申し訳ないですが解決策等ありますでしょうか？
@PuttiMW 8 ай бұрын
動画を観てくださりありがとうございます。 バージョンを2024にしてみましたが、たしかに新しい項目が追加されていますね！ しかし手順は変わりません。CC Compositeを適用するだけです。特になにも触らなくて大丈夫です。 単色になってしまったのはTop Layerに最初から割当たっているものを、「なし」に変更してしまったのではないでしょうか？？ エフェクトコントロールパネルからCC Compositeの右隣にリセットと表示があるのでそちらをクリックすると行けると思います。
@user-gf3rf5oe1q 8 ай бұрын
ご返答ありがとうございます。 失礼しました2024でした！ 23verで作成し利用することにしました ありがとうございました --塗りのカラーを除く手順や数値等が同じものを再度試してみました。ご指摘通り「なし」に設定した場合は設定した色の単色でしたがリセット実行後・調整レイヤー(CC Composite設定変更なし)複製後は、白単色になってしまいました--
@akai_hoppeta_HIROSHI 2 жыл бұрын
プッティ先生の動画内のトランジション、いつもカッコイイと思っていたので、 ご紹介してくださって嬉しいです＾＾
@PuttiMW 2 жыл бұрын
いつもありがとうございます！！ トランジションは結構な種類があるので、次回も引き続きトランジションについて動画をアップします！
@focaccia5865 2 ай бұрын
質問をする前にコメント欄で確認させてもらいました 10:00からの「更に色数を増やしたい場合は」というところですがシェイプが伸びて「単色の真っ白」になりました 色が増えません、CC Compositeの右側のリセットをクリックし、色を変更するとできました、おそらくバグでしょうか？ 自分は解決できたのですが、このコメントで問題解決できる方がいればいいなとおもいます
@PuttiMW 2 ай бұрын
ありがとうございます！ CC Compositeのリセットですが、リセット前とリセット後の数値は同じでしょうか？ もしそうであれば、なにか問題がありますね… ユーザーのほとんどが同じ現象になる場合はバグかもですね。 もしくはグラフィックボードが原因で起きるケースもあるようです。その他キャッシュの削除などをしたりする必要があるかもしれません。 いずれにせよイレギュラーなトラブルに遭遇してしまったようですが、解決したようで良かったです！
@yonagimiiha 7 күн бұрын
@@PuttiMW 同じ個所で同じ現象が起きました。 下のレイヤーのOpacityを90%にすることで表示されました（原理はわかりません。色々試して解決したのがこれでした）。 同じ問題の方の解決策になればと思い書き込みしておきます。
@PuttiMW 2 күн бұрын
@@yonagimiiha ありがとうございます。 謎現象ですね……現行のバージョンと動画内のバージョンで、エフェクト自体も少し変わったので、そこも影響しているのかな？と思います。 情報共有感謝です！！
@user-nd8iw4wo3d 2 жыл бұрын
すみませんが、あの3番目四角違う柄でどうやって作れれてますか？最初白い、真ん中ブライト、最後水玉みたい。ブライトを使うと、全部のレイヤーはブライトになってます💦....
@PuttiMW 2 жыл бұрын
すみません、どの部分でしょうか？ 時間記載していただけると助かります。
@user-nd8iw4wo3d 2 жыл бұрын
@@PuttiMW 0:03です。
@PuttiMW 2 жыл бұрын
@@user-nd8iw4wo3d こちらの動画はシリーズとなっています。 0:03 のトランジションについては今後解説動画がでますのでお待ちいただければと思います。
@user-nd8iw4wo3d 2 жыл бұрын
@@PuttiMW やはり自分でやってみようと思ったけどそこまでのスキルはないとできません😭 解説動画を楽しみしてます。ありがとうございます😊
@user-nd8iw4wo3d 2 жыл бұрын
Putti先生のチュートリアルの配色はいつもセンスがいいなあと思ってます。٩(^‿^)۶
@PuttiMW 2 жыл бұрын
ありがとうございます！自分ではセンスがない方だと思っているので、大体は配色ルールに沿って決めています。 色に関する書籍をひとつ持っているだけでも、選ぶのが相当楽になるので重宝しています！
@user-gp9vn1tt3b 5 ай бұрын
一つお伺いしたいことがあります。 10:10で塗りの色を変えるために調整レイヤーをコピーしましたが、 シェイプが真っ白になるのはなぜでしょうか？
@PuttiMW 5 ай бұрын
調整レイヤーを複製して、調整レイヤーが2つある状態にします。 塗りの色を変更するのは、上の階層の調整レイヤーで行ってください。 塗りの色を変えても、意図通りに色が変わらない場合は、「エコー演算子」を変更して見るとうまくいくかと思います。
@user-gp9vn1tt3b 5 ай бұрын
@@PuttiMW ありがとうございます！
@sutehage_da 9 күн бұрын
6:20 シェイプ？を左に動かそうとすると右側のシェイプも付いてきてしまうのですがどのようにすれば良いのでしょうか？😢
@PuttiMW 2 күн бұрын
6:20 確認しましたがシェイプは1つしかないはずですが…… お手数おかけしますが、右側のシェイプというのが何を指しているのか、詳細をお願いいたします…
@tock4867 Жыл бұрын
puttiさん、こんにちは。いつも動画、コメント勉強になります。 質問お願いします。10:00ごろのシーンです。１つ目の調整レイヤーを掛けるところは、こちらでも再現できました。白の後にちゃんと青が追いかけてきます。 が、２つ目の調整レイヤーを複製した途端へんてこに。 最初のアニメーションの出現色が、白ではなく３色目の塗り色に変わり、且つ、その３色目がトランジションのほぼ全体色を占めるという現象が。･･･白と青はチラ見せ程度に。 エフェクト・エコーの数値もcompositeも特に変更していないのですが、う～む、なぜなのか。 なんかこういう時って一人で焦るものですね。ヤバイ！授業置いて行かれるっ、みたいな。小学時代を思い出して、ねるねるねるね食べたくなりました。ありがとうございます！
@PuttiMW Жыл бұрын
動画をご覧いただきありがとうございます！ 何故でしょう…これは原因がわからないですね… 動画のエフェクトコントロール、レイヤーぺネルを、見比べて違うところはないでしょうか？ 調整レイヤーを作成して、エコー、塗り、CC Compositeを順番に適用するだけなのですが、もしかすると再度調整レイヤーを作り直して1から手順を追えばいけたりしませんか…？ 画像があれば何かわかるかもしれませんので、もし気になる場合はTwitterの方へリプください。
@tock4867 Жыл бұрын
@@PuttiMW puttiさんご返答ありがとうございます！ 即返いただいたのに、こちらの返答遅くなりすみません。 結果は、最初から試してみたり、1/4画質からフル画質に戻してみたり、「まさかシネマ４D！？」なんて画面に目を走らせてみましたが、やはり現状です。トホホ…。 そもそも事情があって、CC2019のままで作業していたりするこちらのPC環境に原因があるのかもです。CC2019だと、〈線〉のテーパード項目もないですし...。 お忙しいなかご教授ありがとうございました。この件は後の課題として引き出しへポンして、いったん先に進みます！
The Spiffing Brit
Рет қаралды 1,1 МЛН
fenomeno(ふぇのめの)
Рет қаралды 2,1 М.
ティップスマッシュ【図解で学ぶAfterEffectsのTips】
Рет қаралды 384 М.
サンゼの After Effects 教室
Рет қаралды 165 М.
サンゼの After Effects 教室
Рет қаралды 126 М.
Putti Monkey Wrench
Рет қаралды 31 М.