조각 도구(Slice Tool) :
포토샵에서 이미지작업을 하고 인터넷에서 그 이미지를 사용할 경우가 많습니다.
태그공부를 안보신 분들은 태그공부를 보시면 이해가 훨씬 빠를 겁니다.
웹에서 사용하는 이미지가 너무 크면 그림 불러오는 속도가 늦어지게 됩니다.
따라서 통짜이미지는 적당한 용량으로 조각 내서 여러 장으로 나눠주면 좋습니다.
이럴 때 이미지를 조각 내는 기능을 하는 도구가 "조각 도구"입니다.
조각도구는 2가지로 구성되어 있습니다.

조각도구(Slice Tool) :
큰 이미지를 몇 개의 작은 이미지로 조각 내는 도구

조각선택도구(Slice Select Tool) :
조각들을 이동, 수정 등을 하기 위해 조각을 선택할 때 사용하는 도구
조각도구의 사용법은, 드래그(마우스 왼쪽 버튼을 누른 채로 끌어당김)로
원하는 부분을 선택하면 그 선택영역이 바로 조각되어집니다.
드래그 하는 곳마다 조각으로 바뀌며, 자동적으로 번호가 붙게 됩니다.
전체 이미지를 완성시키기 위해, 선택하지 않은 빈 부분을 자동으로 조각 내는데
이렇게 자동분할 된 "자동 조각"은 회색으로 표시되며, 조각선택도구로 선택이 되지 않습니다.
조각선택도구로 조각을 선택하게 되면, 노란 테두리 활성상태로 바뀌고 모서리, 변에 작은 네모가 생깁니다.
이 작은 네모를 클릭하여 움직여 조각들을 수정 할 수 있습니다.
잘라진 조각에는 하이퍼링크 옵션을 부여할 수 있습니다. 즉, 인터넷 링크를 걸 수 있습니다.
원하는 조각을 두번 클릭! (더블클릭)하면 Slice Option 창이 뜨는데 그곳에 적절하게 입력하고
확인을 누르면 옵션이 적용됩니다. 입력 내용을 보면,
- Name: 조각의 이름을 씁니다.
- URL: 링크시키고 싶은 주소를 씁니다. (태그공부 링크 참조)
- Target: 링크 창 뜨는 방식을 씁니다.(태그 공부 링크 참조)
- Massage Text: 이 조각에 마우스를 올려놓았을 때 익스플로어 창 하단을 보면 상태창이 있습니다.
그 창에 표시할 메시지입니다.
- All Tag: 이 조각에 마우스를 올려놓았을 때 잠시 기다리면 노란색 말풍선이 뜹니다.
노란색 말풍선의 메시지입니다.
몇개의 조각으로 나누어진 하나의 이미지를 웹방식으로 저장하게 되면
html문서를 바로 만들 수 있습니다.
포토샵 메뉴바에 "File" 을 눌러 "Save for Web"을 눌러 저장하면
조각난 조각이미지와 함께 html문서가 만들어지고
html문서를 실행 시키면 완성 이미지가 뜨는데, 이는 각 조각들이 합쳐져서 만들어집니다.
※ 샘플 그림 다운로드는 아래 샘플 다운로드 버튼을 클릭해 "다른이름으로그림 저장" 으로 사용하세요