Vectornator、影について。 〜 スタイルタブその③。

基本パネル。

一、カラープレビュー

二、スポイト

三、hex(16進数)コード

四、スワップ（塗りと線の色を反転)

五、ON/OFF

基本パネルです。これについては「塗りつぶし」や「線」の記事にて紹介済みなので、今回は相違点だけお伝えしようかと。
詳しく知りたい方はこちら⬇︎をご覧ください。

• Vectornator、線のスタイルを指定 〜 スタイルタブその②。
  

  2020.04.18
  〽️ 機能が多すぎてお腹いっぱい。

「塗り」や「線」と異なる点。

スポイト機能を使うと、他のオブジェクトの影のスタイルを吸い上げてくることができます。

影設定の異なる長方形。片方を選択し、スポイトをタップしてONの状態にします。

そのまま下の長方形をタップすると、影の色やぼかし具合をコピペすることができました。

「塗りつぶし」や「線」のスワップボタンは、それぞれを入れ替えるものでした。
時に「影」のスワップは何と入れ替えるのでしょうか。想像がつかない。

実際にオブジェクトを選択した状態でボタンを押しても、何も起こりません。

もしかして、「塗り」や「線」の基本パネルが「影」にもそのまま採用されてしまっているのでしょうか・・・

角度とプレビュー。

基本パネルの下にあるのが、角度指定用のローテーションコントローラ（命名：ふ）とプレビュー画面です。

オブジェクトに影を落とす角度を指定します。

「●」の部分をぐるぐるさせて影の角度を調整することができます。
このローテーションコントローラ（命名：ふ）は大きいので操作がしやすい。

もちろんタップしてテンキーでの入力もOK。「↩︎」で決定します。

その横にあるのが影のプレビュー画面です。現在指定している影の状態を視覚的に見ることができます。

角度をぐるぐるさせると、それに連動してプレビューの状態も変化します。

このプレビュー画面、後述する「ぼかし」や「オフセット」の状態も反映されます。オブジェクトが複雑に組み合わさっていて、アートボード上で影の設定を認識しづらい。そんな時にはこのプレビュー画面が役に立ちそうです。

ぼかしとオフセット。

1番下にあるのがぼかしとオフセットのパネルです。それぞれ試してみましょう。

影のぼかし具合を０〜５０ptの範囲で調節することができます。
画像のオブジェクトの影は現在、「ぼかし：０pt」になっています。これでは「影」っぽさが感じられません。

ぼかしを少し加えてやりました。

さらにカラーピッカーで影自体の不透明度を下げて、背景を透過させました。
これで「実体」に対する「影」らしさが出ましたね。

オフセットは、オブジェクト実体と影との距離を指定します。これも範囲は０〜５０ptと成増。

オフセットの大小で、背面からの浮かび具合が違って見えますね。

もちろんぼかし/オフセット共に、パネルをタップしてテンキー入力も可能です。

ここで先ほどのプレビュー画面をみてみましょう。
ぼかしやオフセットの設定もちゃんと反映されていますね。

オフセット０も興味深い。

ちょっとおまけ。

上の画像は「 オフセット :０pt ; ぼかし : 41pt 」にしてみたものです。「影」と言うより、発光しているようなイラストになりました。


今回紹介した「影」の指定方法。工夫次第で面白い効果が得られそうです。ではまた。