
マイケル
どうもみなさんこんばんは!
マイケルです!
マイケルです!

エレキベア
おひさクマ〜〜〜

マイケル
今回はIllustratorでキャラクターに白枠をつける、ということで
どういうことかと言いますと・・・
どういうことかと言いますと・・・

マイケル
例えばこちらのゲーム画面の会話シーン・・・

マイケル
キャラクターが背景と被ってはっきりしないですよね・・・

エレキベア
闇に溶け込んでてわかりにくいクマ

マイケル
なので今回はこんな感じで、Illustratorで描いたキャラクターに
白枠を付ける方法について紹介するよ!
白枠を付ける方法について紹介するよ!

エレキベア
これならわかりやすいクマ〜〜〜〜

マイケル
パワポケとかはこんな感じで全キャラクターに付けてるね
ではさっそくやってみよう!
ではさっそくやってみよう!
キャラクターに白枠をつける

マイケル
白枠を付ける方法は簡単で、こちらの3ステップ!
1. オブジェクトを複製する
2. オブジェクトを一つに合体する
3. パスを白い枠線にする

エレキベア
これならできそうクマ
オブジェクトを複製する

マイケル
まずは白枠を付けたいキャラクターをIllustratorで描いて用意しましょう!

マイケル
枠線を付けたかどうか分かりやすいように
背景に色付きの長方形を敷いています!
背景に色付きの長方形を敷いています!

エレキベア
(これはカラスなのクマ・・?)

マイケル
そして枠線を付ける用にオブジェクトを複製します!
Cmd+C -> Cmd+F (WindowsではCtrlキー)
のショートカットで同じ位置に複製できます!
Cmd+C -> Cmd+F (WindowsではCtrlキー)
のショートカットで同じ位置に複製できます!

マイケル
複製したら元のオブジェクトは一旦
非表示にしてロックします!
非表示にしてロックします!
オブジェクトを一つに合体する

マイケル
次に枠線用のキャラクターを一つのオブジェクトに結合します!

マイケル
パスファインダーパネルより
「合体」を選択しましょう!
「合体」を選択しましょう!

マイケル
そうすると、上記画像のように
オブジェクトが結合されてパスも一つになると思います!
オブジェクトが結合されてパスも一つになると思います!

エレキベア
真っ黒になったクマ〜〜
パスを白い枠線にする

マイケル
ここまできたらあとはオブジェクトの枠線を白くて太い線にするだけ!
塗り潰し:なし
線:白 15px

マイケル
例ですがこんな感じで設定すると白い枠線だけの状態になります!

マイケル
あとは元のオブジェクトを表示してあげたら完成!

エレキベア
見やすくなったクマ〜〜〜!!
おわりに

マイケル
というわけで今回はIllustratorでの白い枠線の付け方でした!

エレキベア
めっちゃ簡単だったクマ〜〜

マイケル
よく使う機能だと思うので是非おぼえておきましょう!
それではアデュー!!
それではアデュー!!

ゴロヤン
ゴロ〜〜〜〜〜

エレキベア
(急に出てくるなよクマ・・・)
【Illustrator】キャラクターに簡単に白枠を付ける 〜完〜