묻고답하기
[포토샵] 포샵으로 홈페이지 레이아웃 만들때의 질문입니다.
2003.11.16 18:26
레이아웃용 psd 파일은 좀 많은데 쓸줄을 몰라서 질문합니다. 어떤 psd 파일은 어누분이 짤라놓지 않고 그냥 올려놓은게 있는데 그걸 그냥 save for web 으로 저장해서 나중에 보면 그냥 레이어들의 조합이더군요
1.slice tool로 자른다고 하는데 선 긋는건 아는데 어떻게 자르는거에요?
2.그림을 자른다음에 나중에 html에서 표는 따로 만들어야 하나요?
3.slice tool로 자르기 전에 레이어의 눈표시를 꺼야 하나요?
답변해주시면 감사^^;
1.slice tool로 자른다고 하는데 선 긋는건 아는데 어떻게 자르는거에요?
2.그림을 자른다음에 나중에 html에서 표는 따로 만들어야 하나요?
3.slice tool로 자르기 전에 레이어의 눈표시를 꺼야 하나요?
답변해주시면 감사^^;
이 선은 단순히 자르거나 이미지의 위치를 정확히 하기 위해 그어노은 가이드일뿐입니다.
실제로 이 이미지를 잘라서 웹페이지 형태로 만들려면
왼쪽 세로로 긴 툴바에 있는 조각칼 모양의 슬라이스 툴을 사용해야 합니다.
사용법은..
가이드를 일단.. 자를 위치에 정확히 위치시키구요.
슬라이스 툴을 누르면 조각칼이 나옵니다.
그걸 가지고 각 셀에 들어갈 크기만큼 선택을 해줍니다. (가이드를 따라서 말이죠)
그러니까 슬라이스툴로 자른 영역만큼이 큰 테이블의 각 셀들이 된다고 생각하시면 됩니다.
전체 이미지가 1 table 이 되고
슬라이스로 자른 각각의 이미지들이 td 가 되는거죠.
이렇게 자른 다음 save for web 을 하게 되면 각 이미지의 영역만큼씩 자동으로 테이블이 생성된 html 을 만들어 줍니다. 이 html의 파일이름은 이미지의 이름과 동일하게 됩니다.
바꾸려면 저장시에 이름을 변경하시면 되구요.
이 html 을 만들면. . 각각의 자른 이미지들은 html 과 동일 루트에.. images 라는 폴더안에 저장이 됩니다.
이 html파일을 웹에디터에서 불러와 적당히 새로이 편집을 하면 되곘습니다.
그리고 슬라이스로 자를때 눈을 끄는 것은.. 웹이미지에서 보여지지 않아야 할 부분만 꺼주시면 됩니다.