イラストレーターでロゴを作成する方法

ロゴをデザインしたいですか？ ロゴは、ビジネスや組織、ブランドを識別するために使用される視覚的なデザインです。 看板、パンフレット、広告、ウェブサイト、名刺など、ブランドに関連するほとんどすべてのものに使用されます。 このWikiHowでは、Adobe Illustratorでロゴをデザインする方法をご紹介します。 ロゴをデザインするためにAdobe Illustratorを使用する利点は、Adobe Illustratorはベクターグラフィックエディタであるということです。 Adobe Illustratorでデザインされた画像は、ピクセル化や歪みなしに任意のサイズに引き伸ばすことができます。 Illustratorはまた、プロの印刷で使用されるPantoneライブラリにアクセスすることができます。

知っておくべきこと

• Adobe Illustratorは、グラフィックデザイナーにとって業界標準のアプリケーションのひとつです。
• ベクターグラフィックはどんなサイズにも拡大でき、歪んだりピクセル化したりしないので、ロゴデザインに最適です。
• ベクターグラフィックは、名刺、ステーショナリー、Tシャツなどの印刷物や、ソーシャルメディアのプロフィール写真、映画、ビデオなどのデジタルプラットフォームなど、さまざまなプラットフォームで使用できます。

パート1

ロゴデザインの計画

1. ブランド・アイデンティティについて考えましょう。 ロゴを単なる後付けのものとして扱ってはいけません。 あなたがデザインしたロゴは、今後何年にもわたってあなたのブランドや組織を識別するために使われることになります。 ロゴは、時間と労力をかけてデザインする価値があります。 ロゴのデザインを始める前に、ブランドのアイデンティティについて考える時間を取りましょう。 もし誰かのためにロゴをデザインするのであれば、そのブランドを研究したり、ブランドオーナーにインタビューをしたりしましょう。 以下は、ロゴをデザインする前にすべき質問です：

   • あなたのブランドの背景にある哲学は何ですか？
   • 競合他社との違いは何ですか？
   • ブランドを象徴するシンボルやイメージはありますか？
   • ブランドのアイデンティティに合う色や色の組み合わせはあるか？
2. ラフなアイデアをたくさん描いてください。 ブランド・アイデンティティのアイデアが浮かんだら、アイデアをスケッチしましょう。 紙の上でも、イラストレーターでもかまいません。 この段階で色を加えるのは避けましょう。頭に浮かんだ最初のアイデアで決めないでください。 プロのグラフィックデザイナーは、何百ものラフ案を描くことが多い。

   • 既存のロゴのベクター版を作るだけなら、Illustratorのライブトレース機能を使うか、Illustratorのツールを使って手動で行うことができます。
3. デザインのフィードバックをもらう ラフなロゴをいくつかデザインしたら、お気に入りのロゴをいくつか絞り込みましょう。 それを他のグラフィックデザイナーに見せましょう。 他の人のためにデザインしている場合は、クライアントに見せて、変更したいことや追加したいことがないか確認しましょう。

パート2

イラストレーターを始める

1. イラストレーターを開きます。 イラストレーターには「Ai」と書かれた黄色いアイコンがあります。 PCまたはMacでアイコンをクリックし、Adobe Illustratorを開きます。

   • Adobe Illustratorをダウンロードしてインストールするには、Adobe IllustratorまたはAdobe Creative Cloudのサブスクリプションが必要です。 Adobe Illustratorの7日間無料トライアルは以下から開始できます。
   • Adobe Illustratorのサブスクリプションを持っていない場合は、Adobe Illustratorの代替となる無料のオープンソースを使用することができます。 アドビイラストレーターと同じ機能を多く備えています。
2. 新規ファイルを作成します。 Adobe Illustratorで新規ファイルを作成するには、次の手順を実行します。

   • 上部のメニューバーで「ファイル」をクリックします。
   • 新規作成」をクリックします。
   • 名前」の横にファイル名を入力します。
   • OKをクリックします。
