新刊「デザインは重心。」発売中

Illustratorで名刺作成【業務で使える名刺の作り方を解説】

景品表示法に基づく表記:当サイトは広告を使用しています。
Illustratorで名刺作成【業務で使える名刺の作り方を解説】

Illustratorを使えば、名刺のデザインから印刷用データの作成まで自分で進められます。

本記事ではIllustratorの使い方から入稿までの流れを丁寧に解説します。

名刺制作の仕事を受注してみたい人や印刷物デザインの基礎を知りたい人はぜひご覧ください。

目次

Illustratorで名刺を作る準備

仕上がりイメージ
原稿イメージ
データイメージ

Illustratorを開く前に名刺を作る流れや必要となる情報を整理しておきましょう。

今回サンプルとして作成するのは上図のような超シンプルな名刺です。

名刺制作の流れ

名刺制作のざっくりとした流れは以下のとおり。

  1. 名刺に必要な情報をまとめる
  2. 名刺のデザインを考える
  3. Illustratorで名刺データを作成する
  4. PDFまたはAI形式の入稿データを作成する
  5. 印刷所へ入稿して仕上がりを確認する

実際の作り方から入稿方法まで本記事で詳しく解説します。

名刺に必要な項目例

名刺に記載する項目をまとめましょう。一般的に記載される情報は以下のとおり。

  • 名前
  • 会社名
  • 役職名
  • 部署名
  • 住所
  • 電話番号
  • FAX
  • メールアドレス
  • URL
  • SNSアカウント
  • QRコード

名刺に入れるロゴマークが無い場合は以下の記事も参考にしてみてください。

名刺のデザインについて

良いデザインと悪いデザイン比較

名刺デザインは情報量も少なく、シンプルなのでデザインの基本を押さえておくだけでも大丈夫。

名刺デザインを行う上で最低限押さえておきたいポイントは以下の3つ

名刺デザインにおいて重要な伝わりやすさだけはしっかり押さえておきましょう。

名刺は黄金比に限りなく近い比率になっているので黄金比をレイアウトに取り入れるのもおすすめです。

名刺デザインについてもっと詳しく知りたい方は以下の記事をご覧ください。

名刺制作で気をつける6つのポイント

名刺は紙面が小さく、印刷後は文字やレイアウトを修正できません。Illustratorで作り始める前に、注文する印刷所の名刺テンプレートと入稿条件を確認しておきましょう。

名刺制作では、特に次の6点を確認します。

  • 仕上がりサイズと表裏を確認する
  • 背景や写真を指定された塗り足しまで伸ばす
  • 文字やロゴを仕上がり線より内側へ配置する
  • 一般的なCMYK印刷ではCMYKカラーで制作する
  • 配置画像の実効解像度とリンク切れを確認する
  • 注文商品の指定に合わせてPDFまたはAI形式で保存する

上記は一般的な印刷ルールです。例外もあるため印刷所の指定を優先してください。

この記事ではIllustratorを使って名刺を作成します。

名刺のデザイン自体はほかのソフトでも作れますが、文字、ロゴ、ガイドを細かく調整し、印刷用の入稿データまで一貫して作れる点でIllustratorは名刺制作に適しています。

Illustratorを持っていない人はIllustratorの料金プラン解説をご覧ください。

名刺データの作り方(Illustratorの使い方)

名刺データの作り方(Illustratorの使い方)

実際にIllustratorを操作して名刺を作っていく手順を画像つきで詳しく解説していきます。

Illustratorを使った名刺データ作成の流れ

以下の手順で作業を行います。

  1. アートボードまたは名刺テンプレートを用意する
  2. 仕上がり線・塗り足し・安全域を作る
  3. 名刺に必要なテキストを入力する
  4. ロゴ・アイコン・QRコードを配置する
  5. 背景や写真を追加してレイアウトを整える
  6. 名前・連絡先・表裏を校正する
  7. PDFまたはai形式の入稿データを作成する

仕上がりを確認しながら、一つずつ進めていきましょう

Illustratorの初期設定 名刺枠作成

まずは名刺を作成していく名刺枠を作成していきます。

名刺印刷用のテンプレートがある場合やアートボードサイズで入稿する場合はこのステップは飛ばしてOK

STEP
ファイルの新規作成
新規作成画面

印刷所が名刺用テンプレートを配布している場合は、そのテンプレートを使用してください。

