2024年6月5日发(作者:)

音画制作方法与步骤

发表日期:2010-4-5 8:22:00 出处:网络 作者:春水编辑 发布人:春水 蒙蒙 已被访问 4153 次

音画分为以下几种类型:

第一种:框图音画。主要通过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、在这段代码

marginwidth="0" marginheight="0"> 中,把颜色代码#FFFFFF换成自己需要的

颜色代码。

4、为了音画的美观,可以在******后面加上滚动条代

码:

同样,这段语句中的颜色代码#d7c9e2,可以根据自己音画的色彩更换。

5、由于网页是用photoshop自动生成代码的,所以图默认是左对齐。找到

这段代码语句

cellpadding="0" cellspacing="0">,在它的前面加一句

即可使图居中。 这一步也可以不做。

6、进行到这一步,再加上音乐,简单的音画就基本完成。

7、为了音画更具感染力,有的人点缀一些透明flash。添加flash效果的

代码语句,可全屏添加,可单图添加 。由于大家使用的电脑不尽相同,常因分

辨率不同,而使全屏代码添加的flash出现一定的偏差,建议用单图添加flash。

具体根据音画实际情况而定,这里不作详解。

第三步 用ftp软件上传网页

1、首先要有稳定的空间,能上传自己的音画。网络有很多免费空间,一些

论坛也提供个人空间,自己也可购买一个空间。

2、使用ftp上传自己的音画,到自己的个人空间。

3、根据空间的音画存放路径,找出自己的音画网址。

为了便于学习,这里提供几个网址:

HTML基本语法教程

Photoshop教程电子版

frontpage教程

flashxp上传网站教程

第四步 网站(论坛)发布音画

1、使用以下代码发布音画:

color=#f70968 size=6>点击全屏观看



80px">







语句中蓝色数据,可根据论坛的具体情况进行调整,使音画居中,文字颜色

和谐。语句中红色数据,可根据自己音画的高度和宽度进行调整。“音画网址”

处,填写自己音画的网址。

2、论坛发贴时,注意要选择在html模式下进行编辑,普通模式下编辑发

出的只是代码。用这段html代码发贴时,不能有字符错误,否则会无法正常显

示音画。

*****************************************************************

****

因是音画教程,主要讲音画的制成过程,顺便提一下电子杂志。

现在网络的电子杂志,许多是用zinemaker制成,有2006版和2007版。它

有自带的模板提供,有人觉得这些模板很好,但是总不合用。要自己做模板,最

简单的方法,就是用模板破解工具。

电子杂志制作起来并不难,难的是破解,制成自己的杂志。这里提供几个常

遇到的问题和解决办法:

1、如何去掉封底的logo和启动画面 zinemaker2006授权码:

专业版:“4D0E7-DA14A-9EC02-EF223-AD261”

企业版:“TUVAB-797E1-66B9A-E088B-F81CE”

注册方法:打开zinemaker,点“帮助”——“软件授权”,然后输入

授权码,OK。

2、ZineMaker制作成网页格式

做一个文件(文件名可任意取)拷贝以下代码:

lang="zh-CN">

/>

在线电子杂志

bgcolor="#ffffff" topmargin="0" leftmargin="0" scroll="no">

classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"

codebase="/pub/

shockwave/cabs/flash/#version=8,0,0,0"

width="100%" height="100%" id="index" align="middle" VIEWASTEXT>

name="allowscriptAccess" value="sameDomain" />

value="?online=true" />

/>

src="?online=true" quality="high" bgcolor="#ffffff"

width="100%"

height="100%" name="index" align="middle"

allowscriptAccess="sameDomain"

type="application/x-shockwave-flash"

pluginspage="/go/getflashplayer"

/>

这段代码中,红色的是颜色代码,我们可以根据自己杂志的主色调进行更换。

将与破解工具生成的SWF文件、TXT文件、XML文件放在同一目

录下,就完成了。

本文发布于:2024-06-05,感谢您对本站的认可!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:音画代码图片使用网页

发布评论

评论列表(有0条评论)
    福州电脑网_福州电脑维修_福州电脑之家_福州iThome

    福州电脑网_福州电脑维修_福州电脑之家_福州iThome

    福州电脑维修网(fzithome.com)专业的电脑维修,笔记本维修,上门维修各种电脑,笔记本,平板等,快速上门.电脑知识频道内容覆盖:计算机资讯,电脑基础应用知识,各种电脑故障维修学习,电脑外设产品维修维护,病毒,软件,硬件,常识.