360图书馆馆内音画创作交流（续篇）

泰山戈 2012-02-22

展开全文

360图书馆馆内音画创作交流（续篇）

dllc1234 　11-12-27 16:27:19

由本人发起的馆内音画创作交流帖子《统一回答：如何创作音画作品？》跟帖已经超过100，形成了第二页，现在翻看起来已经十分不方便了。因此决定废弃这个帖子，另开此帖。
出于保管好大家的学习、交流资料之目的，我把上一个帖子大家所有学习交流内容进行了收集整理，在我的书馆发了一篇文章《如何创作音画作品》。如果有人需要了解前期馆友们音画创作交流的详细情节，可回访这个地址：
http://www.360doc.com/content/11/1227/12/2904667_175301480.shtml

共有57条回复

dllc1234 11-12-27 16:33:59

为了方便大家的学习与交流，我把前帖的前三部分集中转贴在这里：

最近许多馆友阅览我创作的音画作品后不断地向我询问：如何创作音画作品？每有询问我必认真回复，但是一一作答实在有些麻烦，不妨今天趁着休息时间，统一在这里作个系统回答：

音画作品，顾名思义，就是音乐与画面结合起来共同表达一种思想意境的网上文学作品，也可以说是当今网上最流行、最有感染力、最能彰显文化品位的艺术作品。

音画作品一般要有四要素：
1、音乐：一般都是使用网上流行的歌曲或轻音乐，也有少数是自己翻唱的或自己合成的乐曲。
2、画面：严格地说音画作品的画面不应该是网上直接获得的原图或照片，而是根据自己的创作主题自己PS的图片。图片分大小两种，分别称作单图音画和大图音画，单图音画一般宽1000（屏幕宽度），高600到800；大图音画一般宽1000，高5000到6000不等。
3、文字：用来表达创作主题或思想感情的诗句，这些诗句有些是借用网上别人发表的作品，有些是作者根据画面意境自己创作的，也有许多是用音乐的歌词。
4、动画：好的音画作品都要选用一些恰如其分的flash来渲染主题，加入flash后不仅使画面增加了动感，更加活泼，而且对于突出主题起到了画龙点睛的作用。

那么如何制作音画呢？按照工作程序大体分为如下几个步骤：
1、确定创作主题：也就是选定你要表达一个什么样的思想感情，或要宣泄一个什么样的情绪。
2、网上搜集图片：根据你确定的主题到网上大量搜集相关图片素材，有用没用先下载到自己电脑上来。人物图片最好成组下载。
3、加工图片：也就是用photoshop软件作图，把你搜集来的那些图片素材按照主题思想和情节PS成一张系统图片。
4、加入标题和文字：在画面中合适的位子上加入音画的题目和诗句（有些人是用代码另外加，不固定加在图上）。
5、搜集音乐地址：在网上寻找能够表达主题的音乐素材，把它的地址复制下来。
6、搜集flash地址：在网上寻找能够表达主题的若干flash素材，把它的地址分别复制下来。
7、制作音画：用代码把图片、音乐、文字、flash完美地结合起来，形成一个系统画面。具体说，就是让经过切割图片有序的排列展示，让在欣赏画面的同时播放美妙音乐，让flash在合适的位子上动起来，让歌词文字随着歌曲同步显示。
8、发表音画作品：用代码把你创作的音画作品发表在某个网站上。

从上述几个工作步骤来看，音画创作要有两个基本功：一个是要学会使用photoshop软件作图，一个是要学会使用代码制作音画。
关于这方面的知识，网上的教学资料很多，可见有关技术方面的问题的确是非常纷繁复杂的，不是一句两句能说清楚的。根据我自己的学习经验，学好如下一些资料对于较快入门，加速进步是大有裨益的：

一、关于学习代码：
1、【音画教学】一周学会用代码做音画帖 http://www.360doc.com/content/10/0920/16/2904667_55130886.shtml
2、【音画教学】常用音画制作代码集萃 http://www.360doc.com/content/11/0502/11/2904667_113701263.shtml

二、关于PS图片：
1、【音画教学】PHOTOSHOP教程 http://www.360doc.com/content/11/0415/13/2904667_109804878.shtml
2、【音画教学】PS教程汇编 http://www.360doc.com/content/10/1111/18/2904667_68548128.shtml

三、关于音画创作实践：
1、【音画教学】名家音画创作实战教程 http://www.360doc.com/content/11/1005/01/2904667_153456942.shtml
2、【音画创作】原创音画作品欣赏 http://www.360doc.com/content/10/1001/02/2904667_57684890.shtml

四、关于音画素材：
1、【音画素材】图片素材汇总 http://www.360doc.com/content/11/1202/04/2904667_169043011.shtml
2、【音画素材】flash素材汇编 http://www.360doc.com/content/11/1226/12/2904667_175060956.shtml
3、【音画素材】背景音乐大全 http://www.360doc.com/content/10/1213/12/2904667_77658076.shtml
4、【音画素材】边框素材大全 http://www.360doc.com/content/10/1002/20/2904667_58002673.shtml

dllc1234 11-12-27 16:59:39

网海淘沙 11-12-27 21:25:52

一路走来，我这个音画盲的点滴进步，都离不开dllc1234老师的指导、鼓励与与鞭策，再次谢谢！
《在路上》一路艰辛，只为跟着大家去摘取冰山上的雪莲；学音画任重道远，跟着老师一路前行。

佛城子毅 11-12-28 11:23:17

学无止境，天道酬勤。

dllc1234 11-12-29 11:28:51

欢迎更多馆友参加进来。。。。。。
更欢迎高手进来批评、指导。。。。。。。。。

dllc1234 11-12-29 15:23:18

试试新头像

怠者 11-12-29 23:35:25

学艺！偷艺！祝好！新头像还有点没惯O(∩_∩)O哈！(*^__^*) 嘻嘻……

tian.tian 12-01-01 12:39:13

老师的新头像做的真好，学习。

tian.tian 12-01-01 12:42:12

老师把我创作的音画列在了这里，我说访问我的人那么多呢？

dllc1234 12-01-04 12:29:47

提供交流：

【DLLC原创音画】重上烟雨楼（360版）
http://www.360doc.com/content/12/0104/01/2904667_177105744.shtml

tian.tian 12-01-06 13:57:30

欣赏老师精彩大作，图曲都很令人感动。
请教两个问题：
1、砖墙是怎样做出来的？
2、雨丝是怎样做上去的？
请不吝赐教。

dllc1234 12-01-06 19:09:48

我分别回答：
1：砖墙的制作
首先得在PHOTOSHOP里装上alienskin滤镜，
打开PHOTOSHOP，设计好大图的底图（纯色），然后复制这个图层，点击“滤镜”，选点“alien skin”，选点“砖墙”。
按照自己的要求调整砖块的大小、颜色，调整灰缝的粗细、颜色。
一切满意后，点击“确定”。
2：雨丝的制作
首先要把大图的制图全部完成。
然后点击上面的“图层”，选点“新建”，选点“图层”，选择颜色“无”，然后确定。
在这个新的透明图层上，用最细的画笔点“点”，（视雨的大小决定点的密度）
把这个新透明图层拉长，使雨点变成雨丝
点击“编辑”，选点“自由变换”，选“旋转”，使雨丝有一定斜角。
最后把这个透明图层与底图合并

这里不能粘贴截图，不知是否讲明白了。

红蔷薇花 12-01-13 15:26:56

学习!

dllc1234 12-01-13 19:48:26

欢迎加入。

雨林心伤 12-01-13 22:35:54

PHOTOSHOP，这个太钻业。学会了慢慢可能都dllc1234 这样了。努力学习！

dllc1234 12-01-14 09:18:14

谢谢雨林心伤馆友，我这水平其实不怎么样，上面馆友的作品已经不比我差。

网海淘沙 12-01-20 20:31:48

龙年即将来临之际，仅以音画习作《恭喜发财》给大家拜年！
祝福我的音画老师dllc1234及360馆友和工作人员：龙年好运、精彩吉祥！
http://www.360doc.com/content/12/0120/09/5587937_180471710.shtml

dllc1234 12-01-20 20:59:03

新的一年有新的进步。

dllc1234 12-01-20 21:06:03

