ファイルを作成した後、最後に必ず「png」を選択してファイルを書き出す必要がある。

新規で背景の透明データを作成する場合

新規でデザインデータを作成する場合は、「ファイル -> 新規…」から表示。
以下のようにカラーのところに「透明な背景」にチェックを入れることで最初から透明バックで作業を始めることができる。

このようになる。後はここに自由に描いていくだけ。従って白を塗りたいときは白を設定する必要がある。

作成したデータの背景を透明にするには

下記のよう白の背景のデータの場合、白を透明にすることができる。

下記画像の「ドキュメント設定」をクリック。
設定ウィンドウが開くので、「カラー」のタブ選択して「透明な背景」にチェックを入れてOKボタンをクリックするだけ。

バック背景が透明になって表示されるようになる。

貼り付けた画像の白を透明にする

Affinity Designerに画像を貼り付けた場合、ピクセルペルソナを選択してから作業を始める。

これは以下のように画像を「消去ブラシ」とかを使って消すことで透明にすることははできるが、これは白の部分というより画像そのものを消去することになる。
画像の白だけを削除する場合は選択ブラシツール等で白の部分を選択して削除する方法もある。
しかし方法としては、あまり現実的ではない。

簡単にやるにはAffinity Photoで作業して、Affinity Designerにペーストした方が早いということになる。

Affinity Designer v1.10.8

このアプリ、買い切りです。Adobe Illustratorには手が出ないが、同じような機能を使えるソフトを探しているという人にとってはうってつけのソフトだと思います。但し、現時点ではベクトルに関してはイラストレーターの方が優れているのは間違いないでが、Affinity Designerの最大の特長は、イラストレーターのような機能はもちろんあって、ピクセル（ラスター）も扱うことが可能なところです。ボタン一つで切り替えることが出来るという点が非常に便利です。

Affinity Designerのホームページ

このクライアントはサポートされていません

古いバージョンまたはサポート対象外のブラウザをお使いの可能性があります。当社の製品を引き続きお楽しみいただくには、以下のいずれかのブラウザの最新バージョンにアッ…

affinity.serif.com

Affinity DesignerとMaster Watercolor Affinity Brushesの組み合わせで作成。しかし、残念ながらこのサイトが閉鎖され、ダウンロードできなくなっている。

Affinity Designerは Affinity サイトまたは、App Storeからもダウロードできる。

Affinityホームページ：https://affinity.serif.com/ja-jp/designer/
AFFINITY STORE：https://affinity.serif.com/ja-jp/store/
DESIGNCUTSのAffinity：https://www.designcuts.com/product-category/marketplace/

Affinity Designerで使えるブラシをたっぷり詰め込んだバンドル「The Ultimate Affinity Design Bundle」
35ドル（88%オフ）通常価格：301ドル
https://www.designcuts.com/product/the-ultimate-affinity-design-bundle/?ref=dck

昔のimageブラシをインストールできる：https://forum.affinity.serif.com/applications/core/interface/file/attachment.php?id=93490
登録が必要、以下のファイルがダウンロードされ、ダブルクリックするとAffinity Designerが起動するので自動でインストールが完了する。

無料のAFFINITY ブラシ

FREE: Outline Brushes – Affinity Designer（閉鎖されているようだ）：https://www.designcuts.com/product/outline-brushes-affinity-designer/?ref=dck

サインアップして無料の拡張バンドルを入手（閉鎖されているようだ）：https://www.designcuts.com/join-our-fantastic-community-of-designers/Contents

同じスタイルを別のオブジェクトに適用する

イラストレーターではスポイトという機能があったが、ここではコピー&スタイルをペーストで出来る。

プロパティをコピーするレイヤー（あるいはオブジェクト）を選択します。
[編集]メニューから、[コピー ⌘+C ]を選択します。
新しく適用するオブジェクトを選択します。
[編集]メニューから、[スタイルをペースト shift+⌘+V ] または [エフェクトをペースト option+⌘+V ] を選択します。

あるいは、[編集]メニューから、[カット ⌘+V ]を選択し、オブジェクトを(コピーするのではなく)カットすることでもできます。

[スタイルをペースト]機能を使用すると、オブジェクトのストローク、塗りつぶし、およびレイヤーエフェクトのプロパティをコピーして、別のオブジェクトに直接適用することができます。これには、ストローク、シェイプ、テキストのオブジェクトの間のコピーが含まれます。

