アイキャッチ画像
HOME > ウェブデザイン > Affinity Photo > 余計なモノを隠す(5つの修正ツール編)-Affinity Photo
記事公開日:2021.10.6
この記事は約10分で読めます。

余計なモノを隠す(5つの修正ツール編)-Affinity Photo

ここではAffinity Photoの数ある機能の中から主にブログサイトや商品・サービス紹介サイトでの利用を前提としたweb用画像の作成・加工についての使い方をご紹介します。

(記事中の画像もAffinity Photoで作成してます)

基本的な使い方はこの下にある「使い方記事一覧」をご覧ください。
それ以外の知ってればより効率アップのTips系記事はこちらにまとめてあります。

※Affinity Photo使い方記事一覧

余計なモノを隠す(モザイク・ぼかし編)に続いて、ここではモノそのものを消す(or 増やす)やり方を機能別に5つご紹介します。

スポンサーリンク

スポンサーリンク

コピー&ペースト

こちらは隠したい画像上に他のエリアの画像をコピーして置き換える(ペースト)一番シンプルなやり方です。

サンプルとして『女子力アップ素材集【MdNコーポレーション】(※購入済み)』から以下の画像を拝借しました。

この画像から”リボン画像が邪魔”という設定でリボンだけを消してみます。

キャプチャ画像

画像を取り込んだら範囲指定ができるようにまずはラスタライズしておきます。

(これは画像を取り込めば毎回生じる必須作業です)

もっと詳しく!

画像の取り込みとラスタライズ化…詳細はコチラ

手順としては矩形マーキーツールなどの選択ツールに切り替えたら、リボン近辺の画像と似たような背景画像のエリアを範囲指定し、その場で[ctrl]キー画像[C]キー画像[ctrl]キー画像+[V]キー画像と続けて打ち込みます。

こうすることで範囲指定したエリアだけのレイヤーがオリジナル画像と同じ位置情報で1枚追加されます。

(終了後は選択範囲を解除しておきます)

キャプチャ画像

次に移動ツールに切り替えそのレイヤーを選択状態にし、そのままリボン画像の上にきれいに重なるよう移動します。

キャプチャ画像

完成形がこちら↓。

キャプチャ画像
キャプチャ画像

これは背景が単一色かサンプル画像のように同じ柄が連続するものだけに通用するやり方です。

スポンサーリンク

スポンサーリンク

インペインティングブラシツール

コピー&ペーストでできそうにないものはとりあえずインペインティングブラシツールから使ってみるといいでしょう。

キャプチャ画像

サンプルとしてPixabayのフリー画像を拝借しました。

ここから”壁(?)に付いてる文字が邪魔”という設定で文字だけを消去してみます。

キャプチャ画像

今回は文字の背景の壁(?)が単色ではなくブロックを積んだ時の境界線のようなものが微妙に見え隠れしているので先ほどのコピー&ペーストは使えそうにありません。

キャプチャ画像

そこでインペインティングブラシツールを使ってみます。

やり方は消したい場所をマウスでドラッグするだけ。

”塗り残し”がないようマウスを離さず1回でグリグリとなぞり(※ドラッグ)ます。

キャプチャ画像

管理人

なぞり終わると処理中のダイアログが出ます。

このとき処理する領域の広さや画像の複雑さやPCの処理能力で処理時間が異なってきます。

処理が終わった完了形がこちら↓です。

境目なんかも自然な感じで修正してくれてますね。不思議です。

キャプチャ画像

原理としてはAffinity Photo側が置き換え(修正)用の画像パターンを自動で探し出し、うまいぐあいに馴染ませているんでしょう。

そのため適当な画像が画像内に見つからなかった場合は意図していたものとは異なる結果になることもあります。

またインペインティングブラシツールはトライするたびに毎回結果が異なります。

このあとご紹介するオプション設定の違いだったり、マウスでのドラッグのやり方なんかでも微妙に結果が異なってきます。

そのため結果が気に入らなかった時は[ctrl]キー画像[Z]キー画像でいったん取り消し、再度トライしてみるという感じですね。

インペインティングブラシツールをかける時は後になってもやり直しが効くよう、オリジナル素材のコピーを作って(同じレイヤーを作成)その追加レイヤーにかけることをおススめします。

(オリジナルは非表示にしておきます)