不知网海淘沙有没有兴趣练习创作空间音画？

网海淘沙 12-01-20 21:37:17

回dllc1234老师：我脑海里尚无空间音画的概念，请老师简单介绍一下空间音画并推荐几幅作品，看我有否具备学习的基础。
谢谢老师！

dllc1234 12-01-20 22:36:52

空间音画是指：把你创作音画的所有因素（包括：图、flash、音乐、代码等）统统放到你计算机中一个文件夹内，然后把整个文件夹上传到某个网站的空间内。发表作品的时候，只用一句代码就发表了。
我早些时在这里发表的音画作品都是空间音画，只是360图书馆后来屏蔽了IFRAME语句，在这里就再不能发表空间音画了。
最近在这里只能创作360版的音画了。但是在这里创作的音画没办法同时发表在其他网站。别人也不能转帖到其他网站。
目前，一般成熟的音画作者都是以空间音画发表作品。

dllc1234 12-01-20 22:50:32

这里的音画专辑都是空间音画：
http://www./forumdisplay.php?fid=81
和
http://www./Article/ShowClass.asp?ClassID=321

网海淘沙 12-01-21 07:20:10

感谢老师的及时解答和推荐阅读。虽然刚刚步入音画学习初级阶段，但很想拓展学习更多相关知识。有关空间音画知识，还望老师深入指导。
祝老师新春快乐！

dllc1234 12-01-21 16:05:18

那你就练习一下：首先在你的电脑上新建立一个空的文件夹，然后在这个文件夹里创作一幅音画。

网海淘沙 12-01-21 22:38:16

谢谢老师，春节后继续向老师请教。

网海淘沙 12-02-04 22:15:21

dllc1234 老师好！
我想学做一幅新音画来练习完成“空间音画”作业。
先向您请教ps格式转换问题：
我尝试用PS“把一张jpg格式的人像图片抠图转换成png格式，再把png转换成gif格式上传到网上用于制作音画”，发现转换后的gif格式图片边缘发白并且像素损失许多，图片基本不能用。是思路错误还是方法不对，望老师指导。

dllc1234 12-02-04 23:17:24

GIF图片虽然有其优势的一面，例如可以形成动态图片，但是同时又是质量最低的图片。GIF图片在形成过程中像素损失很大，图像带毛边，这些都是无法克服的。神仙也没有办法。
做音画时，人物抠图，抠出来后立即使用，不要以GIF格式存放。如果一定另外存放，就以PSD方式暂时存放。

网海淘沙 12-02-05 10:22:29

谢谢老师及时指导！

还有问题请教老师，我在观赏、学习老师的音画作品中，发现：
《江月》 http://www.360doc.com/content/12/0118/03/5587937_180107072.shtml
《听海》 http://www.360doc.com/content/12/0107/05/5587937_177812519.shtml
《观沧海》 http://www.360doc.com/content/11/0516/10/5587937_117123324.shtml

等音画作品中都是把动态Flash图片夹在背景图片层和外层围栏（和人物）中间，形成极佳的立体感和观赏性。这些音画作品中的外层围栏和人物画面都非常清晰。江月作品中的gif格式围栏和人物图片是怎样制作的？也很想知道另两幅作品中的围栏和人像是何种格式及其制作方法？望老师赐教。

天童老僧 12-02-05 10:27:22

谢谢馆主，好资料，收藏了！ :lol:lol:handshake

dllc1234 12-02-05 14:12:36

解答网海淘沙提出的问题：
在那些音画中我所使用GIF图片大多是栏杆、平台，这些GIF图片边沿都是横平竖直的，因此不会出现毛边现象，如果有曲线就会出现毛边。
我所使用的人物图片，大多是PNG格式图片，尽量不使用GIF图片，如果一定用，抠图的时候尽量取直线，而且一定要用100%实画笔来抠。

集雅诗社 12-02-05 15:52:53

诗词与音画联系密切，希望爱好音画的馆友加入诗社。

网海淘沙 12-02-06 05:28:45

祝老师元宵节快乐！
老师的经验非常宝贵，感谢及时指正与解答！

dllc1234 12-02-06 13:39:41

