【Illustrator】塗りと線の使い方を徹底解説【脱イラレ初心者】

Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

当記事はIllustratorイラストレーター）のオブジェクトの「塗り」と「線」について解説します。
イラレの塗りと線に関する基礎知識をマスターしましょう！

今回の講座で使う主な機能、ツール類

塗り、線、カラーパネル

この記事の目次

オブジェクトを「選択」して色を変更

Illustratorを導入しましょう

当記事の内容を実践するにはIllustratorが必須です。
未導入の方はIllustrator公式サイトからダウンロードしておきましょう。（7日間の無料体験が可能）
なお、AdobeCCのプランはコチラの記事で徹底解説しています。

Illustratorの色の設定は塗りと線に分かれています。
各種オブジェクトに色を設定する際の前提条件として、色の設定を行うオブジェクトを [ 選択ツール(V) ] を使って選択しておきます。

※対象オブジェクトを選択していない状態で色の設定を行ってもオブジェクトの色は変わらないので注意！

オブジェクトの「塗り」を設定する

対象オブジェクトを選択ツールで選択
ツールボックスの [ 塗り ] をアクティブに
カラーパネルやスウォッチ等から色を設定

オブジェクトの「線」を設定する

Illustrator（イラストレーター）の線色や線幅の設定方法について解説します。
まだIllustratorを導入されていない方はIllustrator公式サイトからダウンロードしておきましょう。

線の色を設定

対象オブジェクトを選択ツールで選択
ツールボックスの [ 線 ] をアクティブに
カラーパネルやスウォッチ等から色を設定

塗りと同様に、ツールパネルの線をダブルクリックでカラーピッカーが表示されますので、カラーピッカーから色の設定が可能です。

線を無しにする

白地に赤の斜線のアイコンをクリックすると塗りまたは線の設定を「なし」にできます。
線だけ、塗りだけ、または塗りと線の両方を「なし」にすることがきます。

試しに色々と塗ってみましょう

オブジェクトを作って色の設定を試してみましょう。

右下の三角形はグラデーションツールを使っています。
詳しい使い方は下記で紹介しています。

【Illustrator】グラデーションツールの使い方を極める

塗りと線を入れ替える

塗りと線の切替は [ X ] を押すと行えます。
なお、オブジェクトを選択した状態で [ Shift + X ] を押すと、対象オブジェクトの塗りと線の設定が入れ替わります。
ちょくちょく使うので覚えておくと便利なショートカットですよ。

線幅の設定

「線」のパネルで線の太さや形状を設定できます。
デフォルトでは「1pt」の線幅が設定されています。

対象オブジェクトを [ 選択ツール(V) ] で選択します。
[ 線 ] パネルの [ 線幅 ] の数値を変更。
（0~1000ポイントまで設定可能）

アピアランスを使った凝った線は下記で紹介！【Illustrator】アピアランスを使った線の設定やデザインを詳しく解説

ワンランク上のテンプレート素材

Illustratorのスキルアップをする上で、プロが作成した生データを研究する事は重要です。

下記記事でプロが作成した高品質で汎用性の高いテンプレート素材を紹介しています。
全て商用利用可能、テキストや画像を変えるだけでプロの品質が出せます。

制作の手間を劇的に軽減するだけでなく、スキルアップの教材としても活用できますよ！

AI形式で作られた高品質なフライヤーのテンプレート50選です。画像と文字を差し替えるだけ、超短時間でハイクオリティなフライヤーが作成可能！
様々なフライヤーのテンプレート50選

デザイン制作を学ぶ導入編としてオススメの名刺デザイン。
想像だけで作るとイマイチになりがちですが、良質なテンプレートを元に作るだけで吸収できる情報の質が段違い！
相手に舐められない名刺テンプレート50選

例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートでレイアウトや余白、文字サイズを簡単に研究可能。内定獲得の可能性が格段にアップします！
厳選！ポートフォリオ用テンプレート40選

ロゴ作成とIllustratorの相性は抜群！
ロゴ制作の効率化だけでなく、アイディアやデータの作り方を学習・研究するための良質な教材だらけですよ。
ハイクオリティなロゴテンプレート50選

単なる白黒のテキストを高品質なロゴのようなグラフィックにできるエフェクトです。
ロゴ・見出しなどキャッチなオリジナルタイトルを一瞬で作成できる優秀な素材ばかり！
商用利用が可能で高品質なテキストエフェクト50選

継ぎ目が無い高品質な背景素材50選です。
全て商用利用OK！作品の密度を一気に高める事ができる汎用性の高い素材ばかりです。
商用利用できる高品質なシームレス背景パターン58選

良質な素材をもっと見る

上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください！

クリエイティブ業務で使える優良素材まとめ

【最強素材サイト】Adobe Stockのテンプレートがチート級に便利な件について

おわりに

以上、Illustrator（イラストレーター）の塗りと線についてでした。

Illustratorのオブジェクトは「塗り」と「線」で構成されています。
塗りだけ、線だけ、塗りと線の両方、色に線の太さ、少しの違いで表現がガラリと変わります。
色々と制作をして、どんな表現ができるか実験をしてみると楽しいですよ。

ではまた！

InDesignは活用されていますか？

Illustratorだけでなく、InDesign（インデザイン）も活用されているでしょうか？
ポートフォリオ制作はイラレよりInDesignの方が効率的に作成できます。
まだInDesignを導入されていない方はAdobe公式サイトから入手できます。
高品質で商用利用可能なポートフォリオテンプレート40選はコチラ！

Illustratorの操作方法

イラレ基本操作