ただいまの人気記事はこれ!おすすめ記事いろいろ

【Affinity Photo】画像がだんだんと透明になっていく加工方法

Affinity Photo

今回はAffinity Photoで画像をだんだんと透明にしていく方法をお届けします。

たとえば次のような画像があったとします。

【Affinity Photo】画像がだんだんと透明になっていく加工方法

 

この方法を使うと、好きな方向に向けて、画像をだんだんと透明にしていく処理ができるようになります。

画像をだんだんと透明にしていく処理

透明になっていく方向や、透明に近づいていくグラデーションの度合い・強さは自由に調整できます。

というわけで、さっそくやり方をみていきましょう。

Affinity Photoの記事一覧

やってみよう

今回は例として、次の画像を使ってやり方をみていきます。

サンプル

ここでは写真を使っていきますが、もちろんイラストなど写真以外の画像の場合も同じ方法でできます。

手順

1.Affinity Photoで任意の画像を開きます。

任意の画像

 

レイヤー構成は次の通りです。

レイヤー構成

「背景(ピクセル)」とあるのが、今回の画像レイヤーです。

 

2.ここでレイヤーパネルをみてみましょう。今開いた画像レイヤーの右に「カギのマーク」がついている場合があります。

「カギのマーク」

このマークがついていると画像の編集ができませんので、これをはずします。「カギのマーク」をクリックしてみましょう。

 

すると、カギマークが消えます。

レイヤーパネル

これでこの画像を編集できるようになります。

 

3.レイヤーパネルで画像のレイヤーをクリックして選択状態にします。

画像のレイヤー

 

その状態でレイヤーパネルの下部にある「マスクレイヤー」アイコンをクリックします。

「マスクレイヤー」アイコンをクリック

 

すると、画像レイヤーの中に「マスク」というレイヤーがつくられます。

「マスク」というレイヤー

 

4.「マスク」レイヤーが選択状態になっていることを確認します。

「マスク」レイヤーが選択状態

 

その状態で、画面左のツールボックスから「グラデーションツール」を選択します。

「グラデーションツール」

これでグラデーションツールが有効になりました。

 

5.キャンバスで画像を透明にしていきたい方向にドラッグしてみましょう。

画像を透明に

やりなおしや修正はかんたんにできますので、この段階で一発で決める必要はありません。アバウトでOKです。

ちなみに今回は画像の左から右にいくにつれて透明になっていくように、画像の左から右へドラッグしてみました。

水平方向または垂直方向にドラッグしたい場合は、キーボードのShiftキーを押しながらドラッグすると、途中で角度がずれることなく線を伸ばせます。
スポンサーリンク

透明になる度合いを調整してみよう

ドラッグを終えたら、始点と終点をみてみましょう。

始点と終点

◯と●があります。〇のほうが不透明になり、●のほうが透明になります。

 

〇と●はどちらもドラッグして移動させることができます。

たとえば、長さを変えてみるとグラデーションの範囲が変わります。

グラデーションの範囲

 

あるいは角度を変えることもできます。

角度を変える

 

また、画像では少し見づらいかもしれませんが、グラデーションのラインの中間点に縦線があります。

中間点に縦線

これもドラッグして移動をさせることができます。グラデーション(色が透明に変わっていく段階)の中間点を変えることができるわけですね。

 

このようにいろいろと調整してみて、お好みの仕上がりになれば完成です。

お好みの仕上がりになれば完成

何度でもやり直しができます

あとからやり直しをしたくなったときは、まず「マスク」レイヤーを選択状態にします。

「マスク」レイヤーを選択状態に

 

その状態で、画面左のツールボックスから「グラデーションツール」を選択します。

「グラデーションツール」を選択

これでやり直しをすることができます。

2方向にむけて透明にする

今回の記事では1方向にむけて透明にする方法をお届けましたが、2方向にむけて透明にすることもできます。

その方法をこちらの記事でくわしく解説しています。

【Affinity Photo】画像の両端が透明になっていく加工方法
今回はAffinity Photoで画像がだんだんと透明になっていく加工方法をお届けします。 前回の記事では1方向にむけて透明になっていく方法をお届けしましたが、今回は2方向にむけて透明になっていく...

Affinity Designerなら

Affinity Designerの場合は「透明性ツール」を使うと便利です。こちらの記事でくわしく解説しています。

【Affinity Designer】ピクセルレイヤー(写真や画像)に透明性ツールを使う方法
Affinity Designerには「透明性ツール」というユニークなツールがあります。 たとえば、次のような図形の端を透明にしたい場合。 透明性ツールを使うと、かんたんに透明グラデーショ...

記事で使ったツール

今回の記事で使用したツールは次の通りです。

【Affinity Photo】

Affinity Photo – 本格的な画像編集ソフトウェア
Mac、Windows、iOSのすべてで使える唯一のフル機能写真エディタであるAffinity Photoは、世界中の何千万人というプロフェッショナルが真っ先に選ぶソフトウェアとなっています。

よかったら参考にしてみてください。

スポンサーリンク
Affinity Photo
ゆずゆろぐ。の本が出ました!
ゆずゆろぐ。の本が出ました! 完全書きおろし、Amazonで販売中です。興味のある方はぜひどうぞ!
ゆずゆをフォローする
この記事を書いた人
ゆずゆ

読むと、ちょっぴり役に立つ&たのしくなるコンテンツを発信しています。クッピーラムネとAmazonのFire HD8がお気に入り。雑貨マニア。

ゆずゆをフォローする
ゆずゆろぐ。
タイトルとURLをコピーしました