[エフェクトをペースト]は、[スタイルをペースト]と同じように機能しますが、レイヤーエフェクトプロパティのみがクリップボードの選択オブジェクトに適用されます。

画像のリンクと埋め込み

以下のところで画像を「埋め込み」か「リンク」かを設定できる。

埋め込みなので、画像をAffinity Designerのドキュメント内に保存します、埋め込む前の元画像を移動させても、変更しても埋め込まれた画像に全く影響がない。Affinity Designerのファイル自体は画像を抱え込むので大きくなる。

リンクは、画像をAffinity Designerのドキュメント内に保存せずに、元のファイルをそのまま参照する配置方法です。元の画像を加工すると、ドキュメント内の画像にも反映されます。
ドキュメントを編集中に元の画像が変更すると、変更されたことを知らせる通知が表示されます。リソースマネージャーで更新を行うと、変更内容が反映されます。
元のファイルを削除したり移動したり、名前を変更した場合は、ドキュメントを開き直すと不足リソースのメッセージが表示されます。

表示＞リソースマネージャーで画像が埋め込みかリンクかを見ることができる。

又、リンク画像の場合は、コンテキストツールバーに「画像の編集」というボタンが表示されれ、埋め込みの場合は表示されない。

ラインやオブジェクトを均等配置する

複数あるものを等間隔に並べる方法。「移動ツール」を選択して並べたいものを全て選択する。
整列アイコンをクリック。

書き出しのとき白の背景を透明にする

ヘッダーメニューの下にある「ドキュメント設定」をクリック。

「カラー」タブをクリックして「透明な背景」にチェックを入れて「OK」。

「PNG」タブを選択して「書き出し」。
このとき、画像がある場合は先に白のバックを透明にしておく必要があるが、Photoの方も選択して削除の作業があるのでDesignerの方でマスクを掛けた方が早いかも。

これで背景が透明になります。

レイヤーマスクを作成

下の画像はバックが白になっている。この白を透明にして、その下の透明バックと同じ状態にしたい。

ペンツールで画像の周りを描いていく、パスを閉じたらパスの完成。

マスクにするために、線を無しにして白ベタの塗りにする。

画像の上に描いた白ベタのレイヤーを画像の上にドラッグする。

うまくドラッグされたら画像の下に入れ子状態になる。

下のように画像だけが表示され顔像のバックの白部分がマスクされている。

グループ状態で１つだけを選択する

グループオブジェクトをダブルクリック、まずそのグループが選択されます。もう一度ダブルクリックすると、目的のオブジェクトが選択されます。

「カーブに変換」で機能するノード

今回紹介するノードツールは左の方にあるこの白い矢印アイコンです。

移動ツールと非常に似ていますけども、移動ツールを選択した場合、形状のオブジェクトを作ったとき、以下のように角などに丸印が出てきます。それを選択して移動して拡大縮小、回転してなおかつ傾きまで付けられたりするところも、一見するとほとんど同じ機能に見えますが実際使って見るとかなり違うということがわかってきます。

そのノードツールを使用するためには上のツールバーの右端にある「カーブに変換」とう機能を使います。

円を使ってやってみます。「カーブ変換」をクリックして、ノードツールを選択するとこのようになります。

円の周りに４つの小さなノードが付いています。

上のノードを選択してみると、左右にハンドルが表示されるようになります。

センターノードを移動することも出来るし、ハンドルを移動することも出来ます。オプションキーを押しながらハンドルを移動するとその片方のハンドルだけを移動することもできます。

マウスでクリックするとノードを追加することもできます。

またノードを追加しないで、マウスを縁に置くと下のように小さな棒が出てきて、ドラック移動するとその形を自由に変形させることも出来ます。

変換：「シャープ」「スムーズ」「スマート」機能

ノードを選択して変換機能を設定すると状態を簡単に変化させることも出来ます。「シャープ」ツールはイメージ通り丸い状態を角にすることができます。中央の「スムーズ」と右の「スマート」アイコンの違いは、ノードをつまんで移動してみると違いが分かるとおもいます。下図のよう円の中にもっていくと分かりやすいです。
「スムーズ」だと左右のハンドルが均等になっているのに対して、「スマート」は動きに対して左右のハンドルの長さが違うのが分かると思います。このハンドルの動きが表すようにカーブの形が微妙に変化しているということです。

