チュートリアル記事

中級

3 分

フォントを活かしたロゴを作る

既存のフォントを編集してオリジナルロゴを作成する方法をご紹介します。

動画と同じように体験できるサンプルファイルもご用意しました。⼿順を⾒ながら、実際に試してみましょう。

必要なもの

本サンプルファイルは学習目的のために限り使用することができ、営利目的に使用することはできません。

文字にフォントを適用する

まず、ロゴの元になるフォントをこちら からインストールしておきます。

Illustratorを起動して新規ファイルを作成し、ツールパネルから文字ツールを選択して、アートボード上に「{ILLUST}」と入力します。

「ウィンドウ>書式>文字」を選択して文字パネルを開きます。テキストにダウンロードしたフォント「BrickTextLogo」を適用し、サイズ:400pt、トラッキング:-1に設定します。

文字をアウトライン化して変形させる

選択ツールでテキストを選択した状態で、右クリックメニューから「アウトラインを作成」を選択します。

「ウィンドウ>パスファインダー」からパスファインダーパネルを開き、「合流」をクリックします。

ダイレクト選択ツールで左右のバーコードを選択し、「Delete」キーで削除します。

「効果>ワープ>でこぼこ」を選択してワープオプションウィンドウを開きます。「水平方向」にチェックを入れ、「カーブ」を「ー32%」に設定し、「OK」をクリックします。

文字のフチを作成する

「オブジェクト>アピアランスを分割」を選択します。続けて「オブジェクト>パス>パスのオフセット」を選択し、「オフセット:3.5mm」に設定して「OK」をクリックします。

文字の外側のオブジェクトを選択した状態で、ツールパネルの「塗り」をダブルクリックします。カラーピッカーで、赤(ff4800)に設定します。

右クリックメニューで「重ね順>再背面へ」を選択します。

装飾用の五角形を追加する

ツールパネルから多角形ツールを選択し、「辺の数」を「5」にします。大小2つの五角形を描き、文字の上に配置して角度を調整します。

「ウィンドウ>レイヤー」からレイヤーパネルを開き、「レイヤー1」の左にある「>」マークをクリックして展開します。2つの〈多角形〉レイヤーを選択して、ロゴのレイヤーの下へドラッグすると、2つの五角形がロゴの背面へ移動します。

フチと2つの五角形を選択し、パスファインダーパネルで「合流」をクリックして一体化させます。

ロゴの色を変更する

文字の色をオレンジ(f39a17)に、フチと五角形を茶色(310303)に変更します。

CCライブラリパネルには、ここで紹介したロゴのほか、デザインの違う6点のロゴサンプルが登録されています。

(完成サンプルファイル:「2-5a」)

その他のチュートリアル


Illustrator でこれらのチュートリアルをお試しください

ベクターを使用してイラストやグラフィックを作成