シンプルなシェイプ、プロフェッショナルなフォントとカラーを使用して、印象的なモノグラムを作成します。

「Typekit」の名称は「Adobe Fonts」に変わりました。

レコードショップにいる男性のグラフィックイラスト

特殊なタイプのマーク

モノグラムとは、紋章やウェディングのデザインに見られるような、1文字以上(通常はイニシャル)からなるパーソナルなブランディングのことです。デザインの一部として、モノグラムを結び付けることができます。モノグラムはシンプルなものにすることも、手の込んだものにすることも、洗練されているものや、面白いものにすることもできるので、小さなスペースで個性を発揮するには最適な手段です。

このチュートリアルを試して、モノグラムを作成する方法を習得してください。ここでは、レターフォーム、シェイプ、カラーという3つのグラフィック要素だけを使用してモノグラムを作成します。始める前に上記のサンプルファイルをダウンロードしてください。

グラフィックイラストレーションボードに複数のモノグラムサンプルを表示

ドキュメントの設定

スタート画面の「新規作成」ボタン、またはファイル/新規をクリックします。

「プロファイル」に「プリント」を選択して、「OK」をクリックします。

ヒント:ワークスペース切り替えコントロールメニューから「初期設定」ワークスペースを選択すると、このプロジェクトに必要なパネルがすべて表示されます。

Illustratorの新規ドキュメント画面、「プリント」プロファイルと「初期設定」ワークスペースがハイライト表示されている

イニシャルの入力

Tキーを押して文字ツールを選択し、アートボードの任意の場所をクリックして挿入ポイントを追加します。 

テキストが見やすくなるように、画面上部のコントロールパネルにある「フォントサイズ」に「60 pt」と入力します。

任意の文字または自分のイニシャルを入力し、入力したテキストを選択してハイライト表示します。

コントロールパネルで、中央揃えアイコンをクリックします。

イニシャル「ZD」を入力したアートボード、フォントオプションはサイズ60、中央揃えに設定されている

個性を表現できるフォントの選択

コントロールパネルのフォントファミリープルダウンメニューを開き、既存のフォントを選択します。Creative Cloudのサブスクリプションを購入済みの場合は、Adobe Fontsのライブラリを使用して新しいフォントを追加することもできます。そのためには、「さらに検索」をクリックして、Adobe Fontsを表示します。

フォント検索バー、「さらに検索」がハイライト表示されている

Adobe Fontsを使用すると、数千種類のフォントから選択できます。作業を進めるには、「フォントファミリを設定」フィールドに「League Gothic」と入力します。使用したいスタイルの「アクティベートする」アイコンをクリックします。フォントがコンピューターに追加されて、プロジェクトで使用可能になります。

フォントメニューから「League Gothic」を選択した後、ESCキーを押して文字ツールを終了します。

注意: 一部のフォントは、有償のCreative Cloudメンバーシップでのみ提供されます。詳しくは、Adobe Fontsのサイトを参照してください。

League Gothicフォントが選択され、「選択したフォントを同期」がハイライト表示されている

イニシャルのフレームの作成

ツールパネルで、長方形ツールを長押して他のシェイプを表示します。楕円形ツールを選択します。

Shiftキーを押しながら、ドラッグして円を描画します。

コントロールパネルで塗りのカラースウォッチをクリックし、スウォッチパネルからカラーを選択します。

オプション:隣にある線のカラースウォッチをクリックすれば、カラーが適用された線を追加することもできます。線の太さは「線幅」フィールドから調整できます。

アートボードのイニシャル「ZD」の隣りに、背景となるオレンジ色の円

モノグラムの組み立て

シェイプが選択されたままの状態で、オブジェクト/重ね順/背面へを選択します。

選択ツールを使用して、イニシャルをシェイプの上にドラッグして配置します。

ヒント:イニシャルとシェイプの位置を完全に揃えるには、両方とも選択して、コントロールパネルの「水平方向中央に整列」ボタンと「垂直方向中央に整列」ボタンをクリックします。

オプション:モノグラムデザインで、他のカラーやフォント、サイズのバリエーションを試してみたい場合は、バリエーションを再利用または共有できるようにCreative Cloudライブラリに保存しておくことができます。詳しくは、Creative Cloudライブラリについてのサイトを参照してください。

オレンジ色の円グラフィックの上にイニシャル「ZD」を配置

要素のサイズの変更

シェイプとイニシャルのサイズは、いつでも変更できます。 

中央からの縦横比を保持したままシェイプのサイズを変更するには、シェイプを選択した状態で、Alt(Option)+Shiftキーを押しながらバウンディングボックスのコーナーハンドルをドラッグします。

イニシャルのサイズを変更するには、イニシャルのみを選択してから、コントロールパネルでフォントサイズを変更します。

モノグラムのサイズと縦横比が満足できるものになったら、シェイプとイニシャルの両方を選択し、オブジェクト/グループを選択するか、Ctrl(Command)+Gキーを押します。

イニシャル「ZD」を拡大してオレンジ色の円グラフィック全体に配置

出力の準備

最後の手順として、ロゴを最終出力用の新しいドキュメントにコピー&ペーストします。

グループ化されたモノグラムを選択し、Ctrl(Command)+Cキーを押してコピーします。ファイル/新規を選択し、「プロファイル」に「プリント」を選択、「OK」ボタンをクリックします。

Ctrl(Command)+Vキーを押してアートボードの中央にモノグラムをペーストします。

印刷用のモノグラムを保存するには、ファイル/保存を選択し、「ファイル形式」に「Adobe PDF(pdf)」を選択して「保存」ボタンをクリックします。「Adobe PDFを保存」ダイアログの「Adobe PDFプリセット」メニューには、プリントサービスプロバイダーの推奨に従い、「高品質印刷」または「プレス品質」オプションを選択します。

別名で保存ウィンドウで、形式「Adobe PDF」、「高品質印刷」がハイライト表示されている

画面表示用のモノグラムを保存するには、ファイル/書き出し/Web用に保存(従来)を選択します。プリセットメニューから「JPEG」または「PNG」オプションを選択します。画像サイズ(Twitterのプロフィール画像の場合、400 x 400 px)を指定してから、「アートボードサイズでクリップ」の選択を解除します。「保存」をクリックして、モノグラムをブログ、webサイト、デジタル出版物用に書き出します。

web用に保存ダイアログボックスで、JPGプリセット、幅400 px、高さ400 px、「アートボードサイズでクリップ」がハイライト表示されている
08/20/2021
Matty Newton
このページは役に立ちましたか。