浪漫一生 发表于 2011-9-6 05:30

浪漫教程屋（木有PS基础的请门外候着……）

       表怪偶说此大不敬的话，实在是因为玩转音画就是先得玩好了PS，音画代码不用学，套用即可，但PS功夫得靠你自己练。之所以这么说，是因为本教程屋是专为学习特效音画发布的，对于音画初学者来说是有点难，所以请进来的童鞋自行选择留下或者离开。
      【发布特效音画作品步骤说明】：
       所谓的特效音画，就是利用代码来实现各种效果在音画作品中展示出来。它是不能直接在论坛上发布，需依空间上传平台（偶使用的就是一网论坛音画TXT上传空间：http://up.gz1w.com/）上传了事先编辑好的代码TXT文本，再利用论坛发布网页的代码在论坛上发布。
       特效音画的代码，偶会一一将自己的作品代码提供给大家，这里先提供论坛发布网页的代码，以备用。
       <div align="center">
<div style="LEFT: -100px; WIDTH: 1000px; POSITION: relative; TOP: 10px"><iframe marginwidth="0" marginheight="0" src="网页网址" frameborder="0" width="宽的数值" scrolling="no" height="高的数值"></iframe></div></div>

       其中LEFT: -100px; WIDTH: 1000px; POSITION: relative; TOP: 10px是用来调整你音画作品的具体位置的，由于大幅音画的宽度多为1000最宜，所以需要把音画向左移100，就用LEFT: -100px;表示，TOP: 10px是表示将音画的位置下移，具体数值按作品来定。

浪漫一生 发表于 2011-9-6 05:59

【多图梦幻展示+同步歌词音画】：

【多图梦幻展示+同步歌词音画】：此特效作品示例：下一站幸福
（有点晕，对论坛不甚了解的后果是教程做了一半，便进行不下去了。原来这里不让上传TXT格式的附件，晕了晕了~唯有辛苦童鞋们先来学下偷网页代码本事，一般情况下，这技巧偶是不外传的，因为确实是太太太……好用了）
       请先点击下面链接：
http://up.gz1w.com/201108/b50729f670735c2003ecbd46f62f8111.txt
       出现画面后，点“查看”----“查看源文件”后，大家会看到一个记事本出现，这个就是这幅音画的特效代码全部。

       接下来我将代码中需要改动的部分一一讲解：
       1、先找到body{ margin-top:0px; margin-right:auto; width:800px; height:600; text-align:center;background-image:url(h.jpg);}这部分
       其中需要改动的是width:800px; height:600;，也就是宽与高的数值，根据你的音画作品而定。h.jpg是背景图片，因《下一站幸福》选用的是
白背影，所以不用上传背景图片。
       2、再找到<!--焦点图片开始-->这部分
       请把那些http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_1a121c2ce612acb.jpg图片链接地址换掉即可。多图可以增加，少图可以删除。需要注意的是改动下图片的宽与高的数值（width=800 height=600）。
       3、接下来找到<!--焦点图片结束-->这部分。
       <!--焦点图片结束-->后面的代码就是歌词同步的代码。你先准备好选用的歌曲链接地址，将《下》的音乐http://www.sharkypapa.com/flash/modules/mp3/files/265.mp3换掉。
          然后去网下找来歌词同步版本，将你的歌词覆上即可。如下所示：





丁当 - 我爱他
作词：黄婷 作曲：陈威全
音画制作浪漫出品


他的轻狂留在 某一节车厢
地下铁里的风 比回忆还重
整座城市一直等着我
有一段感情还在漂泊
对他唯一遗憾是分手那天
我奔腾的眼泪都停不下来
若那一刻重来 我不哭
让他知道我可以很好
我爱他 轰轰烈烈最疯狂
我的梦狠狠碎过却不会忘
曾为他相信明天就是未来
情节有多坏 都不肯醒来
我爱他 跌跌撞撞到绝望
我的心深深伤过却不会忘
我和他不再属于这个地方
最初的天堂 最终的荒唐


如果还有遗憾 又怎么样呢
伤了痛了懂了 就能好了吗
曾经依靠彼此的肩膀
如今各自在人海流浪
我爱他 轰轰烈烈最疯狂
我的梦狠狠碎过却不会忘
逃不开 爱越深越互相伤害
越深的依赖 越多的空白
该怎么去爱
我爱他 轰轰烈烈最疯狂
我的梦狠狠碎过却不会忘
曾为他相信明天就是未来
情节有多坏 都不肯醒来
我爱他 跌跌撞撞到绝望
我的心深深伤过却不会忘
我和他不再属于这个地方
最初的天堂 最终的荒唐
如果还有遗憾是分手那天
我奔腾的眼泪都停不下来
若那一刻重来 我不哭
让他知道我可以 很好



          注：除以上部分作修改外，代码其他均勿去改动，否则导致特效将无法显示。最后将你的音画作品TXT文本上传、发布。

