Illustratorで写真トレースを使ったシックな紙袋デザイン2
![紙袋デザイン講座](https://ino-ue.jp/wp/wp-content/themes/ino-ue/images/header/header_design_3.jpg)
![紙袋デザイン講座](https://ino-ue.jp/wp/wp-content/themes/ino-ue/images/header/header_design_sp_3.jpg)
Lesson
14
写真トレースを使ったシックな紙袋 難易度★★★☆☆
![](https://ino-ue.jp/wp/wp-content/uploads/2018/02/92-1.jpg)
-
1
写真をトレース加工してイラストにする
-
2
画像トレースを調整して好みのイラストにする
-
3
イラストから余分なオブジェクトを削除しレイアウトする
-
4
フレームをつけ店名とイラストをグラデーションにする
-
5
画像トレースを使った デザインの アレンジ
Lesson14-02
画像トレースを調整して好みのイラストにする
お店の商品を写真に撮ってイラスト化し、シックなデザインの紙袋を作ります。レッスン14-1では画像をイラストに加工しました。この結果が一発で思い通りになることは稀です。細かく調整していきましょう。ここでは画像トレースの調整方法を解説します。
画像トレースの線の出方を調整する
画像トレースの結果が反映されたら、ここから細かく調整しましょう。矢印の部分をクリックして、「画像トレースパネル」を出します。
![](https://ino-ue.jp/wp/wp-content/themes/ino-ue/images/design_course/trace/96/96-2.png)
「しきい値」のスライダーを左右に動かして、線の出方を変えてみましょう。
![](https://ino-ue.jp/wp/wp-content/themes/ino-ue/images/design_course/trace/96/96-3.png)
しきい値を少なくすると、こんな感じに。
![](https://ino-ue.jp/wp/wp-content/themes/ino-ue/images/design_course/trace/96/96-4.png)
大きくするとこんな感じになります。
![](https://ino-ue.jp/wp/wp-content/themes/ino-ue/images/design_course/trace/96/96-5.png)
しきい値は140にすることにしました。
決定したら「拡張」する
これでOK!となったら「拡張」をクリックします。そうすると、パスとしていじることができるようになります。
ただし、一度拡張すると元には戻せませんのでご注意を。
![](https://ino-ue.jp/wp/wp-content/themes/ino-ue/images/design_course/trace/96/96-6.png)
画像トレースのその他の効果
デフォルトでは上のようなモノクロのイラストになりますが、レッスン14-1の最初にお見せしたように、画像トレースでできるのはモノクロの単純化だけではありません。
「カラーモード」をカラーにすると、カラーのイラストになります。
![](https://ino-ue.jp/wp/wp-content/themes/ino-ue/images/design_course/trace/96/96-7.png)
カラーモードを「グレースケール」にすると、モノクロイラストになります。
![](https://ino-ue.jp/wp/wp-content/themes/ino-ue/images/design_course/trace/96/96-8.png)
「プリセット」で「ラインアート」を選ぶとこのようになります。
![](https://ino-ue.jp/wp/wp-content/themes/ino-ue/images/design_course/trace/96/96-9.png)
![かみちゃん](https://ino-ue.jp/wp/wp-content/themes/ino-ue/images/lesson/lesson_voice.png)
![](https://ino-ue.jp/wp/wp-content/themes/ino-ue/images/lesson/matome_image.png)
思い通りの結果が出ないときは?
黒く潰れてしまう、輪郭が出ないという場合もあります。画像トレースは元の写真に依存するので、うまくいかない時は写真自体をいじる必要があります。簡単な画像ビューアーでも、明るさやコントラストが変えられるソフトがあるので、写真を加工してみましょう。画像加工ができない、どうしても上手くいかないときはその写真は諦めて他の写真を使いましょう。
Lesson
14
写真トレースを使ったシックな紙袋 難易度★★★☆☆
![](https://ino-ue.jp/wp/wp-content/uploads/2018/02/92-1.jpg)
-
1
写真をトレース加工してイラストにする
-
2
画像トレースを調整して好みのイラストにする
-
3
イラストから余分なオブジェクトを削除しレイアウトする
-
4
フレームをつけ店名とイラストをグラデーションにする
-
5
画像トレースを使った デザインの アレンジ
お客様インタビュー
お悩みをどのように解決されたか教えていただきました。
-
自社のキャラクターをグッズに役立てた、会話が弾む紙袋
ProGATE株式会社
情報通信業 -
デリケートな製品を安心してリサイクルできる宅配袋
株式会社アヴァンサ
アパレル -
嘉手納町の人々の想いが詰まった、環境に配慮した紙袋
株式会社WEIR
コミケ・同人 -
お客様が自信をもってプレゼントできる、洗練された紙袋
有限会社柚冬庵
小売業