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

平日9:00〜18:00

お問い合わせ

ロゴのようにフォントを変形させてマークを作る方法

06-6925-3154

平日9:00〜18:00

メニュー

ロゴのようにフォントを変形させてマークを作る方法

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

Lesson5-06

文字を変形させイラストの形に合わせる

ロゴがない、素材がない、そんな場合でも文字だけで紙袋デザインをすることができます。文字だけを使って間を持たせるテクニックは色々ありますが、ここではイラストの形に合わせて文字を入れてみましょう!イラストはフリー素材を使用します。

イラストの上に文字を重ねる

まずはイメージに合ったシルエットのイラストを貼り付けます。
シルエットのイラストは、商用使用可能な無料素材がたくさんあるので、きっと必要なものが手に入りますよ!
ここではクジラのイラストを使用します。All Silhouettes.com様からお借りしました。

ダウンロードしたファイルを開いて、必要なイラストをコピー&ペーストしました。

この上に文字を置きます。
文字を歪ませるので、かっちりした書体よりも多少味わいのある文字が似合います。
また、太めに表示されるフォントを選びましょう。
クジラの上に文字を重ね、作業しやすいように色を白に変えました。

文字にメッシュをかける

文字を選択した状態で、「オブジェクト」→「エンベロープ」→「メッシュで作成」を選びます。

「行数」と「列数」を入れるウィンドウが出ます。
イラスト文字の大きさに合わせてメッシュの数字を入れます。
ここでは、行数を2、列数を15にしました。

メッシュの作成とは、文字に網目のようにパスのポイントを作成するということです。
メッシュを作成すると、下のような見た目になります。

 メッシュの細かさは、文字の量とイラストの複雑さによって変わります。
数字をいくつにしたら最初は良いかわからないかもしれませんが、以下の手順をざっと見ると感覚を掴んでもらえると思います。

かみちゃん
かみちゃん: とりあえずやってみましょう!

メッシュのポイントを動かす

作業しやすいように、クジラのイラストは動かないようにロックしておきます。
文字を選択すると、文字の上や周辺にパスが並んでいます。
このパスを、ダイレクト選択ツール(白い矢印)で動かすと、文字が自由変形します。
「K」左上にあるポイントを動かしてみましょう。

イラストの形状に沿わせるように、文字周辺のポイントを順に動かしていきます。

すべて動かすとこんな感じになります。
もっとしっかりとイラストに沿わせたい場合はメッシュを細かくすると良いでしょう。

ここで注意点。 文字はイラストからはみ出てもいいのですが、はみ出るならはみ出る、はみ出ないならはみ出ない、と統一しましょう。 一部分だけはみ出ていると失敗感があってなんだか気になるからです!

文字の部分を切り抜く

イラストの上に文字が乗った状態で完成してもいいのですが、背景に写真やベタを敷きたい場合は、イラストを文字の形に型抜きしておくと便利です。
型抜きをする場合は、重なり合ったオブジェクトの両方がパス化されていなければならないので、文字はアウトライン化する必要があります。
ただし、メッシュがかかった文字はそのままではアウトライン化できません。
「オブジェクト」→「エンベロープ」→「拡張」を選びます。
これで、文字がアウトライン化されます。

イラストのロックを外して文字と一緒に選択し、パスファインダーの「中マド」をクリック。
これで文字の形にイラストがくりぬかれます。

くり抜くと、背景にこんな画像を置いた時に、文字を透過させることができますよ!
これで完成!
(下のサンプルは、「効果」→「スケッチ」→「クレヨンのコンテ画」で効果も加えました)

単語が複数ある、二列になる時は

入れる文字が複数の単語の場合、イラストの中で二列や三列になることがあると思います。その場合は、単語ごとに別のオブジェクトになるようテキストを入力して、バラバラに配置しましょう。きっちり平行に並んだ状態からメッシュ加工するよりも、ぐっと味が出ますよ!

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

お客様インタビュー

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

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

フルオーダー紙袋

紙、紐、印刷が選べるオリジナリティの高い紙袋

宅配袋

紙、印刷、加工が選べる。ベロ付き、ベロなし、糊の有無も指定OK!

既製品紙袋

サイズを確認するだけでOK。翌営業日に出荷の短納期!

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