スポンサー
ウェブデザイン基礎講座
- ウェブデザインの大原則 ( 48 )
- ウェブユーザビリティ ( 6 )
- カラーセオリー ( 6 )
フォトショップ講座
- フォトショップの基本 ( 230 )
- エフェクト ( 169 )
- テキスト ( 81 )
- テクスチャ&パターン ( 60 )
- ウェブレイアウト ( 38 )
- ドロー ( 73 )
- カラーマネージメント ( 29 )
- 画像加工&合成&修正 ( 127 )
HTML&CSS講座
- HTML&CSS ( 41 )
グラフィック講座
- AdobeIllustrator ( 37 )
- Fireworks ( 1 )
Flash講座
- Flash ( 31 )
3D講座
- 3D ( 1 )
ウェブプログラミング講座
サイトメンテナンス講座
- サイトメンテナンス ( 39 )
サイト紹介
- サイト紹介 ( 8 )
スペシャルリンク
サイト内検索
メールマガジン
デザイナー向けのメルマガ
毎週金曜日に発行しています
毎週金曜日に発行しています
テクニック
Home ＞
グラフィック講座
＞ Illustratorで光り輝くWeb 2.0風ボタンを作る方法
Illustratorで光り輝くWeb 2.0風ボタンを作る方法
Illustratorで光り輝くWeb 2.0風ボタンを作る方法 
投稿日：2008年8月8日 レベル：初心者 ソフトウェア：
このチュートリアルでは、イラストレーターで光り輝くWeb 2.0風ボタンを作ってみたいと思います。
はじめに、（Shiftキーを使って）円を描いて次のように円形のグラデーションで色を塗ります。
円をコピーして最初に描いた円の上端に合わせてペーストし、少し小さくします。小さい円のグラデーションを180度回転させます。これが「光り輝く」効果を作ります。
別の円を作って先ほど作った円よりも小さくします。シンプルな円形のグラデーションで色を塗ります。
4つ目の（最後の）円を作って3番目の円より小さくします。ペンツール
を使って次のようなシェイプを作ります（一番下のアンカーポイントをクリックするだけでできます）。
スポンサードリンク
このチュートリアルでは、イラストレーターで光り輝くWeb 2.0風ボタンを作ってみたいと思います。
Step1：ボタンを作る
簡単にできますよ。
はじめに、（Shiftキーを使って）円を描いて次のように円形のグラデーションで色を塗ります。
円をコピーして最初に描いた円の上端に合わせてペーストし、少し小さくします。小さい円のグラデーションを180度回転させます。これが「光り輝く」効果を作ります。
別の円を作って先ほど作った円よりも小さくします。シンプルな円形のグラデーションで色を塗ります。
4つ目の（最後の）円を作って3番目の円より小さくします。ペンツール
を使って次のようなシェイプを作ります（一番下のアンカーポイントをクリックするだけでできます）。
Step2：完成
これで完成です。難しくなかったでしょ？
Step3：サンプル
このボタンを基に作ったサンプルイメージを紹介します。((C) Photographer: | Agency: Dreamstime.com)
引用:Web Design Library 著者:graphics-illustrations.com 翻訳:菊池
スポンサードリンク
