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

悠悠岁月

岁月悠悠,时光如水

 
 
 

日志

 
 

【引用】玩博客做大图音画的方法步骤详解  

2012-04-27 18:11:51|  分类: 电脑入门 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

         大家都有体会:过的大图片上传时经常受阻,勉强上传了宽、高值却发生变化,同时在博客里打开也是较慢的,如果我们把它切割成多张小图,这样不仅容易上传,而且打开速度也很快!对此,我就如何将图片切割  成多张小图、无间隙拼合  、添加漂亮的透明flash  等技术作一简要介绍,希望对你学做音画有所帮助。

 (方法步骤并不复杂,看一遍你就会做了)

一、图片的切割:

1、启动ps软件,打开你做好的一张大图或从网上下载的漂亮大图。

待发表日志 - 迎春 -

2、①选择“切片选取工具”,②点击“划分切片”

待发表日志 - 迎春 -

3、在打开的“划分切片”对话框中根据图片的具体情况进行设置。

我这里是水平划分5等分:

待发表日志 - 迎春 -

4、点文件→存储为web所有格式(w)

待发表日志 - 迎春 -

5、在“存储为web所有格式”对话中设置如图,设置好后点存储。

待发表日志 - 迎春 -

我存储的路径:

待发表日志 - 迎春 -

保存在桌面的5张切片图片文件夹:

待发表日志 - 迎春 -

双击打开保存在桌面切片图片文件夹的图片状况:

待发表日志 - 迎春 -

 将切片图片上传后,如直接复制到日发表则上下两张图片间会有间隙:

待发表日志 - 迎春 -

待发表日志 - 迎春 -

待发表日志 - 迎春 -

待发表日志 - 迎春 -

待发表日志 - 迎春 -

那么怎样解决图片的间隙问题 ? 我们可借助代码来给它无间隙拼合!

二、基本代码的应用:

<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张图片地址>

</TD></TR>

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

</TD></TR>

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

</TD></TR>

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

代码说明:

       本例是五张图片,所以代码中间是五段“<TR >.......</TD></TR>”一样的代码,根据你自己的需要,切割成多少份就用多少段这样的代码,代码中的“图片地址”“图片宽度”“图片高度”分别右键图片→属性从中获取地址、宽度、高度,然后分别替代到上面代码对应位置。

无间隙拼合的效果:

三、在图片加上透明flash的代码运用:

<P align="center" >  <TABLE cellSpacing="0" cellPadding="0" align="center" border="0" >  <TBODY>  <TR height="281" >  <TD width="750" background="http://img2.ph.126.net/WCES_7Y0mwFFFe6QMArldw==/1082834235422946982.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="281" >  <TD width="750" background="http://img8.ph.126.net/uX8-YyqOHcHfzdo-VGdkAQ==/1082834235422947048.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="281" >  <TD width="750" background="http://img9.ph.126.net/WBGgLM_nHfV7fWDHb0obFQ==/1082834235422947089.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="281" >  <TD width="750" background="http://img2.ph.126.net/ga_QXCyVS_z_PyZmmJqCpw==/1082834235422947122.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="281" >  <TD width="750" background="http://img4.ph.126.net/mQKGP6_o4N-IRyC21FXWxw==/2695967326951717394.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="281" >  <TD width="750" background="http://img2.ph.126.net/WCES_7Y0mwFFFe6QMArldw==/1082834235422946982.gif" >  <P align="center" ><EMBED style="MARGIN: 5px" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://tmflash.6000y.com/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="281" >  <TD width="750" background="http://img8.ph.126.net/uX8-YyqOHcHfzdo-VGdkAQ==/1082834235422947048.gif" > <P align="center" ><EMBED style="MARGIN: 5px" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://tmflash.6000y.com/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="281" >  <TD width="750" background="http://img9.ph.126.net/WBGgLM_nHfV7fWDHb0obFQ==/1082834235422947089.gif" ><P align="center" ><EMBED style="MARGIN: 5px" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://tmflash.6000y.com/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="281" >  <TD width="750" background="http://img2.ph.126.net/ga_QXCyVS_z_PyZmmJqCpw==/1082834235422947122.gif" > <P align="center" ><EMBED style="MARGIN: 5px" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://tmflash.6000y.com/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="281" >  <TD width="750" background="http://img4.ph.126.net/mQKGP6_o4N-IRyC21FXWxw==/2695967326951717394.jpg" ><P align="center" ><EMBED style="MARGIN: 5px" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://tmflash.6000y.com/flashxuexi/QQ249181841-591.swf width=600 height=251 type=application/x-shockwave-flash allowscriptaccess="never" quality="high" wmode="transparent"></EMBED></P>

<BGSOUND balance="0" src="mp3地址"  volume="0" loop="infinite" >
</TD></TR> </TABLE> 

至此大图音画完工!
(下面是我加上“京华春梦”音乐的效果)


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

======================================================================

点击图片进入-迎春-主页

图片、文章/编辑、整理:迎春

加强交流 增进友谊

http://ycyx88888.blog.163.com/

文章导读

经典收藏 F-S制作 博客知识 P-S制作 U-5制作
在线制作 百家讲坛 常用工具 兴趣爱好 网页制作
制作软件 电脑知识 精品素材 报刊阅读 历史名著
中华范文 视频录制 音乐录制 音乐上传 创意网站
透明F-S 姓氏起源 软件下载 靓丽欣赏 动画实战
装饰素材 阅读欣赏 幽默笑话 兴趣客栈 迷人音乐

========================================================================

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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