イラストレーター入門講座 - はじめてのWebデザイン | SkillhubAI(スキルハブエーアイ)
ホーム/講座一覧/イラストレーター入門講座 - はじめてのWebデザイン
単品の講座 全13レッスン

イラストレーター入門講座 - はじめてのWebデザイン

こんな方へグラフィックソフトの使用経験がない方

Illustratorの使い方や基本ツール、IllustratorでのWebデザイン方法をアニメーション図解たっぷりの解説します。実際に手を動かしながらできる内容になっています。初心者はぜひやってみてください。

この講座で、できるようになること

  • Adobe Illustratorの概要と基礎
  • Adobe Illustratorの作業画面を理解できる
  • Adobe Illustratorの基本操作がわかる
イラストレーター入門講座 - はじめてのWebデザイン
13レッスン
6できること
単品買い切り
ABOUT

この講座について

イラストレーターのこんなお悩み、ありませんか?

機能がありすぎて
何をすれば良いかわからない

入門書を買ったけれど
読んでもわからなかった

頑張るほど
画面がぐちゃぐちゃに…

もう大丈夫! 今日一日でイラストレーター基本操作をマスターしましょう

~ウンザリしない、必要なことをミニマムに学ぶIllustrator入門~

Webサイトから折込チラシまで、様々なデザインに使われているイラストレーター(Illustrator)。試しにインストールして触ってみた、教本を読んでみた事がある、という方もいらっしゃるでしょう。

しかし、思ったようにツールが探せなかったり、書かれているショートカットを使っても上手く行かなかったり。思ったような図形やレイアウトが出来ずに、ウンザリしてしまった経験ありませんか?

高機能で複雑な表現も出来るイラストレーターですが、実は基本操作はとても簡単。
学習をスタートした、その日のうちに簡単なデザインが作れるようになります。

イラストレーターは基本操作だけでも、仕事に使えるデザインの作成が可能。シンプルなところから始めると、理解しやすく、難しいアレンジにもステップアップしやすいですよ。

Skillhubなら、短時間で実践的な基礎スキルを習得可能!

多くの未経験者をフリーランスWeb制作者としてデビューさせてきた、Skillhubの講座は無駄なくミニマムな内容。その中でも初心者の方向けに、ほんとうに必要な知識だけを厳選しているからこそ、受講したその日に基本操作をマスターすることが出来ます。

本講座には「読んで覚える」内容はありません。

全て、解説と一緒に手を動かして進めることができます。イラストレーターを操作しながら学習することで、知識と技術の両方を短期間で習得することが可能となっています。

基礎・実践の3STEPで「使える」まで導きます

1

イラストレーターのUIをサクッと理解する

llustratorの操作画面は、上にも左右にも色々なツールが用意されています。初めて見る方にとっては分かりにくいですよね。

実は仕事で使っていても、画面にある全メニューを使用するわけではありません。よく使う箇所・どのような機能ごとにまとめられているのかだけ、サクッと理解していれば大丈夫です。

2

良く使うイラストレータの機能を厳選! 操作方法を覚える

llustratorの使い方や基本ツールを、アニメーション図解たっぷりで解説。専門書でありがちなショートカットの多用はありません。どこをクリックして、どんなツールを使うのかまでしっかり解説しています。

完全初心者の方も、使うツールや進行がしっかりと確認できるので迷子になる心配はありません。一緒に、実務でもよく使われているイラストレーターの機能を使ってみましょう。

3

実際にWebサイトのデザインを作成し、技術をしっかり習得

ツールの持つ機能や使い方がわかっても、自分が「作りたい」と思うレイアウトやデザイン作りに活かせなくては意味がありません。学んだ基本操作を、制作技術に昇華させましょう。

本講座では一緒にWebページのレイアウトを作成することで、実際にイラストレーターでお仕事をする感覚を掴んでいただきます。基本となる型ができれば、アレンジでバリエーションも広げやすいですよ。

本講座を終えると、できるようになること

  • イラストレーターの画面構成がわかる
  • 目的にあったツール選択・切り替えを行える
  • 基本操作を一通りマスターすることができる
  • イラストレーターでWebサイトのデザインやレイアウトを作成できるようになる