盼望早日看到你的佳作！

若羡 12-02-06 13:55:45

老师和大家元宵节好!来学习。

dllc1234 12-02-07 12:35:09

谢谢楼上各位馆友关注。
学习诗词与学习音画真的可以相得益彰，我最近加入集雅诗社与大家共同切磋、学习。写诗作画水平都有很大的提高。
【原创诗画】忆江南江南情话
http://www.360doc.com/content/12/0206/17/2904667_184590650.shtml
【原创诗画】五绝春殇
http://www.360doc.com/content/12/0201/15/2904667_183399242.shtml
【原创诗画】七绝残荷
http://www.360doc.com/content/12/0203/18/2904667_183942436.shtml

网海淘沙 12-02-07 21:41:56

亦诗亦画、相得益彰的完美结合，收藏学习。

网海淘沙 12-02-11 10:59:40

请教老师：我把做好的音画代码存放在电脑里(txt)，上传到空间音画网站时遇到图片防盗问题而不能显示。我不想在多处上传图片，如何妥善解决？麻烦老师指导。

dllc1234 12-02-11 12:05:08

首先告知你，360图书馆这里是不能够发表空间音画的，因为这里已经屏蔽了IFRAME语句。
其次，音画空间帖是做在自己电脑中的，你把TXT文件的后缀改成HTML，然后点击这个文件，看到的效果如同在网上看到的音画作品一样，包括flash、音乐都很正常，就说明这个空间帖做成了。
至于上传空间问题你先不用着急，到时我会为你提供一个永久免费供你自己单独使用的上传空间，就像我的音画那样，没有任何限制。

网海淘沙 12-02-11 13:13:22

老师这么快就回复了！
刚才把后缀改成HTML后只见图片不见flas和音乐，原因可能出在我只把代码放进文件，而没把图片、音乐和flash放进同一文件夹有关吧？问题出在没认真领会老师所说“把创作音画的所有因素统统放到计算机中一个文件夹内”。我需要重新归拢一下。
另外：音乐、flash地址就是网上的吧，那么图片地址用那种？

dllc1234 12-02-11 13:48:26

必须把所有内容，包括图片、flash、音乐、HTML文件，都放在同一个文件夹内。
请打开我过去在这里发的空间音画，认真看代码，你会发现所有内容的地址都在文件夹内。

dllc1234 12-02-11 14:04:50

在自己的计算机上把音画做好，然后把整个文件夹上传到空间里，然后用下列代码发表在某个音画网站上。

<DIV style="LEFT: -210px; WIDTH: 1000px; POSITION: relative; TOP: 150px"><IFRAME marginWidth=0 marginHeight=0 src="空间地址/文件夹名/音画名称.HTML" frameBorder=0 width=1000 scrolling=no height=音画高度></IFRAME></DIV><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

注:LEFT: -210px 因各网站而异

dllc1234 12-02-11 14:13:16

这是我过去在这里发的一个空间音画所用的代码：

<DIV style="POSITION: relative; WIDTH: 1000px; TOP: 0px; LEFT: -5px" class=divBorderStyleRelative><IFRAME height=6300 marginHeight=0 src="http://webdisk./dllc/庭院深深/庭院深深.html" frameBorder=0 width=1000 marginWidth=0 scrolling=no></IFRAME></DIV>

效果见：http://www.360doc.com/content/10/0828/16/2904667_49440870.shtml

只要用这一句代码，文件夹里所有的图片、flash、音乐都一起跟过来了。

dllc1234 12-02-11 14:25:04

这是这幅音画HTML文件里的制作代码：

