デザイン

Illustrator新機能 フリーグラデーションの何が革新的なのか【使い方も】

f:id:rororororo:20181019210036p:plain
デザイナーのベーコンです

2018年10月15日にアップデートしたIllustrator CC2019の新機能「フリーグラデーション」を紹介していきます

Adobe Illustratorを毎日起動しているぼくの感想としては、「フリーグラデーションいいですよ、これからは頻繁に使います!」って感じです
グラデーションメッシュ機能とは全然違う!!

フリーグラデーションとは

f:id:rororororo:20181019110611g:plain
Illustrator CC2019の新機能です
今回のアップデートの目玉と言ってもいいでしょう!

一言で言うと「好きな所に簡単に使えるグラデーション」です
グラデーションメッシュでいいのでは?と思うあなた!

新機能のフリーグラデーションはのポイント(違い)は「ものすごく簡単に気軽に使える」という所です

通常のグラデーション機能の中に組み込まれている

f:id:rororororo:20181019113851p:plain
▲1番右がフリーグラデーション

今までグラデーションといえば「線形グラデーション」と「円形グラデーション」の2つでしたが、3つ目のグラデーションとして「フリーグラデーション」が組み込まれています

グラデーショーンメッシュという機能があった

f:id:rororororo:20181019211523p:plain
今まではグラデーションメッシュという機能がありましたね
この機能を使うと、写真みたいな絵がイラストレーターで描けたはず…
(昔、学校に通っていたときに使い手がいました)

ただ、この機能使いづらくてほぼ使ったことありませんでした
CC2019 にもグラデーショーンメッシュ機能はついているので使ってみたら・・・思ったより使えそうですが新機能フリーグラデーションはもっと直感的で使いやすいです
(グラデーションメッシュって昔はもっと複雑なものだったような気もしています、進化しているのか・・・)

グラデーショーンメッシュとフリーグラデーションの違い

フリーグラデーションのポイントはこの2つです

1.プラスマークが出て、すぐに色を追加していける

f:id:rororororo:20181019115453j:plain
フリーグラデーションのボタンを押すとこんな画面が出ます
プラスマークが出るのがわかりやすいですよね

そして、どんどんポチっと押していくと、その位置にグラデーションのポイントが発生します

▼右側のポチに赤を足してみました
f:id:rororororo:20181019115610p:plain

▼丸い「ポチ」をダブルクリックすると色を変更できます
f:id:rororororo:20181019115709p:plain

ダブルクリックで色も変更できます

▼4箇所に色を入れてみました
f:id:rororororo:20181019115855p:plain
上にピンク、左に黄色、右に白、下に青です

そして、ここからもっとフリーーーー!にグラデーションを頼むことができます

2.「グラデーションの丸」大きくして色を変えよう!

CC2019のポイントとして、この丸が便利なんですよね(この丸はパペットワープのアップデートでも採用されていますね)
短い動画お送りします

▼丸の大きさを変えてみたり
f:id:rororororo:20181019211739g:plain
グラデーションの範囲が変わっていきます
色が混ざって絵の具みたいですよね

▼丸を移動してみたり(移動後にも色を変えれます)
f:id:rororororo:20181019124112g:plain

このように、気軽に感覚的にグラデーションを扱えるのがフリーグラデーションの特徴です!

フリーグラデーションどんな使い方が想定できるか

新しいことができる!

というよりは、「今まで大変だったことが簡単にできる機能」というのがしっくりきます
具体的に使い方を想定してみましょう!

複雑なグラデーション(黄色い背景)

f:id:rororororo:20181018220920p:plain

背景の黄色い部分をフリーグラデーションで作っています

写真をぼかして作る背景画像みたいですよね。
ただのグラデーションより複雑さがあってデザインのクオリティが高く見えます

顔の1部分に色を塗る

f:id:rororororo:20181019151657p:plain

絵を比べてみてください
右の女の子の頬を赤らめてみました

