슬라이스 툴- Slice Tool (단축키 K)
슬라이스 툴- Slice Tool (단축키 K)
5.5 버전에서는 이미지 레이디를 통해서만 할수 있었던 슬라이스 기능이 6.0에서는 포토샵에서도 할 수 있게 되었다.
이 기능은 웹용 이미지를 제작할 때 쓰는 기능이다. 웹에 큰 이미지를 올리게 되면 로딩속도가 길어지고 또 이미지내의 특정부분에 링크를 걸 때는 불편함을 가지게 된다. 이 때는 이미지를 나누어 배치하는 것이 좋은데 바로 이 슬라이스 툴이 이미지를 나누는 툴이다. 이 때 File 메뉴의 Save For Web 을 이용하여 저장하면 나눈 이미지와 함께 html 문서로 저장할 수 있다.
이 기능은 웹용 이미지를 제작할 때 쓰는 기능이다. 웹에 큰 이미지를 올리게 되면 로딩속도가 길어지고 또 이미지내의 특정부분에 링크를 걸 때는 불편함을 가지게 된다. 이 때는 이미지를 나누어 배치하는 것이 좋은데 바로 이 슬라이스 툴이 이미지를 나누는 툴이다. 이 때 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에서 해주시기 바랍니다.
질문은 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 416 | 기타 |
개발자관리자
|
19년 전 | 3895 | |
| 415 | 기타 |
개발자관리자
|
19년 전 | 4897 | |
| 414 | Flash |
 뜨락의이름 |
19년 전 | 4430 | |
| 413 | Flash |
jepae |
19년 전 | 3475 | |
| 412 | Flash |
뜨락의이름 |
19년 전 | 6633 | |
| 411 | Flash |
뜨락의이름 |
19년 전 | 4105 | |
| 410 | JavaScript | 19년 전 | 3873 | ||
| 409 | Flash |
뜨락의이름 |
19년 전 | 4658 | |
| 408 | Flash |
뜨락의이름 |
19년 전 | 3999 | |
| 407 | Flash |
뜨락의이름 |
19년 전 | 5324 | |
| 406 | Flash |
뜨락의이름 |
19년 전 | 3391 | |
| 405 | Flash |
뜨락의이름 |
19년 전 | 5557 | |
| 404 | Flash |
뜨락의이름 |
19년 전 | 5365 | |
| 403 | Flash |
뜨락의이름 |
19년 전 | 7364 | |
| 402 | Flash |
뜨락의이름 |
19년 전 | 5137 | |
| 401 | 기타 |
스마일미디어
|
19년 전 | 4419 | |
| 400 | JavaScript |
스마일미디어
|
19년 전 | 4284 | |
| 399 | JavaScript |
스마일미디어
|
19년 전 | 3513 | |
| 398 | 기타 |
스마일미디어
|
19년 전 | 3562 | |
| 397 | 기타 |
스마일미디어
|
19년 전 | 3992 | |
| 396 | MySQL | 19년 전 | 4740 | ||
| 395 | JavaScript |
 damoa.biz |
19년 전 | 4050 | |
| 394 | Flash |
 imgstory |
19년 전 | 4114 | |
| 393 | 정규표현식 |
sjsjin
|
19년 전 | 4177 | |
| 392 | JavaScript |
sjsjin
|
19년 전 | 5812 | |
| 391 | 기타 |
sjsjin
|
19년 전 | 3883 | |
| 390 | Flash | 19년 전 | 5352 | ||
| 389 | 기타 | 19년 전 | 5133 | ||
| 388 | JavaScript | 19년 전 | 5621 | ||
| 387 | 기타 | 19년 전 | 4451 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기