職業訓練ユニット09｜Illustrator基礎：名刺・イラスト（15時間）

職業訓練ユニット9ではIllustratorで「名刺（表・裏）」と簡単なイラスト制作に取り組みました。まず名刺の基本（サイズ・塗り足し・安全マージン）を押さえ、次に文字と整列で見た目を整えました。

この記事でわかること（3つ）

• 名刺制作で必須の「サイズ・塗り足し・安全マージン」の考え方

• Illustrator基礎操作（ペン・整列・文字）を名刺でどう使うか

• 書き出し（印刷／Web）でつまずきやすいポイントと確認手順

  

  Illustrator名刺

学習内容の全体像（ユニット9でやったこと）

• 課題：名刺（表／裏）＋簡単なイラスト制作

• 今日覚えた操作：ペンツール／整列／文字／レイヤー

名刺データの基本設定（最初にここだけ押さえる）

• 仕上がりサイズ：91×55mm（一般的な名刺）

• 塗り足し：上下左右 +3mm（背景や写真はここまで伸ばす）

• 安全マージン：端から 3〜5mm内側（文字・ロゴは内側に入れる）

まずは、名刺のゴール（印刷に出すのか／Web掲載なのか）を決めると、設定の迷いが減ります。次に「仕上がりサイズ→塗り足し→安全マージン」の順で枠を作り、最後に文字情報を配置すると、整列も崩れにくくなりました。さらに、書き出し前にPDF/PNGの条件（トンボ・解像度・余白）を一度チェックしておくと、提出直前のやり直しを防げます。

ユニット9の作業手順（私の手順メモ）

• 手順1：新規作成（サイズ・塗り足し設定）

• 手順2：ガイドを引く（安全マージン）

• 手順3：文字（フォント／サイズ／行間）

• 手順4：図形・イラスト配置（整列／均等配置）

• 手順5：表→裏の作り方（アートボード複製など）

• 手順6：書き出し（PDF／PNG）※提出形式に合わせる

つまずいた点と解決（原因→対処）

• 例1：整列が効かない → 「整列の基準」が アートボードに整列 になっていた

  　→ 対処：整列パネルで「選択範囲に整列」に戻す（必要ならキーオブジェクト指定）

• 例2：文字が思った位置に揃わない → 字間／行間、ベースライン、段落設定の影響

  　→ 対処：段落設定を確認→行間を固定、必要ならアウトライン化して微調整

• 例3：書き出しで画像が荒い → 解像度やアンチエイリアス設定の影響

　　　→ 対処：用途に合わせて書き出し設定を見直す（印刷＝PDF、Web＝PNG推奨）

たとえば、整列が思い通りにならないときは「整列の基準」が原因のことが多いです。その場合は、まず基準を「選択範囲」に変更します。また、文字が端に寄りすぎる場合は、安全マージンの内側に収まっているかを確認します。こうして原因を1つずつ切り分けると、修正が早くなります。

提出前チェックリスト（1分で確認）

• 塗り足しまで背景が伸びている
• 文字・ロゴは安全マージン内に入っている
• 整列の基準は「選択範囲」になっている
•  表裏で情報の優先順位が崩れていない
• 書き出し形式（PDF/PNG）と解像度が提出条件どおり

学習のコツ（初心者向け）

・名刺は「余白」が命。まずガイド線で枠を作ってから配置する
・迷ったら、デザイン概論（ユニット5）へ戻る
・塗り足しが必要な要素：背景・写真・全面ベタ
・安全マージンに入れる要素：氏名・連絡先・ロゴ
・書き出し前の最終確認：表裏の情報と余白の統一
・今日覚えた操作：ペンツール／整列パネル（選択範囲・キーオブジェクト）／文字パネル・段落／アートボード複製／PDF・PNG書き出し

まとめ（次に読むおすすめ）前の回

• 前：Photoshop応用（ユニット8）

• 次：Illustrator応用（ユニット10）

• 関連：デザイン概論（ユニット5）

参考（外部リンクと授業動画タイトル）

公式ヘルプ（分からない時はここ）

• Illustratorの整列・分布（Adobe公式）

• 印刷用PDFの書き出し（トンボ/塗り足しの考え方）

＜参考：授業動画タイトル＞
授業動画が視聴できないため、下の「授業動画タイトル一覧」は“チェックリスト”として活用しています。
タイトルから作業内容が想像できない場合は、同じキーワードで公式ヘルプを検索して補います。