終了

AiのファイをAeで読み込み、線のデータからパスをトレースするけど、ヌルレイヤできるパスの位置がAiの位置からオフセットが入りズレる。

エクスプローラー ,
Nov 30, 2021 Nov 30, 2021

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

コピー完了

Aiで書いた線のデータをAeでフッテージとして
読み込んで、ベクトルレイヤからシェイプを作成してます。

その後、できたシェイプからCreate Nulls From Pathsの
パスをトレースを使用してヌルを作っています。

出来上がったヌルレイヤの 位置が、Aiで作った位置と同じ位置できる場合と

オフセットが入っった状態でできる場合があります。

Ai側の作るファイルに依存する気がするのですが、原因が不明です。
誰か、知っている方がいたら教えてください。

現在の対策としては、
出来上がったシャイプレイヤのトランスフォーム内の
「アンカーポイントと位置のデータ」 と
シェイプレイヤーコンテンツーグループートランスフォーム内の
「アンカーポイントと位置のデータ」 を入れ替えた後に
(アンカーポイントとアンカーポイントの入れ替えと位置と位置の入れ替え)
パスをトレースすると何とか思う位置で動きます。

延びる矢印を作るのに便利な機能なので、知っている方がいましたら教えてください。

以上



よろしくお願いいたします。

キーワード
FAQ , エラーまたは問題

表示

1.2K

翻訳

翻訳

レポート

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

correct answers 1 件の正解

Community Expert , Dec 02, 2021 Dec 02, 2021

解決して何よりです。

 

Create Nulls From Pathsを適用する前に、線の移動やグループの削除をした方がエラーになりにくいと思います。

ヌルを作成した後に、移動や削除をするとヌルの位置・回転・進行状況に追加されているエクスプレッションにエラーが出ることがありました。

 

「グループ」は、シェイプレイヤーと親子関係になっているので、今回のようなズレが発生したと思います。
ヌルに追加されているエクスプレッションでは、親子の(子)の位置関係の計算は考慮されていないため、ズレが出たようです。

 

パスの階層を変えたことで、位置が初期化されたのでしょう。
また、新規で「空のグループ」を追加してパスを中に入れても正常にヌルが作成できます。

 

公開は自由にどうぞ。
経験者であれば、すでに試行錯誤で同じことを見つけた方は居ると思います。

投票

翻訳

翻訳
Community Expert ,
Dec 01, 2021 Dec 01, 2021

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

コピー完了

環境設定/一般設定に「アンカーポイントをシェイプの中央…」にチェックを入れてみてはどうでしょう。

 

または、レイヤー/トランスフォーム/アンカーポイントをレイヤーコンテンツの中央...
を使用して下さい。

投票

翻訳

翻訳

レポート

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

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

コピー完了

<追記>
先の設定だけでは、ヌルはズレるので、下図に記した位置とアンカーポイントの設定にしてコンポジションの中央に配置するようにすればズレなくなります。

ae101.jpg

投票

翻訳

翻訳

レポート

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

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

コピー完了

ご提案ありがとうございました。
アンカーポイントをシェイプの中央にのチェックも入れましたが、何の変化もありませんでした。
また、アンカーポイント位置の修正をすると,Aiで作った位置とのズレが生じてしまいます。
配線図の上を矢印が流れる映像を作る場合など
ベースのイラストに対して正確な位置で矢印を動かしたいので、良い方法があれば教えてください。

現在の手法とズレる現象をファイル添付いたします。

投票

翻訳

翻訳

レポート

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

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

コピー完了

簡単な操作で行うなら、「Overload」というエクステンションを使用してIllustratorからAfter Effectsに直接読み込む方法になります。

 

aiファイルを読み込む場合は、下記の手順で操作して下さい。
オプションのレイヤーサイズを維持する方法を選んで読み込みます。
コンポジションに配置して、ベクトル画像からパスに変換すると、座標が変わってしまうので変換は行わないようにして下さい。
Illustratorでファイルを開いて、パスをコピーします。
After Effectsで、レイヤーメニューから新規シェイプレイヤーを作成して、「パス」を追加してからペーストを行います。

ae101.jpg
aiファイルで読み込んだレイヤーの位置をコピーして、シェイプレイヤーの位置にペーストします。

ae102.jpg
これでヌルを作成できます。

ae103.jpg
シェイプレイヤーのパスに「線」を追加します。

投票

翻訳

翻訳

レポート

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

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

コピー完了

<追記>

2回目に返信した方法でも、シェイプレイヤーの「位置」とaiファイルのレイヤーの位置を合わせれば、対応できます。

3回目の返信の方法は手間がかかってしまいますね。

ae101.jpg

投票

翻訳

翻訳

レポート

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

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

コピー完了

丁寧な説明ありがとうございました。

社外のアプリを使用したら確かにできそうです。

 

しかし、現状でも手間をかければ動く対応ができるので良いのですが、
根本的な解決がしたいので、原因を知りたいところです。

