모카 스터디/UX&UI 디자인[Figma]

텍스트,피커,그라데이션,이미지와 마스크, 이펙트(그림자)

softmoca 2023. 8. 29. 15:57

텍스트 만들기

문단의 가로, 세로 길이에 맞혀서 텍스트 오브젝트의 길이를 자동으로 맞혀 준다.

 

글꼴 및 사이즈 및 글자사이의 간격(행단) 조절 가능

 

 

 

 

피커, 그라데이션

단축키 i 를 누르면 해당 오브젝트 픽셀의 색상번호를 알수 있다.

 

 

 

이미지와 마스크 기능

또는 폴더의 드래그 앤 드롭으로 이미지 가져올 수 있다.

추가적인 팁으로 이미지를 가져 왔을 떄는 비율을 고정할체 사이즈를 조정해야한다.

 

포토샵 만큼은 아니지만 기본 적인 포토샵을 할 수 있다.

 

crop 기능으로 사진을 필요한 부부만 짜를수도 있다.

 

 

마스크 : 어떤 도형에 이미지를 입힌다.

이미지 레이어가 도형 레이어 보다 앞에 있어야 한다.

 

이펙트 이해하기

 

 

 

 

그림자에 대한 설정

blur : 농도를 낮추면서 그림자 크기를 키운다.

spread : 농도를 유지하면서 그림자를 키운다.

 

Background Blur 를 사용해서 흐려지는 효과를 구현할 수 있다.