2021年頃から流行りだしている磨りガラスのような半透明のレイヤーを用いたデザイン「グラスモーフィズム(Glassmorphism)」がWebデザインやUIデザインを中心によく見かけるようになりました。 macOSやiOSのデザインで使われたことで、爆発的に広がったデザイントレンドの1つです。 今回は、そんな「グラスモーフィズム(Glassmorphism)」をAdobeXDとPhotoshopで作る方法をそれぞれでご紹介していきます。 グラスモーフィズムデザインとは? 「グラスモーフィズムデザイン(Glassmorphism Design)」とは、磨りガラスのような処理をした半透明のレイヤーを使ったデザインのことです。 通常は、レイヤーの不透明度を数値を落としていけば透明に近づきます。しかし『グラスモーフィズム』の加工を行ったレイヤーだと、背景が透過してますが、磨りガラスのようなぼかしが
![【XD/Photoshop】グラスモーフィズムデザインを作る方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/ff061f778380d3045ab12b3ef34cd3cbcaafa478/height=288;version=1;width=512/https%3A%2F%2Fwkwkdesign.com%2Fwp%2Fwp-content%2Fuploads%2F2022%2F03%2Fhow-to-glassmorphism-tips-blog.png)