NOT DESIGN SCHOOL

ILLUSTRATOR VIDEO COURSE

はじめての「つくれた!」を、ここから。

初心者向けIllustratorオンライン動画講座

「こんなの、つくってみたい!」その気持ちが、はじめの一歩。

はじめてIllustratorを学ぶ人のためにこの講座をつくりました。

図形を描く。色をつける。文字で遊ぶ。先生の画面を見ながら、少しずつデザインに挑戦。Illustratorの基本から、作品の完成まで一緒に進めます。

【この講座の学習レベル】
  1. はじめて
  2. 初級
  3. 中級
  4. 上級
ここまでカバー
イラレの基本操作を習得。
中級テクニックにも挑戦!
Enjoy Illustrator!

文字も、バナーも。
つくるって、楽しい!

気になるデザインはありますか?実際の制作画面を見ながら、一緒につくれます。
まずは、まねしてみるところから。

ほかにも、こんな表現を。

シンプルなイラスト / 地図・表 / タイポグラフィ and more...

全21本のカリキュラムを見る

YOUR NEXT STEP

「やってみたい」。
それだけで、準備はOK

ソフトを開いたばかりでも、久しぶりの学び直しでも。基本から順番に、一緒に手を動かしていきましょう。

こんな人におすすめ!

  • 初めてのIllustrator、何から学ぶか迷っている
  • 自分でバナーやショップカードをつくってみたい
  • 文字や色を使って、デザインを楽しんでみたい
  • 独学でつまずいたところを、基礎から学び直したい

THREE REASONS TO LEARN

はじめてでも、
楽しく進められる3つの理由。

いきなり、全部できなくて大丈夫。小さな「できた!」を積み重ねて、
自分でつくれるものを増やしていきます。

POINT 01

基本の「キ」から、
少しずつ。

画面の見方、図形の描き方、色のつけ方。最初に知りたい基本から丁寧に解説します。雲やお魚を描く小さな課題で、手を動かす楽しさを感じられます。

POINT 02

文字や色で、
自分らしく遊べる。

文字の形や色を変えるだけで、印象はがらり。文字組みやアピアランスを使って、「かわいい」「かっこいい」をカタチにする方法を学べます。

POINT 03

完成したら、
誰かに見せたくなる。

バナーやショップカードを、最後まで仕上げる体験も。画像の書き出しや印刷用データの準備まで学べるから、自分でつくったデザインを届けられます。

A LITTLE EXTRA

おまけに、Photoshopの基礎もついてくる 🎉

写真の色を整えたり、背景を切り抜いたり。Illustratorで使う写真を準備するための基礎も、同じ講座の中で学べます。

SECTION 09–11には、写真調整からビジュアル制作までを収録しています。

MEET YOUR INSTRUCTOR

現場で磨いた技術で、
あなたの「できる」をお手伝い!

講師たぬきのプロフィール画像

グラフィックデザイナー / TAGUCHI DESIGN LAB.代表

たぬき

  • グラフィック
  • Webデザイン
  • モーショングラフィックス

北海道札幌在住。デザイン会社、広告代理店での実務を経て、2021年6月にフリーランスとして独立。広告・ロゴ・パッケージを軸に、Web、モーショングラフィックス、3Dパースまで幅広く手がけています。

IllustratorとPhotoshopを掛け合わせた、迫力と空気感のあるビジュアル制作が強み。2025年からはデザインスクールのメンターとして、次のつくり手の育成にも携わっています。

講師のポートフォリオを見る(新しいタブで開きます)

TRY A LESSON

まずは、講師の画面を
のぞいてみませんか。

まずは、線を描くところから。先生の操作とテロップを見ながら、講座の進め方を体験できます。

無料サンプル

SECTION 04
クリックで直線、ドラッグで曲線。
ペンツールの基本を体験

約3分・テロップ付き。再生ボタンを押してご覧ください。

約46秒・1.2倍速・テロップ付き。再生ボタンを押すと音声が流れます。

第4回の講座動画から、基本操作を抜粋・再編集しています。

YOUR LEARNING JOURNEY

基礎から、表現へ。
ひとつずつ、できることが増える。

21LESSONS

全21本・約9時間(Photoshop編を含む)

01

SECTION 01–08

まずは、基本を自分のものに。

