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

阳光地带

宠辱不惊,看庭前花开花落;去留无意,望天边云卷云舒。

 
 
 

日志

 
 

引用 教你用ps制作大图音画  

2009-07-20 19:57:51|  分类: 电脑技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

引用

理睬教你用ps制作大图音画

现在的音画已经很少用多层表格嵌套来实现各式边框效果,很多人都运用Photoshop(简称PS)

图片处理程序来做大图,作为音画的主背景(很多文字、小图、边框样式都融合在这个大图上中),

再加一些透明flash点缀,加上音乐播放器,就成为一个很大气的音画。但由于整张大图在网上

传输很慢,所以往往要切割成很多张小图,加快传输显示,再在读者浏览器上还原成大图,

ps的图片处理功能很强大,又具备切割图片,并自动生成html文件的功能,给用PS做大图音画

带来很大方便,下面简单介绍一下制作过程。

 

1、PS溶图:

(1)首先准备溶图素材(底图及几张小图),以“蓝眼泪”为例:准备的素材如下:

ps大图音画制作教程 - 理睬 - . 

 

 

ps大图音画制作教程 - 理睬 - .

ps大图音画制作教程 - 理睬 - .

ps大图音画制作教程 - 理睬 - .

ps大图音画制作教程 - 理睬 - .

ps大图音画制作教程 - 理睬 - .

(2)溶图,这里不详细展开,

溶图完成后的成品图片如下:

ps大图音画制作教程 - 理睬 - .

图片大小1000*2400很大(上面已经缩略),必须用PS进行切割。

(1)用PS打开成品图,用“切片”工具,按住鼠标左键框选全图,并在图上点击右键,在出现的快捷菜单中选择“划分切片”。如下图:

ps大图音画制作教程 - 理睬 - .

(2)在出现的划分切割对话框中设定切割方向及划分块数,如下图

ps大图音画制作教程 - 理睬 - .

(3)存储输出点击“文件”菜单,再选择“存储为web所用格式”,如下图:

ps大图音画制作教程 - 理睬 - .

在出现的对话框中右上角点击“存储”,输入文件名,保存类型为“ HTML和图像”。如下图:

ps大图音画制作教程 - 理睬 - .

在原来图片所在文件夹中会自动生成一个“Image"文件夹的一个html文件。如下图:

把这个自动生成的文件夹及html文件上传到网络某一空间上,再用网页引用代码:

<iframe frameborder=0 width=1000 height=2400 marginheight=0 marginwidth=0 scrolling=no src="html文件网址"></iframe>,发到论坛或其他网站即可。当然,自动生成有html文件只是用html把切割成碎片的大图,还原显示,如果要加透明flash和音乐播放器,还得再改html文件后再上传。

用ps的生成输出,自动生成html文件,少了我们编写图片显示代码的麻烦。

做单幅音画也可以用此方法生成html文件,与图片切割与否无关,再说图片切割后,

传输更快,还是切成较小几块为宜。

2009年6月22日 - 理睬 - .

您已欣赏本篇日志2009年6月22日 - 理睬 - .2009年6月22日 - 理睬 - . 2009年6月22日 - 理睬 - .2009年6月22日 - 理睬 - .               其它链接 2008年12月8日 - 理睬 - 理 睬    2008年12月8日 - 理睬 - 理 睬

 

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

历史上的今天

评论

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

页脚

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