모카 스터디/UX&UI 디자인[Figma]
텍스트,피커,그라데이션,이미지와 마스크, 이펙트(그림자)
softmoca
2023. 8. 29. 15:57
텍스트 만들기
문단의 가로, 세로 길이에 맞혀서 텍스트 오브젝트의 길이를 자동으로 맞혀 준다.
글꼴 및 사이즈 및 글자사이의 간격(행단) 조절 가능
피커, 그라데이션
단축키 i 를 누르면 해당 오브젝트 픽셀의 색상번호를 알수 있다.
이미지와 마스크 기능
또는 폴더의 드래그 앤 드롭으로 이미지 가져올 수 있다.
추가적인 팁으로 이미지를 가져 왔을 떄는 비율을 고정할체 사이즈를 조정해야한다.
포토샵 만큼은 아니지만 기본 적인 포토샵을 할 수 있다.
crop 기능으로 사진을 필요한 부부만 짜를수도 있다.
마스크 : 어떤 도형에 이미지를 입힌다.
이미지 레이어가 도형 레이어 보다 앞에 있어야 한다.
이펙트 이해하기
그림자에 대한 설정
blur : 농도를 낮추면서 그림자 크기를 키운다.
spread : 농도를 유지하면서 그림자를 키운다.
Background Blur 를 사용해서 흐려지는 효과를 구현할 수 있다.