Home > ライフハック > 立体的でリアルなデザインをしたいなら「5つの光」を理解しよう

立体的でリアルなデザインをしたいなら「5つの光」を理解しよう

そういえばこの前fladdictさんを取材していたときにイラストレーターの使い方を教わりました。

実際にToyCameraの画面なんかを見せてもらいながら絵の描き方の基本を教わったのですが、彼いわく「光を理解していればなんでもそれっぽく描けますよ」とのこと。

そのときに教わったことがちょうどSmashing Magazineでやたらわかりやすく説明されていたのでご紹介。デザインをするときの参考にしたいものです。

さくっと言ってしまうと、モノを描くときには次の「5つの光」を理解しましょうね、ということです。

fig_1

↑ この5つ。

日本語的に言うと、つぎのような感じでしょうか。

  1. 照明の光源
  2. ハイライト
  3. 暗くなる部分
  4. 反射した光
  5. 影

これらがどの位置にくるかを光源の位置から推測し、丁寧に書き込んでいくと「それっぽく」なるのだそうです。具体的にそれらがウェブデザインでどう使われているかの事例も元記事には豊富に紹介されているのでよろしければどうぞ。

さてそろそろイラストレーター、勉強しないとですねぇ・・・。fladdictさんいわく「トレースできればほぼ出来たようなもの」とのことだったのでまずはそこからですかね・・・。

» 5 Simple Tricks To Bring Light and Shadow Into Your Designs | How-To | Smashing Magazine

@taguchiをフォロー！
Twitterもやっています！
Posted on April 23rd, 2009

Comments:0

Comment Form
Remember personal info

Trackbacks:1

Trackback URL for this entry
http://www.ideaxidea.com/archives/2009/04/five_lights_and_shadows.html/trackback
Listed below are links to weblogs that reference
立体的でリアルなデザインをしたいなら「5つの光」を理解しよう from IDEA*IDEA ～ 百式管理人のライフハックブログ
pingback from エントリー　ジッパー » リアルなデザインのための光の使い方。 09-04-23 (Thu) 12:51

[...] 立体的でリアルなデザインをしたいなら「5つの光」を理解しよう [...]

Home > ライフハック > 立体的でリアルなデザインをしたいなら「5つの光」を理解しよう

百式ジョブボード（求人情報）
ケータイ会議５参加中！
TwitterCounter
最近のつぶやき
Powered by…

ユーザー中心 ビービット
『IDEA*IDEA』のユーザビリティは、ユーザー中心のウェブサイト構築を手がけるビービット社によって検証・改善されています。

いろいろ

誠Biz.まID Webサービス図鑑
誠Biz.IDの「Webサービス図鑑」を応援中です！

あわせて読みたいブログパーツ
SEO
人気の商品
管理人の著書
Image of はじめてのGTD ストレスフリーの整理術
Image of シャングリラ・ダイエット~全米ベストセラー!「食事制限」なし!「運動」なし!の魔法のダイエット~
Image of 起業・企画・営業・雑談のネタは日常の諦めている不便利から
Image of アイデア×アイデア
Image of ストレスフリーの仕事術―仕事と人生をコントロールする52の法則
最近の写真
いくら！大トロ！しらこ！お刺身！今日の戦利品店長さん高円寺のすごろく屋つぶやけ@akiyanパノラマ連射！パノラマお庭洗った天使や！みんなでさくら手書きスナップ池さくらさくら
モバイル版
最近の記事
カテゴリー別
過去記事一覧

Return to page top