山姆会员店亲友卡:大图音画的切割及拼合发表方法【原】

来源:百度文库 编辑:偶看新闻 时间:2024/05/01 02:54:47
大图音画的切割及拼合发表方法【原】
Good fun编辑
由于图片较大,在博客打开较慢,如果我们把它切割成多张小图,这样打开就快很多!最近有两位朋友问我这问题,今天发表成日志希望有朋友用的着!
我们先来看一下音画在ps里的切割,音画做好后会有很多图层,不需要合并图层(因为有时候因为图层的叠加模式不同,图层合并后会变了效果,不能合并,也不需要盖印图层),直接切割保存即可!方法和下面这张图的切割一样!

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





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



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














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

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

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














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


代码使用说明:
1、代码“TOP: 150px”中的数值“150”是指flash距离顶部的距离;代码“LEFT: 0px”中的数值“0”是指flash距离左边边线的距离;可以改变这两个数值,改变flash的位置!
2、光改变位置还不行,还的调整flash显示的大小,代码“height=600 ”“width=900”中的数值分别是flash显示的高度和宽带大小,你可以改变这两个数值来改变flash的数值(提示:宽度和高度大小还可以大于整个音画的大小,因为这里有重叠的属性,不影响图片的拼合缝隙)
3、“/61.swf”这是flash的地址,换成你自己喜欢的flash的地址!你要加几个flash就复制多少段上面的添加flash的代码,分别定位!
以上代码在博客代码编辑状态编辑(代码编辑状态:你只要点击日志编辑功能菜单上的这个“<>”符号出来的页面就是代码编辑页面),flash的代码只要放在你刚才的图片拼合代码最后面即可!调整flash大小和位置的时候你可以通过预览后返回来查看效果和继续编辑!
好了,说了这么多,希望你看明白了!祝你制作愉快!觉得不错,别忘了帮忙推荐支持一下!原创教程,分享请点击右下角的引用!不得复制!有问题留言和我交流!
博客制作IT技巧博客素材PS教程U5教程视觉大餐
情感诉说flash总汇日志边框博客游戏美女赏析情感攻略
博客装扮音画素材给Goodfun留言交流 星座测试flash音画
Good fun推荐阅读: