Inkscapeで文字装飾その２

Inkscapeを使った文字装飾の需要が予想外に大きいので「その２」を公開してみる。今回は若干シンプルなデザイン

文字の入力

まずは、適当な文字列をInkscapeに入れる。これは左にある

 をクリックすればよい。フォントや文字の大きさも適当に変更しておく。

続いて、テキストをパスに変換する。文字を選択した後、

Path → Object to path

を実行すればいい。

縁取り

文字を右クリックし、Duplicate(複製)する。

その後、複製した後の一方を選択した状態で

をクリックする。右に出たFill and Strokeで以下の設定をする

• Fill なし
• Stroke 縁の色、4~8px、カドは丸め

の様になる。
この上に  複製したうちの別の文字を重ねて色を設定する
この際には

をクリックして、２つの文字を同時に選択した状態で中心の位置を一致させればいい。

こんな感じ。（グリッドを表示させている）

影をつける

文字列をもう一つ複製してstrokeをなし、色を黒としてぼかしをかけて背景に移す。

完成品

グラデーションを適当に変更した。下のやつは黄色い影にしてみた。(CSS3でいうtext-shadow:#ff0 0px 0px 3px;くらい。)