쇼핑몰 운영자를 위한 필수 무료 TIP IT NEWS
현재 위치
  1. 게시판
  2. IT NEWS

IT NEWS

케이디자인 뉴스레터 게시판

게시판 상세

Adobe XD 이미지 자르기

  • 작성자 케이디자인 (ip:)
  • 평점 0점  
  • 작성일 2024-01-24
  • 추천 추천하기
  • 조회수 2



안녕하세요 "케이디자인" 입니다:D


 XD에서는 이미지 자르기 기능이 별도로 없지만 마스크 기능으로


 이미지 자르는 방법에 대해 알려드리겠습니다!















XD를 여신 후 새 파일 선택해 주세요.


저는 웹 1920 사이즈를 선택했습니다.










사용 할 이미지를 가져오는 방법은 두가지가 있습니다.


1. 파일 -> 가져오기 (단축키 Shift + Ctrl + I)


2. 사용할 이미지가 있는 파일에서 XD 새 파일로 클릭 드래그 











자르고 싶은 모양의 도형을 선택해주세요.


저는 달을 자르기 위해 원형 도구를 선택했습니다.


(도형의 단축키는 사각형은 R, 원형은 E, 삼각형은W, 선은 L 입니다.)










Shift를 누르고 원형을 그리시면 정원으로 그려집니다.


선택모드(단축키V)로 바꾸신 후 도형의 위치 크기를 원하는 위치로 변경 되었다면  


엔터를 눌러 선택박스를 없애주세요.










이미지와 도형을 선택하실 때 두 가지 방법이 있습니다.


1. 왼쪽의 레이아웃에서 Shift를 눌러 이미지와 타원을 선택


2. 오른쪽의 이미지와 타원을 Shift를 눌러 클릭


(Ctrl을 누르고 선택박스를 클릭하면 더 정확하게 선택이 가능합니다.)









마스크 기능 단축키인 Ctrl + Shift + M을 눌러주세요.










마스크 기능이 적용되서 이미지 자르기가 가능합니다!!!









이미지를 저장하시려면  Ctrl + E를 눌러 에셋 내보내기 하시면 됩니다.

게시글 신고하기

신고사유

신고해주신 내용은 쇼핑몰 운영자의 검토 후 내부 운영 정책에 의해 처리가 진행됩니다.

첨부파일 썸네일.png
비밀번호 수정 및 삭제하려면 비밀번호를 입력하세요.
댓글 수정

비밀번호 :

/ byte

비밀번호 : 확인 취소

댓글 입력
댓글달기 이름 : 비밀번호 : 관리자답변보기

영문 대소문자/숫자/특수문자 중 2가지 이상 조합, 10자~16자

/ byte

왼쪽의 문자를 공백없이 입력하세요.(대소문자구분)

회원에게만 댓글 작성 권한이 있습니다.