반응형
디자인 작업에서 이미지를 원하는 형태로 자르는 것은 기본이지만 중요한 작업입니다. Figma에서는 다양한 도구와 기능을 활용해 이미지를 자를 수 있습니다. 여기서는 프레임(Frame), 마스크(Mask), 이미지 속성 조정을 사용하는 세 가지 방법을 소개합니다.
방법 1: 프레임(Frame)으로 자르기
단계별 가이드
- 이미지 추가:
- 자를 이미지를 캔버스에 삽입합니다.
- 프레임 생성:
- 상단 툴바에서 Frame Tool을 선택하거나 단축키 F를 사용합니다.
- 이미지를 덮을 크기로 프레임을 만듭니다.
- 이미지를 프레임으로 이동:
- 이미지를 프레임 위로 드래그하면 프레임 내부에 배치됩니다.
- 프레임 경계 바깥의 이미지는 자동으로 잘립니다.
- 이미지 위치 조정:
- 프레임 내부 이미지를 더블 클릭하여 크기와 위치를 조정합니다.
장점
- 프레임을 활용해 레이아웃 작업과 이미지 편집을 동시에 처리 가능.
- 깔끔하고 직관적인 작업 방식.
방법 2: 마스크(Mask)로 자르기
단계별 가이드
- 도형 생성:
- Rectangle Tool 또는 원하는 도형(원, 다각형 등)을 사용해 자를 영역을 설정합니다.
- 이미지와 도형 선택:
- 이미지를 선택한 후 도형을 함께 선택합니다.
- 마스크 적용:
- 상단 툴바에서 **"Use as Mask"**를 클릭합니다.
- 선택한 도형 영역 외의 이미지는 숨겨집니다.
- 세부 조정:
- 마스크 적용 후 이미지를 더블 클릭해 크기와 위치를 조정할 수 있습니다.
장점
- 다양한 도형을 활용해 창의적인 자르기 작업 가능.
- 복잡한 디자인에도 적합한 방법.
방법 3: 이미지 속성 조정
단계별 가이드
- 이미지 선택:
- 캔버스에서 자르려는 이미지를 클릭합니다.
- Crop 모드 활성화:
- 우측 속성 패널의 Fill 섹션에서 드롭다운 메뉴를 열고 Crop을 선택합니다.
- 자르기 조정:
- 이미지 위의 핸들을 드래그하여 원하는 부분만 표시되도록 설정합니다.
- 적용:
- 작업을 마치고 클릭을 해제하면 자르기가 적용됩니다.
장점
- 빠르고 간단한 작업에 적합.
- 초보자도 손쉽게 사용할 수 있음.
추가 팁
- 비율 유지:
- 이미지를 조정할 때 Shift 키를 누르고 드래그하면 원본 비율을 유지할 수 있습니다.
- 원형 자르기:
- 원형 도형을 마스크로 사용하면 이미지를 원형으로 자를 수 있습니다.
- 다중 마스크:
- 여러 이미지를 한 번에 선택하여 동일한 마스크를 적용할 수 있습니다.
결론
Figma는 이미지 자르기를 위한 다양한 방법을 제공합니다. 프레임은 레이아웃 중심 작업에, 마스크는 창의적인 디자인 작업에, 이미지 속성 조정은 간단한 편집에 적합합니다. 각 방법을 상황에 맞게 활용하여 디자인 작업을 더욱 효과적으로 완성하세요.
반응형