画面の見方から、図形・色・文字・画像の扱い方まで。Illustratorの土台をつくります。

01Illustratorの基本知識と環境設定
  • オープニング(自己紹介と実績紹介)
  • IllustratorとPhotoshopの違い
  • RGBとCMYKの違い
  • 環境設定を整える
02Illustratorのキホンのキ
  • Illustratorの画面構成
  • ツールバーの基本操作
  • 選択ツールとダイレクト選択ツール
  • 図形ツールとパスファインダー
  • 絶対に覚えておきたいショートカットキー
03色の使い方とグラデーションの基礎
  • 塗りと線の基本操作をマスターしよう
  • スウォッチパネルとグローバルカラー
  • グラデーションの作り方
  • プチ課題:青空と夕方のグラデーションを作ってみよう
04ペンツールでシンプルなイラスト制作
  • 直線と曲線の描き方
  • アンカーポイントとハンドルの理解
  • なめらかな曲線を描くためのコツ
  • 手書き風ふき出しの描き方
  • プチ課題:雲とお魚を描いてみよう
05文字ツールとタイポグラフィーの基礎
  • 文字ツールの復習
  • ポイント文字とエリア文字の違い
  • フォント選びのコツと考え方
  • 1文字ずつ触る:文字タッチツールとアウトライン
  • 実践編:文字組みで情報整理してみよう
06オブジェクト整理術〜グループ化・整列・レイヤー〜
  • グループ化で作業効率アップ
  • レイヤーの概念とレイヤーパネルの活用
  • 実践:ポスター制作でレイヤーを使い分ける
  • 整列パネルの使い方
  • 均等に並べたい!そんなときは
  • プチ課題:目玉焼きとキャンプのイラストを整理してみよう
07パスファインダーの基礎と活用
  • パスファインダーってなに?
  • よく使うパスファインダー操作
  • プチ課題:シンプルなイラストをつくってみよう
08画像の配置とクリッピングマスク
  • 画像を配置する方法と「リンク/埋め込み」の違い
  • 解像度と拡大縮小の注意点
  • クリッピングマスクの基本操作
  • プチ課題:美味しそうなローストチキンのアイキャッチバナーを作ってみよう
02

SECTION 09–11

+αで、写真の扱い方も。

おまけの学びとして、Photoshopの基礎も収録。写真の色調整・切り抜きから、合成したビジュアルづくりまで体験できます。

09Photoshopのキホンのキ
  • Photoshopでのレイヤーの考え方
  • Photoshopの画面構成と見方
  • 基本ツールの使い方
  • jpgとpngの違い
10よくある写真調整の実践編
  • 調整レイヤーの説明と使い方
  • トーンカーブと色相・彩度のコツ
  • ブラシとマスクの理解を深める
  • 人物写真の切り抜き方
  • プチ課題:料理の写真をレタッチしてみよう
11【課題】Photoshopで魅せる、空気感のあるビジュアルデザイン
  • 素材の読み込みと配置
  • キャッチコピーとレイアウトの調整
  • 「奥行き感」をつくるためのぼかし処理
  • 光素材と水しぶきで“キラキラ感と躍動感”を強調
  • 最後の仕上げと書き出し
03

SECTION 12–18

「作れる」から「伝わる」へ。

文字組み、バナー、地図、表、アピアランス。仕上がりの質を高める実践テクニックを学びます。

12レイアウトの中で文字を活かす!実践・デザイン文字組み術
  • ジャンプ率や階層構造を意識した文字組み
  • レイアウト・余白・文字の関係性
  • 写真の上に文字を置くときの考え方
  • 文字とあしらいの関係性と実践的な文字組術
13【課題】WEBバナー広告を作ってみよう(前半)
  • 「バナーデザインの進め方」PDF資料の説明
  • Photoshopでの人物切り抜き
  • Illustratorでの実制作:ざっくり要素を配置し、全体のレイアウトを作る
  • 文字組や細部の調整
14【課題】WEBバナー広告を作ってみよう(後半)
  • 背景や配色の処理とあしらいの追加
  • 整列や文字詰めの最終調整と検証
  • 完成してからが勝負!細部の調整でさらなるブラッシュアップ
15誰でもできる!シンプルな地図デザイン
  • レイヤーの用意とGoogleマップのトレース準備
  • ペンツールで道路や駅・川を描く
  • 国道マークとピンの作り方
  • テキストの入力と注意点
  • 全体の仕上げと配色
