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

公開日: : 最終更新日: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%にしたら完成です。

 

さいごに

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

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

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

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

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

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

広告

関連記事

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

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

記事を読む

WEBフォントを無料で使えるタイプスクウェア

日本語の無料で使えるWEBフォントってあまりありませんよね。→見つけました! はじめに クライア

記事を読む

スマホ画面の一番下にふわっとコンテンツを表示させる方法

スマートフォンでホームページを見た際に常に一番下に表示されているふわっとした広告枠の出し方を紹介いた

記事を読む

ホームページにパスワードを設置する方法

今回の内容は特定のページに対してパスワード認証を設置する方法です。 はじめに 少し難しくなります

記事を読む

ttfをwoffに簡単に変換できた!

ttfをwoffに簡単に変換できた! WEBフォントでttfはあるのに、それ以外がない事って多

記事を読む

ワードプレスの分岐topページのみやその他表示

ワードプレスの表示・非表示の分岐っていつも忘れてしまうんですよね はじめに ワードプレスでサイト

記事を読む

サクラで日本語ドメインを使う方法

サクラサーバーで日本語ドメインを利用するちょっとした裏技をご紹介いたします。 はじめに

記事を読む

エックスサーバーからさくらサーバーにドメインを移管してみた

エックスサーバーからさくらに移管しているって情報が少なかったので自分のメモとしてやってみました は

記事を読む

ワードプレスの管理画面でチェックできるアクセス解析

今まで使っていたアクセス解析がデータが蓄積されていくタイプなので、少し重いなと感じるようになりました

記事を読む

tinymce advancedで絵文字もフォントサイズも可能に

ワードプレスって、顔文字が使えなかったり、フォントサイズがいじれなかったりと日本人のブログとしては微

記事を読む

広告

Message

広告

現在の総記事数: 288件

yahooリスティング広告で広告を作るまでの流れ

yahooリスティング広告でキャンペーンの作成から広告の登録までをご紹

yahooリスティング広告のキーワード単価を調べる方法

そのキーワードにいくら支払えばクリックが見込めるのかわかりやすツールで

yahooリスティング広告の広告費の決め方

広告費用って毎月いくら必要なのか?いろいろなパターンを考えてみました

yahooリスティング広告のキーワードを設定する際の考え方

yahooリスティング広告のキーワードを間違えると全然効果がないので気

yahooリスティング広告らくアドの利用方法

yahooリスティング広告の使い方がわからない方はらくアドを利用してみ

→もっと見る


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