気に入らなければレイヤーごと削除するか一時的に非表示にもできます。

(オリジナル復活!)

ここでインペインティングブラシツールを使う際のコンテキストバー(オプション設定)を見てみます。

コチラ↓が先ほどトライした時のデフォルト設定時のキャプチャ画像です。

(あなたの設定が必ずしもこの数値とは限りません)

キャプチャ画像

それぞれの違いを言語化(テキスト化)しようとしたんですが、直感的にわかりにくかったので実際の結果でご覧にいれます。

①幅

ドラッグする時のブラシの大きさ(幅)です。

対象物に合わせて塗りやすい大きさに設定します。

キャプチャ画像

②不透明度

最初にトライした時の不透明度100%と不透明度70%でやってみた結果の違いがこちら↓です。

不透明度70%つまり30%の透過でドラッグした方はオリジナル画像が均一に薄く見えて(残って)処理されてます。

キャプチャ画像

管理人

昔から思ってるんですが、なんで”透明度”じゃなくて”不透明度”なんでしょうね。

不透明度70%というのはわかりやすく言えば30%透過してるってことです。

毎回頭の中で変換しなきゃいけないのがホント面倒。

③流量

なぞるときの”量”とでも言えばいいんでしょうか。

ということで流量を100%から30%に変更してみた結果がこちら↓です。

不透明度と違うのは混ざり具合がランダム(均一でない)なことでしょうか。

キャプチャ画像

ただし早くなぞったり遅くなぞったりで結果が異なったり、同じ場所を繰り返しなぞることでも差が出たり。

ブラシの筆圧みたいな感覚とでもいうべきもの?

④硬さ

最初にトライした時は硬さ34%でしたがこれを80%でやった時のマウスドラッグ時の比較がこちら↓。

100%に近くなるほどボケ具合が少ないようです。

キャプチャ画像

今度はわかりやすいよう10%と90%で比較実行。

ボケ具合が大きい10%の方はオリジナル部分が多少残ってます。

キャプチャ画像

ただし、硬さ10%でもそのままマウスを離すことなくしばらくグリグリやってると仕上がりは硬さ90%でやったときと似たような仕上がりになります。

(実際にはかなりの時間を要します)

このようにオプション設定まで使いこなせればインペインティングブラシツールはとても強力で使いやすいツールと言えます。

管理人

もしも設定がいちいち面倒くさいという方は「不透明度100%」「硬さ50%」固定で、「ブラシ幅」と「流量」だけその都度調整でやってみるといいかもです。

「その他」や「スタビライザ」に関しては通常なら触る必要のないかなり専門的な項目なので今回は割愛します。

(私もよくは知りません)

スポンサーリンク

スポンサーリンク

修復ブラシツール

便利なインペインティングブラシツールですが、もちろん万能というわけでもありません。

得手不得手はあるものでそういう時は別のツールを使った方が簡単でラクな場面も少なくないです。

その一つが修復ブラシツール

余計なモノを消す(別の画像で置き換える)機能のほかに何もないところに別の画像を増やす機能も持ち合わせてます。

 

たとえばこちら↓のパイナップルの画像(食材・料理のフリー写真素材フード・フォト)ですが、茶色っぽい斑点を修復ブラシツールを使って消したり増やしたりしてみます。

キャプチャ画像

修復ブラシツールの概念は消したい(増やしたい)エリアの画像を別のエリアの画像で置き換えるというもの。

原理はインペインティングブラシツール(半自動)と同じです。

ただし修復ブラシツールはあくまでマニュアル操作での置き換えになります。

 

実際の作業ですが、①の茶色い斑点を消す(置き換える)には②の置き換え元のエリアの画像で置き換え(修復し)すると自然な感じになりそうというのがなんとなく想像できます。

キャプチャ画像

そこでまずは②置き換え元のエリアの中心で[Alt]キー画像キーを押しながらクリックします。

するとプラス(+)マークが付きます。

これで”ここを起点とした画像で置き換えます”という情報が確定されたことになります。

キャプチャ画像

続いて置き換えたい画像上(※この場合は茶色い斑点)にマウスを合わせるとブラシの輪郭が表示されるので、茶色い斑点がギリギリ見えなくなるまでマウスで円を描くようになぞります。

(基本的にはマウスは離さず1回でなぞる・画像によってはクリックの連続もアリ)

