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

 
 
 

日志

 
 

玩博客做大图音画的方法步骤详解  

2011-11-06 10:59:11|  分类: 〖博客知识〗 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

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

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

一、图片的切割:

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

玩博客做大图音画的方法步骤详解 - 迎春 -

2、选择“切片选取工具”。点击“划分切片”

玩博客做大图音画的方法步骤详解 - 迎春 -

3、右键图片后选取“划分切片”。

玩博客做大图音画的方法步骤详解 - 迎春 -

4、在话框中根据图片的具体情况进行设置,我这里是水平划分3等分。

玩博客做大图音画的方法步骤详解 - 迎春 -

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

玩博客做大图音画的方法步骤详解 - 迎春 -

5、在“存储为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://img1.ph.126.net/bzLe7PyFP1i0dAI03wzhvw==/2438417723262657841.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://img0.ph.126.net/jK-IL5iFOnwFdfJ-cgd0-A==/665688319938712533.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://img1.ph.126.net/cLmYolqSQ6MqtgmdLWzFrg==/1120270407326426188.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://img1.ph.126.net/bzLe7PyFP1i0dAI03wzhvw==/2438417723262657841.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="315" >  <TD width="630" background="http://img0.ph.126.net/jK-IL5iFOnwFdfJ-cgd0-A==/665688319938712533.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="315" >  <TD width="630" background="http://img1.ph.126.net/cLmYolqSQ6MqtgmdLWzFrg==/1120270407326426188.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>
</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教程 会声会影 成语故事
古代诗词 高手进阶 懒人动画 有待添加 有待添加
 迎春欢迎你的光临-
  评论这张
 
阅读(2378)| 评论(28)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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