印度人看大秦铁路视频:全屏大图音画制作方法与步骤
来源:百度文库 编辑:偶看新闻 时间:2024/05/02 07:35:24
全屏大图音画制作方法与步骤
本文引用自天民《全屏大图音画制作方法与步骤 》
全屏大图音画制作方法与步骤 <转帖>
音画分为以下几种类型:
第一种:框图音画。主要通过html语句实现多层图框,在图片上附加透明flash美化,配音乐。
第二种:特效音画。主要通过一些特效代码,实现图片动态效果,近似动画场景,配音乐。
第三种:大图音画。通过photoshop制成大图,将其进一步制成网页,再附加透明flash美化,配音乐。
第四种:电子杂志。使用制作杂志的软件,将图片编辑成册,透明flash以及音乐,用软件可导入自动生成。
第五种:单幅音画。一般高度低于3000的大图音画,可视为单幅音画。
从音画的发展来看,由于前两种具有以下特点,对制作者来说,既不易于掌握,又比较费心劳神,所以现在已很少有人使用。
1、框图音画对代码要求非常严,构建层层框架的代码,常因错一个字符就会乱码,无法正常显示。
2、特效音画对代码要求更严格,代码的编排以及相应处图片的更换,都需要细心和耐心,若有字符错误,也是无法正常显示。
现在网络流行的音画作品,后三种居多,因它们具有易操作,易掌握的特点,没有繁琐的代码编排,只需熟练使用软件便可,但也有相应的难点。
1、必须会使用photoshop,因为制作图片和实现网页都要借助于它。
2、photoshop功能较强大,要完全掌握并非易事,不过循序渐进,图片制作水平提高了,制作出的网页也会更美观。
第一步 用photoshop软件制作大图
1、首先打开photoshop,选择“文件”下拉菜单中的“新建”。
2、在“新建”对话框中,设置宽度(自定尺寸),高度(自定尺寸),分辨率(72),颜色模式(RGB),背景内容(透明色)。
注:宽度和高度,一般用像素作单位。分辨率单位为像素/英寸,颜色模式选择8位就可以。
在此对话框的“高级”里,还可以设置“颜色配置文件”和像素长宽比,可分别设置成prophoto RGB 和 方形。
这些设置都完成了,为了以后制图方便,可以点击“存储预设”保存。
3、制做图片,自由发挥。(具体步骤略)
4、图片做好保存时,最好是psd格式,便于各图层修改。
5、由于图较大,不便于上传到网上,也不易打开,所以必须使用切片工具,将其切割成一些小图。
6、选择photoshop“文件”下的“存储为web所用格式”,将大图自动生成为html网页。
7、为了网页的像素品质高,存储为网页格式时,一些相关设置必须注意,在“存储为web所用格式”对话框中,具体参数设置如下:
A、预设:优化的文件格式(jpeg),压缩品质(最佳),“连续”“ICC配置文件”处打勾,品质(100),模糊(0),杂边(无)。
B、图像大小:品质选择“两次立方(较平滑)”
8、存储为网页格式时,出现“将优化结果存储为”对话框,参数选择如下:
A、文件名:自定,后缀为html
B、保存类型:HTML和图像(html)
C、设置:背景图像
D、切片:所有切片
9、保存后,会出现html文件和images文件夹,images文件夹内所有图片都是切割好的图片,用于html文件调用。
注:一定要先将大图切割,再进行存储为网页这一步。
第二步 用frontpage软件制作网页
1、首先用frontpage打开你用photoshop存储而成的网页。
2、在代码
****** 中,把星号换为自己为音画网页取的名字。3、在这段代码 中,把颜色代码#FFFFFF(网页背景色)换成自己需要的颜色代码。
4、为了音画的美观,可以在
****** 后面加上滚动条代码:
BODY
{SCROLLBAR-FACE-COLOR: #d7c9e2;
SCROLLBAR-HIGHLIGHT-COLOR: #d7c9e2;
SCROLLBAR-SHADOW-COLOR: #6f6ba6;
SCROLLBAR-3DLIGHT-COLOR: #d7c9e2;
SCROLLBAR-ARROW-COLOR: #d7c9e2;
SCROLLBAR-TRACK-COLOR: #d7c9e2;
SCROLLBAR-DARKSHADOW-COLOR: #d7c9e2;
SCROLLBAR-BASE-COLOR: #d7c9e2}
同样,这段语句中的颜色代码#d7c9e2(滚动条颜色),可以根据自己音画的色彩更换。
5、由于网页是用photoshop自动生成代码的,所以图默认是左对齐。找到这段代码语句
,在它的前面加一句
即可使图居中。 这一步也可以不做。6、进行到这一步,再加上音乐,简单的音画就基本完成。
7、为了音画更具感染力,有的人点缀一些透明flash。添加flash效果的代码语句,可全屏添加,可单图添加 。由于大家使用的电脑不尽相同,常因分辨率不同,而使全屏代码添加的flash出现一定的偏差,建议用单图添加flash。具体根据音画实际情况而定,这里不作详解。
第三步 用ftp软件上传网页
1、首先要有稳定的空间,能上传自己的音画。网络有很多免费空间,一些论坛也提供个人空间,自己也可购买一个空间。
2、使用ftp上传自己的音画,到自己的个人空间。
3、根据空间的音画存放路径,找出自己的音画网址。
为了便于学习,这里提供几个网址:
HTML基本语法教程
Photoshop教程电子版
frontpage教程
flashxp上传网站教程
第四步 网站(论坛)发布音画
1、使用以下代码发布音画:
语句中相关数据,可根据论坛的具体情况进行调整,使音画居中,文字颜色和谐。语句中的高度和宽度数据,可根据自己的音画进行调整。“音画网址”处,填写自己音画的网址。
2、论坛发贴时,注意要选择在html模式下进行编辑,普通模式下编辑发出的只是代码。用这段html代码发贴时,不能有字符错误,否则会无法正常显示音画。
直接使用图片拼合代码制作大图音画
一个好的大图音画作品的制作,图片是作品的灵魂,好的作品主要看图片处理的艺术效果,但由于制作出来的图片过于大,在发表以后很难打开,那么就要把做好的大图片音画作品进行若干份的切割。经过切割以后的图片发表以后,就可以很快地在网站打开。
经过切割的若干份图片,需要用到HTML语言,也就是我们常说的代码了。以下是大图音画作品拼合的使用代码。以8张图片插入为例:
代码使用说明:
1、代码的起始部分:
TABLE style="LEFT: -120px; WIDTH: 1000px; POSITION: relative; TOP: 0px" 对大图音画贴的发贴是个关键。其属性如下:
LEFT: -120px; 定位网页整体的左右位置,俗称为横坐标。给出的数值越小,它越向左偏移,给出的数值越大它就越往右移动。
WIDTH: 1000px; 表示的是整体网页的展示宽度,因为通常情况下电脑屏幕的展示宽度为1024像素,因此目前所制作的图片最大宽度设置为1000px。
POSITION: relative 表示为设定网页相对以本文档面显示。
TOP: 0px 表示为边框距顶部的距离。通常情况下设置为0。数值给的越大,它越往下移动。
2、图片插入代码:
表示为每层图片的插入。
在图片插入这组代码中,只需要在每层图片的地方替换进去经过切割的图片地址就可以,但一定要注意图片的顺序不能弄错。如果替换的图片没有这么多,可以在替换完所有图片以后,把多余的图层代码删掉即可。如果不够用,也可以对图层进行复制,然后再粘贴进去。图片高度和宽度根据图片实际尺寸写入。
3、音乐插入代码:
可以插入MP3、WMA格式。
大图音画中FLASH动画拼合代码的使用
学会大图音画的拼合后,那么动画的拼合相对来说就很容易了,只要将插入图片的地方替换成FLASH的地址即可。
FLASH动画拼合和大图音画的拼合方法基本相同,其代码以8张图片插入为例:
cellSpacing=0 align=center cellPadding=0 background=背景图片地址 height=高度 border=0>
这里提供的音乐插入代码是支持FLASH格式的,可以插入MP3、WMA格式。
QQ空间全屏大图 冰糖葫芦的制作方法和步骤 qq空间的大图怎么才能全屏呢??? qq空间的大图怎么才能全屏呢???... qq空间的大图怎么才能全屏呢???... 木耳的选购与制作方法 鸡腿与汉堡包的制作方法 求大连铁板烧的配料、制作方法、加工步骤。 如何制作意大利面(包括步骤,材料和制作方法) 制作方法 QQ空间:为什么我的全屏FLASH会被主页的大图覆盖? 压缩分卷制作方法与相关细节? 建筑模型与软陶的制作方法 儿童遥遥车的原理与制作方法 急求杭州断桥与三潭印月的高精度大图! 网页全屏显示与关闭的做法? CS半屏与全屏如何切换? 关于窗口与全屏占用资源问题 QQ堂全屏与窗口模式问题 正确洗澡步骤与方法? 怎么样做蛋抄饭最好吃,请说说详细的步骤个制作方法.谢谢 金属与催化颗粒及颗粒膜的制作方法 谁知道钢钎混凝土井盖的具体制作方法与工艺?感激!!! LED制作方法(包括荧光粉与胶水的配比)最新新闻 沃茨手表网 CSDN程序文档 上海旅游网 神马百科 程序博客 香蕉皮作业帮 景德镇新闻网 余姚信息网 作业帮作业网 互助问答吧 16楼社区 解题作业帮艺术百科亮点网神马百科 神马文学网 拍题作业网 UC知道 我爱散文网 北方网 科学网 第一文库网 微思作业网 我要文章网 都市新闻网西欧教育西山新闻网好楼房产信息网 九乡新闻网农企信息网仙女们写真照片音乐简谱网米粒芽学校大全网95后网站汝南网欧普网宝宝故事网 神马品牌网 杭州交通信息网/"> 杭州市高中教育平台 查人人中国名人网 爱美之人 上车买票 安卓系统之家 中科新闻网 科学院研究所 高考快车 高考志愿帮 大学志愿大全 高校问答 高考问答 中考百科 大学知道 久游网