본문 바로가기
파이어웍스 강좌

2.2.22. 슬라이스 도구

by 리치샘 2015. 7. 6.

2.2.22. 슬라이스 도구

    큰 그림을 잘게 쪼개어서 나눕니다.
    큰 그림을 하나의 파일로 처리할 경우, 다운로드에 시간이 소요되게 되고, 이용자의 입장에서는 기다려야 하는 불편이 따릅니다. 잘게 쪼개면 작은 파일을 받아서 결합시키는 형식을 취하므로 길게 기다려야 하는 불편이 없어집니다.

    잘려진 영역을 핫스팟 도구와 마찬가지로 웹페이지나 파일로 링크할 수 있습니다.
    롤오버 기능이나 이미지 스와핑 기능도 이 슬라이스를 통해 이루어집니다.


 슬라이스 도구 활용하기

    본격적인 실습은 제 3장에서 하고 여기서는 개념 파악 정도에서 그치도록 하겠습니다.

    <실습용 그림>
    아래 그림을 클릭하면 큰 그림이 나옵니다. 큰 그림을 복사해서 실습하십시오.
     

    1) 슬라이스 도구를 선택합니다.


    2) 다음 그림과 같이 오른쪽의 그림 하나를 블록 씌우듯이 감싸서 선택합니다.
     

    3) 마찬 가지 방법으로 다음과 같이 슬라이스해 보십시오.


    4) 핫스팟 도구와 마찬가지로 [에셋]패널의 [URL]에서 링크할 웹페이지나 파일을 입력해줍니다. 


    5) 슬라이스 도구를 이용하여 잘려진 그림은 핫스팟 도구와 달리 [내보내기]를 하면 빨간 선을 기준으로 각각의 그림으로 나누어져 저장되게 됩니다.
    [파일 > 내보내기]를 실행합니다.
    다음과 같은 메시지가 나타날 수 있습니다.

    이 메시지에 대한 조치 방법은 다음과 같이 하면 됩니다.
    일단은 [확인] 단추를 눌러주십시오.


    6) [파일 형식]을 'HTML과 이미지'로 설정하고, [슬라이스]를 '슬라이스 내보내기'로 설정한 다음 파일 이름을 줍니다.
    그리고 [저장] 단추를 누르면 HTML 파일과 이미지 파일을 만들게 됩니다.

 


    7) 탐색기에서 저장된 폴더를 찾아가보면 HTML 파일과 그림파일이 생성되어 있음을 확인할 수 있습니다.
    HTML 파일을 더블클릭하면 브라우저가 실행되고, 핫스팟 영역을 클릭하면 지정해준 웹페이지로 이동하게 됩니다.


'파이어웍스 강좌' 카테고리의 다른 글

2.2.24. 선색 바꾸기  (0) 2015.07.14
2.2.23. 핫스팟/슬라이스 도구 보이기와 숨기기  (0) 2015.07.06
2.2.21. 핫스팟 도구  (0) 2015.07.06
2.2.20. 칼 도구  (0) 2015.07.04
실습용 일러스트 모음  (0) 2015.04.09