※ 本記事にはプロモーションが含まれています。
こんにちは! ねこです。
モバイルゲームやサービスを作るときに、Illustrator をデザイン制作に利用する方も多いと思います。
かくいう私もそうなんですが、そのときに困るのがモバイル端末でのプレビューです。
イラレ自体に XD や Figma のような端末プレビュー機能はありません。
もちろん他のアプリに画像をリンクして表示する方法もありますが、それも面倒ですよね。
そんなときに、Google ドライブを利用すると簡単にプレビューできます。
Google ドライブを利用したモバイル端末のプレビュー
まず、前提として、Google ドライブはイラレのプレビューをしてくれます。
しかも複数のアートボードをページのように分けて表示してくれるんですね。これが結構便利。
先にデスクトップアプリで Google ドライブを導入しておいて、制作を Google ドライブ上で行うと便利です。
まず、Illustrator 上で、アートボードをモバイル画面のサイズに合わせてデザインを制作します。
![Illustrator 上で、アートボードをモバイル画面のサイズに合わせてデザイン](https://nekogeek.jp/wp-content/uploads/2021/06/make-artboard-1.jpg)
それを、Google ドライブで同期させます。
![Google ドライブで同期](https://nekogeek.jp/wp-content/uploads/2021/06/save-to-google-drive-1.jpg)
モバイル端末で Google ドライブアプリを立ち上げ、該当イラレデータを立ち上げると、下記のように表示されます。
![モバイル端末で Google ドライブアプリを立ち上げる](https://nekogeek.jp/wp-content/uploads/2021/06/google-drive.jpg)
画像の大きさと位置を合わせば、携帯での見え方がプレビューできます。
![画像の大きさと位置を合わせば、携帯での見え方がプレビューできる](https://nekogeek.jp/wp-content/uploads/2021/06/preview.jpg)
ただ、Android だと OS 側のメニュー画面のため表示比率がおかしくなりますので注意。
よければ試してみてください、では(^^)!