発想次第でクリエイティブの可能性は無限大
Illustrator+XDで表現力＆コミュニケーションをワンランクアップ

新たな力をもう1つ - Plus One

Adobe Illustratorを駆使して、かわいらしくもどこか懐かしい、ポップなイラストレーションを手がけるREO spikeeさん。オブジェクトを重ねて作り上げるIllustratorイラストレーションには、シンプルな構成と多彩な表現の両立が欠かせません。それを叶える効率＆表現力アップな機能が、ひとつのオブジェクトに自由にグラデーションポイントを設定できるIllustratorの「フリーグラデーション」です。

「フリーグラデーション」で描き出す豊かな色彩、そしてそのイラストレーションを効果的に伝えるプレゼンテーションをAdobe XDを使って作り上げる、REOさんのイラスト作成＆プレゼンテクニックをご紹介します。

“XDはプロトタイピングからプレゼンにも使える万能ツール”

Adobe Stockで安全な素材をダウンロード

→ XDで“伝わる”プレゼンテーションに

「夏をテーマに‘80sテイストのイラストを描くことが多いのですが、フラットな塗りとグラデーションを組み合わせて、光の表現を描画モードを使って加えて仕上げています。どうしてもオブジェクトが増えてしまうのでひとつの塗りで複雑な色を表現できるフリーグラデーションなら効率的に作業ができますよね。

XDはデザインイメージやイラストをすぐに共有してコミュニケーションすることができるので、WebやUIデザインだけでなく、プレゼンテーションやポートフォリオ提出にも使えます。たとえば、時間ごとに変化するイラストを伝えたいとき、XDでアニメーションにするだけで伝わりやすさが上がります。発想次第でできることがどんどん増えていく、クリエイティブの可能性に満ちたツールだと思います」（REO）

1.Illustratorのグラデーションパネルで種類を「フリーグラデーション」に設定すると、オブジェクトに複数のポイントを設定できます

2.イラストのプレゼンテーション用共有イメージをXDで作成。XDを使うとプレゼンテーションをより動的に、わかりやすく伝えることができます

3.作成したイメージはリンクURLを送ることでチーム内で即座に共有。レビュー機能でコメントしあうことで工程をよりスピーディに

無料で始める

使い方 | 製品情報

オブジェクトの表現力を広げる

「フリーグラデーション」

「グラデーションは光の表現には欠かせない機能なのですが、複雑な光の表現になるとオブジェクトの数がどうしても増えてしまいます。でもひとつのオブジェクトにいくつものグラデーションのポイントを設定できるフリーグラデーションなら、シンプルなデータのまま多彩な表現ができるのがうれしいですね。リアルな人物イラストを描くときにも髪や肌をより自然に仕上げられます」（REO）

グラデーションの作成方法 ›

無料で始める

使い方｜製品情報

イラストやデザインのプレゼンも

XDでクオリティ・ワンランクアップ！

「普段はXDをWebやUIのデザインに使用していますが、プロジェクトの全体像をひと目で俯瞰できるのがXDの一番いいところですね。とにかくすぐにプロトタイピングができて、トランジションや自動アニメーションの設定もかんたんなので、イラストやグラフィックデザインのプレゼンをより魅力的に変えることもできますし、意図やイメージも伝えやすくなります。共有・レビュー機能のおかげでチーム内のコミュニケーションも取りやすいのも魅力です」（REO）

プレゼンの作成・共有方法 ›

Illustrator、XDをはじめとするアプリから、フォントやストレージなどのサービスまでそろうCreative Cloudをぜひご検討ください。

詳しくはこちら ›

REO spikee

イラストレーター / デザイナー

東京都出身。夏や80‘sを彷彿とさせるイラストを得意とし、Adobe Illustratorをメインツールにカラフルで爽快感のある世界を描く。私立恵比寿中学、ウルトラマン、コカ・コーラなど数多くのアーティストや企業とのコラボを手がける。またデザイナーとしてDTP、Web、ゲームUI、雑貨デザインなどジャンルを問わず活動中。趣味はプロレス観戦とDIY

twitter/instagram: @reo_spikee