終了

図形を別の図形に変形させる方法を教えていただきたいです!

New Here ,
Nov 23, 2024 Nov 23, 2024

リンクをクリップボードにコピー

コピー完了

after effects初心者です。現在のスキルはillustratorがある程度使え、photshopとlightroom、premire proは少し触ったことがある程度です。あと関係ないかもしれませんが、vecterworksは問題なく使える感じです。

 

質問させていただきたいのは、線図形から線図形への変形のアニメーションの作り方です。

日本文化について動画的手法で広告のようなものを作るという大学の課題で、私は刺し子をテーマとして考えました。そして、刺し子のシンプルな図形で魅力的な画を作るためアニメーションが有効であると考えました。しかし、映像については特に経験が無く、premire proについても映像のカットと簡単なテロップ入れしか出来ません。そのためアニメーションを作成するために有効な方法が思いつかず、質問させていただいたという流れです。私が今回やりたいことは添付画像にまとめたので、そちらを参照していただきたいですが、簡単に言えば、刺し子のある柄から別の柄への変化を、アニメーションで表現したいというものです。

 

after effectsの他にも最初に挙げたソフトを用いてでもよいので何らかの解決策を思いつくものがあれば教えていただきたいです。よろしくお願いいたします。

図形変形質問用jpg.jpg

キーワード
FAQ

表示

160

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines

correct answers 1 件の正解

Community Expert , Nov 23, 2024 Nov 23, 2024

途中までですが、参考になれば、


最初の図形は、After Effectsのシェイプで作成できるので変形も簡単に設定できます。
図形を1個アニメーションできるように設定して、「リピーター」で複製を作成すると良いでしょう。
シェイプツールをダブルクリックして画面の中央に長方形を作成します。
シェイプは、フリーハンドで描かずにツールのダブルクリックや「追加」メニューからシェイプを追加して、画面中央にシェイプを出現させてから移動させることをお勧めします。


アニメーション設定をして、画面左上に移動させた状態です。

タイムラインのパスと「パンク・膨張」の配置は、下図の順番にします。
階層に気をつけて下さい。

ae101.jpg



「リピーター」も階層に気をつけて、間違った場合はドラッグで移動して下さい。
「コンテンツ」を選択した状態でリピーターを追加するとこの状態になると思います。

ae102.jpg


サイズはおかしいですが、このようにアニメーションができます。
二段目からも左から表示させる場合は、レイヤーの複製を追加して位置を調整して下さい。

ae103.jpg

投票

翻訳

翻訳
Community Expert ,
Nov 23, 2024 Nov 23, 2024

リンクをクリップボードにコピー

コピー完了

途中までですが、参考になれば、


最初の図形は、After Effectsのシェイプで作成できるので変形も簡単に設定できます。
図形を1個アニメーションできるように設定して、「リピーター」で複製を作成すると良いでしょう。
シェイプツールをダブルクリックして画面の中央に長方形を作成します。
シェイプは、フリーハンドで描かずにツールのダブルクリックや「追加」メニューからシェイプを追加して、画面中央にシェイプを出現させてから移動させることをお勧めします。


アニメーション設定をして、画面左上に移動させた状態です。

タイムラインのパスと「パンク・膨張」の配置は、下図の順番にします。
階層に気をつけて下さい。

ae101.jpg



「リピーター」も階層に気をつけて、間違った場合はドラッグで移動して下さい。
「コンテンツ」を選択した状態でリピーターを追加するとこの状態になると思います。

ae102.jpg


サイズはおかしいですが、このようにアニメーションができます。
二段目からも左から表示させる場合は、レイヤーの複製を追加して位置を調整して下さい。

ae103.jpg

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Nov 23, 2024 Nov 23, 2024

リンクをクリップボードにコピー

コピー完了

<追記>
長方形の向きが間違っていたので動画を作り直しました。
リピーターを追加して、画面全体に表示される様にしています。


また、白画面から画像が現れるようにするのは、「パスのトリミング」で出来ます。

 

<追記 2>

トリミングの動画を追加しました。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Nov 23, 2024 Nov 23, 2024

リンクをクリップボードにコピー

コピー完了

<追記>
Illustratorで作成したパスをAfter Effectsのシェイプにすることができます。


aiファイルを読み込んで、レイヤーメニュー/作成でシェイプに変換。
または、新規平面を作成してIllustratorのパスをコピーして貼り付けるとマスクパスとして表示されます。
マスクパスをコピーして、シェイプ/パスに貼り付けるとシェイプに変換されます。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
New Here ,
Dec 01, 2024 Dec 01, 2024

リンクをクリップボードにコピー

コピー完了

最新

返信遅くなり申し訳ございません。

答えていただき本当にありがとうございます🙇

添付していただいた動画や画像を見て参考にさせていただきながら、どうにか課題を提出することが出来ました!本当にありがとうございます。同じ学生の友達から褒められるものになり、とても嬉しかったです。これも答えていただいたおかげです。本当にありがとうございました。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines