音画教程--在线音画编辑器制作音画

[疯天使音画教程]——详细讲解在线音画编辑器制作音画
之前我已经讲过了二种在线编辑音画的教程：[绝对菜鸟音画教程]—图解2003编辑器中编辑音画http://bbs.itjmz.com/read.php?tid=114831和[疯天使音画教程]——只用三个步骤制作一幅音画http://bbs.itjmz.com/read.php?tid=115371。
今天我在此再详细的讲下在线音画编辑器制作音画的方法。我经过多方研究和借鉴长辈们的经验之后，决定将音画教程来个汇总，希望能帮助大家做出漂漂亮亮的音画作品！
一、PS+代码
1、挑选好一张图片抠图，至于如何能抠出好图来，在论坛的PS 教程 综合资源区发过多篇有关抠图的教材，其中http://bbs.itjmz.com/read.php?tid=112620，另外网上也有很多高手已经发过教程，可以参考。
2、再在PS里新建一个文件，拖入抠好的相片，根据自己的喜好进行排版。至于如何排版，哪些相片放哪里，这些我就不详细介绍了，具体是要根据的你自己的要求和喜好或根据你要创作音画的意境来排版。反正怎么摆好看就怎么摆呗—呵呵。
3、接着挑选一些自己喜欢的背景图片进行处理。
4、然后加上自己喜欢的字。
5、新建一个透明图层，做出抽丝效果。不会用PS制作抽丝效果的朋友，可以点击http://bbs.itjmz.com/thread.php?fid=174里的教程学习。
6、最后一步就是将这些素材合成音画作品。音画背景框可以在网上或本站图片设计作品展示区、姐妹音画 （随后有时间我会上传一些）查找下载（复制），将制作好的图加入音画背景框，这样音画作品就基本完成。要想加入音乐，就得在音画作品的任意地方加入以下代码：

在src后面的网址换成自己喜欢的音乐网址哦！如是要加FLASH”就加上去就行了。
二、用在线音画编辑器编辑。
1、软件下载地址：
http://ny.xmu.edu.cn/editor.asp
大家也可以用：网页编辑器：http://bbs.itjmz.com/read.php?tid=1153712003编辑器http://bbs.itjmz.com/read.php?tid=114831恒上快网--在线htm编辑器http://www.hengss.com/shiyong/6.html
2、文章编辑工具栏（本文是以在线编辑器基础上写的（另二个我已经讲过）：
在文章粘贴栏的上方，一共有三排。
第一、二排都是编辑文章；第三排（共有十个按钮），介绍几个常用工具的使用方法。

首先是这个编辑器的说明部分：









好了，基本上音画完成的差不多了，大家也可以在插入flash的这一步，改成打上文字，和插入图片。总之，这个根据自己的需求来做。  
',1)">
[ 此帖被天使在流泪在2010-02-07 19:07重新编辑 ]
相关话题
IT姐妹技术论坛二周年纪念T恤衫第二批订购正在进行中已经订购论坛T恤衫的会员请进~~大奖等你拿【疯天使音画】论坛的朋友们端午节快乐！（回帖加分）感受端午风俗图片展示IT姐妹论坛二周年活动勋章（样式）
回复引用
顶端
天使在流泪 在线

级别: 总版主

