Illustrator (イラストレーター) の具体的な使い方の前に、ざっくりとIllustratorの特徴やDTPの基本知識の概要を解説します。
まずIllustratorやDTPの基礎知識を頭の片隅に入れておくと、よりIllustratorの上達に繋がりますよ!
これからイラレを始められる初心者の方にオススメのコンテンツです。
この記事の目次
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/04/illustrator_01_06.jpg)
llustrator には、高度な描画ツール、豊かで自然な表現を可能にするブラシツール、作業時間を短縮する様々な機能が備わっています。
DTPデザイナー、WEBデザイナー、 絵描き、CGデザイナー、プロダクトデザイナー…
様々な職種で使われています。
未導入の方はIllustrator公式サイトからダウンロードしておきましょう。(7日間の無料体験が可能)
なお、AdobeCCのプランはコチラの記事で徹底解説しています。
基礎知識はいいのでイラレの基本操作一式を学びたい方向けの記事です。
Illustratorでよく使う15の機能をピックアップして解説しています。
イラレ初心者の方は左リンクの記事を元にざっくり網羅的に操作方法を学ぶと効率的です。
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/09/eyecatch_1025x588_ai-frequently-used-functions-160x160.jpg)
※DTPとは(Desktop publishing、デスクトップパブリッシング)の略称です。
日本語で卓上出版を意味し、書籍、新聞などの編集に際して行う割り付けなどの作業をパーソナルコンピュータ上で行い、プリンターで出力を行うことです。
DTPソフトウェアは大きく下記のように分類されます。
分類 | ソフトウェア例 | 特徴・用途 |
---|---|---|
ドロー系 |
Illustrator | 拡大・縮小、変形が自由(サイズ、形状を作成した後でも自由に変更が可能) 線画、ロゴ、文字など、はっきりとしたグラフィックを作成するのに適している |
ペイント系 |
Photoshop |
写真やイラスト等の連続諧調の画像に適している |
レイアウトソフト |
InDesign |
写真やイラスト、テキストをレイアウトするためのソフトウェア。 |
当講座ではドロー系に該当するIllustratorについて詳しく解説を行います。
Illustrator(イラストレーター)に代表されるドロー系ソフトウェアは、図形や文字を数学的に記述しているベクター(ベクトル)データです。個々の図形は輪郭線の位置形状、色などを数式で管理している為、拡大や変形を行っても画像が劣化しません。
それに対してPhotoshop(フォトショップ)に代表されるペイント系ソフトウェアは、ピクセルという色の情報を持った点の集合で画像が構成されている為、拡大すると画像が劣化します。
RGBカラー
R(赤)、G(緑)、B(青)の、光の3原色を組み合わせてさまざまな色を表現します。
液晶ディスプレイやスキャナーなどで使用されています。
この3色は混ぜるほど明るい色になり、白に近づいていきます。そのため、「加法混合」「加法混色」とも呼ばれます。
CMYKカラー
C(シアン)M(マゼンタ)Y(黄)K(黒)のそれぞれの頭文字をとっています。データを紙に印刷した場合などに、この三原色が利用されています。
この3色は混ぜるほど暗い色になり、黒に近づいていきます。そのため、「減法混合」「減法混色」とも呼ばれます。しかし、正確には濁った灰色で、純粋な黒色にはなりません。
印刷の時は、このCMYにKを加えた4色(プロセスカラー)を使ってフルカラーを表現しています。
色の再現域について
RGBで作成したデータCMYKに変換すると、色が変わってしまう場合があります。
特に鮮やかな色味は顕著にその影響が見られます。
この図の中で、印刷で表現できる色とモニタで表現できる色の範囲を比べてみると、印刷で表現できる色の範囲はモニタで表現できる範囲に比べて色の再現域が狭い事がわかります。
色再現域の違いがRGBからCMYKへ変換した際に生じる色の変化ですね。
カラーモードについて下記記事で詳しく解説しています。
文字の大きさを指定する場合はポイントや級を、用紙のサイズや図形の大きさを指定する場合は、mmやcmを使用します。
webで扱う画像ではpxで指定するように、様々な単位系が存在します。
それぞれにの用途に合った単位を使い分けて作業します。
DTPについてより深く知識を深めたい方はDTP印刷デザインの基本(玄光社MOOK)がオススメです。
初心者の方にも分かりやすくDTPについて解説されております。
ちょっと調べ事をしたいときに、手元にDTPの専門書が一冊あるだけで役立ちますよ。
作業効率を高める為に必須のキーボードショートカットです。
使い始めの頃はツール一覧を覚えるだけで一苦労だと思います。
慣れてくるとパレットからツール選んで…という操作が面倒くさくなってきます。
そこで下記のショートカットが活躍します。
使用頻度の高そうなショートカットを掲載しております。(クリックで拡大します)
印刷して机の周りに貼っておくと便利ですよ。
操作は全てツールやメニューの切り替えで行うことができます。
全てのショートカットを覚える必要はありませんが、頻繁に使うショートカットを覚えるだけでも作業の効率化に繋がります。
なお下記にイラレのショートカットを全て網羅した記事を掲載しています。
Illustratorのスキルアップをする上で、プロが作成した生データを研究する事は重要です。
下記記事でプロが作成した高品質で汎用性の高いテンプレート素材を紹介しています。
全て商用利用可能、テキストや画像を変えるだけでプロの品質が出せます。
制作の手間を劇的に軽減するだけでなく、スキルアップの教材としても活用できますよ!
様々なフライヤーのテンプレート50選
ロゴ・見出しなどキャッチなオリジナルタイトルを一瞬で作成できる優秀な素材ばかり!
商用利用が可能で高品質なテキストエフェクト50選
下記記事で良質な素材を紹介しております。併せてチェックしてください!
一緒にしがちなIllustratorとPhotoshop、実は全く違ったグラフィックソフトウェアです。
また制作初期段階で設定する必要のあるカラーモードの概念を理解し、作成する制作物にカラーモードを使い分けるようにしましょう。
イラレを未導入の方は最安値でIllustratorを購入する方法をコチラで紹介しております。
おつかれさまでした。
次回から実際にIllustratorを立ち上げて操作を始めてみましょう。
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/04/eyecatch_1025x588ai-operation_screen-160x160.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/adobe_logo_id.png)
ポートフォリオ制作はイラレよりInDesignの方が効率的に作成できます。
まだInDesignを導入されていない方はAdobe公式サイトから入手できます。
高品質で商用利用可能なポートフォリオテンプレート40選はコチラ!
イラレ基本操作
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/12/ai-zero_main_ico_05.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/12/ai-zero_main_ico_03.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/09/ai-zero_main_ico_45.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/12/ai-zero_main_ico_10.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/12/ai-zero_main_ico_08.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/12/ai-zero_main_ico_11.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/12/ai-zero_main_ico_14.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/12/ai-zero_main_ico_20.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/09/ai-zero_main_ico_38.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/09/ai-zero_main_ico_39.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/12/ai-zero_main_ico_17.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/12/ai-zero_main_ico_27.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/12/ai-zero_main_ico_13.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/12/ai-zero_main_ico_23.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/12/ai-zero_main_ico_16.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/12/ai-zero_main_ico_02.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/12/ai-zero_main_ico_09.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/12/ai-zero_main_ico_12.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/08/ai-zero_main_ico_34.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/09/ai-zero_main_ico_42.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/09/ai-zero_main_ico_43.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/09/ai-zero_main_ico_40.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/09/ai-zero_main_ico_41.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/12/ai-zero_main_ico_28.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/08/ai-zero_main_ico_35.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/08/ai-zero_main_ico_32.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/08/ai-zero_main_ico_36.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/12/ai-zero_main_ico_30.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/12/ai-zero_main_ico_21.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/04/ai-zero_main_ico_31.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/09/ai-zero_main_ico_37.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/08/ai-zero_main_ico_33.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/09/ai-zero_main_ico_51.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/09/ai-zero_main_ico_50.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/ai-zero_main_ico_57.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/09/ai-zero_main_ico_49.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/09/ai-zero_main_ico_52.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/ai-zero_main_ico_53.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/ai-zero_main_ico_54.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/ai-zero_main_ico_56.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/ai-zero_main_ico_55.png)
バナーやデザイン関連
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/12/ai-zero_main_ico_ouyou1_07.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/ai-zero_main_ico_ouyou1_19.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/12/ai-zero_main_ico_ouyou1_06.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/ai-zero_main_ico_ouyou1_18.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/09/ai-zero_main_ico_ouyou1_09.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/01/ai-zero_main_ico_ouyou1_12.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/01/ai-zero_main_ico_ouyou1_13.jpg)
絵作り
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/12/ai-zero_main_ico_ouyou1_01.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/12/ai-zero_main_ico_ouyou1_02.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/12/ai-zero_main_ico_ouyou1_03.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/12/ai-zero_main_ico_ouyou1_04.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/12/ai-zero_main_ico_ouyou1_05.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/11/ai-zero_main_ico_ouyou1_10.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/09/ai-zero_main_ico_ouyou1_16.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/09/ai-zero_main_ico_ouyou1_17.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ai-zero_main_ico_ouyou1_33.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/ai-zero_main_ico_ouyou1_14.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ai-zero_main_ico_ouyou1_34.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ai-zero_main_ico_ouyou1_41.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ai-zero_main_ico_ouyou1_42.jpg)
アイコン・ロゴ制作
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/12/ai-zero_main_ico_ouyou1_08.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/01/ai-zero_main_ico_ouyou1_11.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ai-zero_main_ico_ouyou1_28.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/07/ai-zero_main_ico_ouyou1_15.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ai-zero_main_ico_ouyou1_35.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ai-zero_main_ico_ouyou1_37.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ai-zero_main_ico_ouyou1_38.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ai-zero_main_ico_ouyou1_39.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ai-zero_main_ico_ouyou1_40.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ai-zero_main_ico_ouyou1_45.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ai-zero_main_ico_ouyou1_47.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/05/ai-zero_main_ico_ouyou1_48.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/05/ai-zero_main_ico_ouyou1_52.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/05/ai-zero_main_ico_ouyou1_49.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/05/ai-zero_main_ico_ouyou1_50.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/05/ai-zero_main_ico_ouyou1_51.jpg)
追加機能・その他機能
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/09/ai-zero_main_ico_40.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/09/ai-zero_main_ico_40.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ai-zero_main_ico_63.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ai-zero_main_ico_68.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/ai-zero_main_ico_58.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/ai-zero_main_ico_62.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ai-zero_main_ico_66.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ai-zero_main_ico_67.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/11/ai-zero_main_ico_46.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/09/ai-zero_main_ico_48.png)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/12/ai-zero_main_ico_01.png)
ポートフォリオやDTPテンプレート
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ai-zero_main_ico_ouyou1_20.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ai-zero_main_ico_ouyou1_21.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ai-zero_main_ico_ouyou1_32.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ai-zero_main_ico_ouyou1_24.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/05/ai-zero_main_ico_ouyou1_53.jpg)
スウォッチやブラシ素材
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/07/ai-zero_main_ico_ouyou2_02.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ai-zero_main_ico_ouyou1_27.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ai-zero_main_ico_ouyou1_30.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ai-zero_main_ico_ouyou1_25.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ai-zero_main_ico_ouyou1_29.jpg)
テキストをロゴにできるエフェクト
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/07/ai-zero_main_ico_ouyou2_01.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ai-zero_main_ico_ouyou1_26.jpg)
汎用的なデザイン素材や季節素材
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ai-zero_main_ico_ouyou1_31.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ai-zero_main_ico_ouyou1_22.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ai-zero_main_ico_ouyou1_23.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ai-zero_main_ico_ouyou1_43.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ai-zero_main_ico_ouyou1_44.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ai-zero_main_ico_ouyou1_46.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/12/ai-zero_main_ico_01.png)