绝对菜鸟音画教程.doc

绝对菜鸟音画教程图解2003编辑器中编辑音画（申精）前言： 申精理由：这个教材我花了很多的时间和心血与精神。每个环节和细节、步骤都有详细的图文讲解。并提供了软件。我尽量做到能让大家一看就明了，一学就会。还有就是现在是天寒地冻，打字PS图不容（手都冻硬了）易所以请管理和版主认真审核，请会员大力支持呵呵！ 有朋友也许会说，学音画没什么用没什么意思：也有朋友说学音画要记哪多的代码太难太复杂，还要学会PS，制作太麻烦；还有朋友说学会了音画也没地方发等等。呵呵，我下面就来说说我个人的感受吧。 第一个问题：音画不但是一门技术，也是一门艺术，还是一种娱乐。所以学会了不但除了有成就感外还可以自娱自乐。 第二个问题：其实制作音画可以说很简单；也可说有点难；更可说确实很难。嘿嘿问题是看哪一种的音画，什么样的效果和意境。我说简单的，哪就是哪怕你对PS和代码一点不会的菜鸟，你也可以制作音画，不会PS（其实学PS也不难，在这/thread.php?fid=174有系例的教程，也提供了软件和素材，一看就会）就在网上找现成的背景素材，用在线编辑器加上音乐、文字和flash就是一幅简单的音画了。虽然这不算是你的全部原创（一幅音画的真正原创包括文字、图片），哪也算音画制作原创。说有点难，哪就是音画面复杂，样式多点效果好点的，哪就要会一定的PS基础了，可以自己PS或修改他人的图片，加上利用比较难掌握和功能齐全的编辑器（如www.qupa、fp2003，简称“2003编辑器”）上编辑音画。说到很难，哪就是利用代码手工制作音画这种方法，这除了你的PS技术要好外，还要会用代码（起码要记得和会使用常用的代码），一幅称得上优秀的音画作品除了要有能表达出你创作音画意境的好图片、好音乐外，如果加上些自己的情感文字（如：/read.php?tid=114824）哪你才会制作出一幅完美的原创音画了。不信我所说的？呵呵，哪你如果看完了我三个系例的音画教程（在线编辑、2003编辑、代码手工制作），你就会信我不是在濛大家的也.嘿嘿! 至于第三个问题，其实你有好的音画作品就可以到一些专业的论坛上发，也可以发到自己的主页或空间，在我们论坛好像加入了绘画小组或当上了版主也可以使用html代码发帖，还有自己作好后放在编辑器上自我欣赏、陶醉、娱乐，哪个成就感可真是其乐无穷。 好了,大家看到这也许早就不耐烦了（其实我这样啰嗦也是想让大家更理解音画。提高大家的学习兴趣，让大家更易懂、易学）,哪好,我们开始学习。 我今天起，我会在此版陆续发表系例音画的制作教程： 在线音画编辑、用2003编辑器编辑音画、用代码手工编音画、音画边框制作等。 今天我就先从不难也不易开始学起（用2003编辑制作音画）,我晕,一般都是从易到难,我怎么却不按常规出牌呢?原因是,我想先培养大家的兴趣,大家感受下音画的艺术。尔后就教大家一种凡是想学的都能学会的简单制作方法（在线编辑），最后我就要系例的讲下用代码手工制作方法。另外我还会讲音画边框的制作方法敬请朋友?*刈图绦郑诖讼刃还恕?下面是在2003编辑器上编辑音画的教程： （2003编辑器，就我个人感觉是目前最好用，功能也比较全的，自然也是我用编辑器编辑音画用得最多的一个软件） 1.首先在PS中做一张1000*620像素。底图一般建为1010*600像素，如果是做大图音画哪像素就要设大（PS或下载大的背景图），本教程以做小图音画为例（不论大小，在音画制作过程中基本是一样的），背景图来源可以从你存储在电脑上的图片、自己PS的图片、网上下载的图片等等。 （注：本教程取的背景图是/read.php?tid=113680中的大图。 做好后保存-点文件-存储为WEB和设备所用格式.预设JPEG.点存储（建议在PS软件上制作。打开PS软件）。 图一 图二 2.保存到桌面-文件名“葬花吟”（文件名可以随便起，为了方便后面修改背景图地址，最好起个好记，易认的名字）-保存类型HTML和图像（*.html) 图三 3.这时桌面会出现2个文件：一个是以浏览器形式存在的文件.另一个是*的文件夹：（如果图片是已经发表在网站上的哪就只有一个以浏览器形式的文件） 图四 4.下载安装2003编辑器-安装特效插件-特效插件下载地址（因文件过大，就不上传到论坛了）：/4893014.html 2003编辑器下载地址/5114025.html 5.安装好了之后点桌面上的-开始.所有程序-Microsoft Office-Microsoft Office FrontPage 2003-如下图： 图五 小贴士：为了方便今后使用，可以建一个桌面快捷键： 图六 这时桌面显示此图标，以后就可以直接点此图标进入2003编辑器制作了。 图七 6.打开2003编辑器后出现下面的对话框-点“否 ”，（这时出现到代码制作页面，如是不是就点视图-网页）。 图八 7.将页面上的代码全部选中.删除: 图九 8.点击左下角的设计-进入设计页面： 图十 9.点文件.打开.找到刚才保存在桌面的以浏览器形式存在的文件“葬花吟” 图十一 图十二 10.先在画布上面点一下-然后点：插入-层 图十三 11.这时在画布的左上角出现了一个矩形框： 图十四 12.当鼠标成十字箭头（或光标）时将矩形框移到画布的中间： 图十五 13.在框内点一下打字：“听红楼梦的葬花吟。字字血泪，声声啼痕的歌啊！把僵硬的心揉软，浸润，触醒 像朝露，水气凝结到最后 一颗颗，捧展出来，吐露出来边听，边泪，边敲下此时的心绪眼泪，有时并不是痛苦的伴偶 也不是愁泣的使者，也不是悲伤的断漏 此时的泪里，是一个动容，是一个感动 是和一个遥远的灵魂，默契了 是和那音词共韵了 了尘的心镜相映互照 读她有我，读我似她，而又非我非她的弥合在一处 ”14.将字全部选中：图十六15.字号6（24磅）-颜色*图十七图十八16.点插入-WEB组件-动态效果和字幕点蓝-点完成图十九图二十17.方向选择“右”-宽和高均为300像素-表现方式：滚动条-延迟90-数量2-连续打勾-确定图二十一18.点击左下角的代码：图二十二19.将引号内的right改为up图二十三图二十四20.将每句话的后面都加上图二十五小贴士：“righ”是从左往右滚动，我们要从下往上滚动，所以就要换上“up”；此代码是换行。代码的具体使用方法，到时我会在手工制作音画时再一一讲解。21.加上自己的QQ号码和自己的名字或其它文字-点插入-层-在框内打上QQ号码-全部选中后改颜色*和字号3（12磅）其它同上）。点动态效果和字幕点蓝-点完成-方向选择“左”，表现方式选择“交替”.其它不变.移到画布下方（具体位置自己掌握）-确定后预览图二十六22.插入-WEB组件点击画布：23.-插入-层-出现第三个矩形框layer324.添加FLASH动画：在框内点一下.锚点消失出现光标-点插入.图片Flash影片-在文件名后面按Ctrl+V将Flash地址粘贴-点插入图二十七较二十八图二十九小贴士：为了方便大家我收集了经典的透明flash，发在了本论坛：/read.php?tid=114587供大家选择。25.用鼠标在框内点一下.点右键.Flash影片属性.-透明打勾-高400像素.宽400像素-确定图三十图三十一26.将鼠标放在Layer3处.当鼠标变成十字箭头时就可以移动.将透明FLASH移到合适的位置-预览图三十二图三十三27.添加音乐：插入-层-右键点击矩形框-网页属性-点背景音乐后面的浏览图三十四图三十五28.在文件名后面CTRL+V粘贴音乐地址先开百度找到你要放的歌，把地址复制好。图三十六图三十七图三十八29.点“打开”-又回到网页属性页面.点确定- 预览图三十九30.替换图片地址：点击一下底图-点左下角的代码-在代码页面编辑-被框选处就是我们要替换的图片地址：图四十如果你的图片是来自已经发表在网站上的，就到背景图片所在地址，打开图片把地址复制换上去，我的是来自我们IT姐妹论坛的/read.php?tid=113680操作如图：图四十一图四十二31.回到2003编辑器-将框内地址替换。图四十三小贴士：如果是本地或下载的图片，哪就到主页的笔记本或者相册，或者可以上传到可以外链的空间和网站，上传作好的音画背景，再将地址复制，其他方法制作同上。32.发音画帖：方法1：再次点击代码-进入代码编辑页面图四十四33.打开鼠标跟随代码的文本文档，ctfi+a全选，图四十五33、点击一下底图-点左下角的设计图四十六34、点右键+点复制粘贴到能以html代码发帖的网站、空间首页、主页上粘贴上去就OK了。方法2：在代码页面把代码全选-复制-粘贴到（同上）：35、如果要衔保存代码待后发表，哪就按如下制作：保存：另存为-随便取个名字33。88-保存类型“网页”-点保存图四十七图四十八36.在桌面出现一个浏览器形式的文件图四十九37.右键点击它-打开方式选择记事本-点文件另存为.取个名字33.88-保存类型.文本文档（*.txt)-保存.打开记事本文件里面的就是音画代码：图五十效果图1：/read.php?tid=114638效果图2（双画面）：/read.php?tid=114662效果图3（加边框组合大图）：/read.php?tid=114640效果图4（大音画加边框）：/read.php?tid=114824特效音画效果图：/read.php?tid=114942&page=1&toread=1#tpc 啰嗦吧，我也觉得是。整二个版多，我也没法，上了年纪的我就是爱唠叨嘿嘿，没法自控，请见谅！呵呵！ 有讲得不到之处，希望大家板砖（鸡蛋最好）来拍；当然也欢迎在学习和操作中遇到疑难杂症可以发上来大家一起交流探讨；更期待大家把你学习的心得和操作经验发上来共享。 随后我将发表一篇菜菜鸟也能学会音画的教程利用在线编辑器制作音画，敬请关注。【疯天使音画教程】只用三个步骤制作一幅音画教程”地址：/read.php?tid=115371点击播放多媒体 看似复杂，其实很简单滴，就哪几步操作，建议你先看一次再认真分析一次，对于一名初学者一看到这样的帖是有点感觉难，多看几次就明白了呵呵！到时你会觉得并不难。另外建议你先从这个/read.php?tid=115371学起。你就会容易上手了。回59楼：你安装的是那个编辑器啊？如是2003编辑器是没有显示的。如果是/read.php?tid=115371网页编辑器“在线编辑好帮手”才会有显示。遨游浏览器上我没试过不知有没有，在IE上是有的，安装方式：先打开“在线音画编辑器需要下载安装eWebEditorTool_V2008.5”文件，如下图：这时打开IE就会看到有显示了引用 引用第65楼200929于2010-03-13 20:42发表的: 请问制作好的音画发表在网易博客为什么flash不显示了 你是说发上去后只有图片画面而没有flash显示了么。那在编辑器上可以显示吗？你是用那种编辑器编辑的呢？是2003么。如果是就有二种可能：一是你的flash的链接地址失效了；二是flash滑完全内嵌入到画面（你可以这样测试下：先在代码页面全选复制，尔后点编辑看图片和flash是不是在全选状态，再回到代码页面看所有的代码是不也是在全选状态，如是是就应该会显示flash的，如果没有那就是你的代码编错了你把其移动和修改下。 如果还不肥解决问题，建议你把你的代码全部复制到这，我帮铃铛看下是么原因，看能帮上你否呵呵！对了还有一个可能就是博客不支持。 引用第71楼vip鄂于2010-03-23 16:39发表的:这个菜鸟能学会我就服