【Photoshop】画像の一部を消去または追加する「コンテンツに応じた塗りつぶし」がめちゃ便利【レタッチ】
以前、クライアントから支給された画像がトリミング的にうまくハマらなかったので「コンテンツに応じた塗りつぶし」の機能を使ったのですが、私的に頻繁に使う機能ではないのでやり方を忘れないように備忘録として記しておきます。
サンプル画像を例にしましょう。
例えば、
「植物がセンターにくるように画像補正してください。」
というオーダーがあったとします。
![](https://i2.wp.com/hikidashi.fantagraphica.com/img/2020/02/sozai-01.jpg?w=750&ssl=1)
やり方としては、植物を選択して左にズラして元々の植物を消す、という方法もあるでしょうがかなりメンドいですよね。
しかし、ここで「コンテンツに応じた塗りつぶし」の出番です。めっちゃ簡単に出来てしまいます。
足りない部分を足す方法
まずは素材の下ごしらえです。
1. 画像が「背景」になっている場合はレイヤーに変更します。
![](https://i1.wp.com/hikidashi.fantagraphica.com/img/2020/02/200218-tech-01-1.png?resize=443%2C459&ssl=1)
![](https://i1.wp.com/hikidashi.fantagraphica.com/img/2020/02/200218-tech-02-1.png?resize=443%2C459&ssl=1)
2. 今回の例だと、画像の幅が2880pxありますね。この画像の右側を増やしたい(塗り足したい)と思います。
![](https://i1.wp.com/hikidashi.fantagraphica.com/img/2020/02/200218-tech-03.png?w=750&ssl=1)
イメージ > カンバスサイズ
画像の右側を増やしたいので左側を基準にして幅を広げます。(この場合は2880pxを4000pxにします)
![](https://i1.wp.com/hikidashi.fantagraphica.com/img/2020/02/200218-tech-04.png?w=750&ssl=1)
カンバスサイズを広げました。
![](https://i2.wp.com/hikidashi.fantagraphica.com/img/2020/02/200218-tech-05.png?fit=750%2C387&ssl=1)
3. 素材レイヤーをクリックして選択範囲にしたら、その選択範囲を反転します。
4. 選択範囲が反転できたら
編集 > コンテンツに応じた塗りつぶし
を選択します。
![](https://i0.wp.com/hikidashi.fantagraphica.com/img/2020/02/200218-tech-07-1.png?fit=563%2C1024&ssl=1)
5. CC2019以降ですとプレビュー画面が表示されますので、パラメーターを調整してOKを押します。
![](https://i2.wp.com/hikidashi.fantagraphica.com/img/2020/02/200218-tech-08.png?fit=750%2C619&ssl=1)
6. 自然な感じになっていればOKですが、素材によっては不自然になることも多々ありますので、あとは修復ブラシなどで馴染ませるなどのレタッチを施せば完成です。
![](https://i2.wp.com/hikidashi.fantagraphica.com/img/2020/02/200218-tech-13.jpg?w=750&ssl=1)
これで植物をセンターにしてトリミングできるようになりましたね。
しかし今度はクライアントから
「容器のロゴも消してください」
と、言われました。さてどうしましょう。
これも簡単です。同じく「コンテンツに応じた塗りつぶし」でサクっと消しちゃいましょう。やり方はいたって簡単。
不要な部分を消す方法
1. 消したいロゴをなげなわツールなどで選択します。この時、なるべく詳細に選択した方が仕上がりが綺麗になるようです。
![](https://i2.wp.com/hikidashi.fantagraphica.com/img/2020/02/200218-tech-10.gif?w=750&ssl=1)
2. 編集 > コンテンツに応じた塗りつぶしを選択
![](https://i1.wp.com/hikidashi.fantagraphica.com/img/2020/02/200218-tech-11.png?fit=750%2C619&ssl=1)
3. プレビュー画面でパラメーターを調整してOKを押す
![](https://i2.wp.com/hikidashi.fantagraphica.com/img/2020/02/200218-tech-12.png?fit=750%2C409&ssl=1)
4. 不自然な箇所があれば修復ブラシなどでレタッチして完成
どうですか?とても簡単ですね。
コンテンツに応じた塗りつぶしを実行すると別レイヤーで塗りつぶしてくれますので、レイヤーを表示・非表示して見比べたり元に戻したりと編集がラクです。
最初にご紹介した「足りない部分を塗り足す」よりも「不要な部分を消す」作業の方が出番が多いかも知れませんので、今さら感はありますが覚えておくと作業時間の短縮にもなりますのでオススメですよ。
素材は下記のものを使用させていただきました。ありがとうございます。
フリー写真素材ぱくたそ