포토샵에서 슬라이스로 자른 이미지를 적용할려면? 정보
포토샵에서 슬라이스로 자른 이미지를 적용할려면?관련링크
http://printer.skynet.co.kr/
104회 연결
본문
포토샵에서 슬라이스로 자른다음 아래와 같이 만들었습니다. 이제 이소스에서 head, tail을 갈라서 만들어야할텐데 잘 몰라서요^^ 검색은 해봤는데 제가 원하는 내용은 없더군요, 고수님들의 한수 가르침 부탁드립니다. 링크 참조하시고요(그림은 아직 안올린 상태라 깨져 보입니다.0
그리고 아래소스에서 스페이서.gif 파일은 각 그림들의 경계면을 표시하는것 같은데 없앨 수 없나요?
<html>
<head>
<title>layout</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (layout.psd) -->
<table id="Table_01" width="1001" height="975" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" rowspan="2"> <img src="images/layout2_01.gif" width="189" height="69" alt=""></td>
<td colspan="2" rowspan="2"> <img src="images/layout2_02.gif" width="112" height="69" alt=""></td>
<td colspan="2"> <img src="images/layout2_03.gif" width="111" height="26" alt=""></td>
<td colspan="3"> <img src="images/layout2_04.gif" width="77" height="26" alt=""></td>
<td> <img src="images/layout2_05.gif" width="82" height="26" alt=""></td>
<td colspan="2"> <img src="images/layout2_06.gif" width="112" height="26" alt=""></td>
<td colspan="4"> <img src="images/layout2_07.gif" width="317" height="26" alt=""></td>
<td> <img src="images/스페이서.gif" width="1" height="26" alt=""></td>
</tr>
<tr>
<td colspan="8"> <img src="images/layout2_08.gif" width="382" height="43" alt=""></td>
<td colspan="4"> <img src="images/layout2_09.gif" width="317" height="43" alt=""></td>
<td> <img src="images/스페이서.gif" width="1" height="43" alt=""></td>
</tr>
<tr>
<td colspan="2"> <img src="images/layout2_10.gif" width="189" height="67" alt=""></td>
<td colspan="2"> <img src="images/layout2_11.gif" width="112" height="67" alt=""></td>
<td colspan="3"> <img src="images/layout2_12.gif" width="154" height="67" alt=""></td>
<td colspan="8"> <img src="images/layout2_13.gif" width="391" height="67" alt=""></td>
<td> <img src="images/layout2_14.gif" width="154" height="67" alt=""></td>
<td> <img src="images/스페이서.gif" width="1" height="67" alt=""></td>
</tr>
<tr>
<td colspan="2"> <img src="images/layout2_15.gif" width="189" height="80" alt=""></td>
<td colspan="2"> <img src="images/layout2_16.gif" width="112" height="80" alt=""></td>
<td colspan="3"> <img src="images/layout2_17.gif" width="154" height="80" alt=""></td>
<td colspan="6"> <img src="images/layout2_18.gif" width="283" height="80" alt=""></td>
<td colspan="2"> <img src="images/layout2_19.gif" width="108" height="80" alt=""></td>
<td> <img src="images/layout2_20.gif" width="154" height="80" alt=""></td>
<td> <img src="images/스페이서.gif" width="1" height="80" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2"> <img src="images/layout2_21.gif" width="189" height="58" alt=""></td>
<td colspan="2"> <img src="images/layout2_22.gif" width="112" height="22" alt=""></td>
<td colspan="3"> <img src="images/layout2_23.gif" width="154" height="22" alt=""></td>
<td colspan="6"> <img src="images/layout2_24.gif" width="283" height="22" alt=""></td>
<td colspan="2"> <img src="images/layout2_25.gif" width="108" height="22" alt=""></td>
<td> <img src="images/layout2_26.gif" width="154" height="22" alt=""></td>
<td> <img src="images/스페이서.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td> <img src="images/layout2_27.gif" width="22" height="36" alt=""></td>
<td colspan="2" rowspan="2"> <img src="images/layout2_28.gif" width="147" height="56" alt=""></td>
<td colspan="3" rowspan="2"> <img src="images/layout2_29.gif" width="127" height="56" alt=""></td>
<td colspan="3" rowspan="2"> <img src="images/layout2_30.gif" width="124" height="56" alt=""></td>
<td colspan="2" rowspan="2"> <img src="images/layout2_31.gif" width="129" height="56" alt=""></td>
<td colspan="2" rowspan="2"> <img src="images/layout2_32.gif" width="108" height="56" alt=""></td>
<td rowspan="2"> <img src="images/layout2_33.gif" width="154" height="56" alt=""></td>
<td> <img src="images/스페이서.gif" width="1" height="36" alt=""></td>
</tr>
<tr>
<td rowspan="3"> <img src="images/layout2_34.gif" width="56" height="106" alt=""></td>
<td colspan="2" rowspan="2"> <img src="images/layout2_35.gif" width="155" height="70" alt=""></td>
<td> <img src="images/스페이서.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td colspan="11"> <img src="images/layout2_36.gif" width="616" height="50" alt=""></td>
<td colspan="2" rowspan="2"> <img src="images/layout2_37.gif" width="173" height="86" alt=""></td>
<td> <img src="images/스페이서.gif" width="1" height="50" alt=""></td>
</tr>
<tr>
<td colspan="2"> <img src="images/layout2_38.gif" width="155" height="36" alt=""></td>
<td colspan="11"> <img src="images/layout2_39.gif" width="616" height="36" alt=""></td>
<td> <img src="images/스페이서.gif" width="1" height="36" alt=""></td>
</tr>
<tr>
<td> <img src="images/layout2_40.gif" width="56" height="23" alt=""></td>
<td colspan="2"> <img src="images/layout2_41.gif" width="155" height="23" alt=""></td>
<td colspan="11"> <img src="images/layout2_42.gif" width="616" height="23" alt=""></td>
<td colspan="2"> <img src="images/layout2_43.gif" width="173" height="23" alt=""></td>
<td> <img src="images/스페이서.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td> <img src="images/layout2_44.gif" width="56" height="522" alt=""></td>
<td colspan="2"> <img src="images/layout2_45.gif" width="155" height="522" alt="">이부분부터 위로 긁어서 head.php로 저장</td>
<td colspan="11"> <img src="images/layout2_46.gif" width="616" height="522" alt=""></td>
<td colspan="2"> <img src="images/layout2_47.gif" width="173" height="522" alt=""></td>
<td> <img src="images/스페이서.gif" width="1" height="522" alt=""></td>
</tr>
<tr>
<td colspan="16">이 다음 부분부터 아래로 긁어서 tail.php로 저장</td>
<td> <img src="images/스페이서.gif" width="1" height="49" alt=""></td>
</tr>
<tr>
<td> <img src="images/스페이서.gif" width="56" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="133" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="22" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="90" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="57" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="54" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="43" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="30" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="4" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="82" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="38" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="74" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="55" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="89" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="19" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="154" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
<title>layout</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (layout.psd) -->
<table id="Table_01" width="1001" height="975" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" rowspan="2"> <img src="images/layout2_01.gif" width="189" height="69" alt=""></td>
<td colspan="2" rowspan="2"> <img src="images/layout2_02.gif" width="112" height="69" alt=""></td>
<td colspan="2"> <img src="images/layout2_03.gif" width="111" height="26" alt=""></td>
<td colspan="3"> <img src="images/layout2_04.gif" width="77" height="26" alt=""></td>
<td> <img src="images/layout2_05.gif" width="82" height="26" alt=""></td>
<td colspan="2"> <img src="images/layout2_06.gif" width="112" height="26" alt=""></td>
<td colspan="4"> <img src="images/layout2_07.gif" width="317" height="26" alt=""></td>
<td> <img src="images/스페이서.gif" width="1" height="26" alt=""></td>
</tr>
<tr>
<td colspan="8"> <img src="images/layout2_08.gif" width="382" height="43" alt=""></td>
<td colspan="4"> <img src="images/layout2_09.gif" width="317" height="43" alt=""></td>
<td> <img src="images/스페이서.gif" width="1" height="43" alt=""></td>
</tr>
<tr>
<td colspan="2"> <img src="images/layout2_10.gif" width="189" height="67" alt=""></td>
<td colspan="2"> <img src="images/layout2_11.gif" width="112" height="67" alt=""></td>
<td colspan="3"> <img src="images/layout2_12.gif" width="154" height="67" alt=""></td>
<td colspan="8"> <img src="images/layout2_13.gif" width="391" height="67" alt=""></td>
<td> <img src="images/layout2_14.gif" width="154" height="67" alt=""></td>
<td> <img src="images/스페이서.gif" width="1" height="67" alt=""></td>
</tr>
<tr>
<td colspan="2"> <img src="images/layout2_15.gif" width="189" height="80" alt=""></td>
<td colspan="2"> <img src="images/layout2_16.gif" width="112" height="80" alt=""></td>
<td colspan="3"> <img src="images/layout2_17.gif" width="154" height="80" alt=""></td>
<td colspan="6"> <img src="images/layout2_18.gif" width="283" height="80" alt=""></td>
<td colspan="2"> <img src="images/layout2_19.gif" width="108" height="80" alt=""></td>
<td> <img src="images/layout2_20.gif" width="154" height="80" alt=""></td>
<td> <img src="images/스페이서.gif" width="1" height="80" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2"> <img src="images/layout2_21.gif" width="189" height="58" alt=""></td>
<td colspan="2"> <img src="images/layout2_22.gif" width="112" height="22" alt=""></td>
<td colspan="3"> <img src="images/layout2_23.gif" width="154" height="22" alt=""></td>
<td colspan="6"> <img src="images/layout2_24.gif" width="283" height="22" alt=""></td>
<td colspan="2"> <img src="images/layout2_25.gif" width="108" height="22" alt=""></td>
<td> <img src="images/layout2_26.gif" width="154" height="22" alt=""></td>
<td> <img src="images/스페이서.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td> <img src="images/layout2_27.gif" width="22" height="36" alt=""></td>
<td colspan="2" rowspan="2"> <img src="images/layout2_28.gif" width="147" height="56" alt=""></td>
<td colspan="3" rowspan="2"> <img src="images/layout2_29.gif" width="127" height="56" alt=""></td>
<td colspan="3" rowspan="2"> <img src="images/layout2_30.gif" width="124" height="56" alt=""></td>
<td colspan="2" rowspan="2"> <img src="images/layout2_31.gif" width="129" height="56" alt=""></td>
<td colspan="2" rowspan="2"> <img src="images/layout2_32.gif" width="108" height="56" alt=""></td>
<td rowspan="2"> <img src="images/layout2_33.gif" width="154" height="56" alt=""></td>
<td> <img src="images/스페이서.gif" width="1" height="36" alt=""></td>
</tr>
<tr>
<td rowspan="3"> <img src="images/layout2_34.gif" width="56" height="106" alt=""></td>
<td colspan="2" rowspan="2"> <img src="images/layout2_35.gif" width="155" height="70" alt=""></td>
<td> <img src="images/스페이서.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td colspan="11"> <img src="images/layout2_36.gif" width="616" height="50" alt=""></td>
<td colspan="2" rowspan="2"> <img src="images/layout2_37.gif" width="173" height="86" alt=""></td>
<td> <img src="images/스페이서.gif" width="1" height="50" alt=""></td>
</tr>
<tr>
<td colspan="2"> <img src="images/layout2_38.gif" width="155" height="36" alt=""></td>
<td colspan="11"> <img src="images/layout2_39.gif" width="616" height="36" alt=""></td>
<td> <img src="images/스페이서.gif" width="1" height="36" alt=""></td>
</tr>
<tr>
<td> <img src="images/layout2_40.gif" width="56" height="23" alt=""></td>
<td colspan="2"> <img src="images/layout2_41.gif" width="155" height="23" alt=""></td>
<td colspan="11"> <img src="images/layout2_42.gif" width="616" height="23" alt=""></td>
<td colspan="2"> <img src="images/layout2_43.gif" width="173" height="23" alt=""></td>
<td> <img src="images/스페이서.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td> <img src="images/layout2_44.gif" width="56" height="522" alt=""></td>
<td colspan="2"> <img src="images/layout2_45.gif" width="155" height="522" alt="">이부분부터 위로 긁어서 head.php로 저장</td>
<td colspan="11"> <img src="images/layout2_46.gif" width="616" height="522" alt=""></td>
<td colspan="2"> <img src="images/layout2_47.gif" width="173" height="522" alt=""></td>
<td> <img src="images/스페이서.gif" width="1" height="522" alt=""></td>
</tr>
<tr>
<td colspan="16">이 다음 부분부터 아래로 긁어서 tail.php로 저장</td>
<td> <img src="images/스페이서.gif" width="1" height="49" alt=""></td>
</tr>
<tr>
<td> <img src="images/스페이서.gif" width="56" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="133" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="22" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="90" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="57" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="54" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="43" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="30" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="4" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="82" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="38" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="74" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="55" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="89" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="19" height="1" alt=""></td>
<td> <img src="images/스페이서.gif" width="154" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
댓글 전체
포토샵에서 슬라이스 하면 colspan rowspan 무지하게 생기더군요.
만드는건 웹에디터툴(나모,드림위버)같은걸로 하시면서 필요한 이미지를 그때그때 저장하시면서 링크 거시는게
편하지 않을까 싶습니다.
만드는건 웹에디터툴(나모,드림위버)같은걸로 하시면서 필요한 이미지를 그때그때 저장하시면서 링크 거시는게
편하지 않을까 싶습니다.