この記事ではai形式の入稿にも対応しやすいように、広めのアートボード上へ名刺サイズの仕上がり枠とトリムマークを作りますが、PDF入稿する場合は、A4ではなく仕上がりサイズ(91mm × 55mm)をそのまま入力し、STEP4に進んでください。

  1. Illustrator起動したら左上の【新規ファイル】を選択
  2. ドキュメントのタイプを【印刷】にしてA4を選択
  3. カラーモードをCMYKカラーにして作成

これでアートボードが作成されます。

一般的な名刺印刷ではCMYKカラーを使用します。(RGB入稿が可能な印刷所もありますが、特に明記されていない場合はCMYKを選んでおきましょう)

RGBとCMYKの違いは以下の記事で解説しています。

STEP
名刺サイズの枠を作成
名刺サイズ枠の作成

アートボード内に名刺サイズの枠を作成します。

  1. シェイプツールを選択
  2. 画面内をクリックしサイズを入力
  3. 名刺サイズの長方形を作成

名刺サイズは以下のとおりです。

一般的な名刺サイズ:91mm×55mm

縦長の場合は縦と横を逆にして作成しましょう。

その他の名刺サイズ
  • 日本一般サイズ:91×55mm
  • 欧米サイズ:89×51mm
  • 小型サイズ:85×49mm
STEP
トリムマーク(トンボ)の作成

トリムマークは裁断位置を指定するためのマークです。

  1. 名刺サイズの長方形を選択
  2. 枠の線を「なし」に変更
  3. オブジェクト→トリムマークを作成
トリムマーク作成方法

トリムマークを作成する際は線を0mmまたは無しにした状態でトリムマークを作成してください。

トリムマーク

これで裁断位置を指定するトリムマークが作成されました。

トリムマークについてもっと詳しく知りたい方は以下の記事をご覧ください。

STEP
ガイドラインの作成
ガイドライン詳細
塗り足し範囲詳細図

裁断機がずれた際にも対応できるように塗り足し範囲のガイドも作成しておきましょう。

塗り足しの有無の比較図
塗り足し外側裁断時のはみ出し防止
配置禁止エリア内側裁断時の文字切れ防止

上図のようにカット位置がずれても良いように塗り足しと安全マージンを確保する必要があります。

塗り足しが必要な理由をもっと詳しく知りたい場合は以下の記事をご覧ください。

塗り足しと禁止エリアを作成していきます。

パスのオフセット
  1. 名刺サイズの長方形を選択
  2. オブジェクト→パス→パスのオフセット
  3. オフセットを3mmに指定してOK
  4. 1~2を繰り返し-3mmのオフセットも作成

これで内側と外側に3mmずつ四角形が作成されます。

STEP
ガイド化&ロック

うっかり枠を印刷してしまわないように枠をガイド化して印刷に含めないようにしておきましょう。

枠を選択した状態でCtrl+5でガイド化できます。

Ctrl+5ガイド化
Ctrl+2ロック
Ctrl+Alt+2ロック解除
(Macの場合はCommand)

ガイド化してロックすれば完成です。

トリムマークも一緒にロックしておきましょう。
(トリムマークは印刷する必要があるのでガイド化せずにロックのみにしておきます)

名刺に必要なテキストを入力する

テキストを入力する

文字ツールTを選択してアートボード上をクリックすると文字を入力することができます。文字ツールで名刺に必要となる情報を入力していきましょう。

フォントや文字サイズはプロパティパネルから変更することが可能です。Adobe Fontsから好きなフォントをアクティベートして使用することもできます。

文字入力についてもっと詳しく知りたい方は文字ツールの使い方をご覧ください。

名刺の文字は、小さくしすぎると読みにくくなり、細い部分が潰れることもあります。

今回のサンプルでは最小文字を8ptで作成しています。印刷所が最低文字サイズを指定している場合は、その数値を優先してください。

肩書きや住所を小さくする場合も、実寸表示または原寸印刷で読めるか確認します。

テキストにふちどりをつけたり、アーチ状に配置したり装飾したい場合は以下の記事を参考にテキスト加工してみてください。

文字を入力し終えたら、氏名や連絡先の位置を整えます。

縦に並べた文字は、整列機能で左端を揃えると同じ線上に配置できます。

文字入力の際に気をつけるポイント

文字やロゴなどを配置する際は仕上がり線より内側にある文字禁止エリアに入らないように注意してください。

仕上がり線ギリギリに文字を配置すると裁断する際に文字が欠けてしまうことがあります。

アイコンを追加する

アイコンありなし比較

電話、メール、SNSはアイコンを利用すると見栄えが良くなるだけでなく、伝わりやすさも上がります。

アイコンは自作しても良いですが、既存のフリー素材を利用するのがおすすめ。

ベクター形式のアイコンが無料でダウンロードできるサイトがあるので以下の記事を参考にアイコンを取得して使ってみてください。

