デザイン向上委員会

Illustratorアピアランスを使ってイラストにアウトラインをつける〜カートゥーン風イラスト〜

こんにちは、emikiです。

今回は、Illustratorのアピアランス機能を使い、
イラストにアクセントをつける方法を紹介します。

操作内容はいたって簡単ですが、知っているのと知らないとでは、
Illustratorにおけるイラスト制作の幅が変わってくるので、
是非知識として習得していただきたいです。

 

アウトラインがある牛とない牛のイラスト

本題に入る前に、問題です。

「A」と「B」2つの牛のイラストがあります。
どちらもIllustratorで作成しました。

さて、2つの牛のイラストの違いは何だか分かりますか?



スポンサーリンク

Illustratorのアピアランス機能を使ってアウトラインをつける

アウトラインがある牛とない牛のイラスト

「A」と「B」2つの牛のイラストの違いは、
イラストの外側を囲むアウトラインの太さです。

「A」の牛は、イラストの線の太さはすべて同じ数値の太さです。

一方「B」の牛はイラストの線の太さ異なります。
イラストの外側に太めのアウトラインをつけています。

デザイン的観点で「A」と「B」どちらの牛のイラストが良いと言うことはありません。
そこは好みの問題です。

しかし、「A」と「B」同じ牛のイラストでも、
アウトラインがあるとないでは、違ったテイストのイラストを表現できます。

私の個人的な感想だと、「A」の牛より「B」の牛の方が、アウトライン効果でイラストにメリハリがあり、全体的にまとまり感がある印象を受けます。
(※それを良しとするか、無しとするかは好みや作風によります。)

イラストにアウトラインをつける方法は、
Illustratorにあるアピアランスの機能を使えば簡単にできてしまいます。

 

Illustratorのアピアランス機能で線のアウトラインをつける方法

まず、ウィンドウから「アピアランス」というパレットを出します。

Illustratorアピアランスパレットの使い方1
アピアランスパレットの右上をクリックすると「新規線を追加」という項目があるので、そちらをクリックします。

 

Illustratorアピアランスパレットの使い方2
アピアランスのレイヤー上に「線」というレイヤーが追加されました。

しかし、この状態だと「線」がレイヤー構造上の一番先頭にきているので、
本来レイヤーの下にあって見えないはずの「線」が上に見えてしまっているため、
イラストが崩れてしまいます。

(↓この図のように・・・)
レイヤー構造を間違えて線が見えてしまっている
なので、
アピアランスレイヤーの「線」はレイヤーの一番下に必ず持ってきてください。

そして、線の数値も任意の太さに変えていきます。
※牛のイラストは、アピアランスの線の太さを6mmに設定しました。

Illustratorアピアランスパレットの使い方3
そうすると、あら簡単!

外側にアウトラインを引いたイラストの完成です!

アピアランス機能で全体のアウトラインを太くした牛のイラストアピアランスの「線」の機能は、
Illustratorの通常の「線」パレットと同じ機能も備わっています。

「線端」「角の形状」「線の位置」の設定を変更できたり、
「破線」の設定ができたり、

アピアランス機能その他設定

 

「プロファイル」で線の種類の設定もできます。

アピアランス機能その他設定
自分の作りたいイラストのテイストに合わせて、ここの辺の設定もいじってみると良いと思います。

 

イラストにアウトラインをつけるとカートゥーン風イラストになる

このように、アウトラインが太くすると、カートゥーン風のイラストを作ることができます。

カートゥーン風イラストとは、アメリカの子供向けに作られたアニメのようなテイストのことです。
有名なところでいうと、「パワーパフガールズ」


このパワーパフガールズのイラストを良く見てみると、キャラクターはそれぞれ太いアウトラインで囲まれており、その中のパーツはアウトラインよりも細い線で形成されています。

私がIllustratorで作った牛のイラストのように。

キャラクターやイラストの縁取りにアウトラインをつけると、
このような「カートゥーン風イラスト」もIllustratorのアピアランス機能を使えば、簡単にできてしまいます。

ぜひ試してみてください!!



スポンサーリンク

関連記事はこちら