3. ルーラーをオンにします。 ルーラーをオンにすると、アートボードにガイドを追加できます。ガイドをアートボードにドラッグするには、左または上のルーラーをクリックしてドラッグします。 以下の手順でルーラーをオンにします。

   • 上部のメニューバーの[表示]をクリックします。
   • ルーラーにカーソルを合わせます。
   • ルーラーを表示] をクリックします。
4. ロゴのアイデアに合わせてアートボードを調整します。 アートボードツールには、四隅に切り抜きマークがある正方形を模したアイコンがあります。 ツールバーの左側にあります。 このアイコンをクリックし、画面中央の白いアートボードの端をクリックしてドラッグし、アートボードのサイズを調整します。

   • ほとんどのロゴは、縦長の長方形のアートボードか、正方形のアートボードでデザインされます。 長方形型のロゴは、バナーや看板、ソーシャルメディアのカバーページによく似合いますが、正方形型のロゴは、名刺の角やソーシャルメディアのプロフィールアイコンなど、より多くのプラットフォームにフィットします。
5. ファイル」をクリックします。 ページ上部のメニューバーにあります。
6. 保存をクリックします。 ファイルメニューにあります。 これでファイルが保存されます。 作業中は頻繁に保存してください。

パート3

ロゴにテキストを追加する

1. テキストツールを選択します。テキストツールは、左のツールバーの「T」に似たアイコンです。このアイコンをクリックします。
2. フォントを選択します。 画面上部の「文字」の隣にあるドロップダウンメニューを使ってフォントを選択します。 文字」の隣にある2番目のドロップダウンメニューで書式（レギュラー、ボールド、イタリックなど）を選択します。

   • Times New RomanやGaramondのような伝統的なフォントは、ロゴにフォーマルな印象を与えることができます。
   • Helveticaのようなサンセリフフォントは、よりモダンな印象を与えることができます。
   • 読みにくい装飾的なフォントは避けましょう。 また、ロゴデザインの中でフォントを混ぜるのも避けましょう。
   • オンラインでフリーフォントをダウンロードする場合は、そのフォントのライセンス契約に注意してください。 多くのフリーフォントは、個人的な使用は無料ですが、商用利用は許可されていません。
3. テキストを追加します。 テキストツールを選択した状態で、アートボード上の任意の場所をクリックしてテキストカーソルを追加します。 次にテキストを入力します。 単語ごとに別々のテキストオブジェクトを追加することを検討してください。 特に、ロゴデザインで単語ごとに異なる色やサイズを使用する予定がある場合は注意してください。

   • ロゴに色をつけるのはまだやめましょう。 カラー印刷が常に可能とは限りません。 まずはシンプルな白黒のロゴをデザインすることで、ロゴが最もシンプルな形で美しく見えるようになります。
   • 円形や曲線でテキストを追加することもできます。
4. テキストのサイズと間隔を調整します。 テキストをダブルクリックしてハイライトします。 次に、画面上部の[文字]をクリックして、文字調整メニューを表示します。 以下のオプションを使用して、文字メニューでテキストを調整します。

   • フォントサイズ：大きな "T "の横に小さな "T "が付いたドロップダウンメニューでフォントサイズを調整します。 また、選択ツール（左側のツールバーにある黒いマウスカーソルのようなアイコン）を使って、テキストオブジェクトの四隅をクリック＆ドラッグしてフォントサイズを変更することもできます。 選択ツールでサイズを変更するときは、Shiftを押しながらドラッグすると、テキストのサイズが比例したままになります。
   • 行頭 行頭はテキストの行間を変更します。 別の「A」の上に「A」を重ねたようなアイコンの隣にあるドロップダウンメニューを使用して、行頭を変更します。
   • カーニングカーニングは特定の文字間のスペースを調整します。 カーニングを調整するには、調整したい文字をハイライトし、文字メニューの「A」と「V」が一緒に押されたアイコンの横にあるドロップダウンメニューを使ってカーニングを調整します。
   • トラッキング トラッキングは、テキスト内のすべての文字間のスペースを調整します。 トラッキングを調整するには、文字メニューの「A」と「V」を押し広げたようなアイコンの横にあるドロップダウンメニューを使用します。
   • 水平スケール：Horizontalは文字を水平方向に伸ばします。 文字メニューの「T」を水平に伸ばしたようなアイコンの横にあるドロップダウンメニューを使って、テキストの水平スケールを調整します。
   • 垂直スケール： 垂直スケールは、文字を垂直に伸ばします。 テキストの垂直スケールを調整するには、「T」を垂直に伸ばしたようなアイコンを使用します。
