figma, Use as mask

라용·2023년 1월 19일
0

figma

목록 보기
4/22

피그마에서 마스크 기능을 사용하는 방법, 알고는 있었지난 또 새롭게 알게 된 것이 있어서 기록. 기본적으로 피그마에서 어떤 요소를 선택하면 중앙 상단에 Contextual tool 이 생긴다. 요소마다 뜨는게 조금씩 다른데, 두가지 요소를 같이 선택하면 아래처럼 툴이 나오고 가운데 아이콘이 마스크다.

마스크 아이콘을 누르면 제일 아래에 있는 도형 기준으로 마스크가 씌어진다. 실제로 잘린 것이 아니라 마스크로 해당 영역안에서만 보이도록 가려진 것이므로, 안의 요소를 클릭해서 이동할 수 있다.

안의 요소는 여러번 클릭하거나, cmd 를 누르면 바로 선택할 수 있다. 여기서 내가 몰랐던 기능을 알았는데. 이렇게 적용한 마스크를 없애고 ㅅ싶을 때 나는 항상 좌측 레이어에서 뭔가를 막 지우고 옮기고 했는데 그럴 필요가 없다.

아래처럼, cmd 누르고 마스킹 된 안의 요소를 누를 때, 마우스 왼쪽이 아닌 오른쪽을 클릭하면 이런 요소에 대한 옵션창이 뜨고, 이때 마스크 역할을 하는 사각형만 선택해 지워주면 마스크가 풀린다. 좌측 레이어패널에서도 가능하고..

그런데 이렇게 해도 레이어상에서 마스크 그룹에 요소가 담겨있으므로,, 완벽한 마스크 해제는 아닌 것 같다.

  • 더보니, 마스크 표시된 도형을 누르고, 상단이 마스크 아이콘 눌러도 마스크다 풀린다. 그래도 그룹 묶임은 유지되니 원상태로 돌리고 싶다면, 그룹 해제까지 해야한다.
profile
Today I Learned

0개의 댓글