画像付きで解説！Illustratorで画像をトレースする方法！
susan すーさんのweblog
Illustratorで文字をアウトライン化する方法！できない場合の解決法も！
susan
記事内に商品プロモーションを含む場合があります
Illustratorで文字やフォントをアウトライン化する方法は、ロゴデザインや印刷物の制作において重要なテクニックです。
アウトライン化により、フォントの互換性の問題を回避し、編集の自由度を高めることができます。
本記事ではアウトライン化についてや実際に文字をイラストレーターでアウトライン化する方法、できない場合の解決法を詳しく解説していきます。
Webデザイナーにおすすめのパソコンはこちら！
Webデザインが学べるおすすめのスクールに関しては【初心者用】Webデザインが学べるスクール！おすすめの10校を徹底比較で詳しく紹介していますので、興味ある方はぜひチェックしてみてください。
あわせて読みたい
【初心者用】Webデザインが学べるスクール！おすすめの10校を徹底比較
フリーランスデザイナー用のエージェントに関して知りたい方はフリーランスのデザイナーが登録しておくべきエージェント8選！おすすめはどこ？で詳しく解説していますので、ぜひチェックしてみてください。
あわせて読みたい
フリーランスのデザイナーが登録しておくべきエージェント8選！おすすめはどこ？
Contents
アウトライン化とは
アウトライン化（アウトライン変換）とは、デザインや印刷のコンテキストで使用される重要な概念で、具体的にはテキストやフォントをパス（輪郭線）に変換することを指します。
文字やフォントの情報を保持しながら、それらをベクター形式に変換することで、テキストを編集や変更によって影響を受けない固定された形として扱います。
アウトライン化を行うと、テキストがパスに変換されるため、フォントの情報が必要なくなり、その結果フォントの互換性の問題を回避し、デザインの再現性を確保することができます。
また、アウトライン化によってテキストの形状や輪郭線を自由に編集できるようになり、デザインの自由度を高めることができます。
Illustrator学習におすすめの書籍
Illustratorに関するおすすめの記事
アウトライン化の使用例
以下、アウトライン化がよく活用される使用例です。
使用例
- フォントの互換性を確保したい場合
- 印刷物やロゴデザインを作成する場合
- テキストの編集を制限したい場合
- フォントの表示を一貫させたい場合
- テキストの形状や輪郭を自由に編集したい場合
フォントの互換性を確保したい場合
デザインを他の人のコンピュータやソフトウェアで共有する際に、使用したフォントがない場合でもデザインが崩れずに表示されるようにするために、アウトライン化が必要です。
印刷物やロゴデザインを作成する場合
印刷業界では、フォントの互換性やデザインの一貫性を保つために、テキストをアウトライン化することが一般的です。
テキストの編集を制限したい場合
デザインが最終的な形に近づいている場合や、特定のテキストを変更せずにデザインを固定したい場合に、アウトライン化が有用です。
フォントの表示を一貫させたい場合
特定のフォントがユーザーのコンピュータにない場合でも、デザインが一貫して表示されるようにするために、アウトライン化が役立ちます。
テキストの形状や輪郭を自由に編集したい場合
アウトライン化により、テキストをベクターパスとして扱えるようになり、形状や輪郭の編集が自由に行えます。
アウトライン化のメリット・デメリット
アウトライン化することはメリットしかないように思えますが、当然デメリットもあります。
アウトライン化するメリット
メリット
- フォントの互換性
- 編集の自由度
- プリントおよび出力の品質
フォントの互換性
アウトライン化により、テキストをパスに変換することで、フォントに依存しないアートワークが作成されます。
これにより、他のコンピュータやソフトウェアでファイルを開いたときに、フォントの互換性の問題がなくなります。
編集の自由度
アウトライン化されたオブジェクトは、パスとして扱われるため、形状や輪郭線の編集が容易になります。
ノードやアンカーポイントを調整して形状を変更したり、パスの太さやカーブを調整したりすることができます。
プリントおよび出力の品質
アウトライン化により、印刷や出力時にフォントの代わりにパスが使用されるため、テキストのクリアな表示や正確な印刷が可能になります。
アウトライン化するデメリット
デメリット
- テキストの編集の制限
- ファイルサイズの増加
テキストの編集の制限
アウトライン化されたテキストは、元のテキスト情報が失われるため、編集や変更が困難になります。
文字のスペースや行間の微調整、新たなテキストの挿入などは行えません。
そのため、テキストの編集が必要な場合は、アウトライン化する前にバックアップを作成することが重要です。
ファイルサイズの増加
アウトライン化により、パスの詳細な情報がファイルに格納されるため、ファイルサイズが増加する場合があります。
特に複数のテキストがアウトライン化された場合や、複雑なパスが含まれる場合に影響があります。
アウトライン化は、テキストの安定性や編集の自由度、品質の向上などのメリットがありますが、テキストの編集制限やファイルサイズの増加といったデメリットもあります。使用する前に、デザインの目的やニーズに合わせて慎重に判断する必要があります。
アウトライン化する前の注意点
Adobe Illustratorでテキストをアウトライン化することは、デザイン制作の一部として一般的によく利用されます。
しかし、アウトライン化を行う前に以下のような注意点を理解しておくことは重要です。
注意点
- 元のテキスト情報が失われる
- ファイルサイズが増加する可能性がある
- アウトライン化されたテキストは編集が難しくなる
- フォントのライセンスに注意する
元のテキスト情報が失われる
一度テキストをアウトライン化すると、元のテキスト情報（フォント名、文字サイズ、行間など）は失われてしまいます。
そのため、テキストを編集する可能性がある場合は、アウトライン化する前に元のテキストを保存しておくことが推奨されます。
ファイルサイズが増加する可能性がある
テキストをアウトライン化すると、テキストの各文字がベクトルのシェイプに変換されます。
これにより、特にテキストが多いファイルでは、ファイルサイズが増加する可能性があります。
アウトライン化されたテキストは編集が難しくなる
アウトライン化されたテキストは、各文字が独立したシェイプとして扱われるため、テキストの編集（スペルの修正、文字の追加や削除など）が難しくなります。
フォントのライセンスに注意する
アウトライン化することで、フォントの制限を回避できる場合がありますが、フォントのライセンス条項によってはアウトライン化が禁止されている場合もあります。
使用しているフォントのライセンスを確認してからアウトライン化を行ってください。
文字をアウトライン化する手順
それでは実際にイラストレーターでアウトライン化の操作方法を見ていきましょう。
ステップ1:イラストレーターで文字を入力する
まずはアウトライン化したい文字を入力しましょう。
左のツールバー ＞ 文字ツールを選択
アートボード上で入力したい文字をタイピング
フォント・サイズを選ぶ
ステップ2:アウトライン化したい文字を選択する
文字をクリック
もしくは上部のメニュー>選択 ＞ 全てを選択
ステップ3: アウトライン化を作成
文字が選択された状態で上部メニューの書式をクリック
書式＞アウトラインを作成
これだけでアウトライン化ができました。
ステップ4: アウトライン化されたのを確認
レイヤーをクリックし、グループ内にそれぞれの文字がそれぞれのレイヤーとして存在していれば、アウトライン化完了です。
ステップ5: アウトライン化に漏れがないかを確認する
最後にアウトライン化に漏れがないかをチェックしましょう。
漏れがない場合
漏れがない場合はドキュメントフォントの部分が0になっています。
0の場合は漏れがなく、全てアウトライン化されたことになります。
漏れがある場合
漏れがある場合(アウトライン化されてないフォントがある場合)はドキュメントフォントの部分にアウトライン化されていないフォント数が表示されます。
またアウトライン化されておらず、文字として認識されているフォントの種類が四角の中に表示されます。
ステップ6: 文字が自由に動かせる
アウトライン化が完了していることを確認したら、あとは文字を自由に操作することができます。
文字一つ一つがオブジェクトとして認識されているため、それぞれを自由に動かすことができます。
さらには一個の文字をさらに細かく分解することも可能になります。
アウトライン化ができない場合の原因
テキストやオブジェクトをアウトライン化（ベクトル化）できない場合に考えられる原因はいくつかあります。
考えられる原因
- レイヤーロックがかかっている
- テキストがリンクされている
- 非表示のオブジェクト
- グループ化されている
- ソフトウェアの問題
レイヤーロックがかかっている
オブジェクトがロックされているレイヤーにある場合、操作が制限されることがあります。
レイヤーパネルを確認し、必要なオブジェクトのロックを解除してみてください。
テキストがリンクされている
テキストが別のドキュメントやファイルにリンクされている場合、アウトライン化ができないことがあります。
リンクを解除した上で、再度アウトライン化を試みてみてください。
非表示のオブジェクト
オブジェクトが非表示になっていると、アウトライン化ができないことがあります。
オブジェクトが見えるようにするか、またはレイヤーパネルを使って非表示オブジェクトを探し、表示してからアウトライン化を試みてみてください。
グループ化されている
オブジェクトが他のオブジェクトとグループ化されていると、個々のオブジェクトをアウトライン化することができないことがあります。
グループ化を解除してから試してみてください。
ソフトウェアの問題
Illustrator自体のバグや、アップデートが必要な状態なども考えられます。
再起動、アップデート、再インストールなどを試してみてください。
Illustrator学習におすすめの書籍
まとめ
いかがだったでしょうか。
本記事ではアウトライン化についてや実際に文字をアウトライン化する方法を詳しく解説してきました。
アウトライン化は実際の現場でよく使う手法ですのでぜひこれを気に覚えてみてください。
Webデザイナーにおすすめのパソコンはこちら！
Webデザインの勉強をしたい方はこちらの記事がおすすめ！
Webデザイナー用のエージェントをお探しの方はこちらの記事がおすすめ！
副業案件をお探しの方はこちらの記事がおすすめ！
ABOUT ME
30代web業界未経験
→オーストラリアにIT留学
→現地インターンを1年半経験
→フリーランスwebデザイナー・エンジニアとして活動
→月収80万円達成！
