Adobeのillustrator
CSから「グラフィックスタイル」というかなり実用的なものがある。
WEBもシュミレートするのでサンプルに
つくってみた。
まずグラフィックスタイルを開き、
元となるアピアランスを作る。
円ツールで正円を描いて・・・
アピアランスで、線、塗り、に
グラデーションやパスのアーチにしたりして重ねる。
こうなった。
左の円が、右のアピアランスの効果を
あらわしたもの。
次に、つくったアピアランスを
グラフィックスタイルに登録する。
アピアランスの効果とつけたパスを
グラフィックスタイルのウィンドゥ内にドロップして、登録。
準備完了。
これからボタンを作る。
最初にもどって円パスを描くところから
実際にやってみると・・
円を選択して、
上で登録したグラフィックスタイルを
選んでいく。
右の赤丸が登録したもの。
円に適用すると、
アピアランスが反映される。
ポンッと。
はいできた。
さらに続けて。
同じものをAltでドラッグしてコピー。
縮小してぴったり中央に合わせて整列させる。
メタリックなボタンの完成。
さらに・・・
文字をいれていく。
上で作ったボタンの効果を元にして、
メタリックな文字に、あてはまるように
アピアランスの内容を編集。登録しておいた。
それを文字「OK」に効果を与えていく。
というわけで、ボタンの完成。
いくつかつくってみた。
↑これ
右下のボタン以外は
ボタン一つで、円ツールのパスを２個だけ使ってる。
編集可能が広くて、
円でなくとも、他のパスにも使える
強力なツールだと改めて実感。
アピアランスの内容が、
かなめだけど、その記事はまたこんど。
ボタンの他にもレースも作ってあるので
こんご絵画に貼り込んでお見せできる日が来るかも。
[1回]
PR
