포토샵 이미지 슬라이드

<목차로 돌아가기>

Slice 사용목적

웹페이지로 이미지를 올리기 위해서 이미지를 분할하는 것이 중요하다. 슬라이스의 목적에 대해서 알아보자.

 

로딩속도

큰 사이즈의 이미지가 한 번에 뜨는 속도보다 작은 이미지가 동시에 뜨는 속도가 훨신 빠릅니다. 따라서 이미지 최적화를 고려하여 페이지의 로딩속도를 줄이기 위해서 분할 합니다.

 

업데이트

자주 바뀔 필요가 있다면 그 부분을 Slice로 잘라두는 것이 좋습니다. 분할하지 않고 이미지를 바꾸려면 전체의 이미지를 바꿔야 합니다. 하지만 분할해 두면 해당 영역의 이미지만 교체하면 원하는 이미지가 완성되므로 작업이 용의 합니다.

 

링크

Slice 작업을 하게 되면 자동으로 링크 여부를 설정할 수 있습니다. 그렇기 때문에 한 이미지 안에서 링크를 적용할 부분이 각각 다르다면 해당 영역을 따로 분할해야 합니다.

Slice 분할방법

자유분할

Slice 툴을 선택하여 원하는 부분을 드래그하면 해당영역을 기준을 자동으로 분할 됩니다.

 

균등분할.

우클릭 Divide Slice 메뉴를 선택하여 균등하게 분할가능하다.

 

가이드로부터 분할

룰러에서 가이드ᅟᅳᆯ 꺼내 분할할 부분에 놓은 후 Slcie>Create Slices Form Guides 메뉴를 수행시키면 가이드를 중심으로 분할한다.

Ctrl+R

이동툴 선택 후 자에서 드래그 하기 가이드라인 설정하기

Slice 툴 선택후 Slices From Guides 클릭하기

Slice Select 툴 선택후 합칠 영역 선택 후 Combine Slice 클릭

 

팁!

* Alt+Ctrl+Shift+S를 통하여 최적화된 옵션을 선택하여저장할 수 있다. 

* Save 형식

HTML and Image

웹페이지로 올리기 위해

Images Only

슬라이스를 적용한 이미지만 쓰고자 할 때

HTML Only

슬라이스를 적용한 툴만을 쓰고자 할 때

 

PS. 그림올리기 귀찮.. 내용이 많이지니 공부하는데 방해됨 ㅡㅜ 요약만하고 나중에 리메이크 할 생각.