マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

WEB制作

食べ物の写真を美味しそうにみせるフォトショの小ネタ

投稿日:2015年6月3日 更新日:

こんにちは!

デザイナーの木野子です。

マーカーネットブログを、今回初めての担当することになりました!

ここでは、私が普段web製作で使っている、

PhotoshopやIllustratorの小ネタなどを紹介していこうと思います!

第一回目は、何を書こうか迷っていたのですが、

今日のランチのインドカレーがとても美味しかったので、

今回はそのランチの写真を使って、

食べ物の写真をフォトショを使って美味しそうにみせる小ネタを紹介しようと思います!

 

(1)写真を用意します。

1-0

最近の携帯は機能が良過ぎて、もうこの写真で充分美味しそうです・・・逆に困るパターンです。

 

 

(2)イメージ→色調補正→レベル補正

1

余り写りがよくない写真の場合、黒いギザギザ(ヒストグラム)偏っていて、

▲と△を黒いギザギザの両端に合わせることによって、ぐっと変化をつけたり出来るのですが、

この写真はほぼ余りいじりようが無いバランスの良い写真のようですね・・(汗)

今回は、なんとなくコントラストを強めにして香ばしい感じにしてみました。

 

 

(3)イメージ→色調補正→カラーバランス

1-2

食べ物の場合、暖色系に調整すると美味しそうにみえます。

 

 

(3)ごり押しで、湯気までつけてみます。

1-3

白く塗りつぶしたレイヤーを描写モードをスクリーンにします。

フィルター→描写→雲模様を適用させます。

フィルター→変形→波形を任意の数値を設定して湯気っぽく指定します。

レイヤーの不透明度や塗りを嘘っぽくならない程度に設定します。

 

 

(4)ベクトルマスクを設定して湯気を出したいところを、投げ輪ツールなどで指定します。

1-4

 

 

(5)料理以外、背景までくっきりしているので回りをぼかしてみます。

1-5

レイヤーマスクを使って選択範囲の境界線などを自然に見えるよう調整します。

フィルター→ぼかし→ぼかし(ガウス)で任意の数値を指定します。

 

 

完成です!!!

1-6

なんだか、元の写真の自体で充分美味しそうだったので、「変わった!!!!」感が無いのですが・・

 

比べてみると・・・

1-0 → 1-6

うん、やっぱり美味しそうになりましたね!^▼^

こんな感じで、小ネタをアップしていこうと思います!!!

それでは、みなさん楽しいweb生活を!!

-WEB制作

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

もう怖くない!色の配色

皆さん! こんばんは!! webデザインを新人デザイナーKです。 元々色選びに才能が全くない私は、デザインをする際に色んな参考サイトを メチャクチャ調べてから制作に入ります。 でもどうしても配色だけは …

角丸のコーディングは大変?CSS3で簡単に角丸を再現する方法!

角丸のコーディングは大変?CSS3で簡単に角丸を再現する方法!

今まで角丸のデザインにするには画像を背景に設定したりしていましたが、 幅や高さが変わるとそれに沿った画像を作成しなくてはならない場合があります。 それだと効率も悪く、修正もしづらいためコーディングが大 …

オンライン上で複数のPDFファイルを結合(連結)させる方法【MERGE PDF】

オンライン上で複数のPDFファイルを結合(連結)させる方法【MERGE PDF】

今日はあんまり面白い記事が見つからなかったので、ちょっと趣向を変えて、日常のWEB制作フローのなかで重宝しているものの中からひとつ紹介します。 WEB制作の業界に限ったことだけではないかもしれませんが …

ボタンを押すだけ!? 【Photoshop】 フリー  レイヤースタイル ゴールド(金色)系 厳選素材まとめ!

ボタンを押すだけ!? 【Photoshop】 フリー  レイヤースタイル ゴールド(金色)系 厳選素材まとめ!

こんにちは。 今回はクリックするだけでゴールド&メタリックな質感のデザインが作れてしまうPhotoshopのレイヤースタイル素材と活用方法についてご紹介いたします。 このフレームを・・・ たっ …

Google、ペンギンアップデート2.1を実施、アルゴリズムも変更されていた

Google、ペンギンアップデート2.1を実施、アルゴリズムも変更されていた

GoogleのMatt Cutts氏が、ペンギンアップデートver2.1を実行することをTwitter上で発表しました。 検索順位への影響は全体の1%以下とのことで、規模は大規模ではなさそうなことがう …