「スムーズ」

「スマート」

アクション：「カーブの切断」

次にアクションなんですけどアクションは、例えば一番上のノードを選択して一番左の「カーブの切断」をクリックします。

上のノードを移動してみると、ノードが2つになってカーブが切れています。 

切れるってのが分かりづらいので「コマンド+Y」でライン表示にすると分かりやすい。

アクション：「カーブを閉じる」

開いたので今度は隣の「カーブを閉じる」を使います。この２つのノードは青色と赤色になっています。青が始点、赤が終点になります。どちらかを選択した状態で「カーブを閉じる」をクリックすると繋がります。

アクション：「カーブを滑らかにする」

次に「カーブを滑らかにする」これは以下の状態でもノードを選択した状態でも同じですが円全体のカーブを滑らかにします。

ノードが追加されるだけです。鋭角になったところにこれをやってもノードが追加されるだけ、後は自分で滑らかにして下さいということらしい。
多分これをわざわざ使う状況というのはあんまりないのではと思うのですが。

アクション：「カーブを結合します」

次は「カーブを結合します」ボタンを説明をしていきます。
一番分かりやすい2本のラインを作成します。この状態で「カーブを結合します」ボタンを押します。

このように繋がって一つのオブジェクトとなります。

「カーブを閉じる」を使えば下の開いた分を繋ぐ事ができます。

アクション：「カーブの向きを反転」

次これが最後です、「カーブの向きを反転」ボタン。これは下の図で説明すると左の端が青で始点、右の端が赤で終点。これを逆にする機能です。
始点と終点が逆になります。切り替えてどういう意味になるのかわかりません。しかし多分どこかで、これを切り替える場面が出てくるのでしょうね。

スナップ：「グローバルなスナップ」

いよいよ最後の方の項目スナップ、これは右上にある赤色の磁石アイコンのスナップでもオプションで「オブジェクトの境界ボックスにスナップ」にチェックを入れるとオブジェクト同士が接近するとピタリと接続できます。

スナップ：「選択されたカーブのノードに揃えます」

ノードのスナップ機能は赤い磁石の形グローバルスナップとは完全に別の機能として独立して働く者なんです。
左端の「選択されたカーブのノードに揃えます」は下のように２つのノードを１つに揃えたい場合。下のノードをドラッグして上のノードに近づけるとスナップする機能です。ピタッとノードが重なります。

また、ノードのラインに揃えることもできます。以下のように左右のノードに揃ったら横ガイドラインと位置情報が表示されます。
これは縦位置でも同じで縦の場合は緑のガイドラインで表示されます。もし、縦横ピッタリ揃った位置にノードがあるなら両方のガイドラインが同時に表示されます。

隣に別のラインがある場合、シフトキーでもう一つのラインも追加選択し、２つのラインが選択状態になると、このラインにもスナップすることができます。

スナップ：
「選択されたカーブのジオメトリにスナップします」

「選択されたカーブのジオメトリにスナップします」、これは下図のようにラインに対してスナップします。
スナップした縁ラインは薄い黄色に変化するのでわかります。

スナップ：
「ドラッグ時にすべての選択したノードをスナップ」

次は「ドラッグ時にすべての選択したノードをスナップ」、これはまず前２つのスナップ機能のどれかを選択しないと有効になりません。2つ同時でも構いません。
今回は「選択されたカーブのノードに揃えます」と組み合わせて使用してみます。
下図では3つの緑のノードをまず選択します。その後どのノードでもいいのでオレンジのノードにドラッグすると３つノードが一緒に移動します。
そしてどのノードでもオレンジのノードにスナップすることができます。

スナップ：
「スナップオプションを使用してハンドル位置を揃えます」

「スナップオプションを使用してハンドル位置を揃えます」これは下図のようにハンドルの●をノードにスナップ、もう一つの機能はハンドルの●がカーブのパスにスナップします（カーブはスナップしたとき黄色のラインになります）。
結果は表示していませんが、やってみればすぐにわかります。

スナップ：「作図スナップを実行」

「作図スナップを実行」提示されている角度および配置に合わせてコントロールハンドルのスナップを行い、ジオメトリおよび配置の精度を確保します。

