Illustratorで写真トレースを使ったシックな紙袋デザイン5
![紙袋デザイン講座](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-05
画像トレースを使った デザインの アレンジ
お店の商品を写真に撮ってイラスト化して紙袋のデザインを作ってみましょう。ここでは、レッスン14をアレンジして作ることのできる、デザインのバリエーションを3つ紹介します。ぜひ色々なものを作ってみてくださいね!
陶器のティーポットを使った、イスラム雑貨店の紙袋
まずは写真を画像トレースでイラスト化します。カラーを4にし、粗めのイラストにしました。
![](https://ino-ue.jp/wp/wp-content/themes/ino-ue/images/design_course/trace/99/99-2.jpg)
イラストを拡張して、できてしまったベージュの背景をダイレクト選択ツールで削除します。
![](https://ino-ue.jp/wp/wp-content/themes/ino-ue/images/design_course/trace/99/99-3.jpg)
こちらのシームレスパターン素材をダウンロードし、スウォッチに登録。
○PATTERN(白ベースに薄っすら見えるアラベスク柄パターン)
背景に反映させて柄のバックを作ります。
![](https://ino-ue.jp/wp/wp-content/themes/ino-ue/images/design_course/trace/99/99-4.jpg)
シームレスパターンの色を変更して青いバージョンを作り、窓を型抜きした四角形に柄を反映させます。
ロゴを入れ、「豪華なカールブラシとフローラルブラシのセット」から花模様を選び、ブラシで線を書き足し、飾りを入れて完成。
![](https://ino-ue.jp/wp/wp-content/themes/ino-ue/images/design_course/trace/99/99-5.jpg)
![かみちゃん](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/design_course/trace/99/99-6.jpg)
ロゴを置いてイラストとロゴを白にして完成。
![](https://ino-ue.jp/wp/wp-content/themes/ino-ue/images/design_course/trace/99/99-7.jpg)
![かみちゃん](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/design_course/trace/99/99-8.jpg)
ピンクの四角形を描いて先ほどの花を二つ置き、一つはやや縮小して180度回転させる。
![](https://ino-ue.jp/wp/wp-content/themes/ino-ue/images/design_course/trace/99/99-9.jpg)
これをスウォッチに登録して背景に反映させ、拡大縮小と回転で柄の出方を調整。上に円形グラデーションをかけたベージュを一枚のせ、グラデーションパネルで透明度を調整。
ラベルの後ろに、透明度50%にした白いオブジェクトを置き、上にロゴをのせて完成。
![](https://ino-ue.jp/wp/wp-content/themes/ino-ue/images/design_course/trace/99/99-10.jpg)
![かみちゃん](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
コミケ・同人 -
お客様が自信をもってプレゼントできる、洗練された紙袋
有限会社柚冬庵
小売業