포토샵 슬라이스 툴, 셀렉트, 단축키, 선택저장, png 저장하기

각종 매체 광고 배너 작업과 쇼핑몰 내에 배너들은 주기적으로 업데이트가 필요하다. 사이트 내의 다양한 배너들을 사이즈 베리에이션 하려면 페이지마다 가이드를 만들어 놓고 슬라이스 툴을 사용하여 셀렉트(선택) 후, (변경된 이미지를) 저장해준다.

들어가기 전에 매번 사용하는 소소한 것들을 정리해보자.

[포토샵 Tip 1 - 이미지 탭으로 불러오기]

이미지를 불러올 때 각각의 탭으로 열려면 Edit > Preferences > interface에서

Open Documents as Tabs 부분의 체크를 해제해주면 된다.

(여러 장의 이미지를 한꺼번에 열어 작업하기에 좋다.)

[포토샵 Tip 2 - 클리핑 마스크]

자르고자 하는 사이즈(박스) 레이어를 아래에 두고 브랜드 이미지와 사이즈 레이어 경계를 Alt 키를 누르면서 클릭한다.

(단축키: Ctrl + Alt + G)

[포토샵 슬라이스 선택(셀렉트) 후 저장하기]

PC버전 쇼핑몰 브랜드의 소개 배너를 잘라서 저장해보자.

1. Ctrl + R을 눌러서 Rulers를 열어준 후, 사이즈에 맞춰 가이드를 잡아준다.

2. Slice Tool로 해당 사이즈만큼 잘라준다.

▽ 잘라진 이미지

3. 변경할 새 이미지로 교체해주고(클리핑 패스 참고) > File > Save for Web & Devices 로 가면 새 창이 열린다.

(단축키: Alt+Shift+Ctrl+S)

4. 새창이 열리면 PNG 나 JPG 로 변경해준 후, Save 를 클릭한다.

5. Save Optimized As 창이 뜨고, 맨 아래 slices에서 Selected slices로 선택해주고 저장을 클릭하면 원하는 사이즈로 저장된다.

6. 이렇게 완성된 이미지를 웹사이트에 업로드 해주면 끝~!