DESIGN

【デザイン上達法】Illustrator初心者にオススメの本とバナー模写練習の進め方をご紹介

こんにちは!
fuyu_na(@fumm_ii)です。

先日、DMにて「どうやってIllustratorの勉強をしましたか?」というご質問を頂きました。いつの間にか私も質問してもらえるぐらい人並みにイラレ使えるようになったんだと感動…!12月に太陽光線の作り方を質問してたのが懐かしい。

そこで今回は、3ヶ月前までは触ったこともなかったIllustratorをどうやって勉強したのか、参考にした本や勉強方法について書いてみました。

\ こんな方にオススメの記事です! /

  • Adobe Illustrator 初心者の方
  • グラフィックデザインを始めたい方
  • Webデザインの勉強をしたい方
  • Illustratorの使い方に関する参考書をお探しの方

本を使って基礎を学ぶ

最初はこちらの本を使って基礎を学びました。
Photoshopの勉強でも同じシリーズを使っていて、演習やショートカットキーなどがあって分かりやすいです。コラムもとても参考になります。

 
技術書は基本的に発売日が新しいものを選びます。デザインの基礎や歴史的なことを学びたい場合はロングセラーの本も読みますが、アプリケーションソフトはバージョンアップするため最新の情報が書かれた本を選ぶようにしています。

Illustratorでバナー模写をする

本で基礎を学んだ後は実践に近い練習をするため、「バナー模写」をします。過去問をやるような感覚で、たくさんの種類のバナーを模写します。

ただ、いきなり難易度が高いものを選ぶと時間もかかるし嫌になってしまう可能性があるので、模写するバナーのデザインは少しずつレベルアップしていきます。難易度別で「見本にするバナーの選び方」も書いてみたので、よければ参考にして下さい。

見本にするバナーの選び方

見本にするバナーは「難易度別」でステップアップしていきます。自分のステージに合ったものから練習すると、途中で難し過ぎて逃げ出すということが少ないかもしれません。あと個人的に最後の「先輩デザイナーに見てもらう」というのがかなり効果的だと思います。

お手本のバナーはpinterestから選んでます。気になるバナーをストックしておくと後からも使えるので便利です。

  • step1 文字がメインのバナー
  • step2 イラストが入ったバナー
  • step3 パターン等を使ったバナー
  • step4 写真+文字のバナー
  • できればIllustratorが使える先輩デザイナーに見てもらう

文字がメインのバナーを模写

最初は文字がメインのバナーを模写しました。レイアウトや文字組みの練習になります。アプリケーション自体に慣れるまでは、お手本をアートボードの横に置いて「できるだけそっくり」模写できるようにします。

慣れてきたら、自分なりに書体や字間などを変えてみたりして「文字の違いでデザインがどう変わるか」を研究してみるのも楽しいです。

実際に初めて練習したもの(恥ずかしい)

バナー模写練習

単純なイラスト入りバナーを模写

複雑なものだとめげちゃう可能性があるので、シンプルな星とか、リボンとか、マルとか簡単なものから徐々に複雑なものにトライしていきます。

 

パターン等を使ったバナーを模写

背景のパターンも簡単なものから。自分でパターンを作っても良いですし、素材をDLしても良いと思います。最初のうちは、元からIllustratorのスウォッチに入っているものや、自分で作れそうな簡単な柄のものを選んでました。素材を探し始めるとまた時間がかかっちゃうので。

こちらは全部自分で作った初期の練習バナー。文字のアウトライン化、ペンツール、簡単なイラストの作り方など練習になりました。(なぜか梅の花のレイヤーが後ろになってたり修正点多々あるので恥ずかしい)

写真+文字のバナーを模写

続いて練習したいのは、Photoshopで写真をレタッチしたり切り抜いたり、色味を調整したりしつつ、Illustratorでその他の加工をするといった練習です。全てPhotoshopで完結しそうではありますが、あくまで練習のためIllustratorを積極的に使います。

 

Illustratorが使える先輩デザイナーに見てもらう

バナー模写はするだけで満足感がありますが、できたらデザイナーさんにチェックしてもらった方が良いです。自分では気づかなかったところにフィードバックがもらえたりするので、圧倒的に成長するペースが変わります。できれば、ひとつひとつのステップごとにチェックしてもらうと良いと思います。

最近はツイッターでアウトプットしたり、オンラインコミュニティなどがあったりするので、そういったものを活用するのも良いと思います。実際私も最初はデザイナーの知り合いがいなかったのでそうしてました。

\ #masacaデザイン部 /

私が所属しているオンラインコミュニティですが、Webデザイナー・初心者・フリーランスのためのコミュニティ「 #masacaデザイン部 」はオススメです。現在360名以上の参加者がいて、デザインのレビューや質問部屋、図書館などがあって勉強になります。オフ会にも参加してますが、とても居心地の良いコミュニティです。

#masacaデザイン部について(代表のnote)

Twitterハッシュタグ「#masacaデザイン部」

もちろん、ツイッターで私に聞いて頂いてもOKです!私で解決できないことはフリーランスの仲間と相談してアドバイスさせて頂きます!

おわりに

今回は、Illustrator初心者だった私の勉強法について書きました。独学でWebデザインの勉強を始めると「何からやって良いかわからない!」という状況に陥りやすいので(実際自分もそうだった)、少しでも参考になれば幸いです。

https://fuyuna.net/webdesign-book-review

ABOUT ME
fuyu_na
2018年7月から独学でデザインの勉強を開始。Webとグラフィックを中心に学びつつ、フリーランスでデザイナーしてます。前職は理学療法士。デザイン・本・カフェ・写真・きれいなものが大好物です。