Photoshop(フォトショップ)の切り抜きツールで縦長の画像を横長にトリミングした際、足りない背景はどうされていますか?
コピースタンプツールなどでチマチマと埋めていくのも良いのですが、時間と手間がかかります。
当記事ではそんな面倒な足りない背景の処理を「コンテンツに応じた塗りつぶし」を使って一瞬で終わらせる方法をフォトショ初心者の方に分かりやすく解説いたします。
Webサイトや紙面など、デザイン制作を行う際に横長の画像素材が欲しい時、ありますよね。
でも縦長の画像しか無い…そんな時に役立つテクニックです。
これからPhotoshopを始められる方、さらにフォトショップの使い方を知りたい方にピッタリのチュートリアルですよ!
この記事の目次
当記事のチュートリアルを実践すると上記のように足りない背景を補完したり、フェンスなどの不要なコンテンツを自然な仕上がりで除去する事ができます。
作業時間は僅か数分!
フォトショップ初心者の方でも簡単に実現できるチートテクニックですよ。
それではPhotoshopの便利な「コンテンツに応じた塗りつぶし」の応用方法を解説します。
フォトショ初心者の方にも再現できるよう、詳しく解説いたします!
未導入の方はフォトプラン公式サイトから入手可能。(月額は最安の1,180円、7日間の無料体験が可能)
なお、AdobeCCのプランはコチラの記事で徹底解説しています。
応用例① 背景を引き延ばす
縦長の画像を横長にトリミングした際、足りない背景を自然に埋めるのは面倒ですよね。
「コンテンツに応じた塗りつぶし」を使えば面倒な背景の処理を一瞬で終わらせる事ができますよ。
地平線にまで続くような道の写真に試した例です。
同じ草木が続いているのでコピペ感が否めませんが、2分未満の作業でこの仕上がりは驚異的ですね。
レタッチのベースとして活用すると効率的ですよ。
…しかしパースに合わせて道路が作られている事にビックリです。
ほぼ違和感の無い仕上がりになりました。
トリミングしてからコンテンツに応じた塗りつぶしを適用しただけ。
恐るべし、Photoshop!
応用例② フェンスを消す
「コンテンツに応じた塗りつぶし」の応用操作として、フェンスを超短時間で消す方法を解説します。
画像から特定の不要なモノを消し、尚且つ自然な仕上がりで補完してくれる鬼のような便利機能である「コンテンツに応じた塗りつぶし」ならレタッチ初心者の方でも簡単に高度な作業が実現できますよ。
[ クリック ] → [ Shiftを押しながらクリック ] を繰り返すと直線が描けます。
色はお好みで。
邪魔なフェンスがあっという間に無くなりました。陰鬱な画像の印象がガラリと変わりましたね。
Photoshopを使えば画像の不要なモノをあっという間に消して補完する事ができます。未導入の方はフォトプラン公式サイト(月額は最安の1,180円)から入手できますよ。
Photoshop初心者の方でも再現できるよう、順を追って解説いたします!
紙媒体やPDF形式で作成したポートフォリオの品質を手っ取り早く高めるには、高品質なテンプレートの活用が最も効率的かつ効果的です。
商用利用可能で高品質テンプレートばかり厳選!
今まで意識しなかった多くの「気づき」に出会えますよ。
※なお、ポートフォリオ制作はInDesign(インデザイン)を使うのが最も効率的です。
コチラでインデザ初心者の方向けにポートフォリオテンプレートの使い方を詳しく解説しております。
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/06/ai_portfolio_template_stock_2.jpg)
2時間あればポートフォリオが作れます。
編集にはInDesignが必須、未導入の方はInDesign公式サイトから入手しておきましょう。
ダウンロードする
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/ai_portfolio_template_stock_6.jpg)
A4に印刷したポートフォリオ、PDF形式、どちらも短時間で作成可能です。
ダウンロードする
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/portfolio-template15.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/portfolio-template14.jpg)
作品を大きく見せる、制作過程を見せる、複数見せる、横長作品を画面内に綺麗に収める等、どんなパターンにも当てはめる事が可能ですよ。
ダウンロードする
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/portfolio-template23.jpg)
単色に文字だけで構成した表紙も素敵です。
ページ中身のレイアウトパターンも豊富、あえて表紙をシンプルにする手法もアリですよ。
ダウンロードする
下記リンクで多数の高品質なポートフォリオテンプレートを紹介しています!
Photoshopを学習する上で、プロが作成した生データを研究する事は重要です。
下記記事でプロが作成した高品質で汎用性の高いテンプレート素材を紹介しています。
全て商用利用可能、テキストや画像を変えるだけでプロの品質が出せます。
制作の手間を劇的に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。
プロのテンプレートで美しいレイアウトや余白、文字サイズが一瞬で作成可能。内定獲得の可能性が格段にアップします!
厳選!ポートフォリオ用テンプレート40選
デジタル媒体向けポートフォリオテンプレ素材35選
様々なモックアップテンプレート57選
下記記事で良質な素材を紹介しております。併せてチェックしてください!
以上、Photoshop(フォトショップ)で画像をトリミングし、足りない背景を補完する方法でした。
元の背景イメージを踏襲しながら新規追加するのは手間がかかりますが、「コンテンツに応じた塗りつぶし」を活用すると一瞬で背景を作成する事ができます。
また、フェンスなどの不要な要素も自然な仕上がりで取り除くことができますよ。
また、[ 削除ツール ] でも同じ効果は得られるので、併せてチェックされてみませんか?
日々のクリエイティブ作業を劇的に効率化できる「コンテンツに応じた塗りつぶし」を使いこなし、高速でハイクオリティな作品制作を行いましょう!
ではまた!
フォトショの中級~上級テクニックを網羅的に学習できます。
フォトショ基本操作
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/01/ps-zero_main_ico_01.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/01/ps-zero_main_ico_02.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/01/ps-zero_main_ico_03.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/01/ps-zero_main_ico_66.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/01/ps-zero_main_ico_06.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/01/ps-zero_main_ico_22.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/ps-zero_main_ico_27.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/01/ps-zero_main_ico_09.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/01/ps-zero_main_ico_11.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/01/ps-zero_main_ico_12.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/01/ps-zero_main_ico_07.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/04/ps-zero_main_ico_17.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/04/ps-zero_main_ico_17.png)
![]( https://sdesignlabo.com/blog/wp-content/uploads/2021/06/ai-zero_main_ico_25.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/ps-zero_main_ico_24.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/01/ps-zero_main_ico_13.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/01/ps-zero_main_ico_13.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/ps-zero_main_ico_23.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/02/ps-zero_main_ico_14.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/04/ps-zero_main_ico_15.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/04/ps-zero_main_ico_16.png)
バナーやUIをデザイン
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/04/ps-zero_main_ico_ouyou1_01.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/04/ps-zero_main_ico_ouyou1_02.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/04/ps-zero_main_ico_ouyou1_03.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/04/ps-zero_main_ico_ouyou1_04.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/05/ps-zero_main_ico_ouyou1_16_2.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/04/ps-zero_main_ico_ouyou1_07.jpg)
様々な質感を再現
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/04/ps-zero_main_ico_ouyou1_06.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/ps-zero_main_ico_ouyou1_19.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/08/ps-zero_main_ico_ouyou1_09.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/ps-zero_main_ico_ouyou1_31.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/ps-zero_main_ico_ouyou1_33.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/ps-zero_main_ico_ouyou1_34.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/ps-zero_main_ico_ouyou1_35.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_50.jpg)
写真の雰囲気を激変させる
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/04/ps-zero_main_ico_ouyou1_08.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/ps-zero_main_ico_ouyou1_17.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/11/ps-zero_main_ico_ouyou1_12.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/ps-zero_main_ico_ouyou1_18.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/07/ps-zero_main_ico_ouyou1_23.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/01/ps-zero_main_ico_ouyou1_46.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/09/ps-zero_main_ico_ouyou1_27.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/01/ps-zero_main_ico_ouyou1_45.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/09/ps-zero_main_ico_ouyou1_28.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_64.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/09/ps-zero_main_ico_ouyou1_29.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/ps-zero_main_ico_ouyou1_30.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/01/ps-zero_main_ico_ouyou1_47.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/ps-zero_main_ico_ouyou1_32.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ps-zero_main_ico_ouyou1_38.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ps-zero_main_ico_ouyou1_37.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ps-zero_main_ico_ouyou1_42.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ps-zero_main_ico_ouyou1_41.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_53.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_52.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/05/ps-zero_main_ico_ouyou1_73.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/05/ps-zero_main_ico_ouyou1_74.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/05/ps-zero_main_ico_ouyou1_76.jpg)
便利な画像加工テクニック
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/04/ps-zero_main_ico_ouyou1_05.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/08/ps-zero_main_ico_ouyou1_10.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/08/ps-zero_main_ico_ouyou1_11.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/11/ps-zero_main_ico_ouyou1_13.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/11/ps-zero_main_ico_ouyou1_14.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/12/ps-zero_main_ico_ouyou1_15.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/09/ps-zero_main_ico_ouyou1_26.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ps-zero_main_ico_ouyou1_43.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_54.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_58.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_57.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_56.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_55.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_59.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_60.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_61.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_62.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_63.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_69.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/05/ps-zero_main_ico_ouyou1_77.jpg)
機能追加・その他の機能
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/01/ps-zero_main_ico_13.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/04/ps-zero_main_ico_15.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/01/ps-zero_main_ico_13.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/12/ps-zero_main_ico_20.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/01/ps-zero_main_ico_22.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/01/ps-zero_main_ico_22.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/ai-zero_main_ico_25.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/07/ai-zero_main_ico_26.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ps-zero_main_ico_39.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ps-zero_main_ico_40.png)
フォトショップのお困りごと
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/11/ps-zero_main_ico_19.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/11/ps-zero_main_ico_18.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/01/ps-zero_main_ico_21.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/01/ps-zero_main_ico_10.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/ps-zero_main_ico_35.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/01/ps-zero_main_ico_21.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ps-zero_main_ico_53.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/03/ps-zero_main_ico_67.png)
画像を激変!エフェクトPSD
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/07/ps-zero_main_ico_ouyou1_24.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/03/ps-zero_main_ico_ouyou1_48.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/03/ps-zero_main_ico_ouyou1_49.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ps-zero_main_ico_ouyou1_36.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/07/ps-zero_main_ico_ouyou1_25.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/07/ps-zero_main_ico_ouyou1_21.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/07/ps-zero_main_ico_ouyou1_22.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ps-zero_main_ico_ouyou1_39.jpg)
その他Photoshop用の素材
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ps-zero_main_ico_ouyou1_40.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ps-zero_main_ico_ouyou1_44.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/ps-zero_main_ico_ouyou1_20.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_66.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/05/ps-zero_main_ico_ouyou1_75.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_68.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_70.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/05/ps-zero_main_ico_ouyou1_71.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/05/ps-zero_main_ico_ouyou1_72.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_67.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/03/ps-zero_main_ico_67.png)