[Figma] 마스크

 

1. 이미지 마스크

 

원하는 도형을 생성하고, 클릭한 상태에서

 

 

Place image를 클릭한다

원하는 이미지를 선택하면 커서에 이미지가 따라붙는 형태로 변하는데, 이상태에서 도형을 클릭하면

 

 

 

이렇게 도형 모양에 이미지가 입혀지게 된다.

 

 

여러개의 도형에 한꺼번에 넣고 싶다면, 도형들을 드래그한 후에 Place image를 클릭하여 도형의 개수대로 사진을 선택한 후 차례대로 도형을 클릭하여 넣어주면 된다.

 

마스크 되어 있는 이미지를 수정하고 싶으면, 옆의 fill에 있는 이미지를 클릭하면 여러 속성들이 나온다.

fill은 도형에 빈틈이 없게 꽉 채운다.

fit은 이미지 중 큰 쪽에 맞춰서 빈틈이 발생한다.

crop은 이미지 사이즈를 사용자가 직접 조절할 수 있다.

tile은 이미지로 패턴을 만들 수 있다.

 

 

 

 

 

tile로 설정한 모습

 

 

2. 일반 마스크

 

이미지 말고도 다양하게 활용할 수 있다

글자를 별모양 안에 쏙 넣는 작업을 하고 싶으면,

일단 모두 선택 후

 

 

패스파인더 옆의 동그라미 아이콘 클릭

이렇게 된다~~~

만약 글씨의 위치가 마음에 안 들면 드래그해서 옮겨주면 된다