Illustratorで写真トレースを使ったシックな紙袋デザイン4

06-6925-3154 受付時間 9:00〜18:00(平日) お問い合わせはこちら
神DESIGNERかみりんの紙袋デザイン講座

写真トレースを使ったシックな紙袋

Lesson14-04

フレームをつけ
店名とイラストを
グラデーションにする

お店の商品を写真に撮ってイラスト化し、シックなデザインの紙袋を作ります。大きなレイアウトが決まったら細部を詰めていきます。フレームをつけ、店名とイラストをグラデーションに塗って完成させましょう!

フレームを配置する

レイアウトはこのようにすることにしました。このままだと少し寂しいので、クラシックなイメージのフレームをつけて高級感を出します。

Frame Design額縁フレーム

3つありますが同じ形状です。飾り部分のサイズによるイメージの違いを見せてくれてるんです。飾りは小さめがいいので、真ん中を使います。

制作中の画面にペーストすると、こんな感じ。

これをそのままバウンディングボックスで拡大すると、こんな感じになります。

飾りまで大きくなってしまって枠が目立ちすぎです。
これがベストな結果ならいいんですよ?でも、思っていたのと違います。

また、これはフレームの素材と配置先が同じ正方形なので拡大しても問題ありませんが、配置先が長方形だった場合はバウンディングボックスで拡大縮小して合わせると、下のように飾りの形が歪んでしまいます。

こういう素材を配置する時は、単純にバウンディングボックスで伸び縮みさせてはダメということです。フリー素材はあくまでも調理前の食材みたいなものです。きちんと調理しましょう!

フレームの拡大縮小の仕方

まずは飾り部分の大きさを決めます。コーナーに置いてみて、縦横比を保ったまま拡大して飾りの大きさを決めます。

かみちゃん
かみちゃん: 飾りは小さめ。さりげなくしたいのです

次に、四角形の部分をダイレクト選択ツールで選択して、下方に引き延ばします。

伸びました。同じように、今度はフレームの右側全体をダイレクト選択ツールで選択して右に引き延ばします。

これで、望み通りのフレームになりました。

イラストと店名をグラデーションにする

イラストを選択して「ウインドウ」→「パスファインダー」を出し、右上をクリックし、「複合シェイプを作成」を選びます。
こうすると、沢山のパスの集合であるイラストも、一枚の絵として色を塗ることができます。

これをしておかないと、グラデーションに塗った時に、細かいパーツに個別にグラデーションがかかるので、下のようになってしまうのです。
(わかりやすいように、黄色から青色へのグラデーションにしました)

複合シェイプにしたら、イラストと店名を選択して「ウインドウ」→「グラデーション」でグラデーションウインドウを出し、K20%からK60%のグラデーションを設定します。

マチに文字を入れ、背面と反対のマチに同じレイアウトをコピー&ペーストしたら完成!

グラデーションを使いこなそう!

グラデーションは、うまく使うとそれだけでメタリックな質感を表現することもできます。箔押ししなくても、シルバー調やゴールド調が出せるのです。チラシを経験したデザイナーは、ゴールド系のグラデ使いがとてもうまいな〜と感心することがあります。上のような単純なグラデーションでも、ちょっとエレガントに見えるのでおすすめです。

紙袋のまめ知識コンテンツ集

  • お客様の声
  • よくあるご質問FAQ
  • 印刷工程特集
  • 紙袋の製造工程
  • 提げ手紐の種類
  • 未晒クラフトの魅力

ご依頼の流れ

お問い合わせ先 06-6925-3154 受付時間/9:00~18:00(平日) インターネットからのお問い合わせはこちら
ページの上部に戻る