QRコードを追加する

印刷に適したベクター形式のQRコードは以下のサイトで無料で作成することができます。

ベクターQRコード作成方法

Illustratorで扱いやすいSVGまたはEPS形式を選んでダウンロードします。この記事の画面例ではEPSを使用しています。

どちらもベクター形式なので、画質を保ったままIllustratorで拡大・縮小できます。

QRコードを名刺に入れる際は、小さくしすぎたり色を薄くしすぎたりしないように注意しましょう。

QRコード 推奨サイズ(安全重視)
  • サイズ:15×15mm以上
  • カラー:白地に黒でコントラスト強め

必要なサイズはURLの長さやドット数によって変わります。15mmを目安にしつつ、実際に印刷する大きさで読み取りテストを行ってください。

QRコードサイズ イメージ比較
7mmサイズと15mmサイズ

入稿前に原寸で印刷し、複数のスマートフォンで読み取りとリンク先の表示を確認すると確実です。

QRコードは必ずしも必要なものではありませんが、スマホからかんたんにアクセスできて便利なので必要に応じて追加してください。

背景をデザインする

今回はシンプルにシェイプを使って背景を作成します。

裁断した際に切れることのないように塗り足しエリアまでシェイプを広げておきます。

また、今回のように文字の後ろにシェイプを配置する場合は重ね順を変更しておきましょう。

