サイトの見た目が断然よくなる画像をつくる! | デザインってオモシロイ -MdN Design Interactive-
【サイトリニューアル!】新サイトはこちらMdNについて


Web制作に欠かせない素材のひとつである写真。素材集を利用するのもよいが、イメージに合う画像をみつけるのはたいへんだ。そこで、Webサイトをよりよく魅せる写真を撮影する方法と、画像補正、加工方法などを紹介します。撮影が苦手な人でもすぐに実践できるテクニックを身につけて、Webサイトで使える写真素材をつくろう。

CHAPTER 1 苦手意識がなくなるデジタルカメラ撮影テクニック
サイトを印象的に魅せる素材のひとつである写真。市販・無料で提供されている画像素材を利用する方法もあるが、探す手間やコスト、権利問題などの制約がある。そこで、つくりたいサイトのイメージに合う写真を自分で撮影してみてはどうだろうか? デジタルカメラでの撮影が苦手な人でもすぐに実践できるテクニックを紹介する。
写真・文=荻窪 圭 モデル=シュー・ペイリン

>>> 01 画像素材を使わずに自分で撮影を行うメリット
>>> 02 デジタルカメラ撮影に必要な基本知識とポイント
>>> 03 今日からすぐに実践できる撮影テクニックを身につける
>>> 04 逆光時の撮影方法と大胆なアングルで撮るコツ
>>> 05 自分で撮影した写真をWebサイトで使用する

CHAPTER 2
WEBサイトのテーマを実現する写真撮影&画像補正術

>>> 01 料理の色合いを調整しおいしそうに見せる
>>> 02 写真を味わい深いセピア調に見せる
>>> 03 光や空を幻想的に演出し神秘的に見せる
>>> 04 キラキラした被写体をリッチでゴージャスに見せる
>>> 05 人物を柔らかなイメージに見せる
>>> 06 写真内の被写体をミニチュア風にして見せる
>>> 07 勢いをつけて高速に移動しているように見せる
>>> 08 顔の周りを明るくし肌をキレイに見せる
>>> 09 特定のオブジェクトを浮き立たせメリハリをつける
>>> 10 レンズぼかしで柔らかい印象に仕上げる
>>> 11 製品の映り込みを描画して見栄えをよくする
>>> 12 色調とピント調整で親しみ深い風合いに見せる
>>> 13 Vanishing Pointで空間の奥行きを見せる
>>> 14 明るさ・彩度の調整で鮮やかに見せる
>>> 15 写真を大きく使って大胆に見せる
>>> 16 画像の一部を目立たせて知的な雰囲気に見せる
>>> 17 被写体の周囲を沈ませ引き締めて見せる
>>> 18 コントラストと彩度で独特の存在感を演出する
>>> 19 2枚の写真を使ってさまざまな時間帯を見せる
>>> 20 風景写真を手描きイラスト風に見せる
>>> 21 商品写真を背景処理でキレイに見せる


本記事は『web creators』2009 vol.92からの転載です。本特集全記事は誌面で読むことができます。
twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在