この説明はチョット複雑になります。
このラインの最後のポイントを選択すると２つのコントロールハンドルがあります。

この「作図スナップを実行」とは、異なる方法でこれらのコントロールハンドルを隣接するノードポイントや隣接するコントロールハンドルへスナップさせる機能のことです。チョット説明が難しいですが…
これに関して少し説明します。コントロールハンドル（下図の赤●）をドラッグすると、一線に合わせて隣接するノードポイント、つまりこれにスナップします。
紫の線が形成されているのが見えます。このラインで上のノードにスナップしています。

これをこのノードの90度にスナップしてみましょう。その線が90度になっているのが分かりますね。

その後、コントロールハンドル間でアングルを同一角度で作成することができ、同じように隣接したノード側でもできます。

そしてマウスボタンを放した後、シフトキーを押しながらコントロールハンドルもう片方の長さに合わせるように動かすと、ハンドルバーに「＝」が表示されます。これが出たとこが同じ長さになったということになります。
つまり。まず角度を同じに合わせ、ハンドルの長さも同時に同等に合わせることができるということを示しています。

アングルに整列する代わりに、シェイプ（形）ここで言う合理的な三角形に整列できます。ではこのコントロールハンドルをすこしばかり上に引っぱり、反対側のコントロールハンドルを左と右にドラッグすると、特定のポイントに到達する際、完璧に合理的な三角形が２つのポイント間に表示されるのが見えるので、そこから的確な曲線を引くことができるようになるはずです。なかなか理解が難しい…

ではそのコントロールハンドルを隣接するコントロールハンドルと平行にスナップしましょう。
するとそのコントロールハンドルがしっかり平行にスナップするのが見て取れます。
その後、ハンドルを長くしたり短くしたりできるようになります。

ここでマウスを放して再びシフトキーを使ってドラッグすれば同じ長さでお互いに平行なコントロールハンドルが得られるでしょう。

90度反対のポイントにスナップしてハンドルを逆方向へ持っていけばS字を描くことができます。
そしてマウスボタンを放してまたシフトを押せば同じ長さのコントロールができるというわけです。

ノードはものすごく重要な機能なので実際に使いながら身体で覚える必要があります。

ここにビデオがあるので参照して下さい。

無料のブラシをダウンロード

ブラシのインストールを試すために、この「Pixelbuddha」から、Affinity Designer対応ブラシ「Charcoal Sketch Affinity Brushes」をダウンロードしてみる。商用利用可能。

このブラシの説明（サイトから抜粋）：

アフィニティのための本物の木炭とサンギネ（赤いチョーク）ブラシのセットで、ざらざらしたテクスチャーの本質を探ります。濃密なストロークから滑らかなブレンドまで、10種類の汎用性の高いブラシ（ベクターとラスター形式）、シームレスなトランジションのためのスマッジツール、および一致する紙のテクスチャを備えています。プロに最適なコレクションは、ラフスケッチ、フィギュアドローイング、シェーディング、コンセプトアート、ミックスメディアプロジェクトに最適です。

このサイトの、以下からダウンロードする。

zipファイルがダウンロードされるので解凍する。

解凍されたフォルダの中には２つのフォルダが入っている。Product Filesにブラシが入っている。

ブラシをインストールする

Affinity Designerでブラシパネルを開く、もし開いていないなら上のメニューから「表示 -> スタジオ -> ブラシ」で開くことができる。

開いたら、ブラシタブの右横にある「横４本線」のアイコンをクリックすると開いたメニューから「ブラシをインポート」を選択して、インストールするファイルを選択。

インストールするファイルは、今回の場合ダウンロードした「Charcoal Sketch Affinity Brushes」->「Product Files」の中にある２つのファイルになる。

ファイル名は「Vector Charcoal Sketch Brushes.afbrushes」と「Charcoal Sketch Brushes.afbrushes」

ファイル名の頭に「Vector」となっているのがベクター用のブラシ、もう片方はラスターブラシになる。
シフトボタンで２つのファイルを選択して下にある「開く」をクリック。

以下のウインドウが表示され、10本の「ベクターブラシ」と11本の「ラスターブラシ」がインストールされたことになる。

「ベクターブラシ」と「ラスターブラシ」の表示場所の違い