使い方が悪いのか?ソフト的な不具合なのか?

Adobeのサポートに問い合わせしてもフォーラムに投げて聞いてくださいとの対応で
困っています。

Adobeのソフトって、この程度の仕上がりとサポートなのでしょうか?

 

最終的な目的は、Aiで書いた、線が曲がりながら伸びていき、線の先端には三角の矢先がある
動画を作ることです。(添付の動画)

投票

翻訳

翻訳

レポート

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

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

コピー完了

添付されている動画は、パスのトリミングで制作されているようですが、Create Nulls From Pathsのパスをトレースする方法でも線の先にある三角は別に作る必要があります。

 

線と矢先が一体になっているイラストを動かしたい場合は、サードパーティの拡張機能に頼らないとできません。
基本機能だとパペットツールが使えるかどうかだと思います。

 

BAO Boaというプラグインがあるので試してみてはどうでしょう。

BAO Boa: Undistort Texture - YouTube 

投票

翻訳

翻訳

レポート

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

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

コピー完了

教えていただきまして、ありがとうございました。

 

社外のツールを使うことで検討します。


先ほどの矢印は、Aiのデータからシェイプレイヤを作り、
出来たシェイプレイヤのパスからCreate Nulls From Pathsのパスをトレース実行して
その後にシェイプレイヤのコンテンツの追加でパスのトリミングを実行し
終了点をタイムラインで5%から100%で動かしています。
頭の▲はヌルにピックウィプで連携させています。

多くの方は、ぐたぐた、やるよりツールを使うことで対応しているんですね。

投票

翻訳

翻訳

レポート

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

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

コピー完了

質問のタイトルにあるヌルとパスの位置がズレる現象については改善したのでしょうか。

私が勘違いして質問とは違う回答をしたかもしれません。


簡単に合わせる方法が見つかったので、追記しておきます。

グループ内にあるパスをグループの外に出して、Create Nulls From Pathsを使用するとズレなくなります。
パスだけになるので表示が消えますが、線の幅と色を追加すれば表示されます。

ae101.jpg

投票

翻訳

翻訳

レポート

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

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

コピー完了

何度も対応していただき、ありがとうございました。

シェイプレイヤを作成した時にできる、グループ1からパスを1つ上の階層に移動して

パスからCreate Nulls From Pathsのパスをトレースでヌルを作り
グループ1内の線も1つ上の階層へ移動して
グループ1を削除しても大丈夫でした。

結果としてシェイプレイヤの作成時にできる勝手にできるグループ1が
悪かったような感じでした。

今回の対応に、とても感謝いたします。
今回はの苦労を他の人へ使えて、簡単にできるように
延びる線の書き方をYouYubeなどで公開したいと思いますが
今回の知恵を公開しても大丈夫でしょうか?

以上
助けていただきありがとうございました。

投票

翻訳

翻訳

レポート

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

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

コピー完了

解決して何よりです。

 

Create Nulls From Pathsを適用する前に、線の移動やグループの削除をした方がエラーになりにくいと思います。

ヌルを作成した後に、移動や削除をするとヌルの位置・回転・進行状況に追加されているエクスプレッションにエラーが出ることがありました。

 

「グループ」は、シェイプレイヤーと親子関係になっているので、今回のようなズレが発生したと思います。
ヌルに追加されているエクスプレッションでは、親子の(子)の位置関係の計算は考慮されていないため、ズレが出たようです。

 

パスの階層を変えたことで、位置が初期化されたのでしょう。
また、新規で「空のグループ」を追加してパスを中に入れても正常にヌルが作成できます。

 

公開は自由にどうぞ。
経験者であれば、すでに試行錯誤で同じことを見つけた方は居ると思います。

投票

翻訳

翻訳

レポート

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

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

コピー完了

最新

やっと理解できました。
「グループ」は、シェイプレイヤーと親子関係になっているので、今回のようなズレが発生したと思います。この説明がわからないで引っ掛かっていたのですが、理解できた気がします。

Aiのデータを”ベクトルレイヤからシェイプを作成”を実行した際に、作成された
シェイプレイヤ内にグループ1が勝手に作成されて、コンテンツのトランスフォームと
グループ1のトランスフォームの2つがあり、この親子関係が原因でズレることがわかりました。

当初は、コンテンツのトランスフォームとグループ1のトランスフォームのアンカーポイントと
位置を入れ替えて対応していました。

親子関係と言う意味がなんとなく理解できたので、

グループ1内にあるパス1と線をグループ1から一つ上の階層へ移動させ

グループ内のトランスフォームを削除してから

Create Nulls From Pathsを実行したらうまくいきました。

ベクトルレイヤからシェイプを作成 する際に、グループ1ができて
シェイプレイヤ内のさらに一つ下の階層で、トランスフォームのアンカーポイント位置で
何かやっていることが原因のようでした。

この現象って、Adobeが対応してくれると助かりますね。

 

色々と丁寧に説明していただき、ありがとうございました。

投票

翻訳

翻訳

レポート

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