見出し画像

グラスモーフィズムを作りたい!#Figma

今回はFigmaを使ってグラスモーフィズムを作ってみたいと思います!

1、アイコンを二つ準備。

こちらの雲は楕円と円をunion selectionで合わせ、月は大小二つの丸をsubtract selectionで作りました。

画像1

2、それぞれlinearで染める。

画像2

3、雲のbackground blurを80に。

画像3

4、雲のlinearを10%に。

画像4

5、雲のStrokeを白の1に。

画像5

6、月を雲の後ろに移動。

画像6

完成です!

画像7

今回はここまでです!また次の記事でお会いしましょう~😉

Follow me here😊

Website | Instagram | TwitterDribbbleLinkedin


よろしければサポートお願いいたします。いただいたサポートはクリエイターとしての活動費に使わせていただきます。