浪漫一生 发表于 2011-9-6 06:09

【多图翻页效果音画展示】

【多图翻页效果音画展示】：此特效作品示例：千百年后你还记得谁 ：
       获取网页代码方法如上楼所述，请点击下面链接地址：
http://up.gz1w.com/201108/ba8a35942f1b491b60a1500e038f9608.txt

       这个翻页效果其实很简单，你只要把我的图片链接地址换成你的即可。请在代码中找到这部分，换去图片地址吧，你就能翻页了。
<DIV id=TXTBOX
style="FONT-SIZE: 0.8em; LEFT: 0px; WIDTH: 1000px; COLOR: #aba193; FONT-FAMILY: verdana; POSITION: absolute; TOP: 600px; TEXT-ALIGN: center"></DIV></DIV></DIV>
<DIV id=imgsrc style="VISIBILITY: hidden">
<IMG alt="" src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_a3615f047373f3c.jpg" WIDTH=0 HIGHT=0>
<IMG alt="" src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_1a51df38c0a9bf4.jpg" WIDTH=0 HIGHT=0>
<IMG alt="" src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_f7e12c462e669bc.jpg" WIDTH=0 HIGHT=0>
<IMG alt="" src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_55562005a347b65.jpg" WIDTH=0 HIGHT=0>
<IMG alt="" src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_e28a7c26ea3b07e.jpg" WIDTH=0 HIGHT=0>
<IMG alt="" src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_4cc8e57675e42d7.jpg" WIDTH=0 HIGHT=0>
<IMG alt="" src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_51c78d3ec40d1c0.jpg" WIDTH=0 HIGHT=0>
<IMG alt="" src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_91b8c6630e42d5e.jpg" WIDTH=0 HIGHT=0> </DIV>
<SPAN

浪漫一生 发表于 2011-9-6 06:22

【单图变色音画展示】：

【单图变色音画展示】：此特效作品示例：下个路口见   
       获取网页代码方法如上楼所述，请点击下面链接地址：
http://up.gz1w.com/201108/016ae2dc620e4fa047504842c49ef90f.txt

       此特效音画更为简单，你只需换去一张图片即可。请找到以下代码部分：
<HEAD>
<TBODY>
<TR>
      <TD><IMG id="img1" src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_b5dd7b37e06b25a.jpg" width="1000" height="600">
    </TD>
    </TR></TBODY></TABLE>

      另外，在此幅音画作品当中，我加了两个小动作，你学来可以利用利用的。
       1、此段代码<script language="JavaScript">
function click(){if(event.button==2){alert('★☆☆谢谢您的欣赏☆☆★!')}}document.onmousedown=click
</script>的效果是当人家右击你的音画时，所使的障眼法。
       2、此段代码<script>
var x,y
var step=18
var flag=0
var message="欢迎进入新靖江音画世界!".........................的效果是在你的鼠标后面跟随的字段。

臭宝 发表于 2011-9-7 22:41

顶起，学习中

天堂游魂 发表于 2011-9-8 22:21

强大的浪版！

杯水轻歌 发表于 2011-9-9 14:02

老师辛苦了

又见八月 发表于 2011-9-14 06:52

这个教程很实用，没有基础的看不会。谢谢分享。

の 发表于 2011-9-15 21:26

<!--注解符
<head>
<style type="text/css">
body{ margin-top:0px; margin-right:auto; width:800px; height:600; text-align:center;background-image:url(h.jpg);}
</style>
</head>
<body>
<!-- 下一站幸福 -->
<SCRIPT>
var NowFrame = 1;
var MaxFrame = 20;
var bStart = 0;
function fnToggle() {
var next = NowFrame + 1;
if(next == MaxFrame+1)
{
NowFrame = MaxFrame;
next = 1;
}
if(bStart == 0)
{
bStart = 1;
      
setTimeout('fnToggle()', 1000);
return;
}
else
{
oTransContainer.filters.Apply();
document.p_w_picpath['oDIV'+next].style.display = "";
document.p_w_picpath['oDIV'+NowFrame].style.display = "none";
oTransContainer.filters.Play(duration=20);
if(NowFrame == MaxFrame)
NowFrame = 1;
else
NowFrame++;
} setTimeout('fnToggle()', 15000);
}
fnToggle();
</SCRIPT>
<!--焦点图片开始-->
<DIV id=oTransContainer style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, motion='forword'); WIDTH: 800px; HEIGHT: 600px; float:right;">
<A><img src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_1a121c2ce612acb.jpg" name="oDIV1" width=800 height=600 border=0 id=oDIV1 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: yes;BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" /></A>
<A><IMG id=oDIV2 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=600 src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_48c4a9f1da7abec.jpg" width=800 border=0></A>
<A><IMG id=oDIV3 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=600 src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_7d2393864484578.jpg" width=800border=0></A>
<A><IMG id=oDIV4 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=600 src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_c003d71e84180d0.jpg" width=800border=0></A>
<A><IMG id=oDIV5 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=600 src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_e65cb2db6f60a61.jpg" width=800border=0></A>
<A><IMG id=oDIV6 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=600 src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_7a4238452272cdd.jpg" width=800border=0></A>

