• HOME > 
  • Inkscape > 
  • Inkscapeのぼかし機能の使い方を解説【輪郭をぼかす・フ...

Inkscapeのぼかし機能の使い方を解説【輪郭をぼかす・フィルターを使う】

投稿日:

このページにはGoogleアドセンス広告とアフィリエイト広告が含まれています。

カテゴリー記事のアイキャッチ画像
広告
広告

無料でダウンロードできるソフト「Inkscape」を使えば、Adobe Illustratorのようなベクターグラフィックを簡単に作ることができます。

リンク先のサムネイル
Inkscapeのインストールの方法

「Inkscape」をダウンロードしてwindows10にインストールする流れを画像付き順を追って説明します。インストールが完了したら製作を始める前に、まず自動保存の設定を行っておくことをおすすめします...【もっと読む】

このページの解説に使用しているInkscapeのバージョンは1.2です。他のバージョンでは表示などが異なる場合がありますので予めご了承ください。

Inkscapeで「ぼかし」を行うには?

Photoshopなどの画像編集ソフトでお馴染みの「ぼかし」効果はInkscapeでも簡単に使用することができます。

Inkscapeには次の2種類の「ぼかし」が存在します。

  • オブジェクトのフィル/ストローク設定による「ぼかし」
  • フィルター機能による「ぼかし」

フィル/ストロークの「ぼかし」は主に図形ツールやペンツールで作成したオブジェクトをぼかすことができます。

フィルストロークによるぼかしの例

フィルター機能による「ぼかし」は主にインポートした画像などをぼかす際に活躍します。

フィルターによるぼかしの例

フィル/ストローク設定による「ぼかし」の方法

ぼかしたいオブジェクトを選択した状態で、「フィル/ストローク」ダイアログを開きます。

画面上部にある「オブジェクト」メニューの中から「フィル/ストローク」をクリックするか、キーボードのショートカットキー「Shift + Ctrl + F」を押します。

フィルストロークのショートカットキー

「フィル/ストローク」ダイアログの下部にある「ぼかし」の数値を増やすとオブジェクトがぼやけていきます。

フィルストロークのぼかし

ぼかしの数値は右端の上下ボタンを押すか、ゲージを左右にドラッグで変更できます。(直接数値を入力することも可能です)

フィルストロークのぼかし

上記の例はフィルに対してぼかしを適用させましたが、ストロークにもぼかしを設定することも可能です。

下図はフィルにぼかしを適用させた例です。

フィルにぼかしを適用した例

下図はストロークにぼかしを適用させた例です。

ストロークにぼかしを適用した例

文字(テキスト)のぼかしを設定する

テキストツールで入力した文字に対してもフィル/ストロークプロパティでぼかしを設定することができます。

文字のフィルにぼかしを適用した例

フィルター「ぼかし」の使い方

続いては、Inkscapeのフィルター機能のひとつである「ぼかし」をオブジェクトに適用させる方法について説明します。

ぼかしを適用させたいオブジェクトを選択した状態で、画面上部にある「フィルター」メニューをクリックします。

「ぼかし」の所にカーソルを合わせると横にリストが表示されるので、利用したいものを選んでクリックします。

フィルターメニュー

ぼかしによってはすぐに適用されるものと、ダイアログボックスが表示されるものがあります。ダイアログボックスが表示された場合は、思い通りの効果になるようにぼかしの設定を行います。

ぼかしのダイアログ

各ダイアログボックスの左下にある「ライブプレビュー」にチェックを入れると、変更した設定がどのように反映されるか確認しながら調整することができます。

ダイアログボックスでの設定が終わったら、最後に右下の「適用」をクリックして完了です。(※「閉じる」の方を押せばぼかしを適用させずに終了できます。)

オブジェクトにぼかし「エッジをきれいに」を適用できました。

フィルターぼかしの適用例

文字(テキスト)にフィルターぼかしを使う

テキストツールで入力した文字にも同様の手順でフィルターのぼかしを適用させることができます。

種類によっては文字の形が崩れて視認できなくなるものもあるので注意が必要でです。

文字(テキスト)にフィルターのぼかしを使う例

画像にフィルターぼかしを使う

冒頭でも書きましたがInkscapeではドキュメント内の画像に対してもフィルターが利用可能です。

簡単に写真に効果を与えることができるので試してみて下さい。

画像にフィルターのぼかしを使う例

フィルターぼかし一覧

Inkscapeのバージョンは1.2で利用可能なぼかしとその適用例をまとめました。

数値を調整できるものに関しては、それぞれのぼかしで数値を調整することで違った効果が得られると思いますので是非試してみて下さい。

元のオブジェクト

元のオブジェクト

エッジをきれいにの適用例

エッジをきれいに

クロスぼかしの適用例

クロスぼかし

はかなさの適用例

はかなさ

ピンボケの適用例

ピンボケ

ぼかしの適用例

ぼかし

ぼかし2倍の適用例

ぼかし2倍

羽毛の適用例

羽毛

幻影の適用例

幻影

フィルターぼかしを取り消す

上記の手順で設定したぼかしを取り消したいときは、対象のオブジェクトを選択した状態でフィルターメニューの下にある「フィルターを除去」をクリックします。

フィルターを除去

まとめ

以上がInkscapeのフィルター「ぼかし」の使い方です。

自分では作り出せない表現を簡単に表示させることができるので是非活用してみてはいかがでしょうか?

関連する記事

サムネイル

Inkscapeのテクスチャの使い方【オブジェクトに素材の質……

2023年06月01日
最終更新日:2023年05月31日
Inkscapeでは、クリック操作だけでオブジェクトやテキスト・画像にいろいろな素材の質感を持たせることが可能です。(数値を調整してカスタマイズできるテクスチャもあります。)
サムネイル

Inkscapeで金色(ゴールド)を表現する方法【メタリック……

2023年06月01日
最終更新日:2023年05月31日
Inkscapeではグラデーションツールを活用することで金色や光沢を持ったメタリックの表現を作り出すことができます。
サムネイル

Inkscapeの消しゴムツールの使い方【消えないときは?】

2023年06月01日
最終更新日:2023年05月31日
消しゴムツールはその名の通りオブジェクトを消すことができるツールです。「触れたオブジェクトそのものを削除する」「オブジェクトをなぞった箇所を切断する」という2通りの使い方ができます。
サムネイル

Inkscapeで文字に影(ドロップシャドウ)を付ける方法【……

2023年06月01日
最終更新日:2023年05月31日
Inkscapeでオブジェクトに影をつけたいときはフィルターメニューの「影を落とす」を使用します。影の大きさや位置、色を自由に変更することも可能です。
サムネイル

Inkscapeで整列と配置を行う方法【オブジェクトをきれい……

2023年06月01日
最終更新日:2023年05月31日
整列を使うと、選択した複数のオブジェクトを基準に沿って水平方向・垂直方向に揃えることができます。配置は選択されている複数のオブジェクト同士を縦方向・横方向それぞれ等間隔にできます。
サムネイル

Inkscapeでトリミングを行う方法【写真や画像の切り抜き……

2023年03月06日
最終更新日:2023年03月13日
トリミングは、写真や画像をInkscapeのドキュメントにインポートし、矩形ツールで作ったオブジェクトや「ビットマップのトレース」で抽出した輪郭の形状をクリップするという手順で行います。