Glassmorphism

グラスモーフィズム

透明感や幻想的なアクセントを出す

制作時間 1h

【作り方】

◆ Photoshop ◆
グラスモーフィズムを適用したいデザインができたらレイヤーをすべて選択してから「スマートオブジェクト」に変換し、1枚のレイヤーにしておきます。シェイプツールでお好きな形を作成します。このレイヤーが「グラスモーフィズム」用のレイヤーになります。背景デザインを最前面に複製します。複製した背景レイヤーと、シェイプレイヤーで『クリッピングマスクの作成』をしてマスクを適用します。複製した背景レイヤーを選択した状態で、画面上部メニュー［フィルター］→［ぼかし］→［ぼかし（ガウス）］を選択します。 ぼかし（ガウス）の数値は、プレビューを見ながらお好みで設定します。いい具合にぼかしが入っていればOKです。（後から変更可能） シェイプレイヤーをダブルクリックして「レイヤー効果」をつけます。［境界線］［ドロップシャドウ］［光彩（外側）］につけます。

境界線
サイズ：1～2px / カラー：#FFFFFF / 不透明度：50%
ドロップシャドウ
カラー：#000000 / 不透明度：20%/ 角度：90° / 距離：90° / 距離：20px / サイズ：20px
光彩（外側）
カラー：#000000または背景色の彩度を低くした色 / 不透明度：20% / スプレッド：10% / サイズ：30px

複製した一番最前面のレイヤーを選択し、画面上部メニュー［フィルター］→［ノイズ］→［ノイズを加える］を選択します。［ノイズ］オプションから【量：1%】程度でOK