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

happycommunity

· 19년 전 · 조회 4738 4738

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

글쓰기

번호	분류	제목	글쓴이	날짜	조회
686	기타	채널모드로 윈도우 열기	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3175
685	JavaScript	여러가지 방법으로 창닫기 [1]	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3460
684	기타	텍스트 상자에서 반복 하여 스크롤 됩니다	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3030
683	JavaScript	가짜 카운터 달기	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3073
682	기타	날짜를 2001/01/01 형식으로 보여주기	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2644
681	기타	마우스 드래그로 텍스트 선택을 금지 합니다	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2935
680	JavaScript	홈에 머문시간을 제목표시줄과 상태바에 실시간으로 알려줍니다	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3096
679	기타	랜덤 듀레이션 효과 - 페이지 들어오고 나갈때 벗겨지는 효과 보여주기	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3011
678	기타	이미지나 버튼 클릭시 생기는 점선 없애기..다 아시는 내용일지도..ㅋㅋ	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3348
677	기타	다양한 자바스크립트 버튼 들	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4109
676	기타	마우스 커스 이동만으로 배경색상을 바꾸어보자	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3246
675	JavaScript	들어올때나 나갈때나 인사는 착실히 해야죠..ㅋㅋㅋㅋ	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2779
674	기타	들어올때, 나갈때 지겹도록 인사하는 스크립트	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2692
673	기타	마우스를 대면 텍스트박스의 텍스트를 모두 선택하는 스크립트	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3015
672	기타	웹문서에 주소창 넣기 스크립트	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2568
671	JavaScript	창을 열면 인사하는 간단한 스크립트	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2536
670	기타	가짜 바이러스 경고 하는 스크립트	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2752
669	기타	메일주소 변조는 no, SPF(Sender Policy Framework)기술에 대해 [2]	바람내음 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4293
668	Flash	Ajax강의- 첫번째 강의의 pdf중 발표문건 11-20	pearly 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5517
667	Flash	Ajax강의- 첫번째 강의의 pdf중 발표문건 [1]	pearly 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	6802
666	기타	순발력테스트	MCLUB 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3288
665	Flash	Ajax강의 [1]	pearly 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5619
664	JavaScript	named -- dns서버	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5581
663	JavaScript	문서내 이미지갯수 출력	MCLUB 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2522
662	기타	form의 readonly 와 disabled의 특징	드렁크수달스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4384
661	기타	접속자환경체크--중복일지모름	MCLUB 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3426
660	JavaScript	리눅스 부팅후 자동 실행	AGAWEB 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5094
659	기타	자바스크립트 이벤트객체 [2]	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5568
658	기타	리눅스 우분투 불여우에서 동영상보기 [1]	태권보이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4687
657	기타	swish 서브메뉴 소스입니다. [1]	진백 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5493