この講座で学べること

  1. Adobe Illustratorの概要と基礎
  2. Adobe Illustratorの作業画面を理解できる
  3. Adobe Illustratorの基本操作がわかる
  4. Adobe Illustratorで画像やテキストを挿入・編集できる
  5. Webページデザインのための基礎知識がわかる
  6. Adobe IllustratorでWebページのデザインが作れる

こんな方におすすめです

  • グラフィックソフトの使用経験がない方
  • Adobe Illustratorを初めて使う方
  • Webデザインをはじめて学ぶ方
  • 無料で基礎を学びたい方

受講の前に用意するもの

  • WindowsもしくはMacのパソコンがある方
  • パソコンの基本操作ができる方
  • Adobe Illustratorがインストールできる方
CURRICULUM

カリキュラム

全13レッスン 上から順に進めると、最後まで迷わず進めます
  1. 1Illustrator操作画面を知る【イラストレーター入門講座】イラストレーターの操作画面、ワークスペースに表示されるメニューやツールについて知りましょう。最初は大まかな構成と、よく使うところを覚えておけば大丈夫ですよ。
  2. 2Illustratorの基本操作を覚えよう【イラストレーター入門講座】イラストレーターを覚えていくにあたって、最初に覚えたいイラストレーターの基本操作を紹介します。使用する素材もご用意しております。
  3. 3Illustratorの基本操作①図形を描画する【イラストレーター入門講座】イラストレーターを覚えていくにあたって、最初に覚えたいイラストレーターの基本操作を紹介します。今回は四角や円などの図形描画方法です。
  4. 4Illustratorの基本操作②書いた図形を編集する【イラストレーター入門講座】イラストレーターを覚えていくにあたって、最初に覚えたいイラストレーターの基本操作を紹介します。今回は、前回作成した図形(オブジェクト)の移動や編集方法です。
  5. 5Illustratorの基本操作③テキスト追加とエリア内文字【イラストレーター入門講座】イラストレーターを覚えていくにあたって、最初に覚えたいイラストレーターの基本操作を紹介します。今回は文字(テキスト)の入力を行います。
  6. 6Illustratorの基本操作④整列を使ってキレイに配置する【イラストレーター入門講座】イラストレーターを覚えていくにあたって、最初に覚えたいイラストレーターの基本操作を紹介します。今回はパスや文字を簡単かつキレイに配置できる“整列”です。
  7. 7Illustratorの基本操作⑤画像を挿入する【イラストレーター入門講座】イラストレーターを覚えていくにあたって、最初に覚えたいイラストレーターの基本操作を紹介します。今回は画像の挿入・配置方法です。
  8. 8Webページの構成に関する基礎知識【イラストレーター入門講座】イラストレーターでWebデザインを作成する前に、Webページを構成するパートと呼び名、役割を確認しておきましょう。
  9. 9Webデザイン制作①ヘッダーとファーストビュー【イラストレーター入門講座】イラストレーターを使ってWebデザインを作ってみましょう。初心者の方でも簡単に作れますよ。今回は、ヘッダーからファーストビューまでを作ります。
  10. 10Webデザイン制作②アートボードのサイズ変更【イラストレーター入門講座】イラストレーターを使ってWebデザインを作っていると、アートボードの長さが足りなくなるときがあります。今回はその対処方法をご紹介します。
  11. 11Webデザイン制作③コンテンツエリア【イラストレーター入門講座】イラストレーターを使ってWebデザインを作ってみましょう。今回は、メージのメインコンテンツ部分を作成します。
  12. 12Webデザイン制作④サイドバーとフッター【イラストレーター入門講座】イラストレーターを使ってWebデザインを作ってみましょう。今回は、サイドバーとフッターを作り、Webデザインを完成させます。
  13. 13Webデザインから画像を書き出す【イラストレーター入門講座】イラストレーターを使って作られたWebデザインから、コーディングに必要な画像の書き出しを行います。
START

イラストレーター入門講座 - はじめてのWebデザイン

グラフィックソフトの使用経験がない方に向けた、全13レッスンの講座です。上から順に、1つずつ進めてください。

  • Adobe Illustratorの概要と基礎
  • Adobe Illustratorの作業画面を理解できる
  • Adobe Illustratorの基本操作がわかる
  • Adobe Illustratorで画像やテキスト...
この講座を申し込む価格:¥1980