このWikiHowでは、Adobe Photoshopで画像をフェードさせる方法を説明します。上の画像の不透明度を調整し、上の画像にグラデーションツールを使用することで、この効果を得ることができます。
画像をレイヤーとして追加する
-
Photoshopを開きます。正方形の背景に青い「P」を模したPhotoshopアプリのアイコンをダブルクリックします。
-
ファイル」をクリックします。それはPhotoshopウィンドウ(Windows)または画面(Mac)の左上隅にあります。ドロップダウンメニューが表示されます。
-
スクリプト」を選択します。これはドロップダウンメニューの一番下にあります。 これを選択すると、ポップアウトメニューが表示されます。
-
Load Files into Stack...をクリックします。ポップアウトメニューの一番下にあります。新しいウィンドウがポップアップします。
-
参照...をクリックします。このオプションはウィンドウの右側にあります。クリックするとウィンドウが開き、そこからフェードさせたい画像を選択できます。
-
2つの画像を選択します。Ctrl (Windows) または ⌘ Command (Mac) を押しながら、使用したい2つの画像をそれぞれクリックします。
-
開く」をクリックします。ウィンドウの右下隅にあります。ウィンドウの中央に写真の名前が表示されます。
-
OKをクリックします。ウィンドウの右上にあります。これでPhotoshopが両方の画像を別々のレイヤーとして開くように指示します。Photoshopが画像を開き終わったら、.Photoshopまたは.Photoshopを続行することができます。
不透明度を使ったフェード
-
フェードさせたい画像を一番上に移動します。Photoshop ウィンドウの右側にある「レイヤー」ペインで、フェードさせたい画像をクリックし、ペインの一番上にドラッグします。
-
画像を選択します。レイヤー」ウィンドウの一番上の画像をクリックし、選択されていることを確認してから次に進みます。
-
不透明度」ドロップダウンボックスをクリックします。レイヤー」セクションの一番下にこのメニューがあります。そうするとドロップダウンメニューが表示されます。
-
不透明度を下げます。ドロップダウンメニューで、スライダーを左にドラッグしてトップ画像の不透明度を下げます。スライダーをドラッグすると、上の画像を通して下の画像が見えるようになるはずです。
- テキストボックスで不透明度のパーセント値を変更することもできます。100%は完全に不透明で、0%は完全に透明です。
-
画像を見直すトップ画像の不透明度をお好みに調整できたら、フェードは完了です。
- 画像を保存する前に、不透明度を少しずつ調整し、不透明度がもう少し高い(または低い)画像がどのように見えるかを確認するとよいでしょう。
グラデーションツールを使ったフェード
-
フェードさせたい画像を一番上に移動させます。Photoshopウィンドウの右側にある「レイヤー」ペインで、フェードさせたい画像をクリックしてペインの一番上にドラッグします。
-
画像を選択します。レイヤー」ウィンドウの一番上の画像をクリックし、選択されていることを確認してから作業を進めます。
-
レイヤーマスクを追加します。レイヤー」セクションの一番下にある、長方形に球が入ったような「レイヤーマスク」アイコンをクリックします。
-
グラデーションツールを選択します。左側のツールバーにある四角い「グラデーション」アイコンをクリックします。
- Qキーを押すだけでもOK。
-
黒から透明へ」のグラデーションアイコンを選択します。プリセット」ウィンドウで、黒と白(左上が黒、右下が白)の四角形をクリックして、グラデーションスタイルとして選択します。
-
OKをクリックします。グラデーションウインドウの右上に表示されます。
-
グラデーションをトップ画像に適用します。グラデーションを適用する前にレイヤーマスクが選択されていることを再確認し、次の操作を行います:
- フェード効果を開始したい画像上のポイントをクリックしてドラッグします。
- Shiftを押しながら、カーソルを直線状に移動させます。
- フェード効果を終わらせたいところでカーソルを離します。
- 必要であれば、画像のフェードしていない部分にもこの作業を繰り返します。
- フェード効果を開始したい画像上のポイントをクリックしてドラッグします。
-
フェード効果を確認します。マウスボタンを離すと、フェード効果がイメージ上に表示されます。
- グラデーションを元に戻してやり直したい場合は、Ctrl+Z (Windows) または ⌘ Cmd+Z (Mac) を押してください。
コメント
最新を表示する
NG表示方式
NGID一覧