SVGでロゴを作る方法

手順チュートリアル

SVGのロゴは最良の選択:ベクターでどのサイズでも鮮明、編集可能。svgdeskでゼロから無料で作れます。

1. 正方形のキャンバスを作る

新規を押して正方形(例 512x512)を選びます。正方形はアバターやアイコンに使いやすいです。

2. シンボルを組み立てる

基本図形(長方形・楕円)を組み合わせ、カスタムな線にはペンを使います。精密にするにはノードモードでベジェハンドルを調整。図形が少ないほどクリーンで軽いロゴに。

3. ブランド色を適用

各図形を選び、塗りを自分の色(16進数)で設定。色数は少なく(1〜3色)でしっかりしたロゴに。

4. 余白に注意

キャンバス内でシンボルの周りに余白を残します。使うときに縁に張り付かず、ロゴが息をします。

5. 文字:アウトライン化

文字を入れるなら、アウトライン(path)化すると、フォントがない環境でも同じに見えます。これでロゴが100%ポータブルになります。

6. 書き出し

SVG(ウェブと無限拡大用)と、高解像度のPNG(SNSやベクター非対応用)を保存。svgdeskのPNGはキャンバス解像度の2倍で出力されます。

ベストプラクティス

ロゴを作る

続けて読む