<A><IMG id=oDIV7 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=600 src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_637099771329519.jpg" width=800border=0></A>
<A><IMG id=oDIV8 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=600 src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_e8534712c443e3d.jpg" width=800border=0></A>
<A><IMG id=oDIV9 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=600 src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_11ca7b97501f6e0.jpg" width=800border=0></A>
<A><IMG id=oDIV10 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=600 src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_57652a2462b7d5a.jpg" width=800border=0></A>
<A><IMG id=oDIV11 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=600 src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_640cf0553f56b5d.jpg" width=800border=0></A>
<A><IMG id=oDIV12 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=600 src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_4cd4ed4865f10c2.jpg" width=800border=0></A>
<A><IMG id=oDIV13 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=600 src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_395479f605d2117.jpg" width=800border=0></A>
<A><IMG id=oDIV14 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=600 src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_2ec8334aa124483.jpg" width=800border=0></A>
<A><IMG id=oDIV15 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=600 src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_c6d0df2b70de06b.jpg" width=800border=0></A>
<A><IMG id=oDIV16 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=600 src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_9e89788be0098b6.jpg" width=800border=0></A>
<A><IMG id=oDIV17 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=600 src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_9bb2b9f2038bd02.jpg" width=800border=0></A>
<A><IMG id=oDIV18 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=600 src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_4202c801bf203c2.jpg" width=800border=0></A>
<A><IMG id=oDIV19 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=600 src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_3f5ee974b7bf04d.jpg" width=800border=0></A>
<A><IMG id=oDIV20 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=600 src="http://www.xjjbbs.com/p_w_upload/Mon_1108/54_4838_9bff037392c759c.jpg" width=800border=0></A>
</DIV>
<!--焦点图片结束-->
</body>
</html>
<EMBED style="LEFT: 200px; POSITION: absolute; TOP: 50px" align=right src=http://imgfree.21cn.com/free/flash/61.swf width=450 height=600 type=application/x-shockwave-flash wmode="transparent" quality="high">
<OBJECT id=aboutplayer height=0 width=0
classid=clsid:6bf52a52-394a-11d3-b153-00c04f79faa6><PARAM NAME="url" VALUE="http://www.sharkypapa.com/flash/modules/mp3/files/265.mp3"><PARAM NAME="autostart" VALUE="7"><PARAM NAME="volume" VALUE="100"><PARAM NAME="enablecontextmenu" VALUE="0"><PARAM NAME="enableerrordialogs" VALUE="0"><PARAM NAME="PlayCount" VALUE="100"></OBJECT></CENTER><SPAN id=lrcdata><!--





丁当 - 我爱他
作词：黄婷 作曲：陈威全
音画制作浪漫出品


他的轻狂留在 某一节车厢
地下铁里的风 比回忆还重
整座城市一直等着我
有一段感情还在漂泊
对他唯一遗憾是分手那天
我奔腾的眼泪都停不下来
若那一刻重来 我不哭
让他知道我可以很好
我爱他 轰轰烈烈最疯狂
我的梦狠狠碎过却不会忘
曾为他相信明天就是未来
情节有多坏 都不肯醒来
我爱他 跌跌撞撞到绝望
我的心深深伤过却不会忘
我和他不再属于这个地方
最初的天堂 最终的荒唐


如果还有遗憾 又怎么样呢
伤了痛了懂了 就能好了吗
曾经依靠彼此的肩膀
如今各自在人海流浪
我爱他 轰轰烈烈最疯狂
我的梦狠狠碎过却不会忘
逃不开 爱越深越互相伤害
越深的依赖 越多的空白
该怎么去爱
我爱他 轰轰烈烈最疯狂
我的梦狠狠碎过却不会忘
曾为他相信明天就是未来
情节有多坏 都不肯醒来
我爱他 跌跌撞撞到绝望
我的心深深伤过却不会忘
我和他不再属于这个地方
最初的天堂 最终的荒唐
如果还有遗憾是分手那天
我奔腾的眼泪都停不下来
若那一刻重来 我不哭
让他知道我可以 很好


