閉じる
お問い合わせ
06-6925-3154

平日9:00〜18:00

お問い合わせ

Illustratorで文字を立体にした紙袋デザイン

06-6925-3154

平日9:00〜18:00

メニュー

Illustratorで文字を立体にした紙袋デザイン

メニュー 閉じる
紙袋デザイン講座 紙袋デザイン講座

Lesson
20

文字を立体にしたかっこいい紙袋 難易度★★☆☆☆

LESSON20-2

ハーフトーンのテクスチャと影をつける

紙袋のデザインをする時、素材がロゴしかないってことはよくあります。シンプルな文字のロゴだけでも、アレンジしてちょっと凝ったカッコイイデザインを目指しましょう。文字を立体的にしたら、次は荒れた印刷ドットのテクスチャを表現します。

塗りの情報をアピアランスに追加する

レッスン20-1で線の情報を足したように、アピアランスパネルに塗りの情報を追加します。
すでにある白い塗りを選択して複製しましょう。

解説イメージ

下のレイヤーにある塗りの白を黒に変更し、不透明度を下げます。
黒い「塗り」をクリックして、「不透明度」をクリック。スライダーを動かすか数字を入力します。ここでは、23%にしました。

解説イメージ

長い影をつける

先ほど作った黒い塗りに効果を適用して、長い影を作成します。
レッスン20-1でやったように、「効果」→パスの変形」→変形」を選びます。
今回は、下のように数字を入れました。
移動する座標はともに1Pt。コピーする数を50にしました。

解説イメージ
かみちゃん
かみちゃん: 影をつけると一気に立体っぽくなりますよ!

ハーフトーンでテクスチャをプラスする

かすれた印刷物のようなドットを全体に追加します。
ハーフトーンはこちらの素材をお借りしました。
Free Pack of 12 Distressed Halftone Pattern Textures

解説イメージ

PNG形式のファイルをダウンロードできます。
これを作業中のillustratorのファイルに配置します。

貼り付けた素材をドラッグしてスウォッチパネルに登録します。
スウォッチに入ったことがわかったら、貼り付けた素材はdeleteしてかまいません。

かみちゃん
かみちゃん: ハーフトーンを使うとアメコミっぽいデザインも簡単にできますよ!
解説イメージ

アピアランスパネルの中から、「K」の白い塗りを選択して、複製します。

解説イメージ

上にある塗りを選択して、先ほどスウォッチに登録したハーフトーンを反映させます。

解説イメージ

ハーフトーンが強いので、アピアランスの「不透明度」を55%に下げました。

解説イメージ

背景にもハーフトーンを反映させる

背景にもこのハーフトーンを反映させます。
下地に敷いているグレーのオブジェクトを同じ位置にコピー&ペーストして、反映させました。
ハーフトーンの透明度を35%にして、下にあるグレーが透けてブレンドされるようにしました。

解説イメージ

今回は黒一色印刷を想定して作っていますが、予算がある時はカラーのバリエーションを作ってみてもいいですね!

解説イメージ

スポイトツールでアピアランスを一発反映できる

色々作業した塗りや線の情報は、スポイトツールで抽出して、別のオブジェクトに一発で反映させることができます。
スポイトツールをダブルクリックしてアピアランスの「抽出」と「適用」両方にチェックを入れて設定完了。アピアランスを吸い取りたいオブジェクトをスポイトでクリックするとアピアランスがまるごと反映されます。

解説イメージ
かみちゃん
かみちゃん: 作業が一回でいいので時間が節約されます!

アピアランスに慣れるとレイヤーも節約できる

アピアランスは、重なり合ったオブジェクトをいちいちロックしたりずらしたりせずに選択、修正ができます。2000年に追加された機能なので、古参のデザイナーにとっては革命でした。レイヤーの数も少なく済むので、データが重くなるのを防いでくれます。ぜひ使いこなしてくださいね!

Lesson
20

文字を立体にしたかっこいい紙袋 難易度★★☆☆☆

デザイン講座の一覧にもどる

お客様インタビュー

お悩みをどのように解決されたか教えていただきました。

インタビューをもっと見る

有限会社井上工業所 Copyright © 2021