カテゴリ
パソコン関連のお得情報
＜Illustrator入門講座・準備編～ゼロイラ！～＞1-1.Adobe Illustratorの特徴とインストール方法
ごんAdobe Illustrator（アドビイラストレーター）は「イラレ」とも呼ばれていて、ロゴの作成、イラストを描くこと、Webデザインなど、色々な場面で役立つデザインソフトです。実際に私も、このソフトを使って色々なものを作っています。
Illustratorで作った作品
ゼロから始めるIllustrator
通称「ゼロイラ！」は、
Illustratorを使ってデザインを始めたいけれど
少し難しそうと感じている方に向けたシリーズです
ごん「ゼロイラ！」では、実際に、独学でIllustratorを学んだ私が、Illustratorの使い方について解説します
この記事では、Illustratorの特徴から、インストール方法、そして初期設定までを、初心者の方でも理解できるように説明していきます。この記事を読むことで、Illustratorをスムーズに使い始めることができるはずです。
悩む人デザインソフトの導入って、なんだか難しそう…
ごん大丈夫、この記事を読めば、Illustratorの導入方法をしっかり学べます！
この記事で解決する
悩みごとはこちら
- Illustratorってどんなソフト？
- Illustratorのインストール方法を知りたい
ゼロイラ!で学んだ
未来のあなたは…
Illustratorを使いこなし、Illustratorを使いこなし、自由自在にデザインができるようになる
名刺やポスター、ウェブ素材など、様々なデザインを作り上げる力が身につく
「自分にもこんなデザインができるんだ！」と驚くような作品を制作できるようになる
目次
このブログのライターの紹介
イラストの販売、チラシやロゴ、パンフレットのデザイン作成や、Illustratorの講師業など「イラレをとても良く使うサイドビジネス」をしています。
また、Adobe Illustratorをメインに、Photoshop・InDesign・Microsoftofficeツールなど、さまざまなパソコンソフトについての情報を発信しています。
＜補足＞ゼロイラ！の使い方
他の講座への移動について
各ページの右上にあるゼロイラを展開すると、各章へのリンクが表示されます
毎週更新されるので、まだリンクが張られていない項目もあります
各用語の補足説明について
パソコンに不慣れな方のために、各用語の解説も用意しています。
文字の右上に[1]のように青字で記載されている場合は、クリックすると解説を確認できます。
解説を確認し、元の位置に戻りたい場合は矢印をクリックしてください
WindowsとMacどちらにも対応
Windowsの場合
Macの場合
可能な限りWindows PCとMacPCで情報をお伝えします。
それぞれ方法が異なる場合は上記のアイコンが目印です。
ポイントやもっと効率よくしたい方へのメッセージ
ワンポイント
アドバイス
効率アップ
豆知識
パソコン初心者の方向けのアドバイス
パソコン上級者向けのアドバイス
このアイコンが表示されているところは、Illustratorには直接関係なくても、パソコン操作として知っておくと便利な知識が記載されています。ワンポイントアドバイスはパソコン初心者の方でも役に立つ情報になっているので、ぜひ目を通してみてください。
ごんそれではここからは、＜Illustrator入門講座・準備編～ゼロイラ！～＞ 1-1.Adobe Illustratorの特徴とインストール方法について学んでいきましょう！
Illustratorってどんなソフト？ソフトの概要と活用シーン
ごんまずはIllustratorというソフト1について、基本的な情報をご紹介します。
アドビ イラストレーター
Adobe Illustrator = Illustrator
Adobe：ソフトウェアメーカー
Illustrator：ソフトウェアの名前
略して「イラレ」と呼ばれることも
Illustratorはドロー系ソフト
Illustratorは、主にベクターデータでオブジェクト2を作成する「ドロー系ソフト」と呼ばれるソフトウェアです。
Illustratorにおける「オブジェクト」とは、図形やイラスト、テキストなど、データ内に配置する要素を指します。
悩む人ベクター？ドロー系ソフトってどんなものかよくわからないな
ごんご安心ください、ここではドロー系ソフトの特徴についてわかりやすく解説していきます
ドロー系ソフトとペイント系ソフトとの違い
Adobeソフトの「Illustrator」と「Photoshop」は、それぞれ異なる特徴を持つソフトです。
ドロー系ソフト
イラストレーター
Illustrator
・ ベクターデータを扱う
ペイント系ソフト
フォトショップ
Photoshop
・ 主に画像データを扱う
| ソフト | 種類 | データ形式 | 得意なこと |
|---|---|---|---|
| Illustrator | ドロー系 | ベクターデータ | ロゴ、イラスト、アイコン作成、印刷物やWeb用のグラフィックデザイン |
| Photoshop | ペイント系 | ラスターデータ | 写真編集、画像加工、Webデザイン、デジタルペイント |
ごんソフトによって得意なことが違うんですね
悩む人でも「ベクターデータ」と「ラスターデータ」ってなんだろう？
ベクターデータとラスターデータの違い
ベクターデータは、点や線、面といった図形を数値で表したものです。これらのデータは、拡大や縮小をしても画像がぼやけることがありません。なぜなら、数値データに基づいて図形が再計算されるからです。
一方、ラスターデータは、色がついた小さな四角形（ピクセル3）をたくさん並べて画像を表現します。写真やイラストなどの画像データは、ラスターデータで表現されることが多いです。ラスターデータは、拡大すると画像がぼやけたり、画質が粗くなったりします。これは、画像がピクセルの集まりであるため、拡大するとピクセルが目立ってしまうからです。
| 比較項目 | ベクターデータ | ラスターデータ |
|---|---|---|
| 表現方法 | 図形（点、線、面） | ピクセル（色のついた四角形） |
| データの性質 | 数値データ | 画像データ |
| 拡大・縮小 | 画質が劣化しない | 画質が劣化する |
| 得意分野 | 図形、イラスト | 写真、画像 |
| ファイル形式 | SVG、EPS、AI | JPEG、PNG、GIF |
| データ構造 | オブジェクトの座標と属性 | ピクセルの色情報 |
| 解像度 | 解像度に依存しない | 解像度に依存する |
| データ容量 | 小さい傾向 | 大きい傾向 |
| 編集 | オブジェクト単位での編集が容易 | ピクセル単位での編集になるため複雑 |
| 使用用途 | 地図、ロゴ、イラスト | 写真、画像、スキャンデータ |
| 主なソフト | Illustrator | Photoshop |
ベクターデータを扱うIllustratorの得意なこと
ベクターデータは、拡大縮小しても画質が劣化しない点が最大のメリットです。
そのため、ベクターデータはこれらの用途で幅広く使われています。
- ロゴデザイン
- アイコン作成
- イラスト
- 印刷物
- Webグラフィック
例えば、会社のロゴやWebサイトで使用するアイコンなど、様々なシーンで活用できます。
ごんベクターデータってすごく便利だね！
ベクターデータのメリットを理解することで、Illustratorの利用価値を最大限に引き出せます。
Illustratorの導入方法と手順
ごんここからは、Illustratorをインストール4する方法と、現在のパソコンにIllustratorがインストールされているかを確認してみましょう。
Illustratorのインストール方法
悩む人どこからインストールすればいいのかいつも迷うんだよね
ごん実際に、公式サイトへのアクセスから、インストールの手順を解説します！
STEP
Adobe公式サイトにアクセス
＼まずはここから ／
STEP
右上のログインボタンをクリック
STEP
Adobe IDでログイン
STEP
ページ左の「アプリ」をクリック
STEP
Illustratorの表示を確認
デスクトップで開くと表示されている場合
ごんすでにお使いのパソコンにインストールされているので、このボタンを押すとIllustratorが立ち上がります。STEP6以降はスキップでOKです。
インストールと表示されている場合
ごんインストールと表示されていた場合は、お使いのパソコンにインストールされていないので、STEP6に進んでください
STEP
インストールを押すとCreative Cloud デスクトップアプリを開くか質問される
ごんCreative Cloud デスクトップアプリを開くを選択します
STEP
Creative Cloud デスクトップアプリでインストール状況を確認
ごんインストール手順は意外と簡単だね
Illustratorの立ち上げ方
ごんインストールが完了したら、早速Illustratorを起動しましょう
WindowsでIllustratorを立ち上げる5方法
Windowsの場合
Illustratorを立ち上げる方法
STEP
Windowsアイコンからすべてを選択
STEP
Aの欄にあるAdobeIllustratorを選択して立ち上げる
ワンポイント
アドバイス
Illustratorをこれからよく使うってときは、タスクバー6にピン止めしておくと便利だよ
- Illustratorを立ち上げている状態で、タスクバーのAiアイコンを右クリック
- 「タスクバーにピン留めする」を選択
- 次回からタスクバーに登録されたイラレアイコンをクリックするだけで起動完了
MacでIllustratorを立ち上げる方法
Macの場合
Illustratorを立ち上げる方法
STEP
Finderを開きます
STEP
アプリケーションの中のAdobe Illustratorを開きます
ワンポイント
アドバイス
Illustratorをこれからよく使うってときは、Dock7に固定しておくと便利だよ
- Illustratorを立ち上げている状態で、アイコンをドラッグ
- 今表示されている場所より上、または左のラインの位置まで移動
- 次回から「Dock」に固定されます
効率アップ豆知識
ちなみに、WindowsでもMacでも「ランチャーアプリ8」を使えば
もっと早くイラレを立ち上げることができるよ
Windowsなら「Microsoft PowerToys」が入っていればAlt+spaceで起動
Macならデフォルトの「Spotlight」というソフトが⌘+spaceで起動
ごん私のおすすめは、MacならAlfred（有料ソフト）かRaycast（無料ソフト）、Windowsなら無料で使えるWoxとEverythingの掛け合わせです。
Illustratorでの作業を快適にする環境設定について
ごん次に、Illustratorの環境設定について、簡単な紹介をしますが、いますぐ全てを覚える必要はないです！小難しいことはスキップというかたは次のゼロイラ1-2へ進んでも大丈夫です
環境設定ってそもそもなに？
Illustratorの環境設定
ll
自分が作業しやすい空間を作る
例えば…
絵具を使って絵を描くときは、
筆や色を使いやすいように準備しますよね
ごんIllustratorの環境設定も同じです
快適に作業できるような環境を設定する、「下準備」の一部です
実際にIllustratorを触りながら環境設定を開こう！
ごんではここから、実際にIllustratorの環境設定の開き方を見ていきましょう
WindowsでIllustratorの環境設定を開く方法
MacでIllustratorの環境設定を開く方法
Macの場合
上部のメニューから、Illustrator→設定→一般を選ぶと環境設定が開きます。
ショートカットキーは ⌘＋K です。
よく使う環境設定の紹介
環境設定では、一般的な設定から単位の設定まで、さまざまな項目を変更することができます。
ご自分の作業スタイルに合わせて設定を調整することで、Illustratorはぐっと使いやすくなります。
悩む人環境設定ってたくさんあって、どれから設定すればいいかわからない
ごん実際に、少しずつ調整していくのがおすすめです
環境設定では、主に次のような内容を調整できます。
ごん今は、全部を覚えなくても大丈夫です。
よく分からないなと思ったら、先に進んでしまってOKです。
「こんな設定があるんだな」と頭のすみに置いておいて、
あとから「もっと使いやすくしたいな」と思ったときに、また読みに来てくださいね。
一般タブ：キー入力の設定
キー増加とは、キーボードの矢印キーを押したときに、オブジェクトがどれくらい動くかを決める設定です。
初期設定では、キー増加は「1px」になっています。
この状態でキーボードの矢印キーでオブジェクトを移動すると、オブジェクトは少しずつ移動します。
ごんこれは少し補足のお話なので、今はピンとこなくても問題ありません。今後の記事で、実際にオブジェクトを動かしながら説明していくので、操作に慣れてきたときに、なんとなく分かれば大丈夫です。
試しにこの数値を「30px」に変更すると、
矢印キーを押したときに、「1px」のときの30倍大きく移動します。
また、Shiftキーを押しながら移動すると、設定した数値の10倍の距離で移動します。
例えば、
・キー増加：1px → Shift＋矢印キーで10px
・キー増加：30px → Shift＋矢印キーで300px
となります。
ごん細かい調整がしやすいように、私は「1px」のままで使用します。
テキストタブ：サイズ/行送りの設定
ここでは、
・文字サイズ
・行送り
を変更するときに、何ポイントずつ増減するかを設定できます。
例えば、文字サイズを変更したときに、
1ptずつ増えるようにするか、2ptずつ増えるようにするか、といった調整です。
ごんこの設定は好みで問題ありません。
私は細かく調整しやすいように「1pt」に設定しています。
単位タブ：各単位の設定
ここでは、サイズや長さの表示単位を設定できます。
作成するものに合わせて、
・印刷物なら「ミリメートル」
・Web用素材なら「ピクセル」
にしておくと作業がしやすくなります。
ごん単位は後から変更することもできるので、
作成物に合わせて、もし単位を変更したくなったら、その都度調整していきましょう。
ガイドの設定
ガイドは、作業の目安として表示される補助線のことです。
レイアウトを整えるときによく使います。
デフォルトでは、ガイドの色が蛍光の水色になっており、
背景色によっては見づらいと感じることがあります。
その場合は、自分が見やすい色に変更するのがおすすめです。
ごん私は普段、ガイドの色を「グリーン」に設定しています。
よく使う環境設定まとめ
今回紹介した設定項目をまとめると、次のようになります。
| 設定項目 | 内容 |
|---|---|
| 一般：キー増加 | 矢印キーで動く距離を設定 |
| テキスト：サイズ/行送り | 文字サイズ・行送りの増減単位 |
| 単位 | ミリメートル／ピクセルなどの表示単位 |
| ガイド | ガイドの色や表示方法 |
これらの設定は、自分の作業スタイルに合わせて少しずつ調整していくものです。
最初から完璧に決める必要はありません。
- キー入力: 1px
- テキストサイズ: 1pt
- ガイドカラー: グリーン
これらの設定は、あくまでも一例です。
ご自身の作業スタイルに合わせて、色々試してみてください。
悩む人環境設定って難しそうと思っていたけど、意外と簡単そう
ごん環境設定は、Illustratorを使う上での土台作りなんです
環境設定を見直して、快適なデザイン環境を整えましょう。
今回の課題
ごんそれでは、今回の学習内容を元に課題をひとつ出します。
・環境設定を開く
・ガイドの色を、自分が見やすい色に変更する
ごんまずはここまでできればOKです。
次回予告と今回の記事のまとめ
次回予告：1-2/チャレンジ記事について
ごん次回は、やってもやらなくてもOKな「チャレンジ記事」です。
第1章では設定作業が続くため、
ここで一度Illustratorを実際に触りながら、
楽しく「うさぎのイラスト」を作る体験をしてもらえたらと思います。
実際作るウサギのイラスト
このチャレンジ記事は、あくまで「挑戦用」です。
やらなくても、次に進むうえで問題はありません。
ごん自分のペースで、楽しみながら進めてくださいね。
なお、1-1の課題については、チャレンジ記事の次の1-3の記事で一緒に確認していきますのでご安心ください。
まとめ
この記事では、Illustratorの特徴からインストール方法、環境設定までを解説しました。
- Illustratorはドロー系ソフトで、ベクターデータで作成する
- ベクターデータは拡大・縮小しても画質が劣化しない
- IllustratorはAdobe公式サイトから簡単にインストールできる
- 自分好みに環境設定をカスタマイズすることで、作業効率がアップする
驚く人Illustratorの基本がわかって、なんだかワクワクしてきた！
ごん次は、簡単なうさぎのイラストを一緒に作ってみましょう！
注釈一覧
- ソフトとは：
「ソフトウェア（software）」の略称で、コンピューター上で動作するプログラムのことを指します。
Adobe Illustratorのようなデザインツールもソフトの一種で、デジタル上でイラストや図形を作成・編集するために使用されます。 ↩︎ - オブジェクトとは：
Adobe Illustratorにおける「オブジェクト」とは、図形や文字、画像など、キャンバス上に配置できる要素の総称です。
これらのオブジェクトは移動・拡大縮小・編集が可能で、デザインの基本となる要素です。 ↩︎ - ピクセルとは：
ピクセルとは、画面や画像を作っている一番小さな点のことです。写真やイラストは、たくさんの小さな点（ピクセル）が集まってできていて、この数が多いほど、画像は細かくきれいに見えます。 ↩︎ - インストールとは：
パソコンに新しいアプリやソフトを使えるように準備することです。
スマホでアプリを入れるのと同じで、「このアプリをパソコンに住ませる作業」だと思ってください。
インストールが終わると、そのソフトをパソコンで使えるようになります。
※インストールしないと、ダウンロードしただけでは使えないことが多いです。
↩︎ - ソフトを立ち上げるとは：
「ソフトを立ち上げる」とは、パソコンに入っているソフトを起動して、使える状態にすることです。アイコンをクリックして画面が開いたら、ソフトを立ち上げた、という意味になります。 ↩︎ - タスクバー(Windows)とは：
タスクバーとは、画面の下に表示されるバーで、起動しているアプリや、よく使うアプリをすぐに切り替えるための場所です。ここを見れば、今どんな作業をしているかが分かり、別の作業にもすぐ移れます。ピン留めすることで、タスクバーからアプリを起動することもできます。
↩︎ - Dock(Mac)とは：
Dockとは、Macでよく使うアプリを固定したり、今起動しているアプリを確認・切り替えしたりするためのバーです。固定していないアプリでも、起動中はDockに表示されます。
↩︎ - ランチャーアプリとは：
ランチャーアプリとは、たくさんあるアプリやファイルを一覧で表示し、すばやく開くためのアプリです。アプリを探す手間を減らし、作業を効率よく進めるために使われます。 ↩︎ - ショートカットキーとは：
ショートカットキーとは、キーボードのキーを組み合わせて操作をすばやく行う方法です。メニューを開いてクリックする代わりに、決まったキーを押すだけで同じ操作ができるため、作業を効率よく進められます。 ↩︎
