リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)

こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量：10で追加します。これが同心円状のヘアラ

[Egographica]

質感すてき

[peroon]

すごくいい　できそう

[equinox79]

なるほど

[mtkn22]

デザインテクニック

[kurobuchi]

おおー！

[poppen]

[http://www.delicious.com/poppen/]

[tocstar]

photoshop

[torimoku]

きれいな金属表現

[iuhya]

GIMPでも出来るか？　それが問題だ。

[tm_universal]

リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)

[ingo]

あとでやってみよう

[taetae109]

Firefox最近使っていないな。

[tenhoiun34]

金属の質感が美しいです。

[sakra00]

中々いい。後でしっかり読まないと

[XIAORING]

gradation

[qillqill]

デザイン アルミ調 アップル

[miyan1ban]

デザイン・金属感・リッチ

[iwasiman]

確かにこれは、無駄に使ってみたいです。意外と簡単にできるんですね。

[hatebu10]

試してみます

[fumix-hat]

なんか懐かしい・・・photoshop3のときとかの攻略本？に載ってたようなｗ

[BRITAN]

お～

[umaken]

使える／リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)

[melan_xxx]

無駄に使ってみたいに賛同

[borry-318108]

なるほど

[Journey]

金属質な質感

[skunk0915]

メタリック　金属　チュートリアル tutorial

[otiai19]

かっけー

[rivawan]

リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)

[yoshida2855]

ノイズ→ブラー

[kams3261]

リッチに見せるデザインテクニック

[Koozz]

かっこいい