Illustratorでロゴ作成！初心者向け基本手順とコツを紹介

ロゴの役割とは？

ロゴとは、一目見てその会社・ブランド・商品・サービスであると認知してもらうためのマークです。ロゴはただの目印というわけではなく、企業・ブランドのアイデンティティや理念、商品・サービスのコンセプトなどがデザインに表現されています。ロゴは、会社・ブランド・商品・サービスの象徴であり、ブランディングや差別化に欠かせないものと言えるでしょう。

ロゴの主な種類

ロゴの種類は、主に以下の3つに分けられます。

・シンボルマーク(図形・アイコン)
イラストや図形で表現されたロゴを、シンボルマークと呼びます。視覚的に印象に残りやすく、文字がなくても認識できるという強みがあります。企業や商品のブランド力が高いほど効果を発揮しますが、コンセプト設計が重要で初心者にはややハードルが高いロゴです。

・ロゴタイプ(文字)
文字をベースにデザインされたロゴを、ロゴタイプと呼びます。会社名やブランド名をそのまま表現できるので、視認性が高く内容が伝わりやすい点が強みです。フォントや文字を調整するだけでも作成できるため、初心者でも比較的チャレンジしやすいロゴです。

・ロゴマーク(図形＋文字)
シンボルマークとロゴタイプを組み合わせたものを、ロゴマークと呼びます。両方の良いところを併せ持っているので、視覚的な印象の強さと名称の伝わりやすさが強みです。認知されやすいので最初に設定するロゴとしても適しており、多くの企業や商品で採用されています。バランス調整が必要で、デザイン難易度は高めです。

今回は、初心者でも作りやすいロゴタイプの作り方についてご紹介します。

illustratorで簡単にできるテキストロゴの作り方

Illustratorでロゴタイプを作る際は、以下の4つのステップに沿って進めていきましょう。

step.1
・illustratorを開く
・新規ファイルで作成サイズを選ぶ

ロゴ作成は、どのサイズでも問題ありません。ロゴはベクターデータであり、後から拡大・縮小が可能です。（※ベクター＝点と点の座標とそれを結ぶ線をベクターの数値データをもとにして、計算によって図やイラストを表現する形式のこと。後で拡大してもなめらかな線のまま。）

step.2
・テキストを選択し、ロゴにしたい文字を入力する
・プロパティから文字のフォントを変更する

フォントによってロゴの印象は大きく変わります。作成のイメージに合わせて選びましょう。

テキストのサイズや文字間隔などは、ここから調整します。文字を太くしたり、文字同士の間隔を広げたりすることでロゴらしい印象を出しやすくなります。

step.3
・文字タッチツールを選択する

文字タッチツールを使うと、文字ごとにサイズや角度、位置を個別に調整できます。

一部の文字を大きくしたり少し傾けたりすることで、既存フォントに動きが生まれます。

step.4
・文字タッチツールでテキストのサイズや角度、位置を調整する
・調整後、選択ツールでテキストを選択し、書式→「アウトラインを作成」を選択する

アウトラインを作成すると、文字が図形データに変換されます。これにより、角を丸くしたり、一部分だけ形を変えたりと、より細かい加工が可能になります。

step.5
・アウトラインを作成後、ダイレクト選択ツールに切り替える

アウトライン化した文字は、ダイレクト選択ツールで一部分だけ調整できます。少し形を変えるだけでも、やわらかい印象のロゴに仕上がります。

step.6
・ダイレクト選択ツールでオブジェクトをクリックする
・角に表示される〇をドラッグする

角の丸みを調整することで、ロゴ全体の印象を変えられます。少し丸みを加えるだけでも、硬い印象をやわらげることができます。

完成

このように、文字を少し調整するだけでシンプルなテキストがロゴらしいデザインに大きく変化します。

テキストロゴをアレンジする方法

次に、Illustratorの「エンベロープ機能」を使って文字を自由に変形させる方法をご紹介します。
エンベロープとは、選んだ文字やオブジェクトを任意の形状に沿わせて変形できる機能です。この操作を行うと、文字を囲むパスが変化し、文字を丸や波型などのデザインに沿わせることが可能になります。

たとえば、ロゴに文字を沿わせて配置したり、デザインのアクセントとして文字の形を変えたりする際に役立ちます。エンベロープを適用した文字はアウトライン化されると、文字そのものの編集はできなくなるため、形を変える前に元のテキストデータを別に保存しておくことをおすすめします。

step.1
・シェイプを作成する

以下のシェイプは、長方形ツールと楕円形ツールで作ったシェイプをパスファインダーで型抜きしたものです。実際にロゴを作成する際は、好みのシェイプで構いません。

step.2
・シェイプをテキストより上の階層のレイヤーに移動する
・作成したシェイプを選択し、右クリック→「重ね順」→「最前面へ」を選択する(これで文字の上に黒いシェイプが重なっている状態になる)

エンベロープ機能では、全面に配置されたオブジェクトの形に合わせてテキストが変形されます。そのため、シェイプを文字より全面に配置しておく必要があります。

step.3
・テキストとシェイプを2つ一緒に選択する
・オブジェクト→エンベロープ→「最前面のオブジェクトで作成」を選択する

エンベロープ機能を使うと、シェイプの形に沿ってテキストを変形できます。四角形だけでなく、円形や波型などを使えば、さまざまなロゴ表現を作成できます。

・完成

ロゴ製作で失敗しやすいポイント

ロゴ製作の際は、過剰にならないように気をつけましょう。フォントや色を使いすぎたり装飾が細かすぎたりすると、ごちゃごちゃして視認性が低い上に印象に残らないロゴになってしまいます。フォントの種類は1〜2つ、使用する色は2〜3色程度に留め、小さいサイズで使用した際につぶれないためにも細かすぎるデザインは避けることをおすすめします。

MAKUSHOPでは、Illustratorで作成したオリジナルロゴを入れた幕やシートをお作りいただけます。詳しくは以下のページをご確認ください。