Inkscape(インクスケープ)で文字に背景を付けて目立たせる方法『初心者向け』

Inkscape(インクスケープ)で文字に背景を付けて目立たせる方法『初心者向け』

ワタシは毎回ブログ記事ごとに見出し画像を挿入しています。記事の読み初めに画像があるのとないのでは、随分イメージが違ってきますね。

ただ適当に画像を挿入するのではなく、記事の内容にマッチした画像を挿入して、できればひと言、文章を添えておくとブログ訪問者に分かり易くなりますね。

画像にそのまま文章を書き加えるだけでも良いですが、パッと見て誰もに目立つ文章にしたいですね。そこで、文章に背景を挿入して、より一層文字を目立たせる方法を紹介していきたいと思います。

Inkscape(インクスケープ) を使えば誰でも簡単に作成できると思います。なお、Inkscape(インクスケープ)は無料で使用できます。導入方法はコチラへ。

スポンサーリンク

テキストツールで文章を書く

今回は下記の様に文章に背景を付けていきたいと思います。

Inkscape(インクスケープ)で文字に背景を付けて目立たせる方法『初心者向け』

飼いヌコ
何だかYouTubeで見かけそうな文章だな(笑)。

Inkscape(インクスケープ)を起動して、左のメニューバーから「テキストツール」を選択します。

Inkscape(インクスケープ)で文字に背景を付けて目立たせる方法『初心者向け』

任意の文章を書きこんでいきます。

Inkscape(インクスケープ)で文字に背景を付けて目立たせる方法『初心者向け』

次に、「選択ツール」に切り替えて文章を選択、右クリックで複製します。

Inkscape(インクスケープ)で文字に背景を付けて目立たせる方法『初心者向け』

キーボードの↓を押して下に移動させます。

Inkscape(インクスケープ)で文字に背景を付けて目立たせる方法『初心者向け』

飼いヌコ
同じ文章が2つ出来ましたね、ここまでは簡単だな~。

「フィル/ストローク」の設定

Inkscape(インクスケープ)の下の方にあるカラーパレットを使って文章に色を挿入していきます。

Inkscape(インクスケープ)で文字に背景を付けて目立たせる方法『初心者向け』

Inkscape(インクスケープ)の右サイドにある「フィルやストロークなどの編集」をクリックすると「フィル/ストローク」が現れます。

Inkscape(インクスケープ)で文字に背景を付けて目立たせる方法『初心者向け』

「ストロークの塗り」➝「単一色」と選択します。

Inkscape(インクスケープ)で文字に背景を付けて目立たせる方法『初心者向け』

「ストロークの塗り」の色と外側になる方の文章の文字の色を同じ色に合わせます。スライダーのツマミを調節するか、今回は赤なので「ff0000ff」と直接記入していきます。どちらの方法でも良いですね。

Inkscape(インクスケープ)で文字に背景を付けて目立たせる方法『初心者向け』

いちばん右の「ストロークのスタイル」を選択し、幅を広げていきます。

Inkscape(インクスケープ)で文字に背景を付けて目立たせる方法『初心者向け』

こんな感じで文章がぼやけた様になりました。

Inkscape(インクスケープ)で文字に背景を付けて目立たせる方法『初心者向け』

飼いヌコ
なんじゃこれ~。

文章を重ね合わせる

ぼやけている文章を選択し、「オブジェクト」➝「最背面へ」と設定しておき、キーボードの↑で2つの文章を重ねていきます。

Inkscape(インクスケープ)で文字に背景を付けて目立たせる方法『初心者向け』

飼いヌコ
お~、ピッタリとマッチしましたね。

画像と組み合わせてみました。

Inkscape(インクスケープ)で文字に背景を付けて目立たせる方法『初心者向け』

3つの文章を重ねてみると、こんな感じに。

Inkscape(インクスケープ)で文字に背景を付けて目立たせる方法『初心者向け』

飼いヌコ
目立ちますねw

まとめ

今回はInkscape(インクスケープ)で文字に背景を付けて、文章を目立たせる方法を紹介しました。全くの初心者向けになっていますので、Inkscape(インクスケープ)を始めたばかりの人でも簡単に挿入できると思います。

ちょっとした工夫で記事画像を目立たせる事が出来るので、ぜひ覚えておきたいですね。

 
Inkscape関連記事
スポンサーリンク

フォローする

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)