「クリスタ」輪郭線のある文字の塗り色だけを透過したい

「クリスタ」で、文字に輪郭線（フチ）を追加して、レイアウトした際に、イラストなどの上に重ねて、透過させたいと思ったことはありませんか？

文字に輪郭線を追加する方法として、レイヤープロパティで輪郭線（フチ）を有効にすると、綺麗に輪郭線を追加することができますが、この文字をレイヤーで透明度を下げると、文字の輪郭線が薄くなってしまいます。

このような場合、輪郭線を透過させずに、背景を透過させるにはどのようにすれば良いか。説明していきたいと思います。

レイヤーを複製する

まずは、下の画像を用意しました。この画像は文字（黒）にレイヤープロパティで輪郭線（フチ）（白）を追加したものです。背景は透過した際にわかりやすようにしたつもりです。

では早速、元のレイヤーを複製し、上のレイヤーを輪郭線のレイヤー、下のレイヤーを塗りのレイヤーにし、塗りを透過させたいレイヤーと、透過させたくない輪郭線のレイヤーの２つに分けます。

対称のレイヤーを右クリックして、「レイヤーを複製」をクリックします。

レイヤーを複製後、上に重なったレイヤーだけを表示します。レイヤーの左に目のアイコンがあるので、対象のレイヤー以外の目のアイコンをクリックして、閉じていきます。

今回の画像では、輪郭線が白いので、あえて水色の背景色のレイヤーだけ、表示したままにしました。

こんな感じに、輪郭線（白）がハッキリの見えるようにしておくと、後の加工がラクなので、必要に応じて、加工用に背景色のあるレイヤーを追加しておくと良いでしょう。

加工用に追加したレイヤーは、加工が完了した後に削除しても良いですが、今回はこのまま残していきます。

上に重なったレイヤーを選択し、レイヤーをラスタライズします。

今回の場合、輪郭線がレイヤープロパティで追加したものなので、ラスタライズして定着させます。

また、テキストレイヤーでもあるため、どちらにしても加工するためには、ラスタライズが必要です。

ラスタライズが完了したら、上のレイヤーの輪郭線だけを抽出します。

上に重なったレイヤーを選択し、画面上部にある「選択範囲」から「色域選択」をクリックします。

輪郭線の白い部分をクリックして、輪郭線だけが選択します。

選択したら、選択範囲を反転させます。つまり、輪郭線以外を選択するようにするわけです。選択範囲を反転させたら、「Backspace」キーか「Delete」キーで削除します。

輪郭線（白）だけが残った状態になったら、選択範囲を解除します。

次に、下のレイヤーのレイヤープロパティの輪郭線（フチ）を解除します。

透過させたい塗りのレイヤーの透明度を下げます。最下部のレイヤーに色が重なるような状態です。輪郭線のレイヤーは、透明度を変更しないので、最下部のレイヤーに覆いかぶさる状態です。

加工がすると、こんな感じになります。

モノクロの漫画などにこのような加工をする際は、黒い塗りの部分は、網掛けに加工しておくと良いかもしれません。