iPhoneやiPadで使えるAdobe Illustratorのような無料アプリVectornator

Vectornator

Adobe IllustratorみたいなiOSアプリ「Vectornator」が2018年11月に大型アップデートしてVectornator2になり、さらに2019年8月にVectornator Xになりました。

アートボード機能や画像トレース機能が追加され、UIも変わりさらに使いやすく、多機能に(Illustratorに近く)なりました。

私が色々試した中では、現段階でIllustratorに一番近いiOSアプリです。 アートボード機能によってAdobe XDやFigmaの代わりに使うこともできそうです。

Vectornatorとは

iOS(タッチ操作)に最適化された操作性を持っているベクターデザインアプリ。

100 Vectornator
価格: 0円(2019/01/12 10:40)

iPadだけで作業できるので、隙間時間に簡単なベークターデータのアイコンなどは作成できるようになりました。

IMG_0573

ブラシツールを使って、指やApple Pencilで描いた線も後からアンカーポイントやハンドルの編集などパス操作が可能。

IMG_0575

ペンツールを使えば最初からベジェ曲線も描けるアプリです。

書き出し(エクスポート)対応ファイル形式

Send to Illustratorでデスクトップ版のIllustratorアプリへも送れるし、複数ファイル形式への書き出しにも対応。

IMG_0350

アップデート前のアプリ使用感ですがVectornatorについて、ごりゅごcastでも話しています。

https://scrapbox.io/goryugocast/%E7%AC%AC52%E5%9B%9E%EF%BC%9AiPad%E3%81%A7%E3%83%99%E3%82%AF%E3%82%BF%E3%83%BC%E3%82%92%E6%8F%8F%E3%81%84%E3%81%A6%E3%82%A4%E3%83%A9%E3%83%AC%E3%81%AB%E3%82%82%E9%80%81%E3%82%8C%E3%82%8BVectornator

Vectornator Xの新機能

2019年8月16日にアップデートされVectornator Xになりました。

新機能としてはアートボード機能や画像のトレース機能が追加。

ただしトレース機能に関しては数年前のAdobe Illustratorライブトレースレベルで今後に期待という感じでした。

今年中にはMac版も登場予定で、iPadやiPhone版のアプリとリアルタイムで同時編集できるようになるようです。

Vectornatorの使い方動画

公式アカウントがツールの使い方をわかりやすく紹介しているYouTube動画を公開していたので紹介。

説明文は英語ですが、動画を見れば操作方法がわかるものになっています。

ペンツールの使い方(Pen Tool) https://www.youtube.com/watch?v=p5Rp4IS86Mw

選択ツールの使い方(Selection Tool) https://www.youtube.com/watch?v=KFVxD7rSrIQ

ハサミツールの使い方(Scissors Tool) https://www.youtube.com/watch?v=4B3JyvrRm0I

テキストツールの使い方(Text Tool) https://youtu.be/bOtEnUSfrto

スライダーの使い方やオブジェクトの回転方法など(Sliders) https://www.youtube.com/watch?v=AsnNjWLKdFg

オブジェクトの移動方法(Moving Objects) 画面上にジョイスティックが表示され、細かな移動なども簡単にできます。 https://www.youtube.com/watch?v=3KqILCBPwD4

タイポグラフィ(Typography) テキスト編集もかなり細かく編集できます。カーニングやトラッキングなどもちゃんと出来ます。 https://www.youtube.com/watch?v=BCHREuULROY

オブジェクトの整列方法(Distribute Objects) https://www.youtube.com/watch?v=45x-f6sBz5c

この感じだと今後同じようなシリーズで様々なチュートリアル動画が出てきそう。

Vectornatorを使っている人はチャンネル登録しておくと良さそうです。

Linearity GmbH - YouTube

まとめ

今年はAdobe公式から「Photoshop on iPad」というiPadで動くフルバージョンのPhotoshopアプリが登場と話題になっています。

Illustratorの方はまだ現段階では具体的なプロジェクトが発表されていないので、サードパーティー製アプリへの依存が強くなりそうです。

ただし私の環境下だけなのか不明なんですが、SVGでの書き出しやAdobe Illustratorへ送信すると線の太さがアプリ上で見たものよりも太くなってしまう(数値的には合ってる)のが困っているところ。(公式サポートには報告済み)

参考画像(今は改善されています) IMG_8661

2019年2月のV2.3で改善されました。この修正によりiPad上で見たままの状態でAdobe Illustratorへデータを送れるようになりました。