インストール方法。

インストールは上部メニューの「Resources（リソース）」から、「Plugins（プラグイン）」のパネルを開き、「Pixels」で検索する。

「Pixels」が表示されたら、クリックすると画面が切り替わる。

右横の三点リーダーの「Save（保存）」からインストールができる。

※右クリックメニュー、または、プラグインの配布サイトPixelsからでもインストール可能。

インストールしない場合。

インストールをせずに使用する場合は、「Pixels」パネルの「Run（実行）」をクリック。

「Pixels」パネルの開き方。

「Main menu（メインメニュー）」 > 「Plugins（プラグイン）」 > 「Pixels」で開く。

※右クリックメニューからでも可。

「Pixels」のパネルでモザイクの設定をする。

モザイクを調整するシンプルなパネルが現れる。

色数の少ないイラストよりも、色数の多い写真を使った方がモザイクがかかりやすい。

（※白黒にしたいときは、デザインパネルの「Fill（塗り）」 > 「Image（画像）」の、Saturation（彩度）を下げると良い。）

Photo by：Tamas Pap

画像を見ながら、モザイクの具合を1〜80の間でスライダーをドラッグして調節する。

「Vectorize」をクリックするとベクター画像へ変換される。Vectorizeされると、右横にベクター画像が出来上がる。

特定の箇所にモザイクをかけたい場合は、2枚の画像を組み合わせる。

モザイクをかけたい画像全体にモザイク処理を行う。

※4枚の画像が表示されているが、上記の画像が残っていただけで特に4枚必要というわけではない。紛らわしくてごめんなさい。

モザイク部分は長方形ツールなどでマスクする。

モザイク処理がされた画像を、マスクする。（今回は目の部分。）

元画像の上にモザイク画像を配置する。

そして、マスクされた目の部分の長方形の画像を、元画像の上に配置する。

目の部分だけにモザイクがかかった画像が完成。

2枚の画像により、特定の箇所にモザイク処理がされる。後はこの2枚をグループ化して書き出す。

今回はたまたまUnsplashで出会った可愛らしいワンちゃんの写真を使用。

（もちろんワンちゃんが悪いことをしたわけではありません。）

参考メモ。

参考：Figmaがダークモードに対応。背景設定も簡単で、目に優しい！