ベクターブラシはAffinity Designerの「左上のアイコン」を選択した場合にインポートした「Vector Charcoal Sketch Brushes」が表示されている。

一方、ラスターブラシは「左上の右側のアイコン」を選択した場合に「Charcoal Sketch Brushes」が表示されている。ラスターブラシは簡潔に言うと画像のようなブラシになる。

ベクターデータは点と線による構成で、拡大・縮小しても劣化しない一方、ラスターはピクセルの集合体で画像を構成するため、拡大すると画像が荒くなるという違いがある。
Affinity Designerはこのベクターとラスターを組み合わせて、いいとこ取りで作成できるのが特徴。

ブラシの削除

① でブラシ名を選択して、② のアイコンをクリック。③ で「カテゴリを削除」を選択すると削除できる。

最後にこのブラシの実際のインストール場所がどこかにあるのか探してみたがわからなかった。

ボーナス – Fine Liner Affinity Brushes by The Artifex Forge
Get over 50 vector Fine Liner brushes, plus 10 Fine Liner textures designed by The Artifex Forge.
無料  （￥2,580）

Artifex Forgeのファインライナーアフィニティブラシ
50以上のベクターファインライナーブラシと、Artifex Forgeが設計した10のファインライナーテクスチャを入手できます。


つまりこれが付いている。
購入したAffinty Designerを起動したら、以下の画面が表示されるようになります。ここからボーナスのブラシをインストールできます。

この画面をクリックする。

「ダウンロード用リンクを取得」をクリック。

「確認用の電子メールを再送信」をクリック。

メールが入るので「電子メールアドレスを確認」のところをクリック。

ダウンロードできる画面が出るので「ダウンロード」をクリック。2種類ある。

ダウンロードされたファイル
左側が「Fine Liner Affinity Brushes by The Artifex Forge Universal – バージョン 1.0.0」
右側が「Textures Universal – バージョン 1.0.0」

その他、下の方にリソースとして

• 「使用許諾契約書」
• 「Instructions」「注意事項」
• 「Quick Reference Sheet」「クイックリファレンスシート」
• 「Get More Affinity Designer Resources」「より多くのアフィニティデザイナーリソースを取得する」

と説明書をWebで見ることが出来るようです。

ブラシのインストール

ブラシの種類と.afbrushes形式
ダウンロードしたAffinityソフトウェア用に作成されたブラシは、.afbrushes形式で提供されるベクターブラシです。

Affinityソフトウェア用に入手できるブラシには、ラスターブラシとベクターブラシの2種類があります。
ラスターブラシはAffinity PhotoとAffinity Designerのどちらにもインストールできますが、ベクターブラシはAffinity Designerのみで使用できます。

Affinityソフトウェアとプラットフォームを確認
最初に必要な手順は、購入したブラシの種類と、そのブラシが対応するアプリ(およびプラットフォーム!)を確認することです。この情報は、ブラシを購入したAffinity Storeの製品ページに記載されています。購入したブラシは、次のAffinityソフトウェアのいずれか1つ、またはすべてに対応しています。

Affinity Designerデスクトップ版（今回ダウンロードした分）
iPad用Affinity Designer
Affinity Photoデスクトップ版
iPad用Affinity Photo



ダウンロードしたAffinityブラシをデスクトップにインストールには
Affinity PhotoとAffinity Designerには、ブラシパネルがあります(通常はワークスペースの右上に表示されます)。ブラシをこのパネルにインポートする方法は2通りあります。

1つ目は
ブラシをAffinityソフトウェア(デスクトップ版)にインポート
右側のドロップダウンメニューで、[ブラシをインポート]を選択します。

インポートする.afbrushesファイルに移動します。.afbrushesファイルを強調表示にしてから[開く]を選択します。

インストールされるとこのようになります。
ブラシのメニューの一番下に「Finaeliner Brushes」と追加表示されます。

もう一つの方法
エクスプローラー (Windowsの場合)またはFinder (macOSの場合)のウィンドウで、インポートする.afbrushesファイルがあるディレクトリに移動します。目的の.afbrushesファイルをクリックし、使用するAffinityアプリにドラッグします。マウスカーソルのアイコンが変わったら、マウスボタンから手を離します。ブラシをインポートしてよいか確認するダイアログが表示されます。