キャプチャ画像

その結果がコチラ↓。

うまく消えてくれました。

キャプチャ画像

キャプチャ画像

今度は茶色い斑点を増やしてみます。

やり方としては先ほどと反対で茶色い斑点上で[Alt]キー画像キーを押しながらクリック。(起点確定)

次に増やしたい位置でマウスをクリック&そのままいい感じの斑点が出現するまで円を描くようにドラッグ。

こうして3か所に斑点を増やしてみた結果がコチラ↓。

(なぞる回数に応じて薄い斑点だったり濃い斑点にもなります)

キャプチャ画像

修復ブラシツールにもオプション設定があります。

といってもインペインティングブラシツールと中身は同じなので説明は割愛します。

管理人

もしも設定がいちいち面倒くさいという方は「不透明度100%」「硬さ50%」固定で、「ブラシ幅」と「流量」だけその都度調整でやってみるといいかもです。

コピーブラシツール

先ほどの修復ブラシツールと機能的にはほぼほぼ同じなのがコピーブラシツールです。

(仕上がりには若干の違いが出る場合もあり)

キャプチャ画像

ただし大きな違いが1つあります。

修復ブラシツールは、どこかを修正後にいったんマウスを離して別の位置で再度クリックしたとしても、置き換え元の画像のスタート位置は固定つまり最初に[Alt]キー画像を押しながらクリックした位置の画像をスタート地点として置き換えが始まります。

これに対しコピーブラシツールは、どこかを修正後にいったんマウスを離してたとえば前の修正位置から100ピクセル真下で再度クリックしたとします。

この場合、最初に[Alt]キー画像を押しながらクリックした位置から100ピクセル真下の画像がスタート地点になります。

イマイチわかりにくいですかね。

それではUnspalashのフリー画像でご説明します。

仮にコルクの画像を[Alt]キー画像を押しながらクリックして置き換え元の起点にしたとします。

キャプチャ画像

修復ブラシツールの場合は①の位置でなぞって一度マウスを離し、次に②の位置で新たになぞっても置き換え元の画像は同じ起点になるのでどちらもコルクの画像で置き換えられます。

(どの位置でクリックしてもスタート画像が同じ相対位置の関係)

キャプチャ画像

これに対してコピーブラシツールの方は①の位置でなぞって一度マウスを離し、次に②の位置でなぞるとワインの画像で置き換えられます。

(あくまでコルクを起点とした絶対位置の関係)

キャプチャ画像

修復ツールは併せ技でもイケます。

サンプルとして”一番下のフォークが邪魔”という設定でフォークだけを消してみるべく、まずはインペインティングブラシツールを使ってフォークをなぞってみます。

キャプチャ画像

結果がこちら↓。

うまく消えてるように見えますが、若干つなぎ目が不自然です。

(といってもこのぐらいのレベルならOKというならここで終わりですけど)

キャプチャ画像

管理人

何回かやり直してると1発でうまい具合に消えてくれることもあります。

(ここでのやり直しは[ctrl]+[z]でいったん戻ってのやり直しという意味です)

これは設定によるものというよりはマウスでのなぞり具合など、ある意味”運任せ”という側面も持ち合わせています。

そこでさらに修復ブラシを使って処理を重ねてみます。

(こちらは”運”ではなく設定ややり方の熟練度次第とも言えます)

キャプチャ画像

最終結果がコチラ↓。

イイ感じに”合成”できました。

キャプチャ画像
キャプチャ画像

パッチツール

パッチツールというのは、フリーハンドで範囲選択したエリアの画像を別のエリアの画像で置き換えられるツールです…ってこれまでの修正ツールと基本的には同じモノです。

キャプチャ画像

もちろん修正完了までのアプローチが異なるわけですが、修正途中で置き換え画像の拡大や回転ができるという点は他にはない特長かもしれません。

 

サンプルとして拝借したのはぱくたそのフリー画像「青汁で葉酸を摂取」。

下記画像から青汁の入ったコップだけを消してみます。

キャプチャ画像

パッチツールを選択したら置き換え対象(コップ)の周囲をフリーハンドでなぞって選択範囲を作成します。

(一般的なフリーハンドによる選択範囲作成と若干勝手が違うので最初はとまどうかも)

キャプチャ画像

