★代碼知識初級講座(三)單圖音畫(huà)制作和透明flash使用★ [原創(chuàng ) 2009-06-20 12:16:58]
字號：大 中 小
單圖音畫(huà)制作和播放器代碼
單圖音畫(huà)制作比較簡(jiǎn)單，基本就是套用罷了，首先先將圖片放大到寬度1000，高度根據放大時(shí)尺寸自然形成，然后上傳到和訊，如果使用本博素材里的人景flash，只要配對相應的風(fēng)景圖片即可。
如果是歌曲的單圖音畫(huà)，可使用代碼一套用，先將圖片和音樂(lè )地址更換為你的，再將歌詞在代碼區加入即可。(如何得到完整的和訊圖片和音樂(lè )地址，第一期已介紹)
如果是音樂(lè )的單圖音畫(huà)，可使用代碼二套用，更換圖片和音樂(lè )地址即可。
想自己制圖的朋友，初期先學(xué)會(huì )PS人物摳圖，然后和自然風(fēng)景融合在一起，就形成了一副人景合一的美圖了，也可以把自己的靚照制作進(jìn)去，成為一個(gè)漂亮的單圖音畫(huà)。(關(guān)于使用PS基礎知識下周末介紹)
為使音畫(huà)增加動(dòng)感方面的可視效果，就要在音畫(huà)中加入許多透明flash,如：雨、雪、云、動(dòng)植物等等，調配尺寸是要用時(shí)間的，加得越多用的時(shí)間越長(cháng)，一個(gè)精美的音畫(huà)作品，至少要用半天時(shí)間。
所以，如果沒(méi)有時(shí)間和耐心的朋友，最好還是不要學(xué)習。制作時(shí)要反復在代碼區和預覽區進(jìn)行往返，幾十次往返是要的。當然，當你的作品得到大家的贊賞時(shí)，所付出的辛苦也得到了欣慰。
詳解：
一、首先將套用的代碼復制在代碼區，為便于制作時(shí)預覽，將上面的-257改為0(這是距離左邊的尺寸，注意：制作完畢一定要更改回去-257)
初學(xué)者不建議使用邊框，所以厚度已經(jīng)設定為0，因為邊框的顏色要和圖片周邊近似。懂得使用顏色代碼或會(huì )使用PS吸色的朋友，可自己修改邊框厚度及配色。
二、同時(shí)使用多個(gè)透明flash，在編輯時(shí)是分先后的，尤其是在同一個(gè)界面里面，例一：一個(gè)行駛的小船和站立的人物，先裝小船后裝人物，小船是在人物后面行駛過(guò)去的，倒過(guò)來(lái)裝小船是在人物身上行駛過(guò)去的。例二：白云和飛翔的白鴿，先裝白云后裝白鴿，可以看得到飛翔的白鴿，倒過(guò)來(lái)裝白云把飛翔的白鴿遮擋住了。
代碼一：
<TABLE class=" FCK__ShowTableBorders" style="LEFT: -257px; WIDTH: 1000px;
POSITION: relative; TOP: -30px; HEIGHT: 750px">
<TBODY>
<TR>
<TD>
<TABLE class=" FCK__ShowTableBorders" style="BORDER-RIGHT: #eca436 0px dotted; BORDER-TOP: #eca436 0px dotted; BORDER-LEFT: #eca436 0px dotted; BORDER-BOTTOM: #eca436 0px dotted" cellSpacing=0 cellPadding=0 align=center bgColor=#eca436>
<TBODY>
<TR>
<TD>
<TABLE class=" FCK__ShowTableBorders" borderColor=#eca436 cellSpacing=0
cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD>
<TABLE class=" FCK__ShowTableBorders" height=750 cellSpacing=0 width=1000 background=http://photo17.hexun.com/getphoto.aspx?p=ylohBqz%2bC%2b7V%2bK%2b
7BP%2fMsDAYbZEgB5gN0eEez21v6aoe5%2foF%2f4nRbCAggKvFgLjDUWdPBzuKuVuMM9RKQIsoTQFdpX58BNqh border=0>
<TBODY>
<TR>
<TD><EMBED style="LEFT: 5px; WIDTH: 600px; POSITION: absolute; TOP: 5px; HEIGHT: 300px" src=http://www.flashempire.com/myfe/upload/flash/170/1691527_1236508892.swf type=application/octet-stream quality="high" wmode="transparent"></EMBED> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR>
<DIV align=center>
<MARQUEE style="FONT-SIZE: 16pt; FILTER: shadow(color:#ffcc00f;strength:1); WIDTH: 100%; COLOR: #000000; FONT-FAMILY: 黑體" scrollAmount=1 scrollDelay=60 width=800 div=""><B>★歌名★歌手：×××★歌詞<EMBED style="FILTER: invert(); WIDTH: 70px; HEIGHT: 25px" src=http://mediafarm5.ucomo.com/music_flv/13/48/3bcecd5f-cb01-43a6-a868-bee3da0c9d3f.mp3 type=audio/mpeg volume="0" loop="true" autostart="teue" ShowStatusBar="1"> ×××制作 2009/06/20<BR><BR><BR></B><FONT size=0></FONT></MARQUEE></DIV><BR><BR>
黃色為圖片地址，蘭色為透明flash代碼，紫色為音樂(lè )地址，紅色為歌名、歌手、歌詞。
代碼二：
<TABLE class=" FCK__ShowTableBorders" style="LEFT: -257px; WIDTH: 1000px;
POSITION: relative; TOP: -30px; HEIGHT: 750px">
<TBODY>
<TR>
<TD>
<TABLE class=" FCK__ShowTableBorders" style="BORDER-RIGHT: #ffffff 0px dotted;
BORDER-TOP: #ffffff 0px dotted; BORDER-LEFT: #ffffff 0px dotted;
BORDER-BOTTOM: #ffffff 0px dotted" cellSpacing=0 cellPadding=0 align=center bgColor=#ffffff>
<TBODY>
<TR>
<TD>
<TABLE class=" FCK__ShowTableBorders" borderColor=#000000 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD>
<TABLE class=" FCK__ShowTableBorders" height=750 cellSpacing=0 width=1000 background=http://images.blogcn.com/2009/5/19/4/chysxxajh,20090519161416166.jpg border=0>
<TBODY>
<TR>
<TD><EMBED style="LEFT: 900px; WIDTH: 100px; POSITION: absolute; TOP: 650px; HEIGHT: 100px" src=http://www.flashempire.com/myfe/upload/flash/170/1695828_1240331021.swf
type=application/octet-stream wmode="transparent" quality="high"></EMBED>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<EMBED src=http://music6.tool.hexun.com/Save/Music/2009/0518/10022/M_70A543FCAE8642EB.MP3 width=0 height=0 type=audio/x-pn-realaudio-plugin loop="1" autostart="true" controls="ControlPanel,StatusBar"></EMBED><BR><BR>
黃色為圖片地址，蘭色為人景flash或透明flah,紫色為音樂(lè )地址。
下篇《代碼知識初級講座》(四)
特效音畫(huà)套用一
編輯制作/圓月彎刀 2009/06/20
