(cache) デザイナーの本屋さんアピアランスでつくる光沢ボタン

上記の広告は１ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

アピアランスでつくる光沢ボタン

ホームページ制作でよく使うボタン作成。
ベースは左端のグレーのボタン。
アピアランスで塗りの設定を変えるだけで簡単にバリエーションができます。

構造としては3つの円と、円を変形したハイライト。
これだけで複雑な光の屈折感を作ります。
オブジェクトを増やさないでアピアランスの設定でつくるのがミソ！

button03

１>ボタンが埋め込まれている感じの凹をグラーションにマスクをかけてつくる。

button04

2>線にボカシをくわえボタンの外側のハイライトつくる。

button05

3>ここが光沢感と球体のベースとなります。
塗りの設定でグラデーションを重ね、透明設定を適用し、
感じを見ながらつくっていきます。
グラデーションの方向を変えて透明設定【比較（暗）】を使うのがミソ！

button06

4>ハイライトのパーツをつくって完成。

ステップ3のアピアランス設定の一番上にある【塗り】→【カラー】を
変えるだけで簡単にバリーションがつくれる。
左から２番目のボタンはカラーと虹色のグラデーションを
透明設定で重ねてつくってます。
ロールオーバーで色が変わるホームページのボタンもこの方法だと簡単ですね。

↑FC2の人気ブログにエントリー中！クリックでゲンタロウのモチベーションアップを！

人気blogランキングのイラストカテゴリーにもエントリー!　更なるポチッをm(_ _)m

≪ プロダクトデザインにみる質感描写｜ホーム｜一コマ猫漫画　ジーーーーッ！ ≫

Comment

完全アピアランスで、文字だけでも
こんなことになっちゃいます。
文字を入れ替へだけで使えます。
文字の形状によっては多少調整は必要になります。
もし宜しければご購入してみてくださいね。
と、すかさず宣伝＾＾；
http://venus.oracchi.com/Illustrator/appearance/appearance.html

Yukio
｜URL｜
2007/05/12 Sat 05:49
[ EDIT ]

この本を書店で目にした時さすがだと思いました。
いままでアピアランスだけに特化した本はなかったし、
アピアランスって意外と周りのデザイナーを見回しても
使ってない人が多いのです。
グラフィックデザインDTP業界はいまだにイラレのバージョン８を標準とするところがあって、
フォントの互換性を考えるとCSを使っている人はほんと少ないみたいです。
アピアランスを使うとオブジェクトの構造がシンプルになり、バリーションの制作も効率がいいので、
遅れているデザイン業界にこの本で一石を投じてほしいと思います。
内容的にも収録点数もそれだけの価値がある一冊だと思います。
この本はまだ購入してませんが、ちかじかアピアランス特集で詳しく紹介したいと思いますので、
その際はご教授のほど宜しくお願いいたします。