陰影パターンについて/Affinity3

2026-03-16

Affinity パソコン関係

t f B! P L

Affinity Designer V3の陰影塗りつぶしツールを使用したハッチングパターンの作成例
線で作られたパターン、ハッチングパターンを作ることができる、陰影について解説します。
スウォッチパネルから陰影(ハッチング)カテゴリを選択する様子
……陰影って言われると分かりにくいから、普通に「パターン」でいいんじゃないかな(=・ω・=)

AutoCAD .patからパターンをインポートすることができます。
CADで使ってるパターンをそのまま使えるので、CAD併用している人には便利そう。

基本的なパターンはスウォッチの「陰影」にいくつか登録されているので、参考にするといいです。
コンテクストツールバーに表示される陰影設定の変形オプション

変形をリセット

陰影を選択すると、項目に新しく「変形をリセット」が表示されます。
拡大縮小や角度変更、反転など、加えた変更を元の状態に戻します。
陰影設定パネル内の反転および変形リセットボタン
ちなみに、「反転」は塗りと線を逆にします。
その他は大体グラデーションと同じ感じ。

単位

何単位でパターンの数値を設定するか選べます。
パターンの単位設定(ピクセル、ポイント、ミリメートル等)の選択画面

スケール

ハッチパターンの大きさを決めます。
好きな大きさになるよう、スライダーをぐりぐりしてあげて下さい。

うまく表示されないって時は、大体これが大きすぎて表示されてないことが多いです。
コンテクストツールバーの陰影スケールスライダー

描画スケールを適用して陰影スケールを表示

描画スケールを適用して陰影スケールを表示オプションのチェックボックス
ドキュメント設定で「描画スケール」を使用している時に、描画スケール基準でスケールの数値を表示するか選べます。
ドキュメント設定パネルでの描画スケール1:10の設定例
例えば、例のように描画スケールを「1:10」にしていた時。
チェックの有りなしで数値が10倍変わります。
描画スケール適用時と非適用時の陰影スケール数値の比較
実寸でCAD使ってる人用ですね。基本チェックありでいいと思います(=・ω・=)

回転

パターンの角度を指定できます。
コンテクストツールバーの回転角度設定フィールド
塗りつぶしツールで表示されるキャンバス上の回転コントロールハンドル
白と黒の○●を掴んでくるくる回しても調整できます。

ちなみに、白い○と黒い●の違いですが、
白い○は掴んで回す用。黒い●はパターンの拡大率です。
●が真ん中に近づけば近づくほどパターンが小さくなり、遠ざかるほど大きくなります。

あまりにも●が内側にいると掴んで回しにくいよね、ってことで、ガイド的な感覚で白○が表示されています。
白丸を掴んでも、パターンの拡大率を変更できます。

なんで、黒丸●が外側にいるときは白丸○が表示されません。
キャンバス上の塗りつぶしハンドルを操作してパターンサイズを調整する様子

線の太さ

パターン線の太さを指定できます。
ちなみに、こういうアイコンの上で左右ドラッグすると、それぞれ数値を変えることができます。
大雑把に調整するとき、アイコン上ドラッグが便利。
線の太さアイコン上でドラッグして数値を調整するクイック調整

塗りの色/線の色

それぞれ、塗りと線の色を変更できます。
陰影の背景色(塗り)と線の色を選択するカラーチップ

アピアランスをベーク

陰影パターンを実線(カーブ)に変換します。

複合パスでまとまった状態で変換されます。
アピアランスをベーク機能でハッチングをベクターパスに変換した結果
個別に分解したいときは、Ctrlキーを押しながら「アピアランスをベーク」を押すと、一本一本の線に分割されます。
Ctrlキー併用ベークにより個別のカーブレイヤーに分割されたパターン線
Shiftを押しながらベイクすると、複数オブジェクトを選択している時に何か起きるっぽいんですが、Ver.3.02がバグってるのか、Helpファイルが間違っているのか、何も起きません(´・ω・`)
Shiftを押すと一気に個別ベイクできるよ!って書いてあるけど、別に複数選択した状態でCtrl押せばできるんだよな……。

というか、日本語Helpには書いてないのに英語Helpでは解説してる項目とかやめて欲しい(´・ω・`)
流石に英語Help全部読み直す気力はない……orz


コンテクストツールバーの塗りつぶしの色部分をクリックすると、パターンの詳細を細かく設定できます。
塗りつぶしポップアップ内のハッチング詳細設定パネル
「>」をクリックすると、さらに詳細が出てきます。
ハッチングの角度、位置オフセット、間隔を設定する数値入力パネル

角度。線の角度を指定します。
陰影の回転パラメータ(R)を調整して線の向きを変える例
X、Y、Shiftは一旦飛ばして……

間隔

線の間隔を指定します。
パターンの間隔数値を変更して線の密度を調整する様子

破線/スペース