5. フォントをベクター化する。 ロゴに選択したフォントは、すべてのマシンで利用できるとは限りません。 テキストを思い通りに設定したら、フォントをベクター化しましょう。 これにより、テキストはテキストオブジェクトではなくベクターグラフィックに変換されます。 ベクトル化されたテキストは編集できなくなりますのでご注意ください。そのため、編集が完了し、見た目に満足していることを確認してください。 テキストをベクトル化するには、次の手順を使用します：

   • ツールバー左上の選択ツールをクリックします。
   • テキストオブジェクトをクリックして選択します。
   • 上部のメニューバーで[タイプ]をクリックします。
   • アウトラインを作成]をクリックします。

パート4

図形を使って画像を作成する

1. シェイプツールを選択します。 左側のツールバーの長方形に似たアイコンをクリックして、長方形ツールを選択します。 矩形ツールをクリックしたままにすると、他のシェイプツールが表示されます。 ロゴに追加したい形状のシェイプツールをクリックします。 例えば、顔を描くのであれば、楕円ツールを使って円や楕円の形を頭に描きます。

   • Illustrator上でテキストと画像を配置するのは良いアイデアです。
   • ペンツールを使ってもっと複雑な形を作ることもできます。
2. クリックしてドラッグすると、図形が追加されます。 Illustratorで画像を作成する最も簡単な方法は、単純な図形を組み合わせたり、減算したりすることです。 シェイプツールを選択し、クリックしてドラッグしてアートボードにシェイプを追加します。

   • クリックしたままドラッグするときは、⇧ Shiftを押しながらドラッグすると、図形の比率が保たれます。
   • ロゴにはまだ色をつけないでください。 シンプルな白黒バージョンのロゴから始めましょう。
3. 最初のシェイプの上に別のシェイプを追加します。 同じシェイプツールや別のシェイプツールを使って、前のシェイプの上に新しいシェイプを追加することができます。 例えば、大きな楕円形の横に小さな楕円形を追加して耳を作ることができます。 また、円を使って楕円形の顔の中に目を切り取ることもできます。
4. 両方のシェイプを選択します。 両方のシェイプを選択するには、ツールバー上部の左側にある選択ツールをクリックし、修正したいすべてのシェイプの上でクリック＆ドラッグします。
5. パスファインダーを開きます。 パスファインダーのアイコンは、右側のサイドバーにある正方形がもう一つの正方形に重なったような形をしています。 パスファインダーのアイコンが表示されていない場合は、以下の手順でパスファインダーを開きます。

   • 上部のメニューバーで「Windows」をクリックします。
   • パスファインダーをクリック
6. パスファインダーを使って図形を作成します。 パスファインダーには以下のツールがあります：

   • 結合：選択したシェイプを1つのシェイプに結合します。 つの正方形をつなげたようなアイコンです。
   • マイナスフロント： 上のシェイプを下のシェイプから切り出します。 角が切り取られた正方形のようなアイコンです。
   • Intersect：2つのシェイプが重なる部分以外を取り除きます。 2つの正方形が真ん中で小さな正方形を形成しているアイコンです。
   • 除外する：2つの図形が重なる部分を削除します。 真ん中の角が切り取られた2つの正方形のアイコンがそれです。