イラストは得意じゃないですが、さり気なくできた気がします

フリーグラデーションを使わない今までだったらこんな感じでしょうか

f:id:rororororo:20181019151654p:plain
図のような、丸を作って

頬に配置

丸にグラデーション配色

顔型のマスクで丸がはみ出ないようにして

透明度を調整

完成!

それに比べると簡単な気がしますね

グラデーションメッシュでも比較しようとしたが…

フリーグラデーションが本当に簡単なのか、昔からあるグラデーションメッシュ機能を使ってみたのですが…
f:id:rororororo:20181019151733p:plain

エラーになってしまいました
このイラストはやわらかさを出すためにふちをギザギザさせてたんですよね(この図さっきの女の子のリンカクです)

こういうエラーが出ると、新しいツールって使うのを辞めてしまうんですよね…
今まで何度か挑戦したけど、使いこなせなかったグラデーションメッシュ…

便利なんでしょうけど、フリーグラデーションの方がとっつきやすいですね

まとめ

Illustrator CC2019の新機能フリーグラデーション機能の解説でした

最近はAdobeが使い勝手を中心としたユーザー目線の機能を追加しまくっています
その象徴的な機能がフリーグラデーションだと思います!
(だって、グラデーションメッシュでも同じことはできるし)

複雑なグラデーションが作りやすくなるなんて、気が利いたアップデートをしてくれますね

ちなみにぼくが個人的に注目している「パペットワープ」という機能も「いつかうまく使いたいな〜」と思っていた機能なんですけど、今回のアップデートでかなり簡単に使えるようになりました
多分今回のアップデートでAdobeが意識したのは

・ツールを使い始めたはじめにエラーが出ない(やる気が失わないように)
・感覚的に使える(色んな操作方法でも同じ結果が得られる)

なのかと思いました
これかもよろしくAdobe様!

また、アドビの素晴らしさを紹介する記事を書いていきます!
今回みたいな、Illustratorをもっと簡単に効率的に使いたい方はこちらの本もおすすめです

「この術を知っていたら、3日早く納品できたわ…」でお馴染みの

10倍ラクするIllustrator仕事術

この本で、「左に揃える」などの「整列機能」にショートカットキーを当てれるのを知りました
便利すぎ!

デザイナーが早く仕事を終える方法は
・デザイン力を上げる
・パソコン操作を速くする

の2択ですので、まずはすぐに習得できるパソコン操作を速くする技術を覚えていきましょう!

www.baconjapan.com

普段はデザイナー向けじゃなく、デザインが好きな人(Illustratorを持っていない人向けの記事も書いています!)

▼これとかおすすめ!
www.baconjapan.com

ABOUT ME
アバター
ベーコン
フリーデザイナー・ブロガーです。 /発想力系デザイナーなのでグラノーラ屋も始めました(4年目)/フリーランスで生き抜く方法を発信中。フリーランサー、ブロガー、「デザインを始めたい人」に向けてブログを書いています。/10万PV/2019年2月SBクリエイティブよりデザイン解説本出すよ ▼自己紹介記事はこちら ベーコンってどんな人? ▼最初に読んでほしい厳選記事! 初めてベーコンブログと言えばこの記事【ジャンル別の人気記事】 >>広告・レビュー依頼はこちら
人気記事

▼上質なもので生活が豊かになりました
>>3年間で本当に買ってよかったもの55選

▼Kindle読み放題はデザイン制作・文章書く人・音楽制作・主婦に最適なサービスです
>>サービス開始から3年加入しているおすすめ本59選をどうぞ!

▼デザインがうまくなる本を厳選しました
>>おすすめデザイン本17選

▼妻がリコマースの感想を書いてくれました
>>ネットで本とDVDを売ったらブックオフより楽で金額もよかった

▼無料の年賀状デザインが手に入るサイトを厳選して選びました!
>>デザイナーが選んだ2020年の年賀状を見つけよう!