ブラシがインポートされると、ブラシパネルに追加されます。パネルからブラシを選択し、ペインティングツールで使い始めてください。

ヒント: Affinity Designerでラスターブラシを使うには、ベクターブラシではないのでピクセルペルソナに切り替えてブラシを表示する必要があります。



「Textures」ファオルダ内の.afdesign拡張子ファイル
一緒にダウンロードした「Textures」ファオルダ内の.afdesign拡張子のファイルは下のように、直接ドキュメントにドラッグ＆ドロップすることで使えます。

以上でボーナスのダウンロードファイルのインストール完了です。

現在インストールして使用しているブラシ

ベクターブラシ

Vector Charcoal Sketch Brushes.afbrushes（Pixelbuddhaから無料ダウンロード）
Fineliner Brushes（昔ボーナス-Fine Liner Affinity Brushes by The Artifex Forge 無料で配布されたもの）
image-16
+アクリル
インク
エッチング
グワッシュ
ドライメディア
ペン
マーカー
鉛筆
水彩
油彩

ラスターブラシ

Charcoal Sketch Brushes.afbrushes（Pixelbuddhaから無料ダウンロード）
Assorted – 1.6.afbrushes（古いMacからエクスポートしたもの）
Drawing – 1.6.afbrushes（古いMacからエクスポートしたもの）
Basic – 1.6.afbrushes（古いMacからエクスポートしたもの）
Effects – 1.6.afbrushes（古いMacからエクスポートしたもの）
Fineliner Brushes.afbrushes（古いMacからエクスポートしたもの）
Painting – 1.6.afbrushes（古いMacからエクスポートしたもの）
Spray-paints – 1.6.afbrushes（古いMacからエクスポートしたもの）
Spray Paint Stamp Brushes by MiksKS
Texture – 1.6.afbrushes（古いMacからエクスポートしたもの）
TH Master Watercolor Brushes.afbrushes（購入したもの）
TH Master Watercolor Drips.afbrushes（購入したもの）
TH Master Watercolor Splatters.afbrushes（購入したもの）
TH Master Watercolor Washes.afbrushes（購入したもの）
TH Master Watercolor Water.afbrushes（購入したもの）
アクリル
インク
エッチング
グワッシュ
スプレーと飛沫
テクスチャ
ドライメディア
ペン
マーカー
マスキング
鉛筆
基本
水彩
油彩

購入ダウンロードサイト：https://designcuts.kinsta.cloud （既にサーバーが存在しない）

現在、このサイトは無い。Design Cutsブランドを買収した、Creative Marketと提携したとのこと。
Design Cutsは、過去のダウンロードにアクセスできる一時的なページからダウンロードできる。

ユーザー名またはemailとパスワードが必要。以下の２つのファイルとPDFの説明書がダウンロードできる。

２つの項目があるが、結局 無料の上の分はブラシとしてインポートできない？どうなっている？

無料：ペイントされた紙のテクスチャ瑪瑙（めのう）のダウンロードファイル（無料）

マスター水彩アフィニティブラシ（有料）

昔のダウンロードされたファイル

2025年3月にダウンロードしたファイル

少なくなっている？
Affinityの中にブラシフォルダがあるのでそれを開くと３つのファイルがあるので、それを選択する。

ブラシのインストール

ステップ1

Affinity DesignerまたはAffinity Photoを開きます。 Pixel Personaからブラシパネルを開きます。 

パネルの右上隅にあるメニューアイコンをクリックします。 ドロップダウンメニューから[ブラシのインポート]を選択します。

読み込むのはこの分です。全部で5つのファイル。これ古い昔のファイル、今は違うようだ。この古いブラシが出てきたので現在インストールしている。

以下の５つがそのファイルになる。

TH Master Watercolor Brushes.afbrushes
TH Master Watercolor Drips.afbrushes
TH Master Watercolor Splatters.afbrushes
TH Master Watercolor Washes.afbrushes
TH Master Watercolor Water.afbrushes

ピクセルペルソナにしてブラシを選択しないと表示されない。このブラシはピクセルペルソナ用のブラシになる。

つまりインポート後はピクセルペルソナにすると、インポートしたブラシが表示されることになる。
インポートは以下の方法で、先に説明した５つのファイルをインポートする。