UID: 1300
精华:5
发帖: 1201
金币: 2762 点
威望: 4011 点
贡献值: 25 点
交易币: 0 点
在线时间: 919(时)
注册时间: 2008-06-05
最后登录: 2010-06-18
发表于: 02-06  只看该作者 ┊
音画音画，怎么说都是“音”在前边，个人觉得一首好歌才是帖子的主旨。图画和文字只是辅助来表达歌的一种手段吧。
1.选择歌曲
查找网上歌曲的具体地址，将搜索到歌曲的下载网址，后缀名为rm、ra、ram、mp3或wam，即你要找到歌曲的地址为:或者.ram或者.mp3或wam等格式（建议用mp3或wam格式，rm一般链接不好）。 http://......./.rm
具体方法：将找到的歌曲地址：http://csdag.cqnu.edu.cn/sound/9.mp3
复制在“文件地址“处，再将文件位置调至“居中”（如果要想放置中间），播放高度与宽度要尽力调的小一些（特别是插入“文章”中的歌曲的高度与宽度更要小一些），一般将高度宽度都调到10，或者高度6——2，宽度200，看情况而定。若您不想让播放器显示出来，还可用将高度与宽度都设定为0, 只是这样在修改的时候也就看不到了。都调整好后，点“插入”即可。
注意：你搜索到的歌曲一定要试听，链接不好的不能使用，否则插入后听不到声音。要使用试听流畅、链接速度快的歌曲地址。
2、“插入FLASH”的工具
从左向右数第四个是“插入Flash”的工具。你点击这个按钮，就会出现“插入Flash——Web页”的对话框”。如果你是转帖他人的Flash，就直接把flash网址复制之后直接贴在“动画地址”处即可；动画注释，也可不填；立即播放、循环播放，就用“是”，不需要动了；显示菜单用“是”；文件位置，要调到“居中”；动画高度，原来是500，你可以调到“600——750，动画的宽度，可调到“650——600，这些做完就可以插入了。插入后，框内就会出现一片黑色，这时你就可以在黑色上点击就可以看到动画的效果了，再点击一次动画就可以停止播放，这时动画外围出现一个矩形框，将鼠标放在矩形框四边或四角的小白块上可看到有一个左右或上下的双向箭头，还可以拖动箭头调整动画的大小。设置好后点击最下面的“添加”，等系统提示“文章添加成功”，再点击确定，就成功了。
注意：有的网页中的FLASH也可以通过复制、粘贴的方法插入，具体办法同边框、图片的复制、粘贴一样。
3、插入网上图片：从左向右数第七个带有蓝色的小方块，
一般我不用这个插入的方法，我都是直接复制、粘贴，在下面我会谈到。
4、找到与文章内容、意境相贴合的边框、图片、音乐
边框可以在到素材网站的精美边框中选择，也可在其他同类网站的网页素材中选择。至于图片和音乐都可用百度等其它搜索工具搜索（搜出的图片一定要找到原图，不能用搜索列表中的小图片，若用列表中的小图片则不能显示）还有制作的图片也一定要有网址，可以用图片编辑器进行处理。
5、背景、边框、图片等的复制粘贴
第一、复制：将自己需要的背景、边框、图片可以复制下来，具体的操作是:从你选定的目标最左边的上面开始，完整的到目标右边的下面止，用你的鼠标，从开始复制的地方，左击鼠标并按住不放（可以看见出现一个光标）一直拖到目标完整的地方。此时你复制的目标应当出现变化，也就是变色了。通常的说法就是刷蓝（或者叫选中、选定），当复制的目标刷蓝（选中、选定）后，右击鼠标，出现对话框点击复制，此时复制的目标就确定了。注意：a、一定要使选定的目标发生变化才能复制，否则是不可以复制的。b、可能开始的时候不太好复制，不是复制不完全就是复制的太大了，或者复制不过来。只要记住一点，从你选择的背景、边框，最左上面的空白处到最右下面的空白处，鼠标放在最下面的刷栏小方框处右击复制就可以完整地复制下来了。
第二、粘贴：当复制目标确定以后，就需要将这个目标放在一个地方。此时，一定先将光标进行定位，这是很重要的，只有定位准确，放入的目标就会按你的意图进行。如果出现粘贴的东西挤在一起，就是因为没有很好的定位。当定位确定后，就可以右击鼠标进行粘贴了，当粘贴成功就可以看见不错的效果。注意：一定要看见定位的光标才能进行粘贴。
不管是边框、背景、图片、跳动的贴图都可以进行复制、粘贴。
6、粘贴文字
只有当边框、背景粘贴好了，才能粘贴文字。在编辑的时候，根据作品特点可以对字体、字号、字体颜色加以调整，除了特殊要求文字背景色外，一般不必考虑文字背景色。
做好这一步，点击最下面的“添加”，系统就会提示“文章添加成功”，你再点击“确定”。每次添加前记得一定要复制备分，以防编辑时因为长时间编辑而莫名其妙退出而前功尽弃！
三、把以下代码粘贴进去 （音画源代码，请大家自己做下适当的修改）：
蓝色为上传的背景地址桔黄为音画边框颜色，可以随背景更改，
绿色地址为音乐地址
红色为透明ＦＬＡＳＨ地址（地址后面的是ＦＬＡＳＨ的市长宽度像素），根据自己喜欢的更改。 (我这是双图，所以有二个地址）如果是上传在本地电脑上的图片或下载不能链接的图片,哪就要修改背景图片的地址（请参考：[绝对菜鸟音画教程]—图解2003编辑器中编辑音画http://bbs.itjmz.com/read.php?tid=114831的修改方法）。黄为PS图片的尺寸,可以根据所做图片的大小更改
（第三处请修改成您要插入的音乐的地址；第一、二处请修改成您完成的图片的地址；在带黄的数字处请修改成您所需要的长度，尺寸，第四—七处请修改成您的FLASH所在地址）

预览效果请看：http://bbs.itjmz.com/read.php?tid=116288
[ 此帖被天使在流泪在2010-02-07 21:17重新编辑 ]
回复引用
顶端
天使在流泪 在线

级别: 总版主

UID: 1300
精华:5
发帖: 1201
金币: 2762 点
威望: 4011 点
贡献值: 25 点
交易币: 0 点
在线时间: 919(时)
注册时间: 2008-06-05
最后登录: 2010-06-18
发表于: 02-07  只看该作者 ┊
四、音画源代码模式：
效果请看:http://bbs.itjmz.com/read.php?tid=116392&page=1&toread=1#tpc
效果二：http://bbs.itjmz.com/read.php?tid=115575
代码如下：

内容

DOWNLOAD

代码说明：
1：边框颜色，按照你的头图图片的颜色搭配和谐的边框颜色。用颜色可以参考十六进制颜色代码表
2：背景图片，就是内容处的背景图片，最好使用无缝的壁纸。
3：头图图片，给文字加上配图效果吧，使文字更加得生动。
4：内 容，关闭显示原代码，在文字框中直接写上你要的文字。
5：音乐地址，这里指的是播放音乐的地址。
6：供下载音乐地址，好听的音乐当然大家分享，给的下载地址叫大家下载吧，地址同上
7、自己随意加flash。
好了，音画在线编辑的教程就讲到此，随后我将详细的从基础开始讲利用代码手工制作音画，请爱好者关注！
如果有什么不明白的朋友可以回帖给我留言哦，我会尽快回复你滴~~呵呵！