본문 바로가기

포토샵 꿀팁! 칸을 정확하게 나누는 방법

엉클샘 2019. 1. 8.

포토샵에서 칸을 정확하게 나누는 방법


웹디자인 작업을 하다 보면 간혹가다가 포토샵에서 칸을 정확하게 나눠서 작업해야 하는 경우가 생깁니다. 별거 아니지만 여러칸을 나눌 때 간단하게 칸을 나누는 방법을 알려드립니다.


먼저 기본적인 칸 나누는 방법은 Guide를 사용하는 것입니다. Guide를 만들어서 사용하면 정확한 수치로 나누는 것이 가능하죠. 


칸나누기

포토샵을 열고 Ctrl+N을 눌러 새 페이지를 엽니다. 그리고 상단 View 카테고리에서 New Guide를 선택합니다. 


칸나누기

그러면 위 창이 뜨는데 원하는 방향에 맞춰서 Horizontal(가로), Vertical(세로)를 선택하시고, Position에서 수치를 적어주시면 됩니다. 단위는 cm, mm, px, in 다 가능합니다.

만약 정확한 캔버스 사이즈를 알고 있고 정확하게 수치로 칸을 나누고 싶으시다면 이 방법을 사용하시면 됩니다. 단점은 칸 나누기가 애매한 사이즈일 경우가 있기도 하고, 칸이 많으면 계산하기도 귀찮습니다. 그래서 정확한 수치가 필요없다면 다음 방법을 사용해 보세요.



캔버스를 정확하게 3등분하는 간단한 방법


칸나누기

일단 View > Snap에 체크가 되어 있는지 확인하세요. 화면 경계나 가이드에 이미지를 자동으로 맞춰주는 기능입니다.



칸나누기

그리고 Retangle Tool을 선택합니다. 단축키는 U입니다.



칸나누기

네모칸을 만들어서 캔버스 좌측 끝에 맞춰서 정렬해 주세요.



칸나누기

Ctrl+J를 눌러서 똑같은 크기의 레이어를 2개를 더 만들고 나란히 붙여 줍니다. 그리고 3개의 레이어를 모두 선택해 주세요. (여러개의 레이어를 선택하는 방법은 Ctrl을 누른 상태에서 마우스로 레이어를 하나씩 클릭하는 방법이 있습니다. 여러개를 한 꺼번에 선택하시려면 첫번 째 레이어를 선택하신 후 Shift를 누른 상태에서 맨 마지막 레이어를 선택하시면 그 사이에 있는 모든 레이어가 선택됩니다.)



칸나누기

3개의 레이어를 모두 선택하셨으면 Ctrl+T를 눌러서 크기 변형을 실행합니다. 그리고 오른쪽 끝에 맞춰 주시면 됩니다. Snap 설정이 되어 있어서 경계에 가까이 가면 알아서 크기가 맞춰질겁니다. 이렇게 하면 캔버스가 정확히 3등분이 됩니다.



칸나누기

이번에는 정확하게 5칸으로 나눠봤습니다. 칸을 몇 개를 나누시던지 계산하지 않고도 정확하게 맞출수 있기 때문에 자주 사용하시는 분들이라면 유용하게 쓰실 수 있습니다. 이 상태로 이미지를 클리핑마스크해서 사용하시면 편리하십니다.



칸나누기

밑에 네모칸은 필요없고 가이드만 필요하시다면 Ctrl+R을 눌러서 Ruler를 보이게 하시고, 마우스로 끌어다가 가이드를 만드시면 됩니다. 가이드를 다 만드셨다면 칸을 나누었던 레이어는 지우시고 사용하시면 끝!



댓글