<html><HEAD><TITLE>dllc1234音画：庭院深深</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type></HEAD>
<BODY leftMargin=0 topMargin=0 bgColor=#ffffff marginheight="0" marginwidth="0">
<TABLE id=__01 border=0 cellSpacing=0 cellPadding=0 width=1000 height=6300>
<TBODY>
<TR>
<TD><IMG alt="" src="images/11_01.jpg" width=1000 height=315></TD></TR>
<TR>
<TD><IMG alt="" src="images/11_02.jpg" width=1000 height=315></TD></TR>
<TR>
<TD><IMG alt="" src="images/11_03.jpg" width=1000 height=315></TD></TR>
<TR>
<TD><IMG alt="" src="images/11_04.jpg" width=1000 height=315></TD></TR>
<TR>
<TD><IMG alt="" src="images/11_05.jpg" width=1000 height=315></TD></TR>
<TR>
<TD><IMG alt="" src="images/11_06.jpg" width=1000 height=315></TD></TR>
<TR>
<TD><IMG alt="" src="images/11_07.jpg" width=1000 height=315></TD></TR>
<TR>
<TD><IMG alt="" src="images/11_08.jpg" width=1000 height=315></TD></TR>
<TR>
<TD><IMG alt="" src="images/11_09.jpg" width=1000 height=315></TD></TR>
<TR>
<TD><IMG alt="" src="images/11_10.jpg" width=1000 height=315></TD></TR>
<TR>
<TD><IMG alt="" src="images/11_11.jpg" width=1000 height=315></TD></TR>
<TR>
<TD><IMG alt="" src="images/11_12.jpg" width=1000 height=315></TD></TR>
<TR>
<TD><IMG alt="" src="images/11_13.jpg" width=1000 height=315></TD></TR>
<TR>
<TD><IMG alt="" src="images/11_14.jpg" width=1000 height=315></TD></TR>
<TR>
<TD><IMG alt="" src="images/11_15.jpg" width=1000 height=315></TD></TR>
<TR>
<TD><IMG alt="" src="images/11_16.jpg" width=1000 height=315></TD></TR>
<TR>
<TD><IMG alt="" src="images/11_17.jpg" width=1000 height=315></TD></TR>
<TR>
<TD><IMG alt="" src="images/11_18.jpg" width=1000 height=315></TD></TR>
<TR>
<TD><IMG alt="" src="images/11_19.jpg" width=1000 height=315></TD></TR>
<TR>
<TD><IMG alt="" src="images/11_20.jpg" width=1000 height=315></TD></TR></TBODY></TABLE>
<DIV style="POSITION: absolute; TOP: 980px; LEFT: 260px"><EMBED height=350 type=application/x-shockwave-flash width=350 src=枝叶.swf 第一个FLASH wmode="transparent" quality="high"></EMBED></DIV>
<DIV style="POSITION: absolute; TOP: 1000px; LEFT: 18px" 图><IMG src="1.gif" width=580 height=358></DIV>
<DIV style="POSITION: absolute; TOP: 1050px; LEFT: 330px"><EMBED height=350 type=application/x-shockwave-flash width=350 src=枝叶.swf 第一个FLASH wmode="transparent" quality="high"></EMBED></DIV>
<DIV style="POSITION: absolute; TOP: 2840px; LEFT: 360px"><EMBED height=150 type=application/x-shockwave-flash width=220 src=鸡群.swf 第一个FLASH wmode="transparent" quality="high"></EMBED></DIV>
<DIV style="POSITION: absolute; TOP: 4160px; LEFT: -140px"><EMBED height=400 type=application/x-shockwave-flash width=500 src=竹1.swf 第一个FLASH wmode="transparent" quality="high"></EMBED></DIV>
<DIV style="POSITION: absolute; TOP: 4150px; LEFT: 650px"><EMBED height=150 type=application/x-shockwave-flash width=150 src=鸟8.swf 第一个FLASH wmode="transparent" quality="high"></EMBED></DIV>
<DIV style="POSITION: absolute; TOP: 5545px; LEFT: -40px"><EMBED height=550 type=application/x-shockwave-flash width=620 src=落花.swf 第一个FLASH wmode="transparent" quality="high"></EMBED></DIV>
<DIV style="POSITION: absolute; TOP: 6020px; LEFT: 200px"><EMBED height=200 type=application/x-shockwave-flash width=250 src=狗2.swf 第一个FLASH wmode="transparent" quality="high"></EMBED></DIV><EMBED style="FILTER: invert(); WIDTH: 0px; HEIGHT: 0px" type=audio/x-ms-wma src=泪眼问花.mp3 autostart="true" loop="-1" volume="0"> </BODY></html>

网海淘沙 12-02-11 15:23:03