2025年にダウンロードしたら３つのファイルしかない。
古いMacから探したら５つのファイルが見つかったので現在もこれを使っている。

ステップ2

新しくインストールしたブラシセットが表示されるのは、左にあるアイコン「ピクセルペルソナ」を選択することにより右側のブラシで表示されるようになる。

ブラシパネルの上部にあるブラシセットのドロップダウンメニューでブラシを選択できる。

以下は2025年にダウンロードしたら３つのファイルを、プルダウンメニューで開いた状態。

ダウンロードに含まれるすべてのブラシセットファイルについて、これらの手順を繰り返します（一度に選択しても問題なくインポートできます）。

カラーパレットのインストール

ダウンロードした「Master-Watercolor-Procreate-Brushes-Trailhead-Design-Co」の中にあるAffinityの中に入っている「Color Paletes」の中にあるファイルを選択する。

以下の順番で選択するとパレットをインポートできる。

• アプリケーションパレット（Affinityだけで使えるパレット）
• ドキュメントパレット（Affinityで現在作成しているドキュメントだけで使えるパレット）
• システムパレット（同じMacの中ならどのAffinityでも使えるパレット？）

最後のシクテムパレットはよくわからない。アプリケーションに入れるのが普通だと思う。

インポートされると以下の様に表示される。

①のところにプルダウンメニューがあるのでそこからインポートされたカラーパレットを選択できる様になる。種類が沢山あるが、一度に選択できるのは１つだけなので、全部入れるのが面倒臭い。

パレットの削除は、そのパレットを選択した状態で、右上の横４本線アイコンから削除できる。

無料のテクスチャファイルの使い方

これはAffinityにインポートするのではなく、例としてPhotoやDesignerで作成するとき既にある画像の上にこのテクスチャをレイヤーに入れて

ここで色んなフィルターを掛けることによって、このテクスチャが使える様になるということ。
他にも多分使う方法があると思う。

まず新しいドキュメントを⌘+Nで開きます。
ドキュメントのサイズは100 x 100 mm、300 DPIです。
最後の300dpiというのは、基本の図形である星をpng形式で書き出してブラシに適用するので最低でもこれくらいは必要になります。

ビデオではハートの形の作り方から丁寧に説明されていますが、ブラシの作り方をやりたいのでここでは簡単にいきます。
左の星のツールを使用して星を作成します。大きさは適当にいいです。

これは、カスタムブラシの元になる図形の最終結果です。他の好きな自作の図形でも何でもかまいません。

この画像を使用して、ブラシを作成します。
星の形の長方形を選択して、画像を透明なPNGファイルとしてエクスポートします。

ドキュメント全体をエクスポートするのではなく、星を選択してから書き出します。
ファイル＞書き出し…、又はショートカット⌘⌥⇧Sを使用してエクスポートダイアログを開きます。

選択範囲を「背景なしの選択」でエクスポートします。これにより星だけの図形が作成されます。書き出しをクリックします。

新しいPNGファイルを新しいフォルダーに保存します。保存場所は適当に。
ファイルは「星.png」という名前を付けます。

次に、ブラシパネルを使用して新しいテクスチャイメージブラシを作成する方法を示します。
ブラシパネルのメニューは右上にあり、「新しいカテゴリを作成」を選択します。

ブラシという名前で作成されたカテゴリの名前を変更します。

作成するカテゴリの名前を「星ブラシ」に変更します

新しいテクスチャイメージブラシを作成するために、「新規テクスチャ画像ブラシ」を選択。

「星.png」という名前で書き出したファイルを指定して、開くをクリックします。

ここに新しいブラシが表示されます。

アートボードツールで2つ目のアートボードを作成します。やりかたは最初のキャンバスの周りをドラッグして同じように作成します。

アートボートがレイヤーに出来ています。「アートボード2」に変更します。

2番目のアートボードの名前を変更すると、アートボードの上が「アートボード2」となっていることがわかります。
アートボードを移動し横に並べます。

レイヤーの2つ目のアートボードの星はもう必要ありません。削除します。

アートボードを拡大したい場合は、レイヤーパネルのシンボルをダブルクリックしてください。（レイヤー左の星マーク）

次に、新しいブラシを試すために、アートボード２に線だけの円を描きます。この線に新しいブラシを適用します。