16パッと見で伝わる!センスの良い表のデザイン
  • 「オブジェクト→パス→グリッドに分割」を活用する
  • 「クリニックの営業日表」デザインの実践
  • 整列を一瞬で!便利なアクション機能のご紹介
  • 「サービス比較表」デザインの実践
17デザインにメリハリと引き出しを!アピアランスを学ぶ
  • アピアランスとは?アピアランスの基本と魅力を知る
  • アピアランスパネルの使い方
  • プチ課題:シンプルな袋文字をつくってみよう
  • プチ課題:シンプルな袋文字をつくってみよう(応用編)
  • グラフィックスタイル登録
18アピアランスで広がる表現力!現場で使える応用テク
  • アピアランス文字の注意点
  • さまざまなアピアランス文字のご紹介
  • プチ課題:アピアランス文字をつくってみよう
04

SECTION 19–21

完成から、届けるところまで。

ショップカードを制作し、画像の書き出しや印刷用データの準備まで仕上げます。

19【課題】ショップカードを作ってみよう(前半)
  • 配布データの紹介と説明
  • Illustratorでの実制作:オモテ面のデザイン
20【課題】ショップカードを作ってみよう(後半)
  • Illustratorでの実制作:ウラ面のデザイン
  • 周辺地図を加えて調整する
  • 細部の調整とブラッシュアップ
21デザイン完成後の“あと一歩”(書き出し方法や入稿データ作成)
  • 失敗しないための入稿データづくり
  • 画像の書き出し方法
  • 本講座のまとめと、明日からできること
  • 最後まで受講いただいたみなさまへ
受講特典:講座の作例デザインデータと各種資料

SPECIAL BONUS

見て、つくって、見比べる。
学びを深める、データ付き。

講座内で制作したデザインデータや資料をダウンロード。自分の制作物と見比べれば、文字の間隔や余白、細部の調整にも気づけます。

  • 講座内の作例デザインデータ
  • 制作に役立つ各種資料
  • 繰り返し見返せる動画教材

LEARNER VOICES

受講した方の、リアルな声。

講座を楽しんだ方の感想を、Xの投稿からご紹介します。

BEFORE YOU START

よくあるご質問

はじめる前の、気になること。

Q.まったくの初心者でも受講できますか?

はい。Illustratorを初めて開く方に向けて、画面の見方、図形・色・文字の基本操作から順に学べる構成です。初めての方はSECTION 01から、自己流を整理したい方は気になる章を繰り返し見ながら進められます。

Q.Illustratorだけでなく、Photoshopも学べますか?

はい。メインはIllustratorですが、プラスαの学びとしてPhotoshopの基礎も収録しています。写真の色調整や切り抜きから、合成を使ったビジュアル制作まで体験できます。

Q.視聴期限はありますか?

学習期間の制限はありません。全21本・約9時間の動画を、自分のペースで視聴できます。制作で迷ったときも、必要なレッスンを見返せます。

Q.教材のデータはもらえますか?

はい。講座内で制作した作例のデザインデータや資料をダウンロードできます。自分の制作物と見比べながら、レイアウトや細部の仕上げを確認できます。

Q.受講前に何を用意すればよいですか?

動画を視聴できるインターネット環境をご用意ください。一緒に手を動かすには、Illustratorが動作するパソコンと、ソフトを利用できる環境が必要です。Photoshop編も実際に操作する場合は、Photoshopもご用意ください。ソフトの利用条件や対応環境はAdobe公式サイトでご確認ください。

Q.キャンセル・返金の条件は?

お申し込み前に、特定商取引法に基づく表記(新しいタブ)と購入画面の条件をご確認ください。ご不明な点は、購入前に公式LINE(新しいタブ)へお問い合わせください。

LET'S START CREATING

つくってみたい。その一歩を、今日から。

先生の画面を見ながら、ひとつずつ。
一緒に、つくる楽しさを見つけましょう。

初心者向けIllustratorオンライン動画講座

無期限視聴OK / 買い切り

¥19,800(税込)

  • 全21本・約9時間の動画教材
  • 視聴期限なし
  • 作例デザインデータ・各種資料付き
  • おまけにPhotoshopの基礎も学べる
特定商取引法に基づく表記・キャンセル条件