【Illustrator】キャラクターに簡単に白枠を付ける

スポンサーリンク
PC創作
マイケル
マイケル
どうもみなさんこんばんは!
マイケルです!
エレキベア
エレキベア
おひさクマ〜〜〜
マイケル
マイケル
今回はIllustratorでキャラクターに白枠をつける、ということで
どういうことかと言いますと・・・
マイケル
マイケル
例えばこちらのゲーム画面の会話シーン・・・
スクリーンショット 2020 06 21 22 49 39
マイケル
マイケル
キャラクターが背景と被ってはっきりしないですよね・・・
エレキベア
エレキベア
闇に溶け込んでてわかりにくいクマ
スクリーンショット 2020 06 21 22 49 47
マイケル
マイケル
なので今回はこんな感じで、Illustratorで描いたキャラクターに
白枠を付ける方法について紹介するよ!
エレキベア
エレキベア
これならわかりやすいクマ〜〜〜〜
マイケル
マイケル
パワポケとかはこんな感じで全キャラクターに付けてるね
ではさっそくやってみよう!
スポンサーリンク

キャラクターに白枠をつける

マイケル
マイケル
白枠を付ける方法は簡単で、こちらの3ステップ!


1. オブジェクトを複製する
2. オブジェクトを一つに合体する
3. パスを白い枠線にする

エレキベア
エレキベア
これならできそうクマ

オブジェクトを複製する

マイケル
マイケル
まずは白枠を付けたいキャラクターをIllustratorで描いて用意しましょう!
スクリーンショット 2020 06 21 22 30 35
スクリーンショット 2020 06 21 22 31 34
マイケル
マイケル
枠線を付けたかどうか分かりやすいように
背景に色付きの長方形を敷いています!
エレキベア
エレキベア
(これはカラスなのクマ・・?)
マイケル
マイケル
そして枠線を付ける用にオブジェクトを複製します!
Cmd+C -> Cmd+F (WindowsではCtrlキー)
のショートカットで同じ位置に複製できます!
スクリーンショット 2020 06 21 22 41 31
マイケル
マイケル
複製したら元のオブジェクトは一旦
非表示にしてロックします!

オブジェクトを一つに合体する

マイケル
マイケル
次に枠線用のキャラクターを一つのオブジェクトに結合します!
スクリーンショット 2020 06 21 22 42 17
マイケル
マイケル
パスファインダーパネルより
「合体」を選択しましょう!
スクリーンショット 2020 06 21 22 42 53
マイケル
マイケル
そうすると、上記画像のように
オブジェクトが結合されてパスも一つになると思います!
エレキベア
エレキベア
真っ黒になったクマ〜〜

パスを白い枠線にする

マイケル
マイケル
ここまできたらあとはオブジェクトの枠線を白くて太い線にするだけ!
スクリーンショット 2020 06 21 22 43 31


塗り潰し:なし
線:白 15px

マイケル
マイケル
例ですがこんな感じで設定すると白い枠線だけの状態になります!
スクリーンショット 2020 06 21 22 44 38
スクリーンショット 2020 06 21 22 44 47
マイケル
マイケル
あとは元のオブジェクトを表示してあげたら完成!
エレキベア
エレキベア
見やすくなったクマ〜〜〜!!
スポンサーリンク

おわりに

マイケル
マイケル
というわけで今回はIllustratorでの白い枠線の付け方でした!
エレキベア
エレキベア
めっちゃ簡単だったクマ〜〜
マイケル
マイケル
よく使う機能だと思うので是非おぼえておきましょう!
それではアデュー!!
ゴロヤン
ゴロヤン
ゴロ〜〜〜〜〜
エレキベア
エレキベア
(急に出てくるなよクマ・・・)

【Illustrator】キャラクターに簡単に白枠を付ける 〜完〜

コメント