인프런 커뮤니티 질문&답변

김유진님의 프로필 이미지

작성한 질문수

디자인 시스템 with 피그마

비주얼 배너 (Visual banner part01)

비주얼배너-이미지

해결된 질문

23.05.11 02:41 작성

·

1.3K

12

사진을 잘라서 안에 어떻게 넣나요?,,계속 안넣어져요

답변 1

2

범쌤 님의 프로필 이미지
범쌤
지식공유자

2023. 05. 11. 09:56

안녕하세요 김유진님 :)

프레임 사이즈에 맞게 이미지를 넣는 방법은 세가지 방법이 있습니다.

1. 프레임안에 이미지 드래그해서 넣기
넣고 싶은 이미지를 피그마에 불러온 후 드래그해서 프레임쪽으로 가져다 대면 자연스럽게 프레임 안에 이미지가 들어가는 모습을 확인할 수 있습니다.
image
image

2. 마스크 도구 활용하기
프레임 위에 이미지를 올려놓고 두 항목을 동시에 선택하면 가운데 상단에 마스크 도구가 활성화됩니다.
마스크 도구를 클릭하면 프레임의 크기에 이미지가 마스크가 되어 들어갑니다.
*중요) 프레임보다 이미지 레이어가 위에 있어야 합니다.
image
image
image

3. fill 속성에 image넣기
빈 프레임 선택 후 fill 항목에서 image를 선택 후 이미지를 찾아 추가하면 마치 배경색이 들어간것 처럼 이미지를 프레임 안으로 넣을 수 있습니다.
image
image

 

이렇게 세가지 방법으로 이미지를 넣을 수 있습니다.

 

감사합니다 :)

김유진님의 프로필 이미지
김유진
질문자

2023. 05. 11. 12:27

답변 감사합니다!!!