サイタWeb・デザインスクールInDesign教室 愛知 タグチ・DTPスクール レッスンノート Photoshopで背景を消した切抜き画像を作成

Photoshopで背景を消した切抜き画像を作成

InDesign教室のレッスンノート

レッスンノートって?レッスンノートって?

レッスンお疲れ様でした!

今日は、Photoshopで背景を消した切抜き画像を作成しました。
まずは、必要な部分と不必要な部分を分けるところから始めます。

今回練習で使った画像は、必要でない背景部分の色が単色だったのでこちらを選択しました。
選択するときに使ったのは、クイック選択ツールです。
このツールは、似たような色を識別し選択します。
これで、おおよその範囲を選択していただきました。

ただし、クイック選択ツールだけ使用すると、欲しい部分が選ばれなかったりして、正確には選択されていません。
この後、微調整を行うためにクイックマスクモードを利用しました。

クイックマスクモードは、ツールパネルの下部にあるアイコンです。
こちらをクリックすると、青もしくは赤の半透明で覆われた部分とそうでない部分に分かれて表示されます。
この状態で、ブラシツールや消しゴムツールをつかって選択範囲を整えてください。
ブラシや消しゴムの半径の大きさは、自由に変更できるので、画像に応じて最適な大きさで作業するようにしてください。

正しく選択すれば、あとは必要な部分だけを抽出すればいいです。
この時、不必要な部分を削除する場合とレイヤーマスクを用いて必要な部分のみを表示させる場合の2パターンがあります。
いらない部分を削除するほうが簡単ですが、あとから背景が必要になる場合もあるので、注意してください。
もし削除したときは、別名で保存することをお勧めします。
このとき、レイヤーが「背景」のままであれば、削除しても背景は白のままです。
必ず「背景」を「レイヤー0」に変更しておいてください。
やり方は、レイヤーパネルの「背景」と書いてある部分をダブルクリックすることでできます。

レイヤーマスクは、その名のとおり指示したレイヤーをマスク表示させるものです。
必要な部分のみを選択しておいて、レイヤーパネルのレイヤーマスクのアイコンをクリックするだけで、自動的にレイヤーマスクが作成され、必要な部分のみを表示できます。

レイヤーマスクは、切抜き画像を作成する以外にも使えるので、ぜひ覚えておいてくださいね。
たとえば、今日のレッスンでは楕円形で選択したあと、選択範囲の変形機能を用いて選択範囲をぼかしたあと、レイヤーマスクをかけると範囲がぼけたかんじに切り抜かれました。
また、グラデーションを利用してレイヤーマスクを行うと、そのグラデーションに応じて画面が表示できます。
表現の仕方が広がる機能なので、ぜひご自宅でも練習してみてください。
このレッスンノートを書いたコーチ

商社での指導や雑誌作成経験!セミナー講師も務めるベテランの先生

新着レッスンノート

レッスンお疲れ様でした。 今日はいつもと異なり、現在お仕事で作成途中のチラシをブラッシュアップしました。 とても可愛いイラストを効果的に使っていて、すてきなチラシでした。 夏休みの子どもむけのチラシということで「夏休みらしさ」と講義の内容がわかるようなイラストを使っていただいてい...

レッスンお疲れ様でした。 今日は、効果の3D機能を使って、立体的な図形を描く練習をしました。 効果メニューもしくはアピアランスの新規効果を追加より3Dを選択します。 今回のレッスンでは「押し出し・ベベル」「回転体」の2種類の練習をしました。 まず「押し出し・ベベル」は平面の図形...

レッスンお疲れさまでした。 今日はIllustratorのカラーについて、まとめてお話ししました。 カラーには、RGBとCMYKのモードの違いの他に、グローバルカラーや特色といった、その機能や特色にそった名称があります。 まず、CMYKとRGBの違いは、色を構成する要素が異なりま...

レッスンお疲れさまでした。 今日は、事前に連絡をいただいていたブレンドツールの使い方と、前回お話ししかけたシンボルについて、ご説明しました。 まず、ブレンドですが、ブレンドという機能は、あるオブジェクトから、もう一つのオブジェクトに、少しずつ変化をさせる機能です。形だけではなく色も変化...

レッスンお疲れさまでした。 今日は、まずは作成されたイラストの印刷を見せていただけました! とっても、上手に描けていましたね。 ただ、残念なのは、スペースが小さすぎて、せっかくの力作をもっと大きく見たかったです。 文字数は、印刷折の関係もあるとは思いますが、残念でしたね。 次回の...

レッスンノート ページ先頭へ

InDesign情報

サイタのInDesign講師がブログを通して、InDesign情報を発信。更新情報のチェックはこちらから!

twitter

InDesignの先生

@DTPCyta