右上のブラシをクリックすると左の選択されていた円に、ブラシが適用されました。

ストロークの色を赤に変更します。

①のブラシを選択して、②でブラシダイアログを開きます。これでブラシをカスタマイズできます。
パスに沿ってブラシのイメージを繰り返すには、「ストレッチ」の代わりに「繰り返し」を選択します。

これで、ブラシの幅、サイズの分散（サイズの許容誤差）、不透明度の分散（不透明度の許容誤差）を変更できます。
サイズの許容誤差、不透明度の許容誤差を実行するには筆圧の設定が必要です。
①をクリック、②をクリク③で状態を筆圧の設定をする。

これで初めてこの機能が反映されます。

以下のようにコーナーにプルモードを選択した場合は、頭と尾のオフセットを変更することもできます。

以上で簡単なブラシの作成方法でした。イラストレーターのようにベクトルデータでブラシを作成することが出来ませんでした。
すべて画像に変換して、それをブラシに適用する方法です。この方法だと看板のような大きな画像になると縁がボケるのではと思うのですが、どうなんでしょうね。Web等で使う分にはまったく問題ないと思います。

ビデオをご覧になればテクスチャ等、色んな設定方法があることが分かります。

ブラシの作成で単色のブラシの作成方法を掲載しているサイトはあるのですが、ブラシそのものに色を付けて作成する方法を記述しているところがまったく見かけません。今回はこれをやってみたいと思います。
最初はやり方がわからなく、作成した画像を読み込むところまでは問題なくできているのですが、ブラシを線に適用するとグレーになってしまうので何で？ということで諦めていました。

やり方は簡単です。ブラシの場合は色は線の設定ですので、線に色を設定しているとその色が最初は適用されます。従って色を無しにすると作成したカラーのブラシになるというわけです。

まずブラシに適用するイラストを作成します。それをいつもの手順で書き出します。

PNGで背景なしがポイントです。

名前を付けます。

新規カテゴリーの作成。

新規カテゴリーの名前を変更します。

「新規テキスチャ画像ブラシ」を選択します。

円を描き、作成したブラシを適用します。

この時点では線の色がモノクロ設定になっているのでグレーで適用されます。

下のように「繰り返し」を選択すると以下のようになります。

ここが重要なポイント、白黒になっているブラシを作成した色と同じブラシにするにはカラー設定をすべて無しにすることがポイントになります。
この設定が分からなくてかなり長い間、色を付けることができないと勘違いしていましたが、ちゃんと作成通りの色が再現できています。

この時点で線の色を変更することもできますが、以下のように単色になってしまいます。方法は線の色を変更するだけです。

カラーの作成したブラシの色は元の色だけで変更はもちろんできません。単色にすると自在に変更できるというわけです。

調べていて、色を変更できるブラシツールがこれならできるのかな。実際に使ったことはありません。
Multi-color, Mixed Paint Affinity Brushes：マルチカラー、混合ペイントアフィニティブラシ：18ドル
https://artifexforge.com/product/multi-color-mixed-paint-affinity-brushes/

Affinity Designerでそのまま作ってみました。適当な大きさで草らしい部分を作成します。

①で書き出しペルソナ（仮想）を選択、②スライスツールを使って、③のように切り取る、草の周りに四角を調整します。

オプションでJPEG（最高品質）を選択。

右下のスライス１の赤枠のところをクリック、名前を変更する。書き出しをクリック。

ここは大事なポイント、矢印のスライス選択ツールをクリック、その後ピクセルプレソナをクリック（下の画面の②）。

必ず②が選択されているのを確認する、そうすると③のブラシが選択できるようになる。

新規カテゴリの作成を選択

次に同じとこから「カテゴリ名の変更…」

名前を変更。

更に同じところから「新規ソリッドブラシ」を選択。

下の画面のように表示されるので、草ブラシをクリックすると編集中のウインドウが表示される。

クリックすると編集中ウインドウが表示される。これでいろんな設定ができるようになる。

設定項目の最終決定がこれ、もちろん自分の好きなように設定しても構いません。

①のペイントブラシを選択して、カラータブ②をクリックして③の色を選択。

①ブラシタブに移動して、②のブラシを選択してラインを描画する。

色を変えながらブラシを描画していくとおもしろい効果が出てくる、

以上で簡単な草のブラシの完成です。