Fireworks チュートリアル⑤　～3Dボタン～*平凡かつフツーな日記

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

▶ --年--月--日｜スポンサー広告｜｜

こんな感じの、カッコイイボタンを作ってみまっしょー≧o≦

まず、「長方形（角丸）ツール」を使って、描いてください。

で、「グラデーション」や、「シャドウ（内側）」を、下の図のように行ってください。

次に、先ほど作った物をコピー＆ペーストして、ペーストしたものを下にずらし、

最背面にしてください。

そして、グラデーションを下の図のようにしてください。

ちなみに、濃い部分が、ボタンの角に来るようにしてください。

次は、細い長方形を描き、図のようにグラデーションをします。

グラデーションは、下の方が濃くなるようにします。

さらに、「エッジをぼかす」を「5」に設定します。

次は、「楕円ツール」で、真ん中当たりに、楕円を作ってください。

グラデーションは「楕円」にし、図のようにしてください。

そして、一番上の角丸長方形をコピーし、先ほど作った長方形を選んでから、

「編集」→「マスクとしてペースト」を行ってください。

すると、こんな感じになります。

次がチョット厄介です。

「ペンツール」で、図のように光沢感を出すようにするのですが、

チョット操作が難しいです。

何回も挑戦してください。

僕も、結構これを作るのに時間がかかりました＞＜

で、作れたら、図のようにグラデーションを。

最後に、透明度を20％に。

次は、幅2pxの細い長方形を作り、

グラデーションを、下の図のようにおこなってください。

（拡大すると、やりやすいかも。）

「長方形（角丸）ツール」で、影を作ります。

グラデーション・エッジは、図のように。

これは、一番下のレイヤーに。

あとは、好きな文字を書いて、その文字に、「ドロップシャドウ」をつければ完成！

Comment

　この記事へのコメント

　コメントを投稿する

Trackback

この記事に対するトラックバック