今回はFigmaを使ってグラスモーフィズムを作ってみたいと思います!
1、アイコンを二つ準備。
こちらの雲は楕円と円をunion selectionで合わせ、月は大小二つの丸をsubtract selectionで作りました。
![画像1](https://assets.st-note.com/production/uploads/images/74983749/picture_pc_aff8e70a162cd48848899d018b53e6f3.jpg?width=800)
2、それぞれlinearで染める。
![画像2](https://assets.st-note.com/production/uploads/images/74983894/picture_pc_466e6756c7e51ae43217bb0661b752ec.jpg?width=800)
3、雲のbackground blurを80に。
![画像3](https://assets.st-note.com/production/uploads/images/74983924/picture_pc_74a6a94bcf7aa058a7b3ffc08329595d.jpg?width=800)
4、雲のlinearを10%に。
![画像4](https://assets.st-note.com/production/uploads/images/74983972/picture_pc_f2eb41374d4ecc78d898e6d879066f6c.jpg?width=800)
5、雲のStrokeを白の1に。
![画像5](https://assets.st-note.com/production/uploads/images/74984019/picture_pc_5382d071637ca3de7f23cbd571f0f9e4.jpg?width=800)
6、月を雲の後ろに移動。
![画像6](https://assets.st-note.com/production/uploads/images/74984045/picture_pc_4137b26f48f111ebdcf1b8d8f983073b.jpg?width=800)
完成です!
![画像7](https://assets.st-note.com/production/uploads/images/74984140/picture_pc_376b06013cefcfc4f4435f0daea340f7.jpg?width=800)
今回はここまでです!また次の記事でお会いしましょう~😉
Follow me here😊
Website | Instagram | Twitter │Dribbble│Linkedin