向老师致敬，深表谢意！我继续领会学习。

dllc1234 12-02-11 19:04:36

做好给我发短信。

你会采取最简单的方法从网上下载flash和歌曲到自己的计算机吗？请参考这里：
http://www.360doc.com/content/10/1003/17/2904667_58169688.shtml

网海淘沙 12-02-11 20:00:41

老师：我正在为下载flash为难！下载歌曲：我按平时下载歌曲到电脑里的方法，复制到记事本里，然后保存为mp3格式，利用暴风影音可以播放，可放到代码里还是没有声音。

我先消化老师提供的方法，再向您请教。

占用老师许多宝贵时间，多谢了！

网海淘沙 12-02-12 11:49:08

关于下载flash和歌曲问题再请教老师：
我按照“从网上下载flash和歌曲到自己计算机”的方法、步骤操作两次都未成功，回收站里呈空白。然后右键“回收站”，其属性设置符合要求。不知问题关键出在哪里？敬请老师指导。

dllc1234 12-02-12 12:12:01

也可以将所有文件夹直接拖曳到桌面。

网海淘沙 12-02-12 14:53:30

感谢老师！我终于在自己的电脑里制作完成了与网络上一样的音画，尽管我的制作非常初级和普通。

dllc1234 12-02-13 14:45:50

网海淘沙：请用这样的代码在天使驿站发表你的空间音画作品：

<DIV style="POSITION: relative; WIDTH: 1000px; TOP: 0px; LEFT: 0px" class=divBorderStyleRelative><IFRAME height=音画高 marginHeight=0 src="http://webdisk./whts/文件夹名/音画文件名.html" frameBorder=0 width=1000 marginWidth=0 scrolling=no></IFRAME></DIV>

dllc1234 12-02-15 19:37:52

共同交流：

【原创音画】残破的记忆
http://www.360doc.com/content/12/0215/00/2904667_186702862.shtml

网海淘沙 12-02-16 20:22:53

dllc1234老师：
我的第一幅空间音画练习作业《又见炊烟》发在天使驿站，地址：
http://www./Article/ShowArticle.asp?ArticleID=323763

下面是360书馆版的《又见炊烟》地址：
http://www.360doc.com/content/12/0216/13/5587937_187060502.shtml

dllc1234 12-02-16 20:54:56

网海淘沙馆友：
这回你真的该彻底毕业了，不仅音画做的非常精美，而且也学会了空间帖。

网海淘沙 12-02-17 06:51:09

回dllc1234老师：
感谢老师带我走进音画艺术殿堂，您是我最尊敬的好老师。学无止境，我是刚启步、只完成几篇作业的小学生。学习的路还很长，希望继续得到老师的指导。
在学习过程中，老师耐心、细致的解答问题并给予具体帮助，学生铭记，谢谢老师！

dllc1234 12-02-17 13:49:35

网上的音乐地址往往不可靠，有时速度慢有些卡，有时一段时间就失去链接。因此建议你在360图书馆版的音画中直接调用空间文件夹里的音乐地址
调用地址为：http://webdisk./whts/文件夹名/歌曲名.MP3

网海淘沙 12-02-17 19:02:11

我已从空间文件夹调用、更换了又见炊烟歌曲，这方法太好了。这样即解决了音乐失去链接问题，同样也可解决flash失去链接的问题。
记得在音画作业3《妙笔生花》的评论里，老师提醒过“必须找一个比较理想的地方存放自己的音乐”，一直不得其解，这就是答案吧。

再请教老师一个问题，老师曾用过的这套空间音画代码，可以用到不屏蔽IFRAME语句的其它网站，例如QQ空间吗？
<DIV style="POSITION: relative; WIDTH: 1000px; TOP: 0px; LEFT: -5px" class=divBorderStyleRelative><IFRAME height=6300 marginHeight=0 src="http://webdisk./dllc/文件夹名/文件名.html" frameBorder=0 width=1000 marginWidth=0 scrolling=no></IFRAME></DIV>

dllc1234 12-02-17 19:43:10

许多网站都屏蔽了IFRAM语句，不知QQ空间是否也屏蔽了。我没有QQ，所以不太了解。