Affinity Photo 2を使っていて文字にスタイルを適応したいときに画像をスタイルとして保存する方法をご紹介します。
この記事で紹介するのは、画像をスタイルとして保存しておいてワンクリックで文字やオブジェクトに反映させるといったものです。
Affinity PhotoではPhotoshopのようなクリッピングマスクやパターンを定義という機能がないので画像を文字やオブジェクトの形に適応させたい場合はマスクをかけるか、あらかじめスタイルを保存しておくという手法が考えられます。
Affinity Photoのスタイル機能は画像として読み込んだ画像レイヤーをスタイルに反映する事が出来ません。(23年2月現在)
ですが、カーブに変換することで画像スタイルとして保存することが可能です。
画像をスタイルとして保存する方法
手順1.
TEXTという文字にスタイルとして保存した赤い布のテクスチャを適応させていきます。
レイヤーにはあらかじめTEXTの文字レイヤーと赤い布の画像レイヤーを用意しました。
![【Affinity Photo2】画像をスタイルとして保存する方法(あらかじめデザインしたスタイルを適用する) 画像を用意](https://kadomine-blog.com/wp-content/uploads/2023/02/save-style02.webp)
手順2.
赤い布のレイヤーを選択後、右クリックして項目からカーブに変換をクリック
レイヤーではなくキャンバス内の画像の上で右クリックをしてください。
![【Affinity Photo2】画像をスタイルとして保存する方法(あらかじめデザインしたスタイルを適用する) カーブに変換](https://kadomine-blog.com/wp-content/uploads/2023/02/save-style03.webp)
手順3.
画像レイヤーからカーブレイヤーに変更されたことを確認します。
![【Affinity Photo2】画像をスタイルとして保存する方法(あらかじめデザインしたスタイルを適用する) カーブに変換後アイコンが変わる](https://kadomine-blog.com/wp-content/uploads/2023/02/save-style04.webp)
手順4.
上部メニューのウインドウからスタイルをクリックしてスタイルのパネルを表示させます。
![【Affinity Photo2】画像をスタイルとして保存する方法(あらかじめデザインしたスタイルを適用する) スタイルのパネル](https://kadomine-blog.com/wp-content/uploads/2023/02/save-style05.webp)
手順5.
赤い布のカーブレイヤーを選択状態でスタイルパネルの右上三本線のメニューアイコンをクリックして選択からスタイルを追加をクリック。
![【Affinity Photo2】画像をスタイルとして保存する方法(あらかじめデザインしたスタイルを適用する) 選択からスタイルを追加](https://kadomine-blog.com/wp-content/uploads/2023/02/save-style06.webp)
手順6.
新たにStyle1が追加されました。
これでテキストやオブジェクトにワンクリックで画像を適応させることが出来るようになります。
TEXTを見てみると反映された結果が確認できますね。これで完成です。
ちなみにStyle1を右クリックで名前を変えることができます。
![【Affinity Photo2】画像をスタイルとして保存する方法(あらかじめデザインしたスタイルを適用する) 追加したスタイルを確認する](https://kadomine-blog.com/wp-content/uploads/2023/02/save-style07.webp)
スタイルを外す場合
スタイルは塗として保存されているので、ノードの塗りつぶしのサムネイルか文字パネルの塗サムネイルをクリックして右上にある斜め線のアイコンをクリックします。(下記画像参考)
![【Affinity Photo2】画像をスタイルとして保存する方法(あらかじめデザインしたスタイルを適用する) スタイルを外す場合](https://kadomine-blog.com/wp-content/uploads/2023/02/save-style08.webp)
最後に
スタイル保存はオブジェクトレイヤーやカーブレイヤーで保存することが出来ます。
また画像の大小、角度、位置変更はできないので変えたい場合は作り直す必要があります。