SVGでロゴを作る方法
手順チュートリアル
SVGのロゴは最良の選択:ベクターでどのサイズでも鮮明、編集可能。svgdeskでゼロから無料で作れます。
1. 正方形のキャンバスを作る
新規を押して正方形(例 512x512)を選びます。正方形はアバターやアイコンに使いやすいです。
2. シンボルを組み立てる
基本図形(長方形・楕円)を組み合わせ、カスタムな線にはペンを使います。精密にするにはノードモードでベジェハンドルを調整。図形が少ないほどクリーンで軽いロゴに。
3. ブランド色を適用
各図形を選び、塗りと線を自分の色(16進数)で設定。色数は少なく(1〜3色)でしっかりしたロゴに。
4. 余白に注意
キャンバス内でシンボルの周りに余白を残します。使うときに縁に張り付かず、ロゴが息をします。
5. 文字:アウトライン化
文字を入れるなら、アウトライン(path)化すると、フォントがない環境でも同じに見えます。これでロゴが100%ポータブルになります。
6. 書き出し
SVG(ウェブと無限拡大用)と、高解像度のPNG(SNSやベクター非対応用)を保存。svgdeskのPNGはキャンバス解像度の2倍で出力されます。
ベストプラクティス
- 品質を保って拡縮できるようベクターで設計。
- 小サイズ用の簡易版(ファビコン)。
- 元のSVGを編集可能なソースとして保管。