写真の主題を引き立たせるために使用される「ボケ」をウェブデザインにとりいれるためのスタディをPSDFanから紹介します。
Inspirational Examples of the Bokeh Effect
以下、各ポイントを意訳したものです。
ボケとは
ボケとは、写真撮影の際にレンズを利用して光の焦点をぼかしたものです。このボケは、レンズによってもさまざまなものを楽しむことができます。
通常、ボケは主題を引き立たせるために使用されるもので、主題以外のものをぼんやりとさせます。
ボケの実例
写真撮影でのボケを実際に見てみます。
ボケのサークルが美しい七角形になっており、ソフトな印象を与えています。
こういったボケは、レトロな感じをいっそう強める効果があります。
これはボケとマクロフォーカスを組み合わせた例です。水滴が背景の円形のボケと類似しており、コンビネーションが機能しています。
デジタルアートでのボケ
ボケは写真撮影だけに限定されるものではありません。同様のエフェクトはPhotoshopでも作成することができます。
典型的なボケのエフェクトです。明るくて、カラフルで、とれもきれいです。
このボケでは都市の汚さを演出するために、グランジ風のボケを使用しています。
このボケは通常の円形のボケではなく、ハート型のボケを使用しています。
ウェブデザインでのボケ
ウェブデザインでは背景やヘッダのパターンとして、ボケが利用されています。
パステル調のボケを使用して、柔らかいイメージを演出しています。
明るいボケのエフェクトはこのウェブサイトをより印象的なものにしています。
典型的な明るいボケではなく、もっとずっと暗いボケを使用しています。
ヘッダに巨大な光のエフェクトを使用しています。ボケの色味はサイトのカラースキームと合わせています。
背景に使用されているボケのエフェクトは、使用しているカラースキームをより美しくみせています。
ボケのチュートリアル
ボケのエフェクトを作成するチュートリアルを紹介します。
Awesome digital bokeh effect in Photoshop
Post on:2010年1月27日
[...] 写真の「ボケ」をウェブデザインにとりいれるためのスタディ | コリス (tags: webdesign) [...]
ボケって英語でもBokehなんですね。
良い事知りました。