神马文学网【ps教程】ps大图音画教程之四 - 玫瑰夫人的日志 - 网易博客
来源：百度文库 编辑：神马文学网 时间：2024/04/24 00:52:12
【ps教程】ps大图音画教程之四
现在的音画已经很少用多层表格嵌套来实现各式边框效果，很多人都运用Photoshop（简称PS）
图片处理程序来做大图，作为音画的主背景（很多文字、小图、边框样式都融合在这个大图上中），
再加一些透明flash点缀，加上音乐播放器，就成为一个很大气的音画。但由于整张大图在网上
传输很慢，所以往往要切割成很多张小图，加快传输显示，再在读者浏览器上还原成大图，
ps的图片处理功能很强大，又具备切割图片，并自动生成html文件的功能，给用PS做大图音画
带来很大方便，下面简单介绍一下制作过程
做大图音画，如果整个大图传上来，文件大了不说，网友们肯定等N久才能看到全图。
所以切分图片是必须的.打开大图，点切片选取工具，设置如下图：
然后存储为Wep所用格式，设定保存图片的类型和品质；
保存（保存类型为HTML和图像），系统会自动生成网页；设置如图：
保存下来的图片和网页可以直接上传，无需再做代码编辑，
即使对代码不熟悉的人，用起来也很方便。如果需要增加背景或者边框，
只需把源文件复制粘贴上也就可以了，
简单、方便。
在原来图片所在文件夹中会自动生成一个“Image"文件夹的一个html文件。如下图：
把这个自动生成的文件夹及html文件上传到网络某一空间上，再用网页引用代码：
，发到论坛或其他网站即可。当然，自动生成有html文件只是用html把切割成碎片的大图，还原显示，如果要加透明flash和音乐播放器，还得再改html文件后再上传。
用ps的生成输出，自动生成html文件，少了我们编写图片显示代码的麻烦。很是省力。
朋友可以多多练习。
做单幅音画也可以用此方法生成html文件，与图片切割与否无关，再说图片切割后，
传输更快，还是切成较小几块为宜
===
定位大图音画制作方法
首先我们来看一下展示：
请点击浏览：最美的距离
1：我们先看一下全部语言代码
现在我们来分析一下代码在各部位的作用
1：大图音画的起始代码
分析： LEFT: -150px;调整网页整体的左右位置，负数越大向左，反之。 WIDTH: 980px 整体网页的宽度，为980像素 TOP: 0px 边框到顶部的距离为“0” cellSpacing=45 边框的宽度，可以为“0” background= 等号后面加背景图片网址 2：边框语法代码
|
8：插入背景音乐
9：插入定位透明FLASH语言
