포토샵 분할영역 자르기 - potosyab bunhal-yeong-yeog jaleugi

오늘 포스팅할 내용은 쇼핑몰 상세페이지를 작업하다 보면 가끔 겪게 되는 이미지 길이 사이즈 문제를 해결하는 방법입니다

상세페이지를 작업하다보니 길~ 어져 업로드가 안되서 PSD파일을 쪼개려는 시도를 하게되거나

또는 파일을 여러개를 만들기는 싫지만 어쩔수 없이 쪼개쪼개 만들게 되는 파일에 대한 도움이 될것 같습니당

​

1. 우선 [보기]에서 눈금자를 클릭해 주세요~ (단축키 Ctrl + R)

눈금자를 클릭해 앞머리에 체크가 되면 오른쪽 이미지처럼 파일에 눈금자가 뜹니다

​

​

2. 오른쪽 이미지처럼 스냅도 클릭해 주세요

스냅을 클릭하는 이유는 안내선을 (눈금자에 맞춰 조금 쉽게 )조금더 정확하게 이동시킬수 있어요

​

안내선으로 이미지를 재단할수 있는 준비가 되었습니다

3. 안내선을 꺼내는 방법은 마우스 왼쪽을 클릭한 상태에서 눈금자 사이에서 끌어오면 됩니다

없애는 방법도 이동툴을 선택후 마우스 왼쪽을 클릭한 상태에서 안내선을 눈금자쪽으로 끌어다 놓으면 됩니다

​

​

4. 자르기 도구를 꾹~ 누른후 분할 영역도구를 선택합니다

​

​

5. 옵션바에서 안내선 분할 영역 만들기를 클릭!

​

위의 이미지와 같이 안내선대로 이미지가 분할된 것을 확인할 수 있습니다

(분할을 잘못했을 경우 수정하는 방법은 아래 동영상을 통해 확인하세요)

​

​

6. 파일 > 내보내기 > 웹용으로 저장 (단축키 Ctrl + Shift + Alt + S)

​

7. JPEG, GIF, PNG 이미지 파일의 형식을 선택해 주세요

일반적으로 사진은 jpeg(jpg)로 저장하구요

움직이는 사진은 gif

배경을 투명하게 작업한 경우(레이어에서 배경의 눈을 끈경우) png로 설정을 합니다

도장을 이미지로 변환할 경우 png 파일로 저장한다면 문서파일에서 자연스러운 합성이 되겠쥬?!!!

​

8. 그다음 이미지의 품질을 선택합니다

이미지의 해상도를 결정하는데 최고값(품질80)까지는 해상도에 많은 영향을 미치지 않습니다

품질의 선택으로 파일의 용량을 줄이는 효과가 있어요

​

​

9. 저장할 폴더를 선택후 파일이름을 정하면 선택한 폴더의 하위폴더에 images라는 폴더를 자동생성되며

분할된 이미지들은 그 뒤에 _01, _02 순으로 이미지 파일이 생성됩니다

​

​

담번에 기회가 된다면 HTML과 이미지분할을 저장해 보도록 하겠습니다

스티커샵 작업을 하다보니 한장에 여러 이미지들이 있을시 각각 잘라서 저장해야 하는 경우가 생깁니다. 

그래서 포토샆으로 분할 영역 자르기를 해 보겠습니다.

일단 포토샵을 열어서 한장의 큰 이미지를 불러옵니다.

스폰지밥을 불러 왔습니다.^.^

1. "보기" > "눈금자"에 ✔ 체크하면 상,좌에 눈금자가 생깁니다.

눈금자를 먼저 꺼네는 이유는 "새 안내선(E)"을 쉽게 만들기 위해서 입니다.

가로 안내선을 만들려면 상단 눈금자에 마우스를 두고 왼쪽버턴 누른체 아래로 내리면 가로선이 만들어집니다.

세로는 좌측안내선에서 시작하면 됩니다.

2. 가로, 세로 안내선을 이미지의 크기에 맞게 배치합니다.

3. 좌측 메뉴바에서 "자르기" > "분할 영역 도구" 선택하면

4. 상단 메뉴바에 "안내선에서 분할 영역 만들기"가 활성화 됩니다. 클릭!

5. 안내선들이 자동으로 분활됩니다.

6. "파일" > "내보내기" 

7. "웹용으로 저장"

8. 배경이 투명한 png파일이면 "PNG 24"로 일반 이미지는 "JPG"파일로 저장합니다.

9. "images" 폴더가 생성되며 폴더안에 잘린 이미지들이 자동으로 저장됩니다.

p,s 동영상 작업을 마치고 유튜브 올리고 보니 "분할"을 "분활"로 한 장면이 많네요...

작업을 다시 할려니 일이 너무 많아서 그냥 올립니다. 양해 바랍니다.