1 AI チュートリアルIllustratorで光り輝くWeb 2.0風ボタンを作る方法 Sat Mar 19, 2011 4:07 pm
Admin
Admin
このチュートリアルでは、イラストレーターで光り輝くWeb 2.0風ボタンを作ってみたいと思います。
Step1:ボタンを作る
簡単にできますよ。
はじめに、(Shiftキーを使って)円を描いて次のように円形のグラデーションで色を塗ります。
[You must be registered and logged in to see this image.]
円をコピーして最初に描いた円の上端に合わせてペーストし、少し小さくします。小さい円のグラデーションを180度回転させます。これが「光り輝く」効果を作ります。
[You must be registered and logged in to see this image.]
別の円を作って先ほど作った円よりも小さくします。シンプルな円形のグラデーションで色を塗ります。
[You must be registered and logged in to see this image.]
4つ目の(最後の)円を作って3番目の円より小さくします。ペンツール[You must be registered and logged in to see this image.]を使って次のようなシェイプを作ります(一番下のアンカーポイントをクリックするだけでできます)。
[You must be registered and logged in to see this image.]
Step2:完成
これで完成です。難しくなかったでしょ?
[You must be registered and logged in to see this image.]
Step3:サンプル
このボタンを基に作ったサンプルイメージを紹介します。((C) Photographer: | Agency: Dreamstime.com)
[You must be registered and logged in to see this image.]
引用:Web Design Library 著者:graphics-illustrations.com 翻訳:菊池]
Step1:ボタンを作る
簡単にできますよ。
はじめに、(Shiftキーを使って)円を描いて次のように円形のグラデーションで色を塗ります。
[You must be registered and logged in to see this image.]
円をコピーして最初に描いた円の上端に合わせてペーストし、少し小さくします。小さい円のグラデーションを180度回転させます。これが「光り輝く」効果を作ります。
[You must be registered and logged in to see this image.]
別の円を作って先ほど作った円よりも小さくします。シンプルな円形のグラデーションで色を塗ります。
[You must be registered and logged in to see this image.]
4つ目の(最後の)円を作って3番目の円より小さくします。ペンツール[You must be registered and logged in to see this image.]を使って次のようなシェイプを作ります(一番下のアンカーポイントをクリックするだけでできます)。
[You must be registered and logged in to see this image.]
Step2:完成
これで完成です。難しくなかったでしょ?
[You must be registered and logged in to see this image.]
Step3:サンプル
このボタンを基に作ったサンプルイメージを紹介します。((C) Photographer: | Agency: Dreamstime.com)
[You must be registered and logged in to see this image.]
引用:Web Design Library 著者:graphics-illustrations.com 翻訳:菊池]