Illustrator 2019 フリーグラデーション

iCloud のアップロードがようやく完了!
なんだったんだこれ? みなさんもこんなでした??


さて、本格的に使い始めよう!


Illustrator CC 2019 の新機能。
フリーグラデーションを試してみました。


っと、その前に。

拡大縮小のショートカット使うとき、
どんだけ Siri 立ち上がるんだよ!

Command+スペース は反則でしょ?!

もちろん、Siri のショートカットをオフだ。


気を取り直して。


今まで、自由なグラデーションといえば、グラデーションメッシュですよね。

特にオブジェクトを立体表現するのに威力を発揮します。

ただ、使いこなすにはちょっと難しいと感じていた方は多いかも?

効果的に適用するには、立体的なメッシュを貼れるかどうかが鍵になります。


フリーグラデーションはとっても簡単!


FG_001

ポイントによるカラーの分岐。


FG_002

ラインによるカラーの分岐。


FG_003

感覚的にグラデーションが作れちゃいます!



ところで、レギュラーのグラデーションでグレデーションツールを使えば、
複数のオブジェクトに連続したグラデーションがかけられる。

FG_004

本当は、複合パスにするのが正解。
複合パスにしなかった場合は、そう見えるようにできるだけです。


FG_005

フリーグラデーションはメッシュと同様、
一つのオブジェクトにしかかからないみたい。


では、複合パスでは?


この3つはどれも複合パス。

FG_006

左の複合パスのように、接触しているものは問題ありません。

中央と右は接触していない複合パス。

同じものなのにパスをまたいでできるものとできないものがあります。

これはラインですが、ポイントでも同じでした。


どうも、距離が関連しているみたい。

パス間の距離は、1.5mm 強。

この距離が分かれ目みたいよ?


あくまで、私の環境で。
2mm ではダメ。 1mm だったら大丈夫。


でもちょっと離れてるオブジェクトに、
連続したグラデーションをかけたいことってあるじゃん?


FG_007

FG_008

こんな風に、どこかが近いと大丈夫。


では、もっと離れてるのは無理なのかな?

無理やりやってみました!


FG_009

緑の複合パスは、離れすぎでダメです。

なので、紫のような複合パスにしてみました。


FG_010

パスをまたぐことができます!


お気づきだと思いますが・・・。

FG_011

面積をなくしたオブジェクト。


FG_012

モニター上では可視できる。
実際には、面積がないのであまり影響はないかと。


FG_013

FG_014

気になる時は、オブジェクトが重なるようなデザインにするといいですね。


でも、こんなヘンテコなのは、印刷に出すことはおすすめできません。

商用でないプリントや、Web用のイラストには使えると思います。


え〜・・・。


例えば、こんなこと。


ロゴを複合パスにしました。

FG_015

まん中は素直にグラデーションを。

下も複合パス。


これにフリーグラデーションを指定。

FG_016

【G】にだけポイントが現れました。


この状態だと、

FG_017

【G】にグラデーションはかかるけど。


FG_018

超えて【F】にいくことはできません。


戻って、ジョイント作成。

FG_019

1mm 程度開けています。


FG_020

いったん複合パスを解除して、全部で複合パスを作成。


FG_021

全体にかかった!

ちなみに、てきとーなグラデーションがかかっちゃう。
カラーは後で指定するから気にしてはいけません。


FG_022

自由にラインがひけちゃう。
ポイントも打てます。


FG_023

好きなカラーを指定して。


FG_024

できた!


FG_025

FG_027

ジョイント部分。


FG_026

FG_028

実際には、こんな感じ。


SVG にしてみた。


じゃん!

FG_029

フルスクリーンにしても問題ないです。
ジョイントは見えません。


いつも私が載せる Illustrator のお話しは、

「そんなことまでしなくても・・・。」

ということだったりして。


これもそう。

この場合の簡単で最善の方法。

矩形にフリーグラデーションを指定して、
クリッピングマスクで簡単にできちゃいます!


重々承知だけど、それでは当たり前すぎるでしょ?

無駄な手順を考えるのが大好き!



フリーグラデーションは、
今までになく繊細なグラデーションが作れますね。


久しぶりに、使っていこうと思った新機能です。




関連記事

コメント

非公開コメント

mayahuel

ブログ内検索

カレンダー

03 | 2024/04 | 05
- 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 - - - -

月別アーカイブ