7. ダイレクト選択ツールを使ってラインやカーブを調整する。 ダイレクト選択ツールは、ツールバーの左から2番目のアイコンです。 白いマウスカーソルのようなアイコンを持っています。 これを使ってシェイプのラインやカーブを調整できます。

   • シェイプを拡大すると、シェイプの線や角に白い点が見えます。 これがベクターと呼ばれるものです。 ダイレクト選択ツールを使い、ベクターをクリック＆ドラッグして動かします。 これで角を動かしたり、シェイプを拡大したりできます。
   • ダイレクト選択ツールでベクターをクリックすると、ベクターの先に点のついた2本の線が見えるかもしれません。 これはベジェ曲線と呼ばれるものです。 クリックしてドラッグすると、線のカーブを調整することができます。

パート5

色の追加

1. アートボードのアイコンをクリックします。 これは、右側のサイドバーにある2枚の紙のようなアイコンです。 左のツールバーのアートボードツールと混同しないように。 アートボードアイコンが表示されていない場合は、以下の手順で開きます。

   • 上部のメニューバーで「Windows」をクリックします。
   • Artboardsをクリックします。
2. 小さな紙のアイコンをクリックします。 Artboardsメニューの右下にあります。 これでファイルに新しいアートボードが追加されます。
3. 最初のアートボードにあるロゴをコピーします。 ツールバーの左上にある選択ツールをクリックします。 次に、最初のアートボードのロゴ全体をクリックしてドラッグします。 上部のメニューバーで「編集」をクリックし、「コピー」をクリックします。
4. 新しいアートボードにロゴを貼り付けます。 つ目のアートボードに移動し、上部にあるメニューバーの「編集」をクリックします。 次に「貼り付け」をクリックして、ロゴを2つ目のアートボードに貼り付けます。 最初のアートボードにあるオリジナルのロゴに色を追加する代わりに、白黒バージョンをラインアートロゴとして保存します。 別のバージョンのロゴに色を追加します。
5. 色を追加したいシェイプを選択します。 左側のツールバーの選択ツールをクリックし、色を付けたいシェイプまたはテキストをクリックします。
6. スウォッチメニューをクリックします。 右側のサイドバーメニューにある、異なる色の四角が並んだグリッドのようなアイコンです。 スウォッチ・メニューが表示されていない場合は、以下の手順でスウォッチ・メニューを開きます：

   • 上部のメニューバーで「Windows」をクリックします。
   • スウォッチ」をクリックします。
7. スウォッチ・ライブラリ・メニュー・アイコンをクリックします。 スウォッチ・メニューの左下にある、2つのフォルダを重ねたようなアイコンです。 様々なスウォッチ・ライブラリのドロップダウンメニューが表示されます。
8. スウォッチ・ライブラリをクリックします。 ドロップダウンメニューにはたくさんのスウォッチライブラリがあります。アースカラー、ナチュラル、キッズ、メタル、カラー・プロパティ、スキントーンなどがあります。

   • スウォッチ・ライブラリ・メニューのカラーブックの下にあるPantoneスウォッチにアクセスできます。
9. 色をクリックします。 アートボードで選択されているオブジェクトの色が変わります。 ロゴにはシンプルな色を数色使うのが良いでしょう。 ロゴにもっと高度な色を追加したい場合は、3つ目のアートボードにロゴのフルカラー版を作成します。

   • グラデーションを使って、より複雑な色のブレンドを追加することもできます。 ただし、これはロゴのフルカラーコピーと一緒に3つ目のアートボードで行うのがベストです。

パート6

ロゴをエクスポートする

1. ファイル]をクリックします。 一番上のメニューバーにあります。
2. 名前を付けて保存]をクリックします。 ファイルメニューの中にあります。
3. ファイルの種類として「Illustrator EPS」を選択します。 名前を付けて保存」の横にあるドロップダウンメニューで「Illustrator EPS」を選択します。 これはベクター形式で印刷するための標準的なファイル形式です。

   • Adobe PDF "を選択して、ロゴをPDF形式で保存することもできます。
   • Adobe AnimateやAdobe After Effectsでロゴを使用する場合は、「SVG」形式で保存することをお勧めします。
4. 保存をクリックします。 選択したファイル形式でロゴが保存されます。

この記事は、CC BY-NC-SAの下で公開されている「 How to Create a Logo in Adobe Illustrator 」を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。