피그마로 3분 만에 끝내는 감성 가득 유리 질감 아이콘 만들기

투명하고 영롱한 유리 질감(Glassmorphism) 아이콘은 복잡해 보이지만, 사실 피그마의 기본 기능인 내장 효과와 레이어 블러만 잘 활용해도 만들 수 있다. 초보자도 쉽게 따라 할 수 있는 유리 질감 아이콘 제작 방법을 알아본다.

먼저 기본 레이아웃 구성부터 시작한다. 배경은 부드러운 느낌을 주기 위해 둥근 모서리(Corner Radius)가 적용된 사각형을 그린다. 중앙에 배치할 삼각형 도형 역시 모서리를 둥글게 다듬어 부드러운 형태를 만든다. 이렇게 아이콘의 틀을 잡아 전체적인 비례와 균형을 맞춘다.

다음으로 깊이감을 주는 효과를 적용한다. 유리의 투명하고 입체적인 느낌은 레이어 스타일에서 결정된다. 내부 그림자는 총 4개의 내부 그림자를 레이어에 적용해 유리 특유의 굴절된 빛을 표현한다. 외부 그림자는 2개의 외부 그림자를 추가하여 배경과 자연스럽게 분리되는 입체감을 만든다. 이러한 그림자 조합으로 표면의 깊이와 반사 효과가 살아난다.

하이라이트와 블러로 질감을 극대화한다. 빛이 반사되는 느낌을 연출하기 위해 흰색(#ffffff)을 띤 둥근 사각형과 삼각형의 모서리 부분에 하이라이트를 추가한다. 이어 레이어 블러 효과를 주어 하이라이트가 부드럽게 퍼지도록 처리한다. 이렇게 하면 훨씬 더 영롱한 유리 같은 질감이 완성된다.

마지막으로 완성도를 높이는 최종 보정을 한다. 배경과 오브젝트 사이의 조화를 맞추고, 아이콘 배경에 추가적인 그림자를 넣어 공중에 떠 있는 듯한 고급스러운 느낌을 더한다. 이렇게 구성하면 투명하고 빛을 품은 유리 질감 아이콘이 완성된다.