分享

[绝对菜鸟音画教程]—图解2003编辑器中编辑音画

 开边 2010-11-04




前言:

    申精理由:这个教材我花了很多的时间和心血与精神。每个环节和细节、步骤都有详细的图文讲解。并提供了软件。我尽量做到能让大家一看就明了,一学就会。还有就是现在是天寒地冻,打字PS图不容(手都冻硬了)易所以请管理和版主认真审核,请会员大力支持~~呵呵!

    有朋友也许会说,学音画没什么用没什么意思:也有朋友说学音画要记哪多的代码太难太复杂,还要学会PS,制作太麻烦;还有朋友说学会了音画也没地方发等等。呵呵,我下面就来说说我个人的感受吧。

    第一个问题:音画不但是一门技术,也是一门艺术,还是一种娱乐。所以学会了不但除了有成就感外还可以自娱自乐。

    第二个问题:其实制作音画可以说很简单;也可说有点难;更可说确实很难。嘿嘿问题是看哪一种的音画,什么样的效果和意境。我说简单的,哪就是哪怕你对PS和代码一点不会的菜鸟,你也可以制作音画,不会PS(其实学PS也不难,在这
http://bbs./thread.php?fid=174有系例的教程,也提供了软件和素材,一看就会)就在网上找现成的背景素材,用在线编辑器加上音乐、文字和flash就是一幅简单的音画了。虽然这不算是你的全部原创(一幅音画的真正原创包括文字、图片),哪也算音画制作原创。说有点难,哪就是音画面复杂,样式多点效果好点的,哪就要会一定的PS基础了,可以自己PS或修改他人的图片,加上利用比较难掌握和功能齐全的编辑器(如www.qupa、fp2003,简称“2003编辑器”)上编辑音画。说到很难,哪就是利用代码手工制作音画这种方法,这除了你的PS技术要好外,还要会用代码(起码要记得和会使用常用的代码),一幅称得上优秀的音画作品除了要有能表达出你创作音画意境的好图片、好音乐外,如果加上些自己的情感文字(如:http://bbs./read.php?tid=114824)哪你才会制作出一幅完美的原创音画了。不信我所说的?呵呵,哪你如果看完了我三个系例的音画教程(在线编辑、2003编辑、代码手工制作),你就会信我不是在濛大家的也.嘿嘿!!!

    至于第三个问题,其实你有好的音画作品就可以到一些专业的论坛上发,也可以发到自己的主页或空间,在我们论坛好像加入了绘画小组或当上了版主也可以使用html代码发帖,还有自己作好后放在编辑器上自我欣赏、陶醉、娱乐,哪个成就感可真是其乐无穷。

    好了,大家看到这也许早就不耐烦了(其实我这样啰嗦也是想让大家更理解音画。提高大家的学习兴趣,让大家更易懂、易学),哪好,我们开始学习。

    我今天起,我会在此版陆续发表系例音画的制作教程:

    在线音画编辑、用2003编辑器编辑音画、用代码手工编音画、音画边框制作等。

    今天我就先从不难也不易开始学起(用2003编辑制作音画),我晕,一般都是从易到难,我怎么却不按常规出牌呢?原因是,我想先培养大家的兴趣,大家感受下音画的艺术。尔后就教大家一种凡是想学的都能学会的简单制作方法(在线编辑),最后我就要系例的讲下用代码手工制作方法。另外我还会讲音画边框的制作方法……敬请朋友?****刈⒑图绦С郑诖讼刃还恕?


下面是在2003编辑器上编辑音画的教程:
(2003编辑器,就我个人感觉是目前最好用,功能也比较全的,自然也是我用编辑器编辑音画用得最多的一个软件)

1.首先在PS中做一张1000*620像素。底图一般建为1010*600像素,如果是做大图音画哪像素就要设大(PS或下载大的背景图),本教程以做小图音画为例(不论大小,在音画制作过程中基本是一样的),背景图来源可以从你存储在电脑上的图片、自己PS的图片、网上下载的图片等等。

(注:本教程取的背景图是
http://bbs./read.php?tid=113680中的大图。

做好后保存---点文件--存储为WEB和设备所用格式.预设JPEG.点存储(建议在PS软件上制作。打开PS软件)。

图一




图二




2.保存到桌面--文件名“葬花吟”(文件名可以随便起,为了方便后面修改背景图地址,最好起个好记,易认的名字)--保存类型HTML和图像(*.html)

图三




3.这时桌面会出现2个文件:一个是以浏览器形式存在的文件.另一个是*****的文件夹:(如果图片是已经发表在网站上的哪就只有一个以浏览器形式的文件)

图四




4.下载安装2003编辑器--安装特效插件--特效插件下载地址(因文件过大,就不上传到论坛了):
http://qiurisiyu./4893014.html

2003编辑器下载地址
http://qiurisiyu./5114025.html

5.安装好了之后点桌面上的--开始.所有程序--Microsoft Office--Microsoft Office FrontPage 2003--如下图:

图五




小贴士:为了方便今后使用,可以建一个桌面快捷键:

图六




这时桌面显示此图标,以后就可以直接点此图标进入2003编辑器制作了。

图七




6.打开2003编辑器后出现下面的对话框--点“否 ”,(这时出现到代码制作页面,如是不是就点视图--网页)。

图八




7.将页面上的代码全部选中.删除:

图九




8.点击左下角的设计--进入设计页面:

图十




9.点文件.打开.找到刚才保存在桌面的以浏览器形式存在的文件“葬花吟”

图十一




图十二




10.先在画布上面点一下--然后点:插入--层

图十三




11.这时在画布的左上角出现了一个矩形框:

图十四




12.当鼠标成十字箭头(或光标)时将矩形框移到画布的中间:

图十五



[ 此帖被天使在流泪在2010-02-08 15:50重新编辑 ]
13.在框内点一下打字:
“听红楼梦的葬花吟。字字血泪,声声啼痕的歌啊!把僵硬的心揉软,浸润,触醒 像朝露,水气凝结到最后 一颗颗,捧展出来,吐露出来  边听,边泪,边敲下此时的心绪  眼泪,有时并不是痛苦的伴偶 也不是愁泣的使者,也不是悲伤的断漏 此时的泪里,是一个动容,是一个感动 是和一个遥远的灵魂,默契了 是和那音词共韵了 了尘的心镜相映互照 读她有我,读我似她,而又非我非她的弥合在一处…… ”

14.将字全部选中:

图十六




15.字号6(24磅)--颜色*****

图十七




图十八





  

16.点插入--WEB组件--动态效果和字幕点蓝--点完成

图十九




图二十




17.方向选择“右”--宽和高均为300像素--表现方式:滚动条--延迟90--数量2--连续打勾--确定

图二十一




18.点击左下角的代码:

图二十二




19.将引号内的right改为up

图二十三




图二十四




20.将每句话的后面都加上<br>

图二十五




小贴士:“righ”是从左往右滚动,我们要从下往上滚动,所以就要换上“up”;<br>此代码是换行。代码的具体使用方法,到时我会在手工制作音画时再一一讲解。

21.加上自己的QQ号码和自己的名字或其它文字--点插入--层--在框内打上QQ号码--全部选中后改颜色*****和字号3(12磅)其它同上)。点动态效果和字幕点蓝--点完成--方向选择“左”,表现方式选择“交替”.其它不变.移到画布下方(具体位置自己掌握)--确定后预览


图二十六




22.插入--WEB组件点击画布:

23.--插入--层--出现第三个矩形框layer3

24.添加FLASH动画:在框内点一下.锚点消失出现光标--点插入.图片Flash影片--在文件名后面按Ctrl+V将Flash地址粘贴--点插入

图二十七




较二十八




图二十九




小贴士:为了方便大家我收集了经典的透明flash,发在了本论坛:http://bbs./read.php?tid=114587供大家选择。

25.用鼠标在框内点一下.点右键.Flash影片属性.--透明打勾--高400像素.宽400像素--确定

图三十




图三十一




26.将鼠标放在Layer3处.当鼠标变成十字箭头时就可以移动.将透明FLASH移到合适的位置--预览

图三十二




图三十三




27.添加音乐:插入--层--右键点击矩形框--网页属性--点背景音乐后面的浏览

图三十四




图三十五



[ 此帖被天使在流泪在2010-01-23 10:50重新编辑 ]
28.在文件名后面CTRL+V粘贴音乐地址

先开百度找到你要放的歌,把地址复制好。

图三十六




图三十七




图三十八




29.点“打开”--又回到网页属性页面.点确定-- 预览

图三十九




30.替换图片地址:点击一下底图--点左下角的代码--在代码页面编辑--被框选处就是我们要替换的图片地址:

图四十




如果你的图片是来自已经发表在网站上的,就到背景图片所在地址,打开图片把地址复制换上去,我的是来自我们IT姐妹论坛的
http://bbs./read.php?tid=113680操作如图:

图四十一




图四十二




31.回到2003编辑器--将框内陆址替换。

图四十三




小贴士:如果是本地或下载的图片,哪就到主页的笔记本或者相册,或者可以上传到可以外链的空间和网站,上传作好的音画背景,再将地址复制,其他方法制作同上。

32.发音画帖:方法1:再次点击代码--进入代码编辑页面

图四十四




33.打开鼠标跟随代码的文本文档,ctfi+a全选,

图四十五




33、点击一下底图--点左下角的设计

图四十六




34、点右键+点复制粘贴到能以html代码发帖的网站、空间首页、主页上粘贴上去

就OK了。

方法2:在代码页面把代码全选-复制-粘贴到……(同上):

35、如果要衔保存代码待后发表,哪就按如下制作:

保存:另存为--随便取个名字33。88--保存类型“网页”--点保存

图四十七




图四十八




36.在桌面出现一个浏览器形式的文件

图四十九




37.右键点击它--打开方式选择记事本--点文件另存为.取个名字33.88----保存类型.文本文档(*.txt)--保存.打开记事本文件里面的就是音画代码:

图五十


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多