Adobe XDで画像をモノクロにする方法

本記事では、Adobe XDで画像をモノクロにする方法を解説します。

「photoshopで編集」からモノクロにしてもいいのですが、何回もphotoshop、XDを行き来するのは非常に面倒です。

そこで今回は上記方法を使わずに画像をモノクロにする方法を見つけたのでシェアします。

ワイヤーフレーム(WF)は、わざとモノクロにしてデザイン性を排除することが多いので、WF作りに勤しむ方はぜひ使ってみてください。

Adobe XDで画像をモノクロにする方法

方法はとっても簡単。

まずXDで適当な画像を用意します。

image.jpg
次に、画像と同じサイズで長方形を上にかぶせます。

かぶせた長方形のアビアランスからセレクトボックス(標準と書かれているところ)をクリックして、彩度を選択します。

img-mov02.gif

これだけです!

img.jpg

画像をモノクロにすることができました。

一部だけモノクロにする

重ねた長方形の位置を移動すれば、画像の一部だけモノクロにすることもできます。

img-mov03.gif

まとめ

備忘録的な内容になりましたが、、誰かの役に立てば嬉しいです

今回の方法は、「画像を複数モノクロにしたい」といった場合には少し面倒なやり方なので、また良い方法が見つかりましたらシェアします…!