슬라이스 툴- Slice Tool (단축키 K)

happycommunity

· 19년 전 · 조회 4741 4741

슬라이스 툴- Slice Tool (단축키 K)

5.5 버전에서는 이미지 레이디를 통해서만 할수 있었던 슬라이스 기능이 6.0에서는 포토샵에서도 할 수 있게 되었다.
이 기능은 웹용 이미지를 제작할 때 쓰는 기능이다. 웹에 큰 이미지를 올리게 되면 로딩속도가 길어지고 또 이미지내의 특정부분에 링크를 걸 때는 불편함을 가지게 된다. 이 때는 이미지를 나누어 배치하는 것이 좋은데 바로 이 슬라이스 툴이 이미지를 나누는 툴이다. 이 때 File 메뉴의 Save For Web 을 이용하여 저장하면 나눈 이미지와 함께 html 문서로 저장할 수 있다.

확장 메뉴 (아이콘을 길게 누르고 있으면 나타난다)

슬라이스 툴(Slice Tool - K)

다른 도구들과 마찬가지로 마우스 왼쪽 버튼을 누른 채로 드래그 앤 드롭으로 사용한다. 이때

이미지는 직사각형의 형태로만 나누어 진다. 이미지 내의 중앙 부분을 드래그 하게 되면 이미

지가 5개로 나뉘어 지는 것을 볼 수 있는데 이는 이미지가 직사각형의 형태 외에는 다른 형태

를 가질 수 없기 때문이다. 만약 슬라이스를 취소하고 처음부터 다시 작업을 하고 싶다면 키

보드의 Delete 키를 누르거나 마우스 우측버튼을 눌러서 나오는 창에서 delete slice를 선택

하면 된다.

슬라이스 선택툴(Slice Select Tool-K)

슬라이스 툴로 나눈 이미지를 선택하는 툴이다. 원하는 부분을 선택하여 슬라이스 크기

등을 조절할 수 있다.

슬라이스 툴로 이미지를 나눈 상태

* 슬라이스 툴 옵션

Style : 슬라이스 툴의 사용방법을 설정

Nomal : 드래그 앤 드롭으로 슬라이스 영역을 정할 수 있다.

Constrained Aspect Radio : 가로 세로의 일정한 비율을 정할 수 있다.

Fixed Size : 슬라이스 영역의 크기를 미리 정할 수 있다.

Show Slice Numbers

슬라이스의 순서를 말하는 번호의 화면 표시 여부를 정하는 옵션이다

Line Color

슬라이스 된 영역과 영역의 경계를 나타내 주는 선의 색을 지정하는 옵션이다. 어두운 이미지는 밝은 색을 밝은 이미지는 어두운 색을 지정해 주는 것이 보기 편하다.

* 슬라이스 선택툴 옵션

슬라이스 정렬 옵션

슬라이스로 나누어진 이미지들의 정렬 옵션이다. 맨 위로, 한단계 위로, 한단계 아래로, 맨 아래로 등이 있다.

Promoto to User Slice

슬라이스로 이미지를 나눈후 크기 등을 변경할려면 활성화가 되어 있어야 한다. 하지만 모든 부분이 활성화가 되어 있는 것은 아니고 직접 드래그 를 해서 그려준 부분만 활성화가 되어 있다. 나머지 슬라이스 부분을 편집할려면 이 버튼을 누르고 활성화를 시켜주어야 한다.

Slice option

슬라이스된 각각의 이미지에 html을 코딩할 때 사용하는 옵션이다.

Slice Type: Image와 Html에서 선택

Name: 슬라이스 된 이미지의 이름을 결정

URL: 슬라이스 된 이미지의 하이퍼 링크

Target: 하이퍼 링크가 열릴 타켓

Message Text: 마우스를 위치했을 때의 설명

Alt Tag: 마우스를 위치했을 때 브라우저 하단에 나타날 설명

Dimensions: 이미지 크기의 재설정

슬라이스 된 이미지의 저장

슬라이스 된 이미지를 저장하려면 Save For Web을 사용해야 한다. Save For Web은 슬라이스 된 이미지의 저장 뿐 아니라 웹 이미지 저장에 필요한 여러 옵션들을 가지고 있다. Menu 를 공부할 때 다시 다루기로 하겠습니다.

[이 게시물은 관리자님에 의해 2011-10-31 16:52:33 Photoshop에서 이동 됨]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
566	Flash	희안한 css [투명한 프레임과 투명한 이미지] [1]	한대호 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5433
565	JavaScript	마우스 오버시에 텍스트 버튼느낌 style.css 와 자동 스크롤 기능	한대호 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5415
564	기타	뽀유의 스타일시트 특별강좌 [1]	한대호 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4419
563	JavaScript	접속때마다 음악 다르게 나오기	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2662
562	JavaScript	img 태그에 border=0을 넣지 않고 적용 [3]	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3156
561	기타	스타일시트를 이용한 배경이미지 제어	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3304
560	MySQL	MySQL DB 데이타 백업/복구 하는 방법 [1]	한대호 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	6718
559	기타	소스훔쳐보기 [2]	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2951
558	Flash	스위시 무비를 플래시에서 들여오기할 때	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4071
557	Flash	SWF 파일 용량 줄이기 [1]	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	11195
556	기타	일러스트에서 패스를 가져오자 [1]	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3626
555	기타	플래쉬에서팝업창띄우기 [1]	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3736
554	Flash	4. 자주 쓰는 플래시 액션스크립트 용어 [2]	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4291
553	Flash	3. 플래시 작업을 할 때 알아두면 좋은 것들	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3285
552	Flash	2. 무비 크기를 줄이기 위한 10가지 방법	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3712
551	Flash	1. 메뉴보다 빠른 단축키(Hot Key)들	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3705
550	Flash	여러가지팁 [1]	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2967
549	기타	제품사진 수정-보정하기 [9]	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3660
548	Flash	플래시 테두리 없애는 자바스크립트 자동 생성기입니다. [11]	날아라짱가 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4707
547	기타	현재 페이지 URL 출력하기 [2]	지구인 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3625
546	기타	디지탈카메라사진을 맘에 드는 사진으로 바꾸기(선명도와 사이즈) [2]	영국사랑 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3198
545	기타	제가 쓰고 있는 컬러 색상표입니다. [1]	뜨락의이름 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4553
544	PHP	비 전문가를 위한 XMLHttpRequest 활용 소개.	kail 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	6280
543	Flash	실시간채팅창 붙이기 플래시 버튼액션.. [5]	시그너스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5555
542	JavaScript	php폼메일로 일본어 메일 보내기 [2]	いろは 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4983
541	JavaScript	원하는 부분만 프린트하기. [3]	いろは 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3636
540	PHP	Siren24 페이지 이동없이 Socket 으로 실명인증( UTF-8) [1]	damoa.biz 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	8528
539	기타	디렉토리별 사용량 확인 [1]	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3224
538	Flash	자바스크립트로 플래시 삽입(IE 패치이후) 이곳만 없길래 올립니다. [4]	いろは 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4989
537	기타	객체 구성 (테이블 태그로 만든 도표)	가을 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2850