寬屏大圖片音畫教程

近來(lái)網(wǎng)絡(luò)開始流行寬屏大圖片音畫,美觀大氣,在視覺(jué)效果上非常棒,很受網(wǎng)友的喜愛.這種音畫是將一個(gè)系列的大圖片經(jīng)過(guò)PS的處理組合在一起,形成一個(gè)主題帖子,比起特效帖更加易于觀賞和理解. 

 這種音畫的制作過(guò)程：

1.首先在網(wǎng)絡(luò)上找好圖片素材,最好要大圖片,分辨率高,做出的帖子才漂亮. 

2 .在Photoshop里新建一個(gè)文件,這個(gè)文件的大小就是整個(gè)圖片的大小,即：（標(biāo)準(zhǔn)屏"寬778,高2000）（寬屏："寬1000,高4000”）(圖片的大小朋友你可以根據(jù)自己的需要來(lái)設(shè)定),背景色暫設(shè)為透明.（也可以自定）

3 .選定一張圖片做背景.打開這張圖片,選定"編輯"--"定義圖案".將該圖片定義為一種紋理圖案.然后選定778*2000的新建文件,"編輯"---"填充",在彈出的對(duì)話框下拉菜單中選定"圖案"選項(xiàng)",選定你定義好的圖案.

4. 下面主要是圖片拼接了,圖片拼接的要點(diǎn)是,要保證圖片之間不要脫節(jié),要形成一個(gè)連續(xù)的畫面,看起來(lái)才美觀流暢.

5. 最常見的拼接是,打開素材圖片,用矩形或橢圓形選框選擇圖片需要的部分.用移動(dòng)工具拖移選區(qū)到新建文件中.或者用羽化的方法,羽化之后再拖移進(jìn)行組合.

6. 在圖片銜接的地方如果色彩差異過(guò)大,可以用模糊工具進(jìn)行處理.不過(guò)這樣效果不是很好.最好將要使用的圖片素材經(jīng)過(guò)色彩處理,使它們顏色盡量相近.成為一個(gè)系列.

7.圖片在組合的時(shí)候,不能呆板地將大圖片一張張接在一起,有的圖片只能取一小角,有的可以多取點(diǎn).拼帖的過(guò)程很辛苦,效果要達(dá)到最滿意,就要不停地試,一張張地組合.不過(guò)也樂(lè)在其中.以我的經(jīng)驗(yàn)而言,不要總是使用矩形選框,多用橢圓選框或者羽化.

8. 要保證帖子畫面的連貫性和美觀效果,對(duì)背景圖案的選擇很重要.要考慮圖片和背景能夠很好的相溶在一起,畫面看起來(lái)才舒服.最好在做帖之前根據(jù)自己的喜好,確定好主題和色彩,再下手做帖.背景的選擇很重要.

9. 圖片是音畫帖的靈魂,所以好的帖主要看圖片的藝術(shù)效果,

 圖片制作好之后,就是制作文字了,文字效果的制作,首先要下載好的字體,網(wǎng)上有很多,比如"方正流行簡(jiǎn)體""黃草簡(jiǎn)體行書""文鼎霹靂體",都是很不錯(cuò)的字體.

10. 圖片完全制作好之后,就是裁減了.要將778*2000的大圖片裁減為幾張小圖片.(小圖片在論壇才容易上傳).最好將高為2000的大圖片裁減為4張小圖. 

下面就講一下怎樣發(fā)表音畫作品：

1：把我們切片好的（四張）圖片上傳，得到四張圖片的網(wǎng)址。

2：先說(shuō)一下標(biāo)準(zhǔn)屏代碼（以四張圖片為例）

A：不加透明FLASH動(dòng)畫語(yǔ)法：

<TABLE style="LEFT: -100px; WIDTH: 970px; POSITION: relative; TOP: 10px" cellSpacing=40 align=center background=放背邊框網(wǎng)址 border=0>
<TBODY>
<TR>
<TD width="100%">
<P align=center> </P>
<P align=center>
<TABLE cellSpacing=0 cellPadding=0 width=778 align=center border=0>
<TBODY>
<TR>
<TD colSpan=4><IMG height=圖片高度 src="第一張圖片網(wǎng)址" width=760></TD></TR>
<TR>
<TD colSpan=4><IMG height=圖片高度 src="第二張圖片網(wǎng)址" width=760></TD></TR>
<TR>
<TD colSpan=4><IMG height=圖片高度 src="第三張圖片網(wǎng)址" width=760></TD></TR>
<TR>
<TD colSpan=4><IMG height=圖片高度 src="第四張圖片網(wǎng)址" width=760></TD></TR>
<TR></TR></TBODY></TABLE><EMBED src=此處加音樂(lè)網(wǎng)址 hidden=true type=audio/mpeg loop="true" autostart="true"></EMBED>
<P></P>
<MARQUEE style="WIDTH: 488px; HEIGHT: 24px" scrollDelay=120 width=488 height=24> <FONT color=#7fff00><STRONG><FONT size=5> 歡迎您走進(jìn)我的家園 </FONT><FONT color=#ff0000 size=6><FONT size=5>--</FONT>冬韻如歌</FONT></STRONG></FONT></MARQUEE>
<P></P>
<P align=center><A href="http://blog.163.com/xw_zn/"><FONT color=#7fff00 size=6>http://blog.163.com/xw_zn/</FONT></A></P></TD></TR></TBODY>
<CENTER></CENTER>
<DIV></DIV></TD></TR></TBODY></TABLE>
<CENTER></CENTER>
<DIV></DIV></TD></TR></TBODY></TABLE>
<CENTER></CENTER></TD></TR></TBODY></TABLE>

