昨今UIデザインのためのアプリが増えてきておますが、中々使い勝手が良いのが「Figma」です。tool今回はFigmaでグラデーションを使用したマスク作成方法をご紹介したいと思います。グラデーションマスクってなに?という方もいるかもしれませんのでご説明を。グラデーションを設定した矩形を利用し、だんだんと透明になる画像を作成できるものです。背景になじませたり、他の画像となじませコラージュ的なものを作成したりと非常に便利な機能です。1.画像を配置する任意の場所からドラッグ&ドロップで配置し大きさを整えます。2.グラデーションの矩形を作成するグラデーションを作成するための矩形を作成します。その後右側の「FILL」メニューから配色アイコンをクリックし、ポップアップメニューの左上の「Solid」と書かれているメニューをクリックし「Liner」を選択。グラデーションが作成されました。グラデーションは後から調整が可能です。{)し、画像と矩形両方を選択。右側が消えていくマスクが作成されました。最後にグラデーションマスクは色んな形のマスクでも作成することが可能です。グラデーションの設定次第でも色んなマスクを作成することが可能です。触って試してみてください。明文カテゴライズしたらきっとデザイナーのはず。音楽(洋楽をジャンル問わず雑多に貪る)、欧米テレビドラマ(シットコム)が好き。