青山白鹿音畫教程（10）－－ps大圖音畫制作

2008年9月27日

    現(xiàn)在的音畫已經(jīng)很少用多層表格嵌套來實現(xiàn)各式邊框效果，很多人都運用Photoshop（簡稱PS）圖片處理程序來做大圖，作為音畫的主背景（很多文字、小圖、邊框樣式都融合在這個大圖上中），再加一些透明flash點綴，加上音樂播放器，就成為一個很大氣的音畫。但由于整張大圖在網(wǎng)上傳輸很慢，所以往往要切割成很多張小圖，加快傳輸顯示，再在讀者瀏覽器上還原成大圖，ps的圖片處理功能很強大，又具備切割圖片，并自動生成html文件的功能，給用PS做大圖音畫帶來很大方便，下面簡單介紹一下制作過程。

    1、PS溶圖：

    （1）首先準備溶圖素材（底圖及幾張小圖），以我剛剛發(fā)的“藍眼淚”為例：準備的素材如下：

    （2）溶圖，這里不詳細展開，請看另外教程

    2、PS切割

    溶圖完成后的成品圖片如下：

    圖片大小1000*2400很大（上面已經(jīng)縮略），必須用PS進行切割。

    （1）用PS打開成品圖，用“切片”工具，按住鼠標左鍵框選全圖，并在圖上點擊右鍵，在出現(xiàn)的快捷菜單中選擇“劃分切片”。如下圖：

    （2）在出現(xiàn)的劃分切割對話框中設定切割方向及劃分塊數(shù)，如下圖

    （3）存儲輸出 點擊“文件”菜單，再選擇“存儲為web所用格式”，如下圖：

    在出現(xiàn)的對話框中右上角點擊“存儲”，輸入文件名，保存類型為“ HTML和圖像”。如下圖：

    在原來圖片所在文件夾中會自動生成一個“Image"文件夾的一個html文件。如下圖：

    3、上傳發(fā)帖

    把這個自動生成的文件夾及html文件上傳到網(wǎng)絡某一空間上，再用網(wǎng)頁引用代碼：<iframe frameborder=0 width=1000 height=2400 marginheight=0 marginwidth=0 scrolling=no src="html文件網(wǎng)址"></iframe>，發(fā)到論壇或其他網(wǎng)站即可。當然，自動生成有html文件只是用html把切割成碎片的大圖，還原顯示，如果要加透明flash和音樂播放器，還得再改html文件后再上傳。

    用ps的生成輸出，自動生成html文件，少了我們編寫圖片顯示代碼的麻煩。很是省力。朋友可以多多練習。

    做單幅音畫也可以用此方法生成html文件，與圖片切割與否無關，再說圖片切割后，傳輸更快，還是切成較小幾塊為宜。

    音畫帖制作教程，暫時寫到這里，朋友們如果能把前面教程中內容領會掌握，就能做很漂亮的音畫帖子了。如果再博采眾長，那做的音畫一定更加漂亮。青山期待著朋友們的精彩?。ㄍ辏?/font>