본문 바로가기
지식저장소

미리캔버스 디자인 페이지에서 눈금자 설정 안내선 표시하는 방법

by 미니모짱 2022. 12. 16.
728x90
반응형

미리캔버스 디자인 페이지에 눈금선 표시하는 방법 알아보도록 하겠습니다.

눈금선을 표시하는 이유는 편집하는 눈금선에 표기된 수치를 통해 이미지의 크기를 대략적으로 알 수도 있고, 이미지의 크기를 안내선을 만들어서 크기 조절, 위치 조절에 활용할 수 있습니다.

 

미리캔버스 눈금자 설정 안내선 표시 방법

 

미리캔버스 눈금선은 디자인 페이지에서 이미지를 편집하는 영역의 상단과 왼쪽에 표시가 됩니다.

미리캔버스 눈금선 표시

 

설정 > 눈금자 보기 기본은 미설정 되어 있습니다.

미리캔버스 눈금선 표시


마우스를 오른쪽으로 드래그해서 설정합니다.

미리캔버스 눈금선 표시

 

설정이 완료하고 디자인을 영역을 한번 클릭해주면 상단의 설정했던 메뉴가 사라지고 설정된 눈금자를 확인할 수 있습니다.

미리캔버스 눈금선 표시

 

디자인 영역에 안내선을 추가해보도록 하겠습니다.

안내선은 말 그래도 안내을 해주는 선입니다.
이미지의 크기를 조절하고 위치를 이동할 때 유용하게 활용할 수 있는 선입니다.

세로 안내선을 추가하기

왼쪽 눈금자에서 마우스 클릭을 유지하면서 디자인 영역까지 드래그합니다.

미리캔버스 눈금선 표시

 

가로 안내선을 추가하기

위쪽 눈금자에서 마우스 클릭을 유지하면서 디자인 영역까지 드래그합니다.


안내선을 만들고 디자인 영역의 요소들을 선택(클릭)을 하면 안내선의 영향을 받아서 크기 조절, 위치 조절이 안내선을 따라다니는 걸 확인할 수 있습니다.
예를 들어) 아래 티스토리 주소를 클릭해서 마우스 드래그를 한 상태에서 위치를 옮기면 보라색 줄이 생기면서 위치 조절의 가능합니다.

 

안내선을 여러 개 만드는 방법

상단과 왼쪽에 있는 눈금자에서 마우스 포인트를 올려놓고 클릭을 하면 현재 위치의 픽셀값을 보여주고 클릭을 유지한 채로 아래로(or 오른쪽으로) 디자인 영역까지 드래그를 하면 됩니다.

여러 번 반복해서 드래그를 하면 아래와 같이 여러 줄의 안내선이 만들어지는 걸 확인할 수 있습니다.

 

※ 눈금자에서 안내선을 드래그를 아래 위치에 올려놓으면 사라집니다. 꼭꼭 디자인 영역까지 드래그를 하셔야 합니다. 

 

안내선을 삭제(없애는) 방법

디자인 영역에 있는 안내선을 삭제하려면 삭제하고자 하는 안내선을 선택 루 드래그해서 디자인 영역을 벗어나는 곳까지 드래그하시면 됩니다.

미리캔버스 안내선 삭제하는 방법


지금까지 미리캔버스에서 눈금자를 설정하고 디자인 영역에 안내선을 만들어 요소(도형, 이미지)의 크기 조절이나 위치 조절 시 도움을 받을 수 있는 방법 안내드렸습니다.

반응형

댓글