返回列表 发帖

卷轴特效音画《天女散花》制作解析(供讨论)

 

 











 

源代码:<HTML xmlns:t = "urn:schemas-microsoft-com:time">
<HEAD><TITLE>《天女散花》卷轴特效音画制作解析</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META http-equiv=Content-Style-Type content=text/css>
<META content="MSHTML 6.00.2737.800" name=GENERATOR>
<STYLE type=text/css>.time {
BEHAVIOR: url(#default#time2)
}
BODY {
BORDER-RIGHT: #DCDCDC  5px ridge; BORDER-TOP: #DCDCDC  5px ridge; MARGIN: 5px;

OVERFLOW: hidden; BORDER-LEFT: #DCDCDC  5px ridge; BORDER-BOTTOM: #DCDCDC  5px ridge
}
#layer1 {
SCROLLBAR-ARROW-COLOR: #DCDCDC ; SCROLLBAR-BASE-COLOR: black
}

</STYLE>

<BODY  id="body1" bgColor=#ffffff background=bj.jpg>
<?IMPORT namespace="t" implementation="#default#time2">
<IMG class=time id="x3" src="z1.jpg" style="position:absolute; left:50; top:10; begin="0">



<IMG class=time id="s1" src="01.jpg" style="position:absolute; left:75; top:32; begin="0" end="200">
<t:animate id="large1" targetElement="s1" attributeName="width" from="0" to="850" begin="0" dur="15" fill="hold" />
<t:animate id="large2" targetElement="s1" attributeName="height" from="0" to="500" begin="0" dur="15" fill="hold" />

<IMG class=time id="x2" src="z2.jpg" style="position:absolute; left:50; top:10; begin="0">
<t:animateMotion id="am1" targetElement="x2" from="0,0" to="875,0" begin="0" dur="15"  autoreverse="false" repeatcount="1" fill="hold" />
<t:animateMotion id="am1" targetElement="x2" from="0,0" to="-875,0" begin="280" dur="15"  autoreverse="false" repeatcount="1" fill="hold" />

<img id="p01" src="02.jpg" style="position:absolute; left:75; top:32;" class="time" begin="20" end="40">
<t:transitionFilter id="slideWipe1" targetElement="p01" type = "fade" subtype="fromLeft" mode="in" begin="40" dur="5" autoreverse="false" repeatcount="1" />

<img id="p02" src="03.jpg" style="position:absolute; left:75; top:32;" class="time" begin="40" end="60">
<t:transitionFilter id="slideWipe1" targetElement="p02" type = "fade" subtype="fromLeft" mode="in" begin="60" dur="5" autoreverse="false" repeatcount="1" />

<img id="p03" src="04.jpg" style="position:absolute; left:75; top:32;" class="time" begin="60" end="80">
<t:transitionFilter id="slideWipe1" targetElement="p03" type = "fade" subtype="fromLeft" mode="in" begin="80" dur="5" autoreverse="false" repeatcount="1" />

<img id="p04" src="05.jpg" style="position:absolute; left:75; top:32;" class="time" begin="80" end="100">
<t:transitionFilter id="slideWipe1" targetElement="p04" type = "fade" subtype="fromLeft" mode="in" begin="100" dur="5" autoreverse="false" repeatcount="1" />

<img id="p05" src="06.jpg" style="position:absolute; left:75; top:32;" class="time" begin="100" end="120">
<t:transitionFilter id="slideWipe1" targetElement="p05" type = "fade" subtype="fromLeft" mode="in" begin="120" dur="5" autoreverse="false" repeatcount="1" />

<img id="p06" src="07.jpg" style="position:absolute; left:75; top:32;" class="time" begin="120" end="140">
<t:transitionFilter id="slideWipe1" targetElement="p06" type = "fade" subtype="fromLeft" mode="in" begin="140" dur="5" autoreverse="false" repeatcount="1" />

<img id="p07" src="08.jpg" style="position:absolute; left:75; top:32;" class="time" begin="140" end="160">
<t:transitionFilter id="slideWipe1" targetElement="p07" type = "fade" subtype="fromLeft" mode="in" begin="160" dur="5" autoreverse="false" repeatcount="1" />

<img id="p08" src="09.jpg" style="position:absolute; left:75; top:32;" class="time" begin="160" end="180">
<t:transitionFilter id="slideWipe1" targetElement="p08" type = "fade" subtype="fromLeft" mode="in" begin="180" dur="5" autoreverse="false" repeatcount="1" />

<img id="p09" src="10.jpg" style="position:absolute; left:75; top:32;" class="time" begin="180" end="200">
<t:transitionFilter id="slideWipe1" targetElement="p09" type = "fade" subtype="fromLeft" mode="in" begin="200" dur="5" autoreverse="false" repeatcount="1" />

<img id="p10" src="11.jpg" style="position:absolute; left:75; top:32;" class="time" begin="200" end="220">
<t:transitionFilter id="slideWipe1" targetElement="p10" type = "fade" subtype="fromLeft" mode="in" begin="220" dur="5" autoreverse="false" repeatcount="1" />

<img id="p13" src="12.jpg" style="position:absolute; left:0; top:0;" class="time" begin="220" end="">
<t:transitionFilter id="slideWipe1" targetElement="p11" type = "fade" subtype="fromLeft" mode="in" begin="220" dur="5" autoreverse="false" repeatcount="1" />

<DIV></DIV>
<EMBED
                            style="LEFT: 62; WIDTH: 209px; POSITION: absolute; TOP: 54; HEIGHT: 193px"
                            align=right
                            src=f1.swf class="time" begin="15" dur = "65" type=application/octet-stream
                            ;; quality="high" wmode="transparent">
<EMBED
                            style="LEFT: -215; WIDTH: 1200px; POSITION: absolute; TOP: 234; HEIGHT: 290px"
                            align=right
                            src=f2.swf class="time" begin="80" dur = "120" type=application/octet-stream
                            ;; quality="high" wmode="transparent">
<EMBED
                            style="LEFT: 3; WIDTH: 988px; POSITION: absolute; TOP: 37; HEIGHT: 488px"
                            align=right
                            src=f3.swf class="time" begin="200" dur = "" type=application/octet-stream
                            ;; quality="high" wmode="transparent">
<EMBED width=0 height=0 type=video/x-ms-asf loop="true" autostart="true" volume="0" src="sh.wma"></EMBED>
</BODY>
</HTML>注:若需完全地址请在各素材前加上 http://bbs.qjzqw.com.cn/jnzy/tnsh/

TOP

 

 











 

TOP

想法:能否改为竖的?

 

字画卷轴效果,那图片从小变大看起来不自然……

 

定稿.jpg

人生一世走呷运,酸甜苦辣都尝尽,但愿记忆皆美好,横扫坎坷立苍穹!

TOP

好!就是难学啊

TOP

返回列表