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です。 お腹と背中に貼るカイロを装備し、なんとか寒さをしのいでおります。 先日誕生日を迎え、ついにハタチと言えなくなってしまいました …

【2014年総まとめ】今年一番多く使ったWEBフォント

【2014年総まとめ】今年一番多く使ったWEBフォント

こんばんわ~WEBデザイナーのHです。 本日はこの1年間、実際のWEBデザイン制作を通して、一番多く使ったWEBフォント、トップ3をご紹介します。 中には有料のものもありますが、社内で共有することを優 …

デザインの幅が広がる!クオリティの高いイラストサイトまとめ

デザインの幅が広がる!クオリティの高いイラストサイトまとめ

みなさん こんばんは! デザイナーKです! 今回、私が皆さんにご紹介する内容は! 仕事で使えるイラスト素材サイトです!! 1.ほらぱれっと 私が好きなパステルトーンの可愛い素材が揃っているサイトです。 …

知ってそうで知らないCSS3の便利な使い方【その3:box系プロパティ】

知ってそうで知らないCSS3の便利な使い方【その3:box系プロパティ】

今回はCSS3を使ったレイアウトで使えるbox系プロパティを使ってみました。 このbox系のプロパティを使えばCSS2等で使っていたfloatやtable-cellプロパティを使わずに横並びレイアウト …

デザインで役立つ!参考サイトまとめ

デザインで役立つ!参考サイトまとめ

こんちには、デザイナーのHです。 今回は、自分自身が良く参考にしているwebサイト全体の参考サイトではなく、パーツのデザインにフォーカスを当て、いくつかご紹介します。 目次1 Parts. &#821 …