【转载】详解：玩博客做大图音画的方法步骤

【转载】详解：玩博客做大图音画的方法步骤  

本文转载自迎春《详解：玩博客做大图音画的方法步骤》

 

【点击这里了解更多电脑技术】  详解：玩博客做大图音画的方法步骤           大家都有体会：过的大图片上传时经常受阻，勉强上传了宽、高值却发生变化，同时在博客里打开也是较慢的，如果我们把它切割成多张小图，这样不仅容易上传，而且打开速度也很快！对此，我就如何将图片切割  成多张小图、无间隙拼合  、添加漂亮的透明flash及好听的音乐  等技术作一简要介绍，希望对你学做音画有所帮助。                                                                                       ————於凤浪   （方法步骤并不复杂，看一遍你就会做了） 一、图片的切割： 1、启动ps软件，打开你做好的一张大图或从网上下载的漂亮大图。 2、选择“切片选取工具”。点击“划分切片” 3、右键图片后选取“划分切片”。 4、在话框中根据图片的具体情况进行设置，我这里是水平划分3等分。 5、点文件→存储为web所有格式（w） 6、在“存储为web所有格式”对话中设置如图，设置好后点存储。 双击打开存储的切片图片文件夹（我存储的路径在我的图片收藏）图片状况： 如将切片图片上传到博客后，如直接复制到日发表则上下两张图片间会有间隙： 那么怎样解决图片的间隙问题 ？ 我们可借助代码来给它无间隙拼合！ 二、基本代码的应用： <P align=center> <TABLE  border=0 cellSpacing=0 cellPadding=0 align=center> <TBODY> <TR height=第1张图片高度> <TD width=第1张图片宽度    background=第1张图片地址> </TD></TR> <TR height=第2张图片高度> <TD width=第2张图片宽度    background=第2张图片地址> </TD></TR> <TR height=第3张图片高度> <TD width=第3张图片宽度    background=第3张图片地址> </TBODY></TABLE></P> 代码说明： 本例是三张图片，所以代码中间是三段“<TR >.......</TD></TR>”一样的代码，根据你自己的需要，切割成多少份就用多少段这样的代码，代码中的“图片地址”“图片宽度”“图片高度”分别右键图片→属性从中获取地址、宽度、高度，然后分别替代到上面代码对应位置。 无间隙拼合的效果： 三、在图片加上透明flash的代码运用： <P align="center" >  <TABLE cellSpacing="0" cellPadding="0" align="center" border="0" >  <TBODY>   <TR height="315" >   <TD width="630" background ="http://image87.360doc.com/DownloadImg/2015/07/2317/56352026_10.gif" >  <P align="center" ><EMBED style="MARGIN: 5px" pluginspage=http://www.macromedia.com/go/getflashplayer src=flash地址 width=flash宽度 height=flash高度 type=application/x-shockwave-flash allowscriptaccess="never" quality="high" wmode="transparent"></EMBED></P> </TD></TR>  <TR height="315" >   <TD width="630" background ="http://image87.360doc.com/DownloadImg/2015/07/2317/56352026_11.gif" >  <P align="center" > <EMBED style="MARGIN: 5px" pluginspage=http://www.macromedia.com/go/getflashplayer src=flash地址 width=flash宽度 height=flash高度 type=application/x-shockwave-flash allowscriptaccess="never"  quality="high" wmode="transparent"></EMBED></P> </TD></TR>  <TR height="315" >  <TD width="630" background="http://image87.360doc.com/DownloadImg/2015/07/2317/56352026_12.jpg" > <P align="center" ><EMBED style="MARGIN: 5px" pluginspage =http://www.macromedia.com/go/getflashplayer src=flash地址 width=flash宽度 height=flash高度 type=application/x-shockwave-flash allowscriptaccess="never" quality="high" wmode="transparent"></EMBED></P> </TD></TR> </TABLE>  加上透明flash的效果： 四、在上面基础上再添加mp3音乐的方法: 很简单：在上面代码最后一段的</EMBED></P>...</TD></TR> </TABLE>  之间, 添加<BGSOUND balance="0" src="><BGSOUND balance="0" src="mp3地址"  volume="0" loop="infinite" >代码。 代码运用： <P align="center" >  <TABLE cellSpacing="0" cellPadding="0" align="center" border="0" >   <TBODY>  <TR height="315" >  <TD width="630" background="http://image87.360doc.com/DownloadImg/2015/07/2317/56352026_10.gif" >  <P align="center" ><EMBED style="MARGIN: 5px"  pluginspage=http://www.macromedia.com/go/getflashplayer src=http://tmflash./flashxuexi/QQ249181841-591.swf  width=600 height=251  type=application/x-shockwave-flash allowscriptaccess="never" quality="high" wmode="transparent"></EMBED></P> </TD></TR>  <TR height="315" >  <TD width="630" background="http://image87.360doc.com/DownloadImg/2015/07/2317/56352026_11.gif" > <P align="center" ><EMBED style="MARGIN: 5px" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://tmflash./flashxuexi/QQ249181841-591.swf width=600 height=251 type=application/x-shockwave-flash allowscriptaccess="never" quality="high" wmode="transparent"></EMBED></P> </TD></TR>  <TR height="315" >  <TD width="630" background="http://image87.360doc.com/DownloadImg/2015/07/2317/56352026_12.jpg" > <P align="center" ><EMBED style="MARGIN: 5px" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://tmflash./flashxuexi/QQ249181841-591.swf width=600 height=251 type=application/x-shockwave-flash allowscriptaccess="never" quality="high" wmode="transparent"></EMBED></P> </TD></TR>  <BGSOUND balance="0" src="mp3地址"  volume="0" loop="infinite" > </TD></TR> </TABLE>  至此大图音画完工! （下面是我加上“李玲玉 - 孝庄秘史 - 美人吟 电视剧 主题曲”音乐的效果）

点击进入动画制作天地★点击进入电脑技术学堂

图片、文章/编辑、整理：迎春 加强交流 增进友谊 http://ycyx88888.blog.163.com/

文章导读

经典收藏	F-S制作	博客知识	P-S制作	U-5制作
在线制作	P-S滤镜	常用工具	兴趣爱好	人体世界
制作软件	电脑知识	精品素材	醒世读物	小品相声
超级题库	视频录制	音乐录制	国学故事	创意网站
透明F-S	姓氏起源	有声读物	靓丽欣赏	动画实战
装饰素材	阅读欣赏	幽默笑话	兴趣客栈	迷人音乐
中科教程	pCS5全集	U-5教程	会声会影	成语故事
古代诗词	高手进阶	懒人动画	影视小品	有待添加