PhotoshopでCGパースを作成する際には、いくつもの画像を合成するので、画像のトリミング作業が不可欠です。
使用する画像をwebの画像検索から探した時に、トリミング済みの画像(背景が透明なpng画像など)であれば問題無いのですが、背景も含まれるのが一般的。
そこで今回は、大きく、2パターンのトリミング方法をご紹介していきたいと思います。
この記事を読めば境界線が複雑な画像もきれいにトリミングできるようになります。
未経験でもプロになれる！専門スクールをチェック！
CG（コンピュータグラフィックス）の世界は、映画・テレビ・ゲーム・広告など幅広い業界で求められるスキルです。
未経験からプロを目指すなら、実績あるスクールでの学習が近道です。
Coloso（コロソ）｜プロのスキルをそのまま吸収！動画講座で最短スキルアップ
視聴は無期限、1講座買い切り型なので、好きなときに何度でも学べます。
特にイラストやアニメーション、モーショングラフィックス分野で人気が高く、SNSでも話題の“ライブイラスト”技術など、即実践で使える内容が豊富です。
業界トップクラスの専門家のノウハウが学べる
Colosoをチェック
割引キャンペーンあり
デジハリ・オンラインスクール｜就職もサポート！王道のCG講座
デジハリは、28年の運営実績と9万人以上の卒業生を輩出している実力派スクールです。
Maya・After Effects・3dsMaxなど、プロ現場で使われているCGツールを体系的に学べます。
添削・課題サポートに加え、クリエイターズオーディションなど就職支援も万全。
社会人や大学生の“学び直し”にも選ばれています。
挫折しない仕組みでしっかり学ぶ！
デジハリオンラインをチェック
無料相談を実施中
代々木アニメーション学院｜アニメ×CGで実践力を磨く
代アニの3DCG学科は、MAYAやAfterEffectsなどを使った実践重視の授業が魅力。
全国の校舎で学べ、夜間・週末コースやオンラインにも対応。
アニメ制作会社のニーズに合わせた即戦力育成が強みで、卒業生の多くが業界で活躍中。
少人数制で個別対応にも優れており、初心者でも安心してステップアップできます。
最短でプロのCGクリエイターに！
代々木アニメーション学院をチェック
無料で資料請求！
気になったらまずは資料請求！
プロ志向におすすめ！3DCG・デザイン系スクール厳選3選【2025年版】
オススメNo.1：Coloso（コロソ）
第一線のクリエイターが直接指導！
圧倒的な情報量と実演解説で、イラスト・動画編集などのスキルをプロレベルに。講座は買い切り＆無期限視聴で、マイペースに学べます。
オススメNo.2：デジハリ・オンラインスクール
プロ用ツールを本格的に習得！
Mayaや3ds Max、After Effectsなど業界標準ソフトを学べる通信制講座。就職サポート付きで未経験からの転職・副業にも強い。
オススメNo.3：代々木アニメーション学院
アニメ・3DCG業界で多数の卒業生が活躍！
現場使用のMAYAを活用したカリキュラムで、基礎から実践まで体系的に学べます。全国展開＆通学＋夜間対応も魅力。
自動選択ツールを使ったトリミング
一つめは[自動選択ツール]を使用したトリミング方法です。
机の画像のトリミング
はじめに、境界線がシンプルで、内観パースで使用機会の多い、机の画像をトリミングします。
このように、形がシンプルで境界(色の差)がはっきりしているものは、photoshopの［自動選択ツール］で比較的簡単にトリミングが可能です。
これは、トリミングを行う際に使用する一番基本的なツールです。
自動選択ツールは、クリックしたポイントの近似色の範囲を自動選択するので、上記の画像の様に色の明暗が明確に出ている画像の選択にとても有効です。
自動選択ツール(ショートカットは [W])で、上部パネルの許容値を変化させながら背景をクリックすると、背景部分が選択されていることが分かります。
ちなみに、許容値とは簡単に言うと「色の判断基準の度合い」を示しています。
許容値を0に近づければ繊細な、最大の255に近づければ曖昧な色の選択が可能です。
これは、後ほど「木」のトリミングで詳しく説明していきます。
分かりやすいように、色がついた背景に重ねると、画像が綺麗にトリミングされていることが分かります。
木の画像のトリミング
この手順を木に応用していきます。
先ほどと同様に、自動選択ツールで背景部分を選択してみましょう。
許容値を30に設定し、選択しましたが、葉と葉の間部分の背景が選択されていないのが分かります。
そのため、一個一個の空洞部分を[shift + クリック]で、追加していく方法もあるのですが、かなり時間がかかってしまいます。
ここではその手法は割愛します。
+
次に、許容値を200に変えて選択をしてみましたが、この方法だと白と薄い緑の部分が一緒に選択されてしまいます。
つまり、背景を自動選択ツールで選択していく方法だと木が上手にトリミングできないことが分かりました。
では、葉っぱ部分に自動選択ツールを使用してみるとどうなるでしょうか。
今回は許容値を4段階に分けてテストを行い、また、トリミングの度合いが分かる様に、背景に色を入れました。
方法は、
①許容値を設定し、木の「葉」部分を選択。
②選択範囲→選択範囲を反転をクリックする。
③選択範囲が反転された状態で、deleteを行うと、余白部分が削除されます。
以上の方法で4パターンのテストを行ってみました。
[許容値50]
許容値50では、選択される緑色の範囲が狭い為、スカスカの状態になってしまいました。
[許容値100]
[許容値150]
先ほどよりは、選択されている箇所が増えていますね。
[許容値200]
200になると、ほぼ選択されていると言えるでしょう。
元画像と比べると、多少選択がされていない部分がありますが、理想的なトリミングが出来たと言えますね。
先ほど説明した様に、許容値とは「色の判断基準の度合い」を示していますので、許容値を0に近づければ、より繊細な色。
最大の255に近づければ曖昧な色の選択が可能です。
画像の様に、値を200に上げていけばいくほど、選択される緑の色の幅が広がっているのが分かります。
チャンネルを利用したトリミング
自動選択ツールを使って繊細なトリミングも行えることがわかりました。
しかし、自動選択ツールは細かい部分で選択漏れが発生してしまう可能性があり、精度が求められるものには不向きです。
その場合にオススメしたいのが、チャンネルを利用したトリミングです。
画像はRGB(レッド.グリーン.ブルー)で構成されており、チャンネルを見れば分かる通り、それぞれの色のレイヤーが存在しています。
このチャンネルから選択範囲を設定して、画像をトリミングする方法を紹介致します。
各々のチャンネルを確認してみましょう。
「レッド」
「グリーン」
「ブルー」
レッド、グリーン、ブルーのチャンネルをチェックしてみると、ブルーチャンネルでの木の画像が一番、濃さがはっきりしているのが分かります。
このように、画像の明暗がはっきり分かれているチャンネルが画像の選択に有効なので、今回はブルーチャンネルで作業を進めていきたいと思います。
また作業を行う前に、念の為にチャンネルをコピーしておきましょう。
コピーしたいチャンネル(赤枠)をクリックしたまま、矢印部分に移動させてください。
ブルーチャンネルのコピーが出来ました。
ブルーのコピーレイヤーを選択し、レベル補正作業を行います[command+ L](WindowsではCtrl+L)。
入力レベルの値を変化しましょう。すると、画像の陰影が濃くなり、より画像の明暗をはっきりと分けることができます。
次に、赤枠で囲まれている部分を[command + クリック](WindowsではCtrl+クリック)し、選択した状態にします。
その状態のまま、「レイヤーパネル」に移動し、Altを押しながら右下の赤枠部分をクリックすると、下の画像の様な状態になります。
トリミングしたい画像のレイヤーが、上の様に変化しているかチェックしてください。
以上で先ほどと同様に、色がついた背景を重ねることで、画像のトリミングがされているか確認してみましょう。
許容値200の画像と比べてみても、枝の部分などがより細かくトリミングがされていると言えます。
まとめ
この記事では、
- 自動選択ツールを使ったトリミング
- チャンネルを使ったトリミング
の二つを解説しました。
比較をしてみると、チャンネルを利用したトリミングの方が、より細かい範囲で、取りこぼしが無く作業を終えることができました。
複雑な画像であればあるほど、有効なので是非試してみてください。
ランドスケープパース製作の際は不可欠な手順なので、習得すれば楽に作業を進めることが出来ますね。
Photoshopを使った建築CGパースのPostProductionの手順
コメント