Affinity Designerのベクター、グラデーション、塗りつぶし関連の覚書です。
Affinity Designerの初歩的な使い方の記事はこちらです。
Affinity Designerのベクター・グラデーション・塗りつぶし
カーブをマスクで抜く(ベクター線をマスクで消す)
一部、ベクター線を消す方法です。
- レイヤーメニューから先にマスクを作る
- ピクセルペルソナに移動
- 消しゴムツールで消す
消しすぎた場合はペイントブラシツールで描けばいいです。
ベクターのレイヤーマスクの作り方
１、図形で円を描く
２、円をドラックアンドドロップして、円を入れ子にしてあげるとマスクが適用される
グラデーションマスクの作り方
- レイヤーメニューから先にマスクを作る。
- マスクを選択する。
- ドラックして始点と終点を決める
- 画面上部のグラデーションを開いてグラデーションを調整する
あまり直感的ではないかもしれません。クリスタやフォトショを使いたくなりました。
イラストの作業はクリスタに戻しました。便利ですよ。クリスタの記事はこちら！
クリスタ(CLIP STUDIO PAINT EX/Pro 3.0)を安く買う
線、塗りのグラデーション
グラデーションをかける方法はいくつかあるようですが、下記が個人的にわかりやすいです。
オブジェクトを選択 > 境界線 or 塗りつぶし > [ グラデーション ]のタブ > グラデーションを設定
グラデーションの方向はツールパネルからいけます。
グラデーションツール
を選びます。
線と塗りの反転は
表示 > スタジオ > スウォッチ
パネルからいけます。他にもあるかももしれません。
文字は右クリックでカーブに変換する必要があるようです。
文字のグラデーション
文字のグラデーションはレイヤー効果を使うとよいでしょう。
レイヤーパネルのレイヤーエフェクト > グラデーションオーバーレイ
グラデーションの角度を変更
デザインペルソナの塗りつぶしツールで行うようです。
数値入力はできない？ようです。ただし、Shiftキーをおすと、45度の角度が維持されます。
オブジェクト選択 > 塗りつぶしツール選択 > グラデーションの○がでるためドラック&ドロップでいじる。
- 線のグラデーションは[グラデーションツール]を選ぶ
- 画面左上のコンテキストを変更する(デフォルトは塗り)
拡大すると操作が容易です。
グラデーション・パターンをパレットに保存
複雑なグラデーションは作るのが大変なので、一度作成したものは保存しておきたいでしょう。
スウォッチ > 画面右上のメニュー > アプリケーションパレットの追加 > セレクトボックスの[ アプリケーションパレット ]右隣にあるアイコン(マウスオーバーすると、「現在の塗りつぶしをパレットに追加します」とでます。とでます。)
- アプリケーションパレット： アプリ上での共有されます。
- ドキュメントパレット： 現在のドキュメントのみで利用できます
2つあるけど汎用性を考えるとアプリケーションパレットの方が便利な気がします。
2回目からはパレットを選択して、追加のアイコンをクリックするだけです。マウスオーバーすると、「現在の塗りつぶしをパレットに追加します」とでます。
名前は次の方法で変更します。
スウォッチ > 画面右上のメニュー > パレット名を変更
削除はパレットで右クリックして削除。
グラデーションの中心座標をずらす/ずれる/表示がおかしい
グラデーションツールを選択すると原因がわかります。ずれている場合が多いかも…。
グラデーションをばかす
円形にした際にグラデーションが綺麗じゃないときがあります。ガウスぼかしを使うとよさそうです。
FX > ガウスぼかし > 半径
周囲をぼかしたくないとき、[アルファの維持]にチェックします。
ピクセルレイヤーのグラデーション
このUIはちょっとあれなんですけど、ピクセルレイヤーのグラデーションをかける際に、デザインペルソナに戻らなければいけないようです。
選択範囲を決める > デザインペルソナのグラデーション > ドラックでグラデーションをひく
グラデーションツールを使用すると、すべてのレイヤーにグラデーションカラーを適用および調整することができます。これには、ピクセルレイヤー、塗りつぶしレイヤー、調整レイヤー、ライブフィルタレイヤー、レイヤーマスク、およびベクターコンテンツとテキストコンテンツが含まれます。
https://affinity.help/photo/ja.lproj/index.html?page=pages/Tools/tools_gradient.html?title=%E3%82%B0%E3%83%A9%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%83%84%E3%83%BC%E3%83%AB
ピクセルレイヤーの色を変える
直感でテストしたところこの方法でできました。
ピクセルペルソナ > [ 塗りつぶし選択ツール ]で選択
ピクセルペルソナ > 塗りつぶしツール
ピクセルレイヤーの結合
下記でいけましたが、二度手間なので少しまどろっこしいですね。
- 右クリック > グループ化
- 右クリック > ラスタライズ
クリスタでベクター塗りつぶしができない
イラスト多めのものの場合、Affinityよりクリスタを使いたくなります。
参照レイヤーを使います。
ベクターレイヤーはその特性から塗りつぶしができませんので、着色は別レイヤーに行うことになります。
https://tips.clip-studio.com/ja-jp/articles/1158
クリスタで図形ツール(ベクター)塗りつぶしができない
図形ツールもベクターなので同様です。
クリスタで図形ツールのステッカーを作成する
- command + クリック(塗りつぶしレイヤー)
- 選択範囲 > 選択範囲の拡張
- 編集 > 塗りつぶし
必要に応じて影をつけます。
クリスタで線ツールのステッカーを作成する
- command + クリック(塗りつぶしレイヤーがねいため、ベクターレイヤー)
- 選択範囲 > 選択範囲の拡張
- 編集 > 塗りつぶし
クリスタで図形ツールで角丸長方形を作る(長さ指定)
長方形の角丸を作ると角の縦横比が違います。
クリスタで長方形のフキダシの作って、更にそれを角丸にする方法を図説してみました。「角の丸さ」がデフォルトで「比率指定」になってるけど、これだと長方形の形によっては角が歪になるんだよね…。「長さ指定」にした方がいいです。
— かわみなみ (@kawami_nami) September 25, 2018
作った長方形フキダシはサブツールの中に登録しておくといいよ。 pic.twitter.com/L6HOZW8oOW
「長さ指定」で対応できましたが、「長さ指定」は隠れていますので注意。
ただし、このツール、後から変形ツールで潰すとやはり潰れてしまうようです。ベクターパスの調整が手動で必要です。
その下にある「縦横指定」の「長さ指定」は別の設定。あらかじめピクセル単位を決めてクリックすると、その図形で描けるもののようです。
コメント