modoローポリモデリング 14 ベジェデータはAIよりもSVG形式の方が使いやすいかも

複雑な形状をベジェデータで作成してmodoで活用したい場合はAI形式よりもSVG形式の方が使いやすいかもしれません。

AIとSVGで同じデータを書き出すと、modoに読み込んだときに1000倍のサイズ違いになります。もちろん［ビュー］＞［全てをビューに収める］を使えば画面に収まりますが、読み込んだ後の処理で違いはない（※）ので精神衛生上はSVGの方が良いかもしれません。よってベジェデータを作成するツールはIllustratorである必要はないです。

※個人的に調べた範囲

modoで読み込みにてSVGファイルを読み込みます。

ちなみに今回はVectrのオンライン版で作成して見ました。なお、配置後に位置調整が必要です。

Vectr

Vectr関連tips

で、読み込んだ後に［形状］＞［フリーズ］を実行するのがお約束ですが、しなくても回転体は作成出来ます。

こんな感じでローポリデータを出来ました。

［TAB］キーでサブディビジョン設定の丸め込み表示モードにした状態。

なお、フリーズ処理を上のデフォルト設定で行ってから回転処理を行うと・・・

ハイポリ状態になってしまいます。

［TAB］キーでサブディビジョン設定の丸め込み表示モードにした状態。

もしフリーズ処理でもローポリ結果を得たい場合は、上のどちらかの設定をお薦めです。

上の設定だと・・・

※カーブリファインメント角度は［固定間隔でカーブを分割］をOFFにすると、［カーブリファインメント角度］で角度を指定することができ、設定後に［固定間隔でカーブを分割］をONにすれば反映されるはずなのですが、確認できませんでした。誠意実験中。

チョット中途半端になります。

modo 16.1v4

Vectrツール04 下絵の読み込みとトレースの手順

Vectrで、ラフスケッチ等の下絵を読み込んでトレースする手順を整理しました。

Vectr

Vectrの編集画面に入ったら、右端の［アップロード］をクリックしてjpg画像などで保存した下絵を読み込みます。

後はペンツールで丁寧にトレースをするだけです。今回はPencil2Dのアニメーション用データを作成する意味合いもありますが、可能な限り見えない部分も作成しておくとポーズ調整が楽です。

トレースが完了したら、それぞれのパーツの前後関係を調整します。ただし、この作業は塗りを設定してからの方が良いでしょう。

塗りはパーツを選択すると右のパレットに表示されるので［Fills］または［Border］の左端の厭悪クリックしてカラー設定します。

データが完成したら、右パレットの［エクスポート］でVECTR形式にてマスターデータを保存してから右パレットの［エクスポート］でSVGまたはPNG等で書き出しを行います。なお、Pencil2D用はPNG形式が良いでしょう。

なお、今回はPencil2Dのアニメーション用として上の9パターンのポーズを PNG形式で［エクスポート］しました。

https://vectr.com/design/

Vectrツール03 カラー変更できないシェイプの対応

沢山のシェイプデータで、色替えできるモノと、できないモノがあります。

https://vectr.com/design/

例えば類似データで比較してみます。

上は色替えが可能ですが・・・

下は色替えができません。

コレは、下がグループ化された状態だからです。グループ解除すれば個別に色変更は可能です。

Windowsグループ化　Control G

Windowsグループ解除　Shift Control G

macOS　グループ化　Command G

macOS　グループ解除　Shift Command G

また、それぞれのオブジェクトはクリックすることでポイントを表示刺せることができます。

もちろんつまめば移動可能です。

ハンドル調整は、調整したいポイントをダブルクリックでハンドルが追加されるので適宜調整可能です。

https://vectr.com/design/

Vectrツール02 メニューとショートカットの簡易マニュアル

メニューの説明とショートカットの和訳で必要最低限のHelpを整理してみました。

https://vectr.com/design/

起動直後の画面です。

① 新規アートワーク作成

② 任意ファイルを開く

③ 任意URLを開く

④ 履歴を確認

⑤ プロファイル編集

⑥ メッセージを送る

⑦ ログアウト（登録ユーザーの場合）

⑧ ファイルへのアクセスを容易にし、損失を防ぐために、電子メールの認証をお願いします。（電子メールを確認する）

編集画面です。

① ホーム画面に戻る

② ページ表示

③ レイヤー表示（オブジェクトの前後関係）

④ 各種エレメント（Illustratorのシェイプ相当）

⑤ シェープツール

⑥ ペンツール

⑦ 鉛筆ツール

⑧ テキスト処理

⑨ ファイル読み込み

⑩ 環境設定

⑪ スナップ方眼表示

⑫ ファイル書き出し（SVG、PNG、JPEG、VECTR）

⑬ 新規ファイル作成

⑭ コメント記述

⑮ ヘルプ表示

⑯ プロファイル編集

⑰ このページで行った編集は保存されません。新規にファイルを作成するには、サインアップするかログインしてください。

オブジェクトを作成または配置し、選択したときの画面は・・・

① 塗りつぶしの色

② 線（輪郭）の色

③ シャドーの設定

④ 透明度設定

⑤ 取り消し

⑥ やり直し

⑦ 縮小表示

⑧ 拡大表示

⑨ 表示サイズを自動適合

⑩ 閉じる

となります。

ショートカットキーの一覧になっていましたので訳してみました。

※ 海津により新たに確認追加

？ 動作未確認

https://vectr.com/design/

Vectrツール01 シンプルベストなIllustrator互換？フリーツール

Online版Illustratorの互換ツールVectrが優秀。チョットしたDrawデータ作成に一押しです。ただしIllustratorのaiファイルは読み込めも書き出しもできません。しかし SVGであれば書き出しも読み込みもできるので問題なしです。

https://vectr.com/design/

ダウンロード版とオンライン版があります。

ダウンロード版の場合は Windows、Linux、Chrome OSにのみ対応。

ダウンロード版hはサイトに入って下の方にある［Chrome Web Store］から入手します。

https://vectr.com/

オンライン版は［USE ONLINE］をクリックするか、以下のサイトに直接行くことで直ぐに利用可能です。

https://vectr.com/design/

ここではオンライン版について簡単に触れています。サイトに入ると新規ファイルを作成するか、ファイルを読み込むかを選択します。

様々なファイルサイズのテンプレートが用意されていますが、もちろんユーザー設定の自由サイズも作成出来ます。

解像度などもここで設定します。

印刷用のファイルテンプレート。

WEBやデスクトップ関連のテンプレート。

ソーシャルメヂア関連のテンプレート。

各種デバイス関連のテンプレート。

Illustratorのようにペンツールでの作図もできますが、とにかくいい感じのデータが沢山用意されていてビックリしました。レイヤーはオブジェクトの前後関係でIllustratorのようなレイヤーではありません。Illustratorを使った事があれば全く混乱しないでしょう。ただし、日本語には未対応です。アップデートに期待したいですね。

https://vectr.com/design/