このブログでは、あえてあまり触れてこなかったIllustrator。

わたくし、実はあまりIllustratorは使いません・・・っというのもあまり得意ではないので。。。

といっても、まったく使わないわけではなく、アイコンやロゴの制作時には嫌々使ってます。

デザインの幅を広げるためにも常々Illustratorは勉強しておかないとなぁ。っと思っております。

っちゅうわけで、本日はIllustratorのお勉強のまとめです。なるべく楽しそうで、簡単なものからまとめてみました。

1. Illustrator Pen tool exercises

とりあえず、超初級者の方は、こちらから練習しましょう。Illustratorの基本、ペンツール・エクササイズです。

2. illustrator pen tool cheat-sheet

こちらもペンツールの基本が練習できますね。

3. 7 Things You Didn’t Know Adobe Illustrator Could Do

意外に知らないIllustratorの使い方が7つ。

4. Illustrator Tutorial: How To Make 3D Vector Vintage Stars

星を3Dにするチュートリアル。

5. Illustrator tutorial – Create 3D logo

こちらも3Dのロゴを作るチュートリアル。グラデーションのつけ方がポイントです。

6. Adobe Illustrator Tutorials

おなじみsmashingmagazineさんのIllustratorチュートリアルまとめ。かなりいっぱいあります。。

7. Illustrator Tutorials

こちらも有名どころ。N.DESIGN STUDIOさんのIllustratorチュートリアルまとめ。

8. Free Tutorials

こちらもIllustratorチュートリアル６つ。

9. Illustrator Tutorials

Tutorial blogさんのIllustratorチュートリアルまとめ。

10. 130 Web 2.0 Gradient Swatches for Illustrator

130種類のIllstrator用グラデーションファイル。きれいですね。

11. Vector Illustration Trend

かわいいイラストがいっぱい。

12. The World’s Most Photorealistic Vector Art

写真に見えるけど。これ全部Illustratorで描かれてます。画像の下にある”OUTLINE”リンクをクリックするとどのように描かれているのか確認できます。

13. Adobe Illustrator & Photoshop Tutorials & Lessons

このページで紹介されている船のイラストはすごい！

がんばってIllstrator勉強しよっと。。

最近よく見かける、↓のようなグラデーションのかかったグラフィック。このブログでも、右上のほうについてるやつです。。

本日は、こんなグラフィックを簡単に３分で作る方法をご紹介じゃ。。

それでは、Illustratorのご用意を！（わたくし英語版のIllustratorCS2を使っております。。日本語版でも、多少バージョン古くても、ほぼ同じのはずです。。）

1. スターツールで輪郭を描く
ツールボックスから、スターツールを選択します。

2. 輪郭を設定する
スターツールを選択して、キャンバスをクリックすると設定画面がポップアップします。輪郭の設定はお好みでどうぞ。。

3. グラデーションツールを選択する
描いた輪郭にグラデーションをかけます。

4. グラデーションの色を設定する
グラデーションの色はお好みでどうぞ。。グラデーション形式は円形にしてみました。

5. グラデーションをかける
お好みの色が設定できたら、2で描いた輪郭にグラデーションをかけます。↓みたいに左斜め上から、右斜め下にドラッグすると下のようにグラデーションがかかります。

6. 一回り小さい輪郭を作成
作成した輪郭を選択したまま、Illustratorメニューのオブジェクト>パス>パスのオフセット（実際何て書いてるか分かりませんでした。。）を選択。

7. オフセット設定
一回り小さい輪郭を作りたいので、-5pxとか設定してみました。設定はお好みでどうぞ。。

「OK」ボタンをクリックすると、↓みたいに、一回り小さい画像ができます。

8. ペンツールを選択
ペンツールを選択します。

9. 曲線を描く
下のような曲線を描きます。

10. パスファインダで分割
9で描いた曲線と、7で描いたオフセット画像を同時に選択して、パスファインダで分割します。

11. ダイレクト選択ツールを選択
ダイレクト選択ツールを選択します。

12. 画像の下半分を削除
分割した画像の下半分をダイレクト選択ツールで選択して削除キーで削除します。

13. 画像の上半分を選択

14. グラデーションをかける
残った、画像の上半分にグラデーションをかけます。グラデーション形式は線形にしてみました。色の設定はお好みでどうぞ。

15. ドロップシャドウをかける
一番最初に描いた、下の画像を選択して、ドロップシャドウを選択します。

16. ドロップシャドウを設定する
ドロップシャドウの設定をします。設定はお好みでどうぞ。。

こんな↓感じでできました？

デザインblogランキング