1 AI チュートリアルIllustratorで3DのRSSアイコンを作る方法 Fri Mar 18, 2011 2:09 pm
Admin
Admin
このチュートリアルでは、Illustratorで3DのRSSアイコンを作ってみたいと思います。
Step1:はじめに
はじめに、新規ファイルを作成し、明るいオレンジ色を選択してから角丸長方形ツールを使って、正方形を作ります。
[You must be registered and logged in to see this image.]
Step2:RSSマークを描く
楕円形ツールで小さな円を描きます。Shiftキーを押しながら描くと正円になります。
[You must be registered and logged in to see this image.]
ペンツール[You must be registered and logged in to see this image.]を使ってパスを読み、次の画像のように境界の端を直線に指定します。
[You must be registered and logged in to see this image.]
ステップ3の操作を繰り返してセントラルノードを追加し、アンカーポイントを使ってシェイプの形を整えます。
[You must be registered and logged in to see this image.]
両方のパスを選択して「オブジェクト」-「拡張」を選択するとウィンドウが表示されますので、「線の拡張」を選択して「OK」をクリックします。
[You must be registered and logged in to see this image.]
Step3:3D効果を適用
すべての要素を選択して右クリックしてグループ化します。3D効果を適用する際にIllustratorがグループ化したシェイプを正面として扱うのでこのステップは重要です。
[You must be registered and logged in to see this image.]
選択したグループに「効果」-「3D」-「押し出し・ベベル」を適用します。
[You must be registered and logged in to see this image.]
Step4:微調整
ここまでくれば何でもできるようになりますので、イメージを取り出してPhotoshopに移し、グラデーションをつけて微調整します。
[You must be registered and logged in to see this image.]
Step5:完成
3DのRSSアイコンの完成です。
[You must be registered and logged in to see this image.]
引用:Web Design Library 著者:www.aivault.com 翻訳:菊池]
Step1:はじめに
はじめに、新規ファイルを作成し、明るいオレンジ色を選択してから角丸長方形ツールを使って、正方形を作ります。
[You must be registered and logged in to see this image.]
Step2:RSSマークを描く
楕円形ツールで小さな円を描きます。Shiftキーを押しながら描くと正円になります。
[You must be registered and logged in to see this image.]
ペンツール[You must be registered and logged in to see this image.]を使ってパスを読み、次の画像のように境界の端を直線に指定します。
[You must be registered and logged in to see this image.]
ステップ3の操作を繰り返してセントラルノードを追加し、アンカーポイントを使ってシェイプの形を整えます。
[You must be registered and logged in to see this image.]
両方のパスを選択して「オブジェクト」-「拡張」を選択するとウィンドウが表示されますので、「線の拡張」を選択して「OK」をクリックします。
[You must be registered and logged in to see this image.]
Step3:3D効果を適用
すべての要素を選択して右クリックしてグループ化します。3D効果を適用する際にIllustratorがグループ化したシェイプを正面として扱うのでこのステップは重要です。
[You must be registered and logged in to see this image.]
選択したグループに「効果」-「3D」-「押し出し・ベベル」を適用します。
[You must be registered and logged in to see this image.]
Step4:微調整
ここまでくれば何でもできるようになりますので、イメージを取り出してPhotoshopに移し、グラデーションをつけて微調整します。
[You must be registered and logged in to see this image.]
Step5:完成
3DのRSSアイコンの完成です。
[You must be registered and logged in to see this image.]
引用:Web Design Library 著者:www.aivault.com 翻訳:菊池]