WEBデザイン
Adobe Photoshop|10章 フィルターを使ってみよう
INDEX
目次

10章 フィルターを使ってみよう

【10-1】フィルターとは

  • 画像に特殊効果を与えることができる機能です。
  • 画像を絵画スケッチ風に仕上げるなど、見た目を大きく変更することができます。
    • 選択範囲を作成していない場合は、画像全体に対してフィルターがかかります。
    • 部分的にフィルターをかける場合は、事前に選択範囲などを作成します。

【10-2】フィルターの基本

フィルターの効果を適用したい画像のレイヤーを選択し、メニューバーのフィルターから効果を選んで設定を行うことができます。

フィルターのピクセレート > モザイクを使用した例

 (7693)

加工前
 (7696)

加工後
 (7697)

【10-3】フィルターの適用範囲

レイヤー全体を選択しモザイクをかけた場合

完成写真

完成写真

レイヤーで部分的な選択範囲を作成しモザイクをかけた場合

作業工程
 (7702)

完成写真
 (36647)

【10-4】フィルターを使用するときの注意事項

フィルターによる画像の直接編集(破壊的編集)

画像に直接フィルター機能を適用すると、画像そのものに変更を加えるため、元に戻すことができなくなります。
 (7704)

【10-5】スマートフィルターを設定してフィルターを使用しよう

・ 画像をスマートオブジェクトに変換してからフィルターを適用すると、その効果はスマートフィルターとして追加されます。
・ レイヤーパネル上で、フィルターを適用した履歴を確認でき、適用後に調整や修正を行うことができるようになります。
 (7706)

補足
  • スマートフィルターを使用せずにフィルターをかけてしまった場合、画像そのもののピクセルへ変更が加わってしまいます。
  • 画像そのものを変更するのではなく、フィルター効果が独立したレイヤーのように適用されるため、繰り返しの編集や元の画像へ戻すことができるようになります。

スマートフィルターへの変換方法

・ 「フィルター」メニューから、「スマートフィルター用に変換」を選びます。
・ 変換されるとレイヤーサムネイルに書類の形のアイコンが表示されます。
 (7709)

一度設定したフィルターを再度調整する方法

適用したフィルター名をダブルクリックすると再調整することができます。
 (36660)

フィルター設定を削除する

適用したフィルター名を右クリックし、「スマートフィルターを消去」を選択するとフィルターを削除できます。
 (7711)

【10-6】さまざまなフィルター

・ フィルターを組み合わせて使用することによってリアリティのある演出を加えることができます。
・ この章では紹介していないフィルターもあり、さまざまな加工を加えることが可能です。

ピクセレート

・モザイクや点描など画像の見た目を変化させるフィルターです。
 (7714)

ぼかし

・画像をぼかすフィルターです。
 (7716)

変形

・画像をさまざまな形状に変形するフィルターです。

【10-7】コーヒーカップの湯気をつくってみよう

それでは、今回学んだフィルター機能を応用して、コーヒーカップの湯気をつくってみましょう!
元画像
 (7720)

完成イメージ
 (7721)

コーヒーの湯気用のレイヤーを作成する

1. 新規レイヤーを作成し、「コーヒーの湯気」とレイヤー名をつけます。
 (7735)

2. 「コーヒーの湯気」レイヤーに[ フィルター → 描画 → 雲模様1  ]を設定。
 (7734)

3. 「コーヒーの湯気」レイヤーにレイヤーパネルの[ 描画モード → スクリーン ]に設定。
 (7733)

コーヒーの湯気をリアルに演出する

1. 「コーヒーの湯気」レイヤーに[ フィルター → ぼかし → ぼかし(ガウス)  ]を設定します
 (7732)

2. 消しゴムツール(またはレイヤーマスク)を使って、「コーヒーの湯気」レイヤーの不要な部分を消し、形を整えます。
 (7731)

3. 「コーヒーの湯気」レイヤーに [ フィルター → 変形 → 波形  ] に設定します。
 (7730)

4. 指先ツールを使用し、ゆらゆらと立ち昇るようにさらに加工を加えます。
 (7729)

最終調整

1. レイヤーパネルで「コーヒーの湯気」レイヤーの不透明度を調整し、湯気を自然に見せます。
 (7739)

2. 消しゴムツールを使って、「コーヒーの湯気」レイヤーの不要な部分を消して見た目を調整します。
 (7740)

3. これで完成です。
 (7741)

これで「10章 フィルターを使ってみよう」の解説は終わりです。
次の章に進みましょう。
WEBCOACH | キャリアチェンジまでの全てを学ぶマンツーマンWEBスクール
© 2020 by WEBCOACH