コップを消すべく背景にコップのないエリアまでマウスを移動させます。

(マウスの移動と共にリアルタイムに画像がズレていきます)

キャプチャ画像

管理人

マウスの位置にある、選択範囲と同じ範囲の画像で置き換えられるというイメージです。

位置が決まったらクリックします。

すると拡大・縮小・移動・回転用の枠が出現します。

キャプチャ画像

今回はこのままで問題ないので枠には触らず、枠外を再度クリックして修正を確定させます。

キャプチャ画像
キャプチャ画像

今度は青汁の入ったコップを1個増やしてなおかつ小さくしてみます。

とりあえずの考え方としては、先ほどと反対にコップのないエリアを範囲選択してそこにコップの画像を移動させるという感じになるでしょうね。

でもそれだとどの程度のエリアを範囲指定すべきかわかりにくいというデメリットが生じます。

でも大丈夫。

パッチツールのオプション設定の『選択範囲をソースとする』にチェックを入れればこの問題はサクッと解決します。

(※オプション設定の詳細は後述)

キャプチャ画像

上記チェックを入れた状態で先ほどと同じようにコップを範囲選択します。

キャプチャ画像

先ほどと同じようにマウスを右に移動させます。

すると今度はコピーした画像が表示されるようになります。

キャプチャ画像

位置が決まったらクリックします。

拡大・縮小・移動・回転用の枠が出現するので、四隅のハンドルのいずれかをドラッグして少し縮めます。

(回転も同時にできちゃうので水平を取りたい時はマウス操作に若干注意が必要・対応策は後述

キャプチャ画像

縮小したことでコップと背景の水平にズレが生じてしまいました。

そこで枠内をマウスでクリックし、そのまま少しだけ上にドラッグ(移動)させて水平を調整しながらさらに左側へも移動してみます。

キャプチャ画像

これで一回り小さいコップの複製が完成です。

キャプチャ画像
キャプチャ画像

ここでオプション設定を見ていきましょう。(※主だったもののみ)

キャプチャ画像

①新規・加算・減算・交差:選択範囲の作成方法です。

  新規:新規で作る際はコレ(デフォルト)

  加算:選択範囲を足したい場合にコレを選択して作業続行

  減算:選択範囲を削りたい場合はコレを選択して作業続行

  交差:2つの選択範囲の交差したエリアだけが選択範囲

管理人

うまく範囲選択できない時は最初からやり直しの方がラクという場合も往々にしてあります。

②選択範囲をソースとする:(先ほどのサンプルで紹介ずみ)

③テクスチャのみ:形だけで色が追随しない置き換え、つまり白黒画像のような置き換えになります。

④透明:置き換え元と置き換え先の画像がオーバーラップして表示されます。

⑤回転&スケール:回転やスケール(大きさ)を予め数値で決め打ちする時に使うものと思われますが、実はもっと別の使い方があります。

回転させたり縮小・拡大したあと再度パッチツールを使うと前に使用した回転やスケールがそのままの状態なんです。

こういう時は回転に「0」を、スケールに「100(%)」を打ち込むとデフォルトの状態に戻ってくれます。

傷除去ツール

傷除去ツールは文字通りちょっとした傷を治す程度の修正ツールで、オプション設定もブラシサイズの調整しかありません。

キャプチャ画像

サンプルとして下の画像の「M」という文字を「O」に変えてみます。

傷除去ツールを選択したら置き換えたい画像上でクリック。(そのままマウスは離さない)

予め設定してあったブラシサイズで円が表示されます。

キャプチャ画像

そのまま置き換えたい画像のところまでマウスをドラッグして離します。

(リアルタイムに画像が置き換わるのでわかりやすいです)

キャプチャ画像

以上で各修正ツールのやり方は終了です。

各ツールとも得手不得手があるので、用途に応じて一番最適なツールを選ぶことが効率よくうまく修正するコツです。

【Affinity Photo ver.1.10.1で検証済】

【Volar】サイトイメージ画像

スポンサーリンク

記事はお役にたてましたか?

記事に興味をもっていただけたらソーシャルボタンでの共有お願いします^^

 ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓

コメントはお気軽にどうぞ

メールアドレスは公開されません。
* が付いている欄は必須項目です。

内容に問題なければ下記の「コメントを送信する」ボタンを押してください。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)