【網上講座 】貼圖的簡單基本製作 BY人玉米糊

又要考試了,還好是開卷的,而且允許找人幫忙.所以俺先把俺的師傅們請出來上座,萬一俺要不會回答的問題,請你們一定要幫俺回答啊,不然俺就要點名啦:))

師傅們在這裏(排名不分先後,偷他們的貼也記不清先後了:)):小聲音,水雲間,小扇子,聆歌,印夏,以夢,小九,大馬大哈,柳影,風在吹,藍色小魚兒,海 石,xlbr,玉蘭,荷葉,小燕子,朦朦雨,無墨,金花,碗叮當,Maggie,樂歌,網絡劇場.....還有城裏的神探,天涯望月,黎叔,Autumn,豆豆....等等做貼大碗,名字一時也記不全了, 他們有是CODE高手,有得是做FLASH,做小電影的專家,還有PHOTOSHOP做圖,繪畫的專家...
師傅們都坐好了,現在可以開始了.

**********************************************

http://www.starlakeporch.net/upload/files/yumihu/ganbeipengyou1.mp3


前一陣子中部同學從國內回來,非常懷念美好的FB時光,就做了個MTV(據他說有些真人獸,不方便貼出來),讓俺幫著唱了這首"朋友幹杯",我就用這首歌做個貼子,把每步過程都寫下來,盡量用到我所有的軟件工具,其實平常做貼時也不一定都用的到.其實工具用的多,不見得貼子就好看,這就是個證明:DD

1.選圖.
中部同學不喜歡原歌太過悲傷,把歌詞給改了,為了配合他改過的歌詞,我就用GOOGLE搜"幹杯朋友",找了張FB圖:)),
見圖: http://www.zhiji.com/uploadimages/blog_photo/2006/10/1/22320172.JPG 這張圖不夠大,不好直接在上麵寫歌詞.就用"光影魔術手"(多謝小九介紹給我這個軟件:http://neoimaging.download.it168.com/),給圖加了個框,多出一塊寫歌詞的地方,
見圖:http://www.starlakeporch.net/upload/files/yumihu/ganbeipengyou.jpg

2.用PHOTOSHOP寫歌詞.(網上可以下載這個軟件)
用PHOTOSHOP的寫字工具(T),在這張加工過的圖上寫上歌詞.(也可以在原始圖上寫).然後用圖層--圖層樣式--混合選項,給歌詞所在的圖層加工一下,添了點燈紅酒綠的色彩:)),
見圖:http://www.starlakeporch.net/upload/files/yumihu/ganbeipengyou2.jpg

3.用Sothink SWF Quicker給歌名做個簡單的FLASH(多謝神探介紹這個軟件,也可以網上下載)

打開軟件,先把背景設成300*100大小(不用太大,實際用的時候也可以放大),顏色選個和圖背景差不多的. 用文字工具(T),在背景上寫上歌名,再在Effect裏選擇一款動畫方式,
見圖: http://www.starlakeporch.net/upload/files/yumihu/SWF.JPG
http://www.starlakeporch.net/upload/files/yumihu/flashganbei.JPG

OK以後,字體的動畫就做好了. 如果希望在動畫的後麵留段空白的時間,可以在動畫結束後的FRAME裏用右鍵,insert blank key frame,再隔幾十個空格,insert key frame,就 可以了,
見圖 http://www.starlakeporch.net/upload/files/yumihu/flashganbei1.JPG
做好後用Export就可以保存這個小動畫了,並上傳到你的空間或山上: http://www.starlakeporch.net/upload/files/yumihu/ganbei.swf

在做動畫過程中,隨時可以用Export左邊一個綠色的三角符號工具,測試這個動畫,直到滿意為止.
用這個軟件也可以做些其他的簡單的FLASH,甚至FLASH小電影.

4.選擇現成的透明FLASH

到http://www.9941.cn/這個網站,雨雪火光部分,我選了另外兩個透明FLASH,用SWF Catcher(下載地址:http://www.sothinkmedia.com/swf-catcher- ie/)把它們保存在電腦裏,再上傳到山上:
http://www.bbsland.org/upload_music/1627776.swf
http://www.bbsland.org/upload_music/1628800.swf

