フォトショップで商品画像につける影テクニック番外編

公開日: : 最終更新日:2016/08/09 副業で稼ぐ仕組みの作り方

先日ご紹介した商品画像に影をつける方法の評判が良かったので、私が良く使うテクニックを他にもご紹介いたします。

はじめに

商品画像に影をつける事で他店よりも、良さそうな画像を作る事が出来ます。影のつけ方はいくつも種類がございますので、私が今まで使ったテクニックをご紹介いたします。

注意事項

前回と同様に今回もフォトショップを使って影を作る方法をご紹介させて頂きますので、お持ちでない方はフリーソフトの物をご利用下さい

良く使う影をつける方法

私が良く商品画像に影をつける方法は前回の売れる商品画像は影が必須でご紹介しておりますので、まずはこちらの記事を見て頂いた方がわかりやすいかもしれません。

ドロップシャドウがダメな理由

商品画像に影をつけると言う話を聞いた際に一番初めに「ドロップシャドウ」と言う言葉を思いついた人は注意して下さい。

私自身今まで数百と言う形が違う商品画像に影をつけてきた中でドロップシャドウを使って自然な影を作れたケースはごくごくわずかでした。

例えばドロップシャドウで影の濃さを25%にして作った場合

sdw2

sdw1

sdw3

 

どうでしょうか?一番しっくりくるのって最後のカードだけじゃないでしょうか?

ドロップシャドウは全体に対して同じくらいの濃さの影を作り出すので、水や机なのどの立体的な物であっても、カードのように平らな印象を与えてしまいます。

だからこそ、ドロップシャドウではダメなのです。

光の位置を考える

基本的に影を作り出す時に影を作るよりも光の位置と強さを考えてみる事で何となくわかると思います。

例えば、前回の影の作り方の場合

shadow22

 

この机の影は真上に光源があり、この光源も非常に遠いところにあると考えられます。

理由としては、影の色が薄い=光が遠いからです。

個人的にはこの影のつけ方が一番しっくりきて、簡単なので良く取り入れています。ただ、せっかくなので、今回は違う影のつけ方をご紹介いたします。

斜めからの影

一時期ハマっていた影のつけ方ですが、左ななめ45°に光源があると仮定した場合です。先ずはどんな画像になるのか見て頂いた方が早いでしょう。

sdw4

先ほどの影と違い、この影は前に光源があるので後ろ側に影が伸びています。またちょっと違う印象を与える事ができるでしょう。この影の作り方はそんなに難しくありません。

作り方

sdw5

まずは、机を選択して新しくレイヤーを追加しておきます。

sdw6

 

黒のべた塗りをします。

sdw7

べた塗りしたレイヤーを「自由変形」をし、上のバーに表示されている「H:0.00°」と表示されている部分を「H:-20°」にし、テーブルの脚部と影の脚部を合わせる為に右に少し移動させます。

sdw8

フィルター < ぼかし < ガウス 

を選択し、半径10pxくらいぼかします。
sdw9

 

影のレイヤーと商品画像のレイヤーを入れ替えて影を後ろに持っていきます。

sdw10

影にベクトルマスクを追加します。

sdw11

パレットの左下にあるこの部分をクリックし、白黒にします。この時、上に黒色がきて下に白色がくるように設定をします。

sdw12

そして、グラデーションツールを使い図のように右上から左下にかけてグラデーションをかけましょう。

sdw13最後に塗りを10%くらいまで落とすと自然な感じの影を作る事が出来ます。

反射させると高級感がある

次は影とは違うのですが、私が良く使う高級感を高める方法です。

sdw14

これは商品画像が全て床についている状態の物でしか利用できません。影ではなく反射させているのがわかりますか?

作り方

sdw15

まずは商品画像をコピーして新しくレイヤーを作ります。

sdw16

反射させる側を垂直に反転させます。

sdw17

反転させた物を少しかぶらせるように下にずらします。
sdw18

先ほどと同様にベクトルマスクをかけてグラデーションをかけましょう。

sdw19

 

最後に塗りを50%にしたら完成です。

 

さいごに

良さそうなサイトを研究しよう

