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

壳子的博客

学无止境

 
 
 

日志

 
 

大图音画的切割及拼合发表方法【原】  

2011-06-17 22:13:33|  分类: 音画边框制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

大图音画的切割及拼合发表方法【原】

Good fun编辑

        由于图片较大,在博客打开较慢,如果我们把它切割成多张小图,这样打开就快很多!最近有两位朋友问我这问题,今天发表成日志希望有朋友用的着!
        我们先来看一下音画在ps里的切割,音画做好后会有很多图层,不需要合并图层(因为有时候因为图层的叠加模式不同,图层合并后会变了效果,不能合并,也不需要盖印图层),直接切割保存即可!方法和下面这张图的切割一样!

大图音画的切割及拼合发表方法【原】 - Good fun - Good fun博客

音画做好后,切割方法按下面截图操作:

大图音画的切割及拼合发表方法【原】 - Good fun - Good fun博客

 

大图音画的切割及拼合发表方法【原】 - Good fun - Good fun博客

 

大图音画的切割及拼合发表方法【原】 - Good fun - Good fun博客

 

大图音画的切割及拼合发表方法【原】 - Good fun - Good fun博客

 

大图音画的切割及拼合发表方法【原】 - Good fun - Good fun博客

 

        保存到电脑后,如果上传到博客(宽度大于910像素上传到博客相册,记得勾选上传原图即冲印上传),上传后本例切割成如下三图: 

大图音画的切割及拼合发表方法【原】 - Good fun - Good fun博客

 

大图音画的切割及拼合发表方法【原】 - Good fun - Good fun博客

 

大图音画的切割及拼合发表方法【原】 - Good fun - Good fun博客

        这样切割后,直接发表,音画上下两张图片间会有间隙,那么我们的借用边框代码来给它拼合!基本代码如下:

 <P align=center>
<TABLE  border=0 cellSpacing=0 cellPadding=0 align=center>
<TBODY>
<TR height=第一张图片高度>
<TD width=第一张图片宽度    background=第一张图片地址>

</TD></TR>

 

<TR height=第2张图片高度>
<TD width=第2张图片宽度    background=第2张图片地址>

</TD></TR>

 

<TR height=第3张图片高度>
<TD width=第3张图片宽度    background=第3张图片地址>

</TD></TR>

</TBODY></TABLE></P>

代码说明:

1、本例是三张图片,所以代码中间是三段和红色代码“<TR >.......</TD></TR>”一样的代码,根据你自己的需要,切割成多少份就用多少段这样的代码,复制红色的代码加在红色代码后面即可!
2、代码中的“第N张图片地址”“图片宽度”“图片高度”分别从上到下一一替换编辑好,图片地址和原图片的宽度和高度大小如下截图说明:

 

大图音画的切割及拼合发表方法【原】 - Good fun - Good fun博客

 点击属性后,出来如下对话框:

大图音画的切割及拼合发表方法【原】 - Good fun - Good fun博客

 

        从上面的截图,我们可以找到图片的地址及大小数值,分别依次右击图片属性后,获取地址和大小数值,替换到基本代码中,替换后代码如下:

<P align=center>
<TABLE  border=0 cellSpacing=0 cellPadding=0 align=center>
<TBODY>
<TR height=333>
<TD width=669    background=http://img306.ph.126.net/Is8iKTkqviDjwJYKh0_LIg==/3864088480284490845.jpg>
</TD></TR>
<TR height=334>
<TD width=669    background=http://img234.ph.126.net/rVAPut3tX286qC6jtyiGlw==/2124010174260578654.jpg>
</TD></TR>
<TR height=333>
<TD width=669    background=http://img457.ph.126.net/YC4MiRiVTGWQyz5VXoiHBQ==/2490772068913860709.jpg>
</TD></TR>
</TBODY></TABLE></P>

 

 拼合后效果如下:

       好了,音画的切割和拼合讲完了,有些朋友可能又问,怎么在上面加flash,你可以在本效果上面直接加flash,因为图片是表格的背景图片了,但直接加的话,不能跨着图片接缝添加,只能在第一到第三张图片上分别加一个flash,而且flash的定位不好定!那么我们就要用一段代码,使flash可以随意在音画的某个位置,而且可以多个flash重叠或者叠交!代码如下:

<P align=center><EMBED style="POSITION: absolute; TOP: 150px; LEFT: 0px" height=600  type=application/octet-stream width=900  src=http://www3.6000y.com/toumingflash/swf1000/61.swf  quality="high" invokeURLs="false" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"></P>

代码使用说明:

1、代码“TOP: 150px”中的数值“150”是指flash距离顶部的距离;代码“LEFT: 0px”中的数值“0”是指flash距离左边边线的距离;可以改变这两个数值,改变flash的位置!

 2、光改变位置还不行,还的调整flash显示的大小,代码“height=600 ”“width=900”中的数值分别是flash显示的高度和宽带大小,你可以改变这两个数值来改变flash的数值(提示:宽度和高度大小还可以大于整个音画的大小,因为这里有重叠的属性,不影响图片的拼合缝隙)

3、“http://www3.6000y.com/toumingflash/swf1000/61.swf”这是flash的地址,换成你自己喜欢的flash的地址!你要加几个flash就复制多少段上面的添加flash的代码,分别定位!

        以上代码在博客代码编辑状态编辑(代码编辑状态:你只要点击日志编辑功能菜单上的这个“<>”符号出来的页面就是代码编辑页面),flash的代码只要放在你刚才的图片拼合代码最后面即可!调整flash大小和位置的时候你可以通过预览后返回来查看效果和继续编辑!

        好了,说了这么多,希望你看明白了!祝你制作愉快!觉得不错,别忘了帮忙推荐支持一下!原创教程,分享请点击右下角的引用!不得复制!有问题留言和我交流!

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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