重ね順の変更はオブジェクトを選択した状態で以下のショートカットキーを押してください。

  • 上に移動:Ctrl+]
  • 下に移動:Ctrl+[

Macの場合はCommand

画像や写真の配置

名刺へ写真や画像を配置する場合は、Illustrator上で使用する最終サイズの実効解像度を300〜350ppi程度にします。

元画像が高解像度でも、Illustrator上で大きく拡大すると実効解像度は下がります。印刷所が別の解像度を指定している場合は、商品ガイドを優先してください。

配置した画像を選択し、リンクパネルまたは上部の情報から実効PPIを確認しておきましょう。

少し解像度が足りない場合はスーパー解像度などを利用して解像度を上げることもできますが、ストックフォトの高解像度の画像を利用するのがおすすめです。

地図の追加

名刺がショップカードを兼ねている場合は店舗への地図を掲載しておくと親切です。

名刺は紙面サイズが小さいため複雑な地図を入れても伝わりにくいため、主要なランドマークと道路だけに絞り簡略化した地図を掲載するのがおすすめです。

印刷に適したベクター地図の作り方を以下の記事で解説しているのであわせてご覧ください。

Illustratorで名刺の入稿データを作成する方法

Illustratorで名刺の入稿データを作成する方法

名刺のデザインが完成したら、注文商品の指定に合わせてPDFまたはai形式の入稿データを作成します。

最初に文字や連絡先を校正し、編集可能なIllustratorデータを残します。そのうえで、下のアコーディオンから入稿形式に合う手順を確認してください。

  • 氏名・会社名・役職・住所・電話番号・メールアドレスを校正する
  • 表面と裏面、縦横の向き、ページ順を確認する
  • 仕上がりサイズ、塗り足し、安全域を確認する
  • 配置画像の実効解像度とリンク切れを確認する
  • QRコードを原寸で読み取り、リンク先まで確認する
  • 不要なオブジェクトや非表示レイヤーが残っていないか確認する

編集用のIllustratorデータを別に保存する

入稿用データを作る前に、文字や配置を修正できるIllustratorデータを別名で保存します。

ai入稿で文字をアウトライン化した後や、入稿用PDFを書き出した後も、編集用のAIデータは上書きせずに残してください。

編集用データはIllustrator形式(.ai)として保持し、入稿用データは別ファイルとして管理します。

フォントや画像を適切に埋め込む

Illustrator形式を使うai入稿と、PDF入稿ではデータの作り方が少し異なります。

ai入稿の場合はテキストをアウトライン化し、画像の埋め込みまたはリンク配置を行います。

PDF入稿の場合はフォントの埋め込み、

Illustrator形式(.ai)で入稿する場合

Illustrator形式で入稿する場合は、注文商品のガイドで対応バージョン、画像の扱い、文字のアウトライン化が指定されているか確認します。

画像を埋め込むか必要なファイルをまとめる

リンク配置した画像は、Illustratorファイルとは別の画像ファイルを参照しています。AIファイルだけを送るとリンク切れになるため、画像を埋め込むか、印刷所の指定に従ってリンク画像も一緒に入稿します。

Illustratorで配置画像を埋め込む方法
  • 画像点数が少ない名刺:リンクパネルから画像を埋め込む
  • リンク画像のまま入稿できる場合:パッケージ機能で必要なファイルをまとめる
  • どちらの場合も、リンクパネルに警告が出ていないことを確認する

指定がある場合は文字をアウトライン化する

文字のアウトライン化前後の比較

ai入稿で文字のアウトライン化を指定されている場合は、入稿用に複製したデータだけを処理します。

フォント環境が異なる場合の文字置き換え
  1. 入稿用のAIデータを別名で保存する
  2. 必要なレイヤーとオブジェクトのロックを解除する
  3. [選択]→[オブジェクト]→[すべてのテキストオブジェクト]を選ぶ
  4. [書式]→[アウトラインを作成]を実行する
  5. フォントが残っていないか確認する

ショートカットはWindowsがCtrlShiftO、macOSがCommandShiftOです。

指定された条件でAI形式に保存する

  1. [ファイル]→[別名で保存]を選ぶ
  2. ファイル形式をAdobe Illustrator(.ai)にする
  3. 原則として作成したIllustratorバージョンで保存する
  4. 印刷所から指定がある場合だけ、対応バージョンやPDF互換設定を合わせる
  5. ファイル名は半角英数字を基本にする

古いバージョンへ下げて保存すると、一部の効果やレイアウトが変わることがあります。印刷所から指定がない場合は、制作したバージョンを維持してください。

PDF形式で入稿する場合

PDF入稿では、注文商品のガイドで指定されたテンプレートとPDF/X設定を使います。印刷所がPDFプリセットやjoboptionsを配布している場合は、その設定を優先してください。

PDF用テンプレートと仕上がりサイズを確認する

PDF入稿では、仕上がりサイズのアートボードと裁ち落としを使用する方法が一般的です。名刺用のPDFテンプレートがある場合は、そのテンプレートへデザインを配置します。

仕上がりサイズでファイルを新規作成し、トンボはPDFの保存オプションにて作成します。

指定されたPDF/Xで書き出す

  1. 編集用のAIデータを保存する
  2. [ファイル]→[複製を保存]または[別名で保存]を選ぶ
  3. ファイル形式をAdobe PDF(.pdf)にする
  4. 印刷所指定のPDFプリセットまたはPDF/Xを選ぶ
  5. [トンボと裁ち落とし]で、指定されたトンボと裁ち落としを設定する
  6. PDFを保存する

テンプレート内にトリムマークがすでに作られている場合は、PDF保存時に同じトンボを重ねて追加しません。商品ガイドの指定を確認してください。

Acrobatでフォントと仕上がりを確認する

保存したPDFをAdobe AcrobatまたはAcrobat Readerで開き、ページサイズ、表裏、縦横、文字、ロゴ、画像、塗り足しを確認します。

[ファイル/メニュー]→[文書のプロパティ]→[フォント]を開き、使っているフォント名の後ろに「埋め込み」または「埋め込みサブセット」と表示されていることを確認してください。

最後に印刷所へアップロードし、確認用PDFやプレビューが表示される場合は、表裏、文字化け、画像抜け、断裁位置をもう一度確認します。

印刷所へ入稿して確認用データを確認する

入稿データを作成したら、印刷所へアップロードします。

確認用PDFや3Dプレビューが表示される場合は、印刷を確定する前に次の項目を見直してください。

  • 表面と裏面の順番、縦横の向き
  • 文字化け、改行、ロゴや画像の抜け
  • 仕上がり線、塗り足し、文字の安全域
  • 氏名、役職、住所、電話番号、メールアドレス、URL
  • QRコードの読み取りとリンク先

印刷所のデータチェックは、主に印刷工程へ進められる状態かを確認するものです。誤字や連絡先、QRコードのリンク先は入稿者が最終確認します。

ネット印刷なら注文から配送までオンラインで完結する

名刺のAI入稿データ完成例

ネット印刷を利用すると、注文、データ入稿、印刷、配送までネットで完結します。

  1. 名刺のサイズ、用紙、部数、納期を選ぶ
  2. PDFまたはAIデータをアップロードする
  3. 確認用データを校正して注文を確定する
  4. 印刷された名刺を指定先で受け取る

対応形式やテンプレートはサービスと商品によって異なります。

ラクスルでの名刺入稿例は、以下の記事で詳しく解説しています。

シェアしてくれると嬉しいです

コメント

コメント一覧 (1件)

  • 本当に分かりやすくて、実用的な内容でとても有難かったです!!
    他の記事も拝見して、色々と参考にさせていただきます。感謝の気持ちを込めて🌹

コメントする

目次