注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

yangzh691216的博客

成功止于信念

 
 
 

日志

 
 

PS大图切片  

2013-05-09 09:46:07|  分类: 原创教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

PS大图切片

原图

PS大图切片 - yangzh691216 - yangzh691216的博客

选中切片工具,在图中点右键,划分切片。

PS大图切片 - yangzh691216 - yangzh691216的博客
在弹出的框框中设置切片数量。
PS大图切片 - yangzh691216 - yangzh691216的博客
存储为WEB所用格式,预设选“JPEG高”,点“存储”,在弹出的框中文件名输入数字或英文(不要用中文),“保存类型”一定要选“HTML和图像(*html)”,就在你保存路径的文件夹内生成一个网页文件和一个images文件夹,切片后的小图都在images文件夹内了。
 
 
下面是网易博客日志切片大图代码:
 <TABLE id=table1 style="LEFT: -10px; WIDTH: 890px; POSITION: relative; TOP: 0px; HEIGHT: 50px" cellSpacing=0 borderColorDark=#000000 cellPadding=0
width="100%" borderColorLight=#000000 border=1>
<TBODY>
<TR>
<TD>
<TABLE title=火鸟工作室欢迎莅临! cellSpacing=15 cellPadding=10 width="100%" align=center bgColor=#000000 background=边框图片1 border=0>
<TBODY>
<TR>
<TD>
<TABLE title=火鸟工作室欢迎莅临! cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#000000 background=边框图片2>
<TBODY>
<TR>
<TD>
<TABLE title=火鸟工作室欢迎莅临! cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#000000 background=边框图片3>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#990000 cellSpacing=0 borderColorDark=#ae00ae cellPadding=0 width="100%" background=背景图片 border=1>
<TBODY>
<TR>
<TD width="100%">
<TABLE id=__01 height=总高度 cellSpacing=0 cellPadding=0 width=总宽度 border=0>
<TBODY>
<TR>
<TD><IMG title="" 小图高度 alt="" src="小图左1" 小图宽度></TD>
<TD><IMG title="" 小图高度 alt="" src="小图右1" 小图宽度></TD></TR>
<TR>
<TD><IMG title="" 小图高度 alt="" src="小图左2" 小图宽度></TD>
<TD><IMG title="" 小图高度 alt="" src="小图右2" 小图宽度></TD></TR>
<TR>
<TD><IMG title="" 小图高度 alt="" src="小图左3" 小图宽度></TD>
<TD><IMG title="" 小图高度 alt="" src="小图右3" 小图宽度></TD></TR>
<TR>
<TD><IMG title="" 小图高度 alt="" src="小图左4" 小图宽度></TD>
<TD><IMG title="" 小图高度 alt="" src="小图右4" 小图宽度></TD></TR>
<TR>
<TD><IMG title="" 小图高度 alt="" src="小图左5" 小图宽度></TD>
<TD><IMG title="" 小图高度 alt="" src="小图右5" 小图宽度></TD></TR>
<TR>
<TD><IMG title="" 小图高度 alt="" src="小图左6" 小图宽度></TD>
<TD><IMG title="" 小图高度 alt="" src="小图右6" 小图宽度></TD></TR>
<TR>
<TD><IMG title="" 小图高度 alt="" src="小图左7" 小图宽度></TD>
<TD><IMG title="" 小图高度 alt="" src="小图右7" 小图宽度></TD></TR>
<TR>
<TD><IMG title="" 小图高度 alt="" src="小图左8" 小图宽度></TD>
<TD><IMG title="" 小图高度 alt="" src="小图右8" 小图宽度></TD></TR>
<TR>
<TD><IMG title="" 小图高度 alt="" src="小图左9" 小图宽度></TD>
<TD><IMG title="" 小图高度 alt="" src="小图右9" 小图宽度></TD></TR>
<TR>
<TD><IMG title="" 小图高度 alt="" src="小图左10" 小图宽度></TD>
<TD><IMG title="" 小图高度 alt="" src="小图右10" 小图宽度></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>
</TBODY></TABLE></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE>

 代码说明:

切片小图*张数=总高度(最好是整数),虽然系统会自动划分小图高度,但所有小图高度不一致,上传时容易出错。

 效果图:


火鸟工作室原创教程

  评论这张
 
阅读(127)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017