リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)
こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量：10で追加します。これが同心円状のヘアラ
WEB ページを作る時に気をつけること
こんにちは、WEB 担当の青野です。 今回は、僕がWEB ページを作成するときに気をつけていることをいくつか書こうと思います。 内容的には、HTML、CSS、クロスブラウザでの描画の違いもある程度理解した人が、次の段階として実践する内容です。 CSS のスタイルをリセットしておく まず CSS を作成する前にしておきたいことの一つが、CSS のスタイルをリセットしておくことです。 これは、ブラウザによってデフォルトのスタイル値が違うために起こる表示のズレなどを回避するために必要となってきます。 CSS リセットの方法はいくつかあり、よく分からない方は有名どころの YUI （Yahoo! UI Library）で公開されている CSS リセットを使うといいと思います。 CSS Reset – YUI Library http://yuilibrary.com/yui/docs/cssrese
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
