- Photoshopの最新便利機能!生成AIが自動で削除?! 画像に写り込んだ電線やケーブル、人物を自動で検出し、ワンクリックで削除する方法
【Photoshop】屈折した影を作る方法をご紹介!
【Photoshop】屈折した影を作る方法をご紹介!
この記事は公開から1年以上経過しています。
こんにちは!WebデザイナーのAYAです!
今回は『人物や商品に影を付けたいけど、屈折した影ってどうやって加えるんだろう…』?そんな時に使える方法をご紹介します。
完成版はこちらです!
さっそく、Photoshopで屈折した影を作成する手順を見ていきましょう。
まず最初に、背景画像と、商品画像(このブログでは以下グロス)を用意しておきます。?商品画像は事前に切り抜いておきましょう。
グロスをコピーして、【イメージ→色調補正→色相・彩度】を選択します。
彩度と明度を-100まで下げます。
次に、不透明度を40%くらいに下げて、?レイヤーをグロスにの下に移動します。
グロスのコピーを選択した状態で、【編集→遠近法ワープ】を選択します。
まず、壁の境目までドラッグアンドドロップします。
次は下から、壁の境目までドラッグアンドドロップします。
この時、画像の青枠のように、壁の境目がずれないように注意しましょう。
ドラッグアンドドロップで選択したら、画面上部にある『ワープ』をクリックして影を動かします。
影をイメージ通りに動かしたら、【フィルター→ぼかし→ぼかし(ガウス)】でいい感じのところまでぼかします。
最後にカラーオーバーレイで影の色を調整します。
完成です。
いかがでしたか。この方法を応用すれば、広告バナー、ウェブサイトの画像素材など、どんな場面でも目を引くデザインになるのではないでしょうか。
屈折した影を駆使した作品は、視覚的なインパクトを与え、プロフェッショナルな印象を与えることができます。
ぜひ一度試してみてくださいね!
[Webの豆知識]関連記事
- 【YouTube新機能】3分間のショート動画でタブが変わらない件やリーチについて
- Google Analytics(GA4)で時間帯別のアクセス状況を確認する方法
- Illustratorのパスから3Dデザインを作る!イラレで簡単3Dモデリング
- Google Chromeリーディングモードの使い方とその便利な機能を紹介
- Google Chromeでタブを整理!タブのグループ化機能の使い方ガイド
Service
Contact
インフォコネクトに相談してみませんか?
経営コンサルティングからITサービス活用支援、ホームページ制作などに関するご依頼や、ご質問・ご相談など、なんでもお気軽にお問い合わせください。