マーカーネット株式会社

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制作

執筆者:

関連記事

さまざまなレイアウトの工夫その①

さまざまなレイアウトの工夫その①

キレイなウェブ制作のためには色んな要素が必要となります。「フォント」「色」「レイアウト」「写真」「バランス」「テーマ」等々!今回はその中でも「レイアウト」ついて少し説明させていただきたいと思います。で …

【これから始めるWEB制作】adobe?フォトショ??イラレ???adobe製品の中身を解剖!~とりあえず覚えておきたい8ソフトの特徴その1~

【これから始めるWEB制作】adobe?フォトショ??イラレ???adobe製品の中身を解剖!~とりあえず覚えておきたい8ソフトの特徴その1~

皆様こんばんは。 今春に新卒で入社しました、ひよっこWEB制作者のMです。 お腹と背中に貼るカイロを装備し、なんとか寒さをしのいでおります。 先日誕生日を迎え、ついにハタチと言えなくなってしまいました …

ワードプレスをブルートフォースアタックからまもるために必要なプラグイン

ワードプレスをブルートフォースアタックからまもるために必要なプラグイン

WordPressをインストールするとユーザー名「admin」が自動的に割り振られ 変更できないバージョンもございました。 ハッキングする側はパスワードを当てるだけでログインすることが可能になります。 …

CSS3のみで吹き出しを作成してみました!上下左右どこでも大丈夫!

凝ったデザインなどには吹き出しなどを作成したりします。 ですが、内容を画像ではなくテキストにしたい場合があると思います。 吹出し画像を文字数に合わせて調節したり、分割して組み立てたりするのは大変ですよ …

【多言語サイトデザインの参考になる!】世界のWEBデザインギャラリーサイト

【多言語サイトデザインの参考になる!】世界のWEBデザインギャラリーサイト

本日はクリスマス、また一年の終わりが近ついてきましたが、 皆さんはいかがお過ごしでしょうか? サイトのデザイン制作に入る前に、よくWEBデザインギャラリーサイトで同じ業種やジャンルのサイトを参考してか …