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

happycommunity

· 19년 전 · 조회 4746 4746

슬라이스 툴- 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에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
626	기타	폼테그쓸때 테이블정렬이 잘안될때 쓰이는 css [2]	명함아이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4228
625	JavaScript	font-weight 숫자로도 가능 [1]	양들의친목 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3426
624	JavaScript	에디터 수정해서 쓰세요!	강강술냄세 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3352
623	기타	리사이즈 팝업	강강술냄세 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2831
622	기타	dns서버가 없는경우 sendmail의 주의점 [1]	pearly 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4727
621	JavaScript	배경음악 또는 배경이미지 등 브라우저를 열고 처음 접속시 한번만 실행 [2]	알라뷰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3490
620	Flash	무료 플래시 209개 [30]	예은이아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	7771
619	기타	[아이디어] 다른 사이트로 이동시, 창 닫을 시, 자동 로그아웃 [4]	rolo 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3644
618	JavaScript	문서내에 글씨 찾기 [2]	강강술냄세 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3477
617	기타	[외국에서펌]버튼이 아래로 내려가는... [1]	강강술냄세 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4155
616	기타	퍼온건데요 DHTML게시판에 쓸만한거요	강강술냄세 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3110
615	JavaScript	ssh dictionary attack 막기	바람내음 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3526
614	기타	다음 <input type=text로 커서 옮기기 [4]	rolo 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4179
613	기타	한글 문자열 자르기 입니다. ^^	드렁크수달스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	6891
612	JavaScript	까만도둑님께서 플래쉬 갤러리가 필요하시다고 해서...	진아맘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4241
611	기타	포토샵 좋은 팁 18가지 [5]	cunic 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	6301
610	Flash	플래시에서 tabIndex 적용하기 [4]	재경아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5044
609	Flash	간단하지만 유용한 배너관리 시스템 [35]	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5938
608	Flash	플래시 자동 슬라이더 [6]	홀로남은자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5522
607	기타	제가 쓰고 있는 css 입니다. [2]	왕눈이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4670
606	PHP	php에 GD용 심플챠트 라이브러리	드렁크수달스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3991
605	기타	그라디언트 툴, 페인트 통 툴 [1]	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3764
604	기타	지우개 툴(Eraser Tool, 단축키 - E)	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4348
603	JavaScript	히스토리 브러시 툴(History Brush Tool, 단축키 - Y) [1]	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3879
602	기타	도장 툴(Stamp Tool, 단축키 - S) [1]	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3854
601	기타	에어 브러시 툴(Airbrush Tool, 단축키 - J)	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3453
600	JavaScript	슬라이스 툴- Slice Tool (단축키 K) 현재 보는 글	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4747
599	기타	잘라내기 툴(Crop Tool, 단축키 - C)	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3994
598	기타	마술봉 툴(Magic Wand tool, 단축키 - W)	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4417
597	기타	이동툴 Move Tool, 단축키 - V [1]	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3348