iPhone・Mac・ウェブサービス・文房具について「生活に活かせる実用的な活用術」を提供するメディア

【XD】画像を「ぼかす」ふたつの方法!ぼかしレイヤーの作り方

この記事のURLとタイトルをコピーする
xd-bokashi

XDを使って画像に「ぼかし」を入れる方法をご紹介します。

「ぼかし」を入れる方法は2種類あり、「画像自体をぼかす方法」と「ぼかしレイヤーを画像の上に乗せる方法」とがあります。

両方覚えておくとケースに応じて使い分けられるので、活用してください。

画像自体をぼかす方法

1画像レイヤーを選択した状態で、右下にある「背景のぼかし」というテキストをクリック。メニューの中から「オブジェクトのぼかし」を選択します。

xd-bokashi_1

「背景のぼかし」にチェックを入れてもうまくいかないので注意です!「オブジェクトのぼかし」を選びましょう。

2そうすると画像に「ぼかし」が掛かります。数値を変えると、「ぼかし」の掛かり具合を調整できます。

xd-bokashi_2

しかしこの方法だと、画像の端までぼや〜っとなってしまいます。「画像の縁はくっきり、中身だけぼやけさせたい」って場合は、次の方法が有効です。

ぼかしレイヤーを画像の上に乗せる方法

1「ぼかし」を入れたい画像と同じサイズの図形を作成し、それを画像レイヤーの上に乗せます。そして、右下の「背景のぼかし」にチェックを入れます。

xd-bokashi_3

「塗り」にチェックが入っていないと、「ぼかし」効果が掛からないので、必ず「塗り」はオンにしておきます。

2作った図形が「ぼかしレイヤー」となり、その下にあるレイヤーをぼかすことができます。

xd-bokashi_4

メニューの上から「ぼかし具合」「明るさ」「透過度」を変更できますので、数値を変更してぼけ具合を調整します。

以上です。図形の範囲がそのまま「ぼかし」になるので、図形の形を工夫してあげれば、ぼかしたい場所をより限定することができます。

xd-bokashi_5

今日も来てくれて、ありがとうございます!

記事への感想や質問Twitterでいただけると喜びます。返信します。フォローはしなくてもいいけど、してくれたらもっと嬉しいです!

この記事のURLとタイトルをコピーする
当ブログの管理人
ばんか (bamka)
ばんか (bamka)ウェブディレクター・ブログ運営
iPhone・iPad・Mac。Evernoteなどのウェブサービス。ときどき文房具など。これらを使った『生活に活かせる実用的な活用術』をご提供しています。 管理人は当ブログの運営の他に、ウェブディレクター・ライター・セミナー講師など、いろいろな分野で活動しています。詳細は当ブログのプロフィールページをご覧ください。 各種仕事のご依頼も承っておりますので、ご希望の方はお問い合わせフォームからご連絡ください。
執筆著書
    SNSでフォローする