破線とスペースを追加することができます。
+を押すと、下の列に追加されます。
グレーが破線、黒がスペース。
破線とスペースの長さを組み合わせて、点線を書いていきます。
破線とスペースの数値を組み合わせて複雑な点線パターンを作成する設定
複数の破線とスペースを定義するエディタ部分
一応、破線、破線、と2回続けて並べることもできます。
くっついちゃうので並べる意味無いけど。

破線部分に0を入力すると、丸い点になります。

横の開始位置。左からどのくらいの位置から開始するか指定します。
X座標オフセット設定による点線パターンの横方向への移動
上記の設定の破線を、X0~X3まで移動するとこんな感じです。
開始位置が赤マルです。
Xパラメータの変化による点線パターンのずれを視覚的に解説した図
X1にすると、左の開始位置から右に1mmズレます。
繰り返しの線なので、頭に繰り返し線のお尻が出てきます。

X2にすると、右に2mmズレます。

X3にすると、全体で3mmの破線なので、移動しなかったX0の破線と同じになります。

縦の開始位置。上からどのくらいの位置から開始するか指定します。
Xと同じように、縦に開始位置がズレていきます。

Shift

2段目以降がShiftで指定した数字分ズレていきます。
プラスで左に、マイナスで右にズレていきます。
Shiftパラメータを使用してパターンを段違いにずらす設定
Shift1mmにすると、1段目は左に1mm、2段目は左に2mm、3段目は左に3mm……と段々にズレていきます。
Shift機能により作成されたレンガ状のパターン配置

+線

線2、線3と、線を追加することができます。
線2で縦線を追加してみました。
新しい線定義を追加して格子状のパターンを作成する様子
要らない線は選択後、右下のゴミ箱マークを押すと消すことができます。

線を組み合わせて書いていくと、以下のようなハッチングパターンが作成できます。

ジグザグ

複数の線を組み合わせて作成したジグザグ(ヘリンボーン)ハッチングパターン

縞板(しまいた)模様

インダストリアルな縞板模様(チェッカープレート)のハッチング設定例

レンガ

水平線と短い垂直線をShiftでずらして作成したレンガ模様

六芒星

複数の角度の破線を組み合わせて幾何学的な六芒星パターンを作成する設定

三崩し

伝統的な和柄である三崩し模様をハッチング設定で再現した例
結構めんどいし、結構ソフトが落ちる( ・ὢ・ )

AutoCAD.patハッチングパターンをドラッグ&ドロップでスウォッチとしてインポートできるので、AutoCADを使っている方はそのまま同じハッチングパターンを使うことができます。

また、作成したハッチングパターンはスウォッチに登録することができます。
作ったハッチングパターンはスケールと線の太さ、色などを変えれば使いまわしが効くので、登録しておくと便利です。

ハッチングパターンの線1と線2の色を変えたいとき

ハッチングパターンの色を変えたいときは、アピアランスパネルを使って塗りを重ねます。

「ウィンドウ」-「ベクター」-「アピアランス」でアピアランスパネルを表示。
アピアランスパネルを使用して複数の塗りつぶしレイヤーを管理する画面
塗りつぶしを追加」を押して、新しい塗りつぶしを重ねます。
上から順に表示されます。
上の塗りに、全面の塗りを指定しないよう注意

また、テキストオブジェクトはひとつしか塗りを指定できません。
塗りを重ねることができるのはカーブやシェイプのみです。

どうしても色違いの線で作ったパターンをテキストで使いたい、という時は、画像化してビットマップ塗りつぶし使うといいかも。
複数の塗りつぶしレイヤーにより色分けされたハッチングパターンの適用例
背景色とパターンの色を個別に設定したアピアランス構成
カラフルなハッチングパターンを適用した複雑なデザイン例

パターンの拡大縮小

アピアランスパネルでは複数選択することができません。
ハッチングの大きさを同じように変えたいときは、Caps LockキーをONにしてから、スケールの数値を変えると、連動してサイズ変更できます。

ショートカットにCaps Lockキー使うパターン初めて見た……。
CapsLockキーをONにして複数の塗りつぶしスケールを同期して変更するテクニック
ちなみに、拡大縮小だけでなく、回転もCapsLockをONにしていると一気にできます。
線の太さも。

アピアランスパネルで複数の塗りを設定した際は、CapsLockをONにしておいた方が、いろいろと作業しやすいと思います。

少しでも参考になれば!(=・ω・=)✨

検索

最新の投稿

フィルタ―④/Affinity3 フィールドぼかし・最大ぼかし・最小ぼかし・表面ぼかし・中間値ぼかし

フィルタ―③/Affinity3 ズームぼかし・レンズぼかし・被写界深度 の続き フィールドぼかし クリックして追加したハンドルで、こまかくぼかしを設定できます。 画面上をクリックして、ぼかしを制御する◎「ハンドル」を追加できます。 選択中のハンドルは、外側の円が一回り大きく...

フィルタ―④/Affinity3 フィールドぼかし・最大ぼかし・最小ぼかし・表面ぼかし・中間値ぼかし

人気の投稿

アーカイブ

Twitter(X)

アフィリエイトについて

このサイトはアフィリエイト広告(Amazonアソシエイト含む)を掲載しています。

QooQ