</SPAN><TABLE id=sth style="LEFT: 415px; POSITION: absolute; TOP: 530px"cellSpacing=0 cellPadding=0 border=0><TBODY><TR><TD align=middle><TABLE cellSpacing=0 cellPadding=0 border=0><TBODY><TR><TD align=middle><SPAN id=lrcbox style="COLOR: #ffffff; HEIGHT: 30px"></SPAN></TD></TR><TR style="POSITION: relative; TOP: -30px"><TD noWrap><DIV id=lrcbc style="OVERFLOW: hidden; WIDTH: 400px; COLOR: #ff0000; HEIGHT: 520px"></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<TABLE style="LEFT: 415px; POSITION: absolute; TOP: 550px" cellSpacing=0
cellPadding=0 border=0>
<TBODY>
<TR>

<SCRIPT language=JavaScript>
ffbb=0;lrcobj=new lrcClass(lrcdata.innerHTML.slice(4,-3));
function lrcClass(tt)
{
this.inr=[];
this.oTime=0;
this.dte=-1;

tt=tt.replace(/\\[[^\\[\\]]*\\:[^\\[\\]]*[^\\[\\]\\d\\.]+[^\\[\\]]*\\]/g,"");

while(/\\[[^\\[\\]]+\\:[^\\[\\]]+\\]/.test(tt))
{
tt=tt.replace(/((\\[[^\\[\\]]+\\:[^\\[\\]]+\\])+[^\\[\\r\\n]*)[^\\[]*/,"\\n");
var zzzt=RegExp.$1;
    /^(.+\\])([^\\]]*)$/.exec(zzzt);
var ltxt=RegExp.$2;
var eft=RegExp.$1.slice(1,-1).split("][");
for(var ii=0; ii<eft.length; ii++)
    {
      var sf=eft.split(":");
      var tse=parseInt(sf,10)*60+parseFloat(sf);
      var sso={t:[] , w:[] , n:ltxt}
      sso.t=tse-this.oTime;
      this.inr=sso;
    }
}


for(var ii=0; ii<this.inr.length; ii++)
{
    while(/<[^<>]+\\:[^<>]+>/.test(this.inr.n))
    {
      this.inr.n=this.inr.n.replace(/<(\\d+)\\:([\\d\\.]+)>/,"%=%");
      var tse=parseInt(RegExp.$1,10)*60+parseFloat(RegExp.$2);
      this.inr.t.t.length]=tse-this.oTime;
    }
    lrcbc.innerHTML="<font>"+this.inr.n.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/%=%/g,"</font><font>")+" </font>";
    var fall=lrcbc.getElementsByTagName("font");
for(var wi=0; wi<fall.length; wi++)
    this.inr.w.w.length]=fall.offsetWidth;
    this.inr.n=lrcbc.innerText;
}

this.run=function(tme)
{
    {
      var ii;
      for(ii=this.inr.length-1; ii>=0 && this.inr.t>tme; ii--){}
      if(ii<0) return;
      this.ddh=this.inr.t;
      this.fjh=this.inr.w;
      this.dte=(ii<this.inr.length-1)?this.inr.t
:aboutplayer.currentMedia.duration;
      this.print(this.retxt(ii));
    }
    var bbw=0;
    var ki;
    for(ki=0; ki<this.ddh.length && this.ddh<=tme; ki++)
    bbw+=this.fjh;
    var kt=ki-1;
    var sc=((ki<this.ddh.length)?this.ddh:this.dte)-this.ddh;
    var tc=tme-this.ddh;
    bbw-=this.fjh-tc/sc * this.fjh;
    if(bbw>lrcbox.offsetWidth)
    bbw=lrcbox.offsetWidth;
    lrcbc.style.width=Math.round(bbw);
}

this.retxt=function(i)
{
return(i<0 || i>=this.inr.length)?"":this.inr.n;
}

this.print=function(txt)
{
    lrcbox.innerText=txt;
    lrcbc.innerText=txt;
}
}

function lrcrun()
{
with(aboutplayer)
{
lrcobj.run(controls.currentPosition+ffbb);
}
setTimeout("lrcrun()",10);
}
lrcrun();
</SCRIPT>


-->

就试试<!-- 注解符-->有没有效的

泱泱小国 发表于 2011-10-4 12:30

没有问题，坚决支持







images/wind/read/sigline.gif
1.80飞龙元素 1.85星王传奇1.95皓月传奇 传奇sf 1.76精品 1.95金牛无内功 siedu.cn a148.com516x.com

水清蓝的梦 发表于 2011-10-8 14:27

我想说我把PS知识还给师傅了肿么办
页: [1]
查看完整版本: 浪漫教程屋（木有PS基础的请门外候着……）