ロゴをベクターグラフィックにする方法

1. なぜロゴはベクターでなければならないのか

ロゴはWebサイトのヘッダー、名刺、パッケージ、のぼり、彫刻など、いたるところで使われます。ラスターのロゴ（JPG/PNG）は、拡大した途端に弱点が現れます。印刷ではジャギーができ、大画面ではぼけ、画素を読めない彫刻機ではそもそも扱えません。ベクターのロゴはパスとして書かれるので、どの大きさでも鮮明さが保たれ、印刷ソフトや彫刻ソフトはそのパスをそのまま読み取れます。つまり「ロゴのベクター化」はブランド素材を届けるうえでかかせない工程です。ライセンスの契約でもベクターのソースファイルを求められることが多く、ラスターではまず足りません。

2. 変換する前の準備

• いちばん大きい元データを探す：解像度が高いほど輪郭をなぞった結果が正確になります。古いファイルや同僚に確認し、チャットアプリで圧縮されたサムネイルは使いましょう；
• きれいな背景を準備する：白背景や単色背景なら、あとから背景を除去する作業がぐっと楽になります；
• 色数を数えておく：ロゴが実際に何色使っているかを確かめ、変換時の色数をその値に近づけておくと、あとから色を変えるのが簡単になります；
• ブランド色の値を控えておく：HEXの値を控えておけば、あとから結果を正確に合わせられます。

3. PolySVGでロゴ画像をSVGにする

1. ロゴ→ベクター変換ツールを開いてロゴの画像をアップロードします；
2. ロゴのプリセットに切り替えます。色数が少なく輪郭のはっきりしたマークのために調整された設定なので、写真向けの変換特有の余分なレイヤーなく、明快な色面が得られます；
3. 色数と滑らかさを微調整します。色数はロゴの実の色数に近づけ、滑らかさを少し上げると画素のジャギーが取れます；
4. 背景除去をオンにします。エンジンが主要な境界色を検出して背景を落とし、透明なベクターのロゴが得られます；
5. SVGをダウンロードするか、そのままエディタで仕上げます。

この一連の作業は無料の登録も不要です。

ロゴには2種類、扱いを変える必要があるものがあります。グラデーションの入ったマークはベクター化すると色の層が肉眼で分かるほど多くなるので、色数を少し下げ、わずかな階調の粗さは受け入れる必要があります。小さな文字の入ったマークでは文字の輪郭がぼけることが多いため、変換後にその部分だけを確認して、描画で塗り直すか、デザイナーに文字を描き直してもらってください。

4. エディタでの仕上げ：ホコリ、崩れた線、ブランド色

自動のベクター化が一回で完璧になることはまずありません。よくある補修はオンラインSVGエディタで行います。ホコリを消す――背景から残った小さな色面を選んで削除します；描画で補う――崩れた線に沿ってなぞると、その線が自動的に新しいパスとしてベクター化されます；色を合わせる――パスをクリックしてブランド色の値を入力し、変換で出た色づれを取り除きます。背景がまだ残る場合は、背景除去ツールの「自動＋手動」の手順も使えます。

5. 納品と保管

SVGはブランドのソースファイルとして保管し、日常のプレビューやドキュメントには書き出したPNGを使います。印刷所がEPSやAIを求めた場合は、IllustratorやInkscapeでSVGを開いてその形式で保存してください。形式の違いはSVG・EPS・AIの違いで説明しています。ベクターロゴの価値をもっと知りたいときはSVGの6つの利点を読んでください。

納品前に3つの確認をします。400%まで拡大して輪郭がきれいか、暗い背景に置いて透明度が完全か、スポイトでブランド色の値が合っているか、です。暗い背景は一時的に長方形を描いておき、あとで消してかまいません。3つとも問題なければ、ベクターロゴの完成です。

注意点：ベクター化はすでにある画素をなぞるだけなので、失われた細部は取り戻せません。元データが非常にぼやけている場合は、より高解像度の版を探すか、ペン工具で描き直してください。