B:音畫中加入透明FLASH動(dòng)畫語(yǔ)法：

 <TABLE style="LEFT: -106px; WIDTH: 970px; POSITION: relative; TOP: 10px" cellSpacing=40 align=center background=背景圖片網(wǎng)址 border=0>
<TBODY>
<TR>
<TD width="100%">
<P align=center> </P>
<P align=center>
<TABLE cellSpacing=0 cellPadding=0 width=760 align=center border=0>
<TBODY>
<TR>
<TD colSpan=4><IMG height=圖片高度 src="第一第圖片網(wǎng)址" width=760></TD></TR>
<TR>
<TD colSpan=4><IMG height=圖片高度 src="第二第圖片網(wǎng)址" width=760></TD></TR>
<TR>
<TD colSpan=4><IMG height=圖片高度 src="第三第圖片網(wǎng)址" width=760></TD></TR>
<TR>
<TD colSpan=4><IMG height=圖片高度 src="第四第圖片網(wǎng)址" width=760></TD></TR>
<TR></TR></TBODY></TABLE><EMBED src=此處加入音樂(lè)網(wǎng)址 hidden=true type=audio/mpeg loop="true" autostart="true"></EMBED>
<P>
<P><EMBED style="RIGHT: 0px; WIDTH: 800px; POSITION: absolute; TOP: 300px; HEIGHT: 600px" align=left src=第一個(gè)透明FLASH網(wǎng)址 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED>
<P>
<P><EMBED style="RIGHT: 0px; WIDTH: 800px; POSITION: absolute; TOP: 0px; HEIGHT: 2000px" align=right src=第一個(gè)透明FLASH網(wǎng)址 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED>
<P>
<P><EMBED style="RIGHT: 0px; WIDTH: 800px; POSITION: absolute; TOP: 800px; HEIGHT: 1000px" align=center src=第一個(gè)透明FLASH網(wǎng)址 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED></P>
<P></P>
<MARQUEE style="WIDTH: 488px; HEIGHT: 24px" scrollDelay=120 width=488 height=24> <FONT color=#7fff00><STRONG><FONT size=5> 歡迎您走進(jìn)我的家園 </FONT><FONT color=#ff0000 size=6><FONT size=5>--</FONT>冬韻如歌</FONT></STRONG></FONT></MARQUEE>
<P></P>
<P align=center><A href="http://blog.163.com/xw_zn/"><FONT color=#7fff00 size=6>http://blog.163.com/xw_zn/</FONT></A></P></TD></TR></TBODY>
<CENTER></CENTER>
<DIV></DIV></TD></TR></TBODY></TABLE>
<CENTER></CENTER>
<DIV></DIV></TD></TR></TBODY></TABLE>
<CENTER></CENTER></TD></TR></TBODY></TABLE>

C：FLASH音畫語(yǔ)法：

<TABLE style="LEFT: -105px; WIDTH: 970px; POSITION: relative; TOP: 0px" cellSpacing=40 align=center background=背景圖片網(wǎng)址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=0 width=760 align=center border=0>
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=第一個(gè)FLASH動(dòng)畫網(wǎng)址 width=FLASH寬度 height=FLASH高度 type=application/octet-stream wmode="transparent"></P></TD></TR>
<TR>
<TD>
<P align=center><EMBED src=第二個(gè)FLASH動(dòng)畫網(wǎng)址 width=FLASH寬度 height=FLASH高度 type=application/octet-stream wmode="transparent"></P></TD></TR>
<TR>
<TD>
<P align=center><EMBED src=第三個(gè)FLASH動(dòng)畫網(wǎng)址 width=FLASH寬度 height=FLASH高度 type=application/octet-stream wmode="transparent"></P></TD></TR>
<TR>
<TD>
<P align=center><EMBED src=第四個(gè)FLASH動(dòng)畫網(wǎng)址 width=FLASH寬度 height=FLASH高度 type=application/octet-stream wmode="transparent"></P></TD></TR>
<TR>
<TD>
<P align=center><EMBED src=第五個(gè)FLASH動(dòng)畫網(wǎng)址 width=FLASH寬度 height=FLASH高度 type=application/octet-stream wmode="transparent"></P></TD></TR></TBODY></TABLE><EMBED src=此處加入音樂(lè)網(wǎng)址 hidden=true type=audio/mpeg autostart="true" loop="true"></EMBED></TD></TR></TBODY></TABLE>

音畫的制作最主要的是學(xué)習(xí)好Photoshop CS和Flash動(dòng)畫只有學(xué)好了這二門技巧你才能隨心所欲的制作出你想表達(dá)的優(yōu)秀作品，還有就是HTML語(yǔ)言了。

（原文地址： http://m.ahfyzs.com/content/17/0117/07/1500339_622968795.shtml#google_vignette）