副業で稼げるようになるまでは、日々の研究が必須項目になります。色々なサイトを見て自分自身が「良さそう」と感じたらすぐにまねをして取り入れていく事が技術力の向上にも繋がり、ヒントやアイデアの助けになります。

この稼げる副業ブログも毎週色々な記事を投稿していますが、ネタ切れもまだ起こしておりません笑

今回のこの商品画像にフォトショップを使って影をつける方法に関しては、色々なショッピングサイトをめぐると独自の方法で作り出している人もいらっしゃいます。

最初はわかりにくいかもしれませんが、しっくりとくる影を作り出すのって時間がかかるので、結構大変な作業ですよ。

ただ、慣れてしまえば何てことありませんのでまずは実験をしてみましょう。

広告

関連記事

日付の分岐を簡単に導入する方法

これでオートメーション化が捗ります はじめに ブログを書く時って、私のように稼げる副業をしている

記事を読む

gmailからサクラのサーバー経由でメールが送れない

サクラ、Mail Delivery SubsystemとDelivery Status Notifi

記事を読む

WP Autoresponderでインポートとエクスポートを試してみた

前回お話したWP Autoresponderの機能面についてのご説明です。 はじめに WP A

記事を読む

youtubeに動画をアップロードする方法

youtubeに動画をアップロードするのって難しいと思っていませんか?意外と簡単なんですよ。 はじ

記事を読む

らくらくメルカリ便を利用する方法

メルカリでは発送者の情報を隠しておけるのが最大のポイントですね はじめに ヤフオクで

記事を読む

管理画面でお問合せメールの確認が出来るTrust Form

ワードプレス内でお問合せフォームからのメールの内容を確認出来るプラグインがございます。 はじめに

記事を読む

ワードプレスにキーワードとディスクリプションを追加するプラグイン

SEO対策では必須のキーワードとディスクリプションをワードプレスに追加する方法です。 はじ

記事を読む

EC-CUBEでPHPを使う方法

EC-CUBEでもPHPが使えました!これで色々捗るね はじめに 私みたいなコピペでしか

記事を読む

ワードプレスの記事やカテゴリなどの各IDを調べる方法

ワードプレスには記事やカテゴリ、タグなどそれぞれIDがございます。 はじめに プラグインの設定を

記事を読む

データベースのバックアップ用プラグインWP-DBManager(ワードプレス)

副業をするのに、ワードプレスを導入した方は必ずバックアップをとっておいてください。今回は自動でバック

記事を読む

広告

Message

広告

現在の総記事数: 295件

ロボットが資産運用 WealthNaviの申込み方法

最近流行りのロボットに任せる資産運用でWealthNaviを試してみま

windows10で画面に[あ]や[A]と大きく出るのを消す方法

windows10で画面にや[A]と大きく出るのを消す方法

ロボットが資産運用 THEO[テオ]の申込み方法

自分自身で資産運用をするときって何を選べば良いかわかりませんよね。そん

GoogleのWEBフォントを導入してみた

過去にもwebフォントに触れている記事は多いですが、googleさんの

yahooリスティング広告のオプション登録は必須

広告の下に出てくるリンクは絶対に設定しておきましょう はじめ

→もっと見る


  • ここでは副業での稼ぎ方や、誰でも簡単に稼げる副業のジャンルなどを紹介しております。 今の所、平均して月に15,000円ほど副収入があります。
    • エステコスメ エステ化粧品やエステコスメの通販サイトです。一般の方でもエステサロンで使用しているコスメを激安価格で購入出来ます。
    • エステ用品 エステ用品のMOCOエステです。新規開業を考えているエステサロン様向けに卸価格でご提供させて頂きます。
    • サロン集客 サロン集客に悩んでいる人向けに完全無料で集客方法を公開しております。インターネットを使う事で0円でサロン集客する方法もお教えいたします。
    • ヒートマット 遠赤外線ヒートマットシリーズは入ると滝に打たれたような発汗を体験できます。サロン様から一般の方までご利用いただけます
    • フェイシャルスチーマー 業務用だけでなく、一般の方も使用出来るフェイシャルスチーマーを詳しく説明しているホームページです。
    • 美容室のホームページ制作 美容室やエステサロン、ネイルのホームページ制作です。3万円台から制作も出来るので予算のないサロン様にも対応しております。
PAGE TOP ↑