5.到這個網站http://ghlp.igogo8.com/ghlp_more.html(從紅門那兒 學的),給"玉米糊唱"這幾個字做個小動畫圖片,一般生成GIF文件(有時也有png文件),先下載再上傳到自己的空間:
http://www.starlakeporch.net/upload/files/yumihu/YMHC.png


6.把歌上傳到山上或其他空間:
http://www.starlakeporch.net/upload/files/yumihu/ganbeipengyou1.mp3

7.用Office FrontPage(OFFICE軟件,和WORD,POWERPOINT一起的)來做貼,試貼(也可以在自己的博客試)

點擊文件--新建網頁--空白網頁,確定是在代碼頁麵,再把頁麵上本身帶的那些CODE全刪掉.(因為我們不需要做網頁,隻是做個貼子)

然後COPY以前一個差不多貼子的CODE,到代碼頁麵,為了便於修改,把這一整段連在一起的CODE,分成幾行,(在FrontPage裏分行不影響顯示)
見圖:http://www.starlakeporch.net/upload/files/yumihu/frontpage1.JPG

然後把裏麵的圖片,FLASH,歌曲地址,還有TABLE,FLASH的大小,換一下. 然後進入預覽頁麵,看貼子的效果,然後再回到代碼頁麵,修改FLASH,或小圖的位置.這樣來回修改直到滿意為止.
見圖:http://www.starlakeporch.net/upload/files/yumihu/frontpage.JPG

下麵是這個貼子的具體CODE,以及每一步的意義. 其實基本上,我一般做貼子都是按照這個格式來寫CODE的.不同的貼子會有不同的背景圖,不同的FLASH,也許會多一兩個FLASH..放FLASH的那段CODE也可以換成放播放器或文字..放播放器那兒也可以放FLASH....,但基本的框架不變.
見圖:http://www.starlakeporch.net/upload/files/yumihu/CODEshuoming.JPG



可以在下麵框內COPY這段CODE

<center><table><tbody><tr><td><div style="LEFT: 0px; POSITION: relative; TOP: 0px"><table height="502" cellspacing="0" cellpadding="30" width="880" background="http://www.starlakeporch.net/upload/files/yumihu/ganbeipengyou2.jpg" border="0"><tbody><tr><td valign="bottom" align="right"><embed style="FILTER: alpha(opacity=100, finishopacity=0, style=2)invert()" src="http://www.starlakeporch.net/upload/files/yumihu/ganbeipengyou1.mp3" width="80" height="30" type="audio/mpeg" autostart="1" loop="1" /></embed /></td></tr></tbody></table><div style="LEFT: 30px; POSITION: absolute; TOP: 40px"><embed src="http://www.starlakeporch.net/upload/files/yumihu/ganbei.swf" width="300" height="100" type="application/x-shockwave-flash" wmode="transparent" quality="high" /></embed /></div><div style="LEFT: 298px; POSITION: absolute; TOP: 0px"><embed src="http://www.bbsland.org/upload_music/1627776.swf" width="120" height="120" type="application/x-shockwave-flash" wmode="transparent" quality="high" /></embed /></div><div style="LEFT: 200px; POSITION: absolute; TOP: 120px"><embed src="http://www.bbsland.org/upload_music/1628800.swf" width="500" height="400" type="application/x-shockwave-flash" wmode="transparent" quality="high" /></embed /></div><div style="LEFT: 450px; POSITION: absolute; TOP: 430px"><img style="FILTER: alpha(opacity=100, finishopacity=50, style=3)" src="http://www.starlakeporch.net/upload/files/yumihu/YMHC.png" /></a /></div></div></td></tr></tbody></table><br /><a href="http://www.starlakeporch.net/upload/files/yumihu/ganbeipengyou1.mp3">http://www.starlakeporch.net/upload/files/yumihu/ganbeipengyou1.mp3</a></center></body> </html>