俺的贴子是怎样糊起来的 by 玉米糊

送交者: 玉米糊 2007年11月09日19:08:29 于 [高山流水]http://www.bbsland.com

回 答: 贴图的简单基本制作【网上讲座 】 现在开始! 主讲人玉米糊 由 子敬 于 2007年11月09日19:03:30:

又要考试了,还好是开卷的,而且允许找人帮忙.所以俺先把俺的师傅们请出来上座,万一俺要不会回答的问题,请你们一定要帮俺回答啊,不然俺就要点名啦:)) 师傅们在这里(排名不分先后,偷他们的贴也记不清先后了:)):小声音,水云间,小扇子,聆歌,印夏,以梦,小九,大马大哈,柳影,风在吹,蓝色小鱼儿,海 石,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()" onload="javascript:if(this.width>450) this.width=450" 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 onload="javascript:if(this.width>450) this.width=450" 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 onload="javascript:if(this.width>450) this.width=450" 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 onload="javascript:if(this.width>450) this.width=450" 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)" onload="javascript:if(this.width>450) this.width=450" 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> 8.在山上贴前要记得把CODE每句之间的空行回车都去掉,不然贴子会变型,拉长.如果在一句CODE里多了回车,空行,那贴子里有关那部分就不能正常显示了.有时候歌曲或图片的连接地址和引号之间多个空格,有些人的电脑就听不到也看不到了.这个蛮重要的. ********************************** 有关这贴就讲到这了.下面我再说一下在山上如何把你所要的贴子CODE从页面的Source里分离出来(如何偷别人的贴子CODE:)) 进入下面这个页面 http://bbs2.creaders.net/music/messages/832252.html 用右键点击页面的空白部分,再左击view Source,可以看到有整个一页的CODE.一般在页面的中间部分,找到有歌词,或歌曲地址的那一整段连在一起的CODE(你也可以通过查找mp3或wma,来找到这段) . 去掉最前面的和最后的两小段CODE(高山网站自动加在每个贴子前后的,每贴加的都一样,第二段的P有时会是br,有时没有,把它们记住,记得去掉就行),剩下中间的一段应该就是了.如果COPY时多了些CODE,那再贴时,贴子就会变形了. 见图:http://www.starlakeporch.net/upload/files/yumihu/weilaicode.JPG 如果你的电脑看CODE中的中文歌词是乱码,也没关系, 你只要上贴时把段乱码换成正常的中文就行. 其实只要把电脑控制面版的语言设置version of the non-unicode也改成了中文,那么当中文软件,看中文CODE都不会有乱码了. 如果点击右键看不到Source,试试refresh页面,不要碰页面任何部分,直接在空白部分再试一遍. 如果还是不行,可以用鼠标把贴子部分涂黑,COPY,然后到FrontPage的设计页面(BUTTON和预览,代码在一起的),PASTE,然后可以在预览页面看贴子效果,在代码页面会发现贴子的CODE已经给带过来了.只不过前后会多出一些其他的CODE,和前面一样,要注意把它们去掉. 当然偷了别人的CODE,还得把里面的图,歌,歌词,FLASH,换成你自己的,就成一个新贴子了:)) ************************************* 有关做贴的几个常见问答: 1.问:为什么在我自己的博客和其他网站的贴子里FLASH,播放器....的位置,和在高山上贴子里的位置不一样?为什么在山上试贴正常,但在贴子前再加一段话,贴子就变形了? 答:各个网站允许的CODE不太一样,有点差别,但主要原因是定位的时候只用POSITION:ABSOLUTE造成的.或者虽然都有,但没把Absolute定位的部分包含在Relative定位里,就是/div的位置搞错了. 精确固定位置要把POSITION:RELATIVE 和 POSITION:ABSOLUTE 合起来用,最好先用RELATIVE定好总TABLE或者DIV的位置, 比如table style="LEFT: 0px; POSITION: relative; TOP: 0px" height="502" cellspacing="0" cellpadding="30" width="880" background="http://www.starlakeporch.net/upload/files/yumihu/ganbeipengyou2.jpg" border="0" 或者分两句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" 然后再用ABSOLUTE定各个图 ,文字,播放器的位置..比如 embed style="LEFT:1px; POSITION: absolute; HEIGHT: 520px" onload="javascript:if(this.width>450) this.width=450" src="http://imgfree.21cn.com/free/flash/1.swf" width="768" height="520" type="application/x-shockwave-flash" wmode="transparent" quality="high" 或者分两句: div style="LEFT:1px; POSITION: absolute; HEIGHT: 520px" 然后 embed onload="javascript:if(this.width>450) this.width=450" src="http://imgfree.21cn.com/free/flash/1.swf" width="768" height="520" type="application/x-shockwave-flash" wmode="transparent" quality="high" 图片也一样,只要用IMG STYLE=.....就行了 还不要忘了每个div要有/div才能合成完整的一句,这里所有大于小于号都省略了. 只用ABSOLUTE,位置会乱跑,如果前面版面的CODE中没有RELATIVE设置,那它的位置其实是在整个版面中的绝对位置... 而用FrontPage做贴子时,前面是没有和贴子内容无关的东西,而上贴的网站,在你贴子的上面会有一堆其他的东西,各个网站还不一样.所以位置 就变了. 如果只用Relative,贴子本身也许看着蛮好,但贴子下部常常会多出一大段空白页面,去不掉.这是因为用Relative直接定位的东东,Table,图,文字,FLASH....不管显示时是不是和别的东西重叠,所占用的面积是不会因重叠而去掉的.那段空白就是它们所占的实际面积之和.. 2.问:为什么贴子在不同的电脑上显示不同,同样的贴子会拉长变型,多出来一截? 或者在自己电脑上能看到全部歌词,在别人的电脑上,歌词显示却不完整? 答:如果贴子里的歌词不是直接写在图上(和图一起成为一个图片文件),而是用CODE写在图片背景上的,会有这种情况. IE顶上有一排BUTTON,View里面Text Size的大小影响字体的大小,从而影响贴子长短. 贴子字体用size=(1,2,3...)的会受影响;帖子字体用font-size:(12pt或者18px...)的就不会变. 例如:把font face="FZShuTi" color="#ffff00" size="3" 换成 font style="font-family:FZShuTi; color:#ffff00; font-size:12pt;WIDTH: 100%; LINE-HEIGHT: 120%" 字体就不会随各人VIEW里TEXT SIZE不同而不同了 我最近发现,即使字体大小保证不变了,但同一贴子(除了字体以外)在不同电脑上大小显示还是有差别的. 所以就算用了上面第二种CODE,在歌词 比较多的时候,还是会造成贴子拉长现象,或歌词缺失现象. 所以现在俺比较喜欢用PHOTOSHOP把歌词写在图上,保存成图片文件. 不过如果歌词写在图或贴子的下面,字后面没什么背景图片,就不用担心这种问题.因为就算拉长一点,也不影响美观. 3.问:怎样把好几张图片一张接一张连续显示? 答:有很多方法,我建议用现成的FLASH,做起来很简单就到这个网站,把图传上去,选一种FLASH就行,图先缩小到最后效果的大小.最后它会把CODE 给你,你只要放在你的贴子中就行.记得把CODE中,最后/embed和/div之间的CODE去掉,是它加进去的广告. http://www.picturetrail.com/photoFlick/samples/pflicks.shtml 例贴:http://bbs2.creaders.net/music/messages/799243.html(我上传图片的空间坏了,所以看不到背景图片) 如果不想用FLASH,只用CODE也可以,效果可能没有FLASH的精彩.你只要换图片地址就行 第一种用marquee,图片只能左右,上下跑... 例贴:http://bbs2.creaders.net/music/messages/608799.html 第二种用控制时间的CODE,效果也不错,在论坛贴没问题,(从Maggie那儿学来的) http://www.transsiberiancool.com/template/template_tonghua.php? changebg=0&unset=0&changeflash=0&authenticated=1&action=add这个网站最近好象坏了:( 例贴:http://bbs2.creaders.net/music/messages/802491.html 以上贴子CODE都可以用前面的方法,从贴子Source里扣出来. 当然也可以干脆用MOVIE MAKER或Photostory3做成小电影.. Photostory3下载地址: http://www.microsoft.com/windowsxp/using/digitalphotography/photostory/default.mspx 4.问:怎样借用网上现成的小电影视频? 答:http://bbs2.creaders.net/music/messages/751865.html http://bbs2.creaders.net/music/messages/752026.html *********************************************** 一些有用的连接: 云清教你如何贴歌,贴图和贴flash http://bbs2.creaders.net/articleReader.php? idx=117066 ==================================== 漂亮字体的地址:**最好在装PHOTOSHOP之前装,如果你的PHOTOSHOP是网上下载的,那再装新字体,可能就不能写字了,(不能初始化) http://www.sj00.com/sort/2_1.htm 上面的字体文件下载解压后的fft文件,直接COPY到你的C:WINDOWSFONTS下面就行了 =========================== 我在山上有关FLASH的几个贴子在这里,贴歌指南里有常用透明FLASH: 这里有常用的透明FLASH地址!! http://bbs2.creaders.net/music/messages/600131.html 更多透明FLASH地址 http://bbs2.creaders.net/music/messages/708502.html 精美的不透明FLASH地址&直接在上面加歌词的CODE http://bbs2.creaders.net/music/messages/692489.html ============================= 最简单加FLASH http://bbs2.creaders.net/music/messages/805469.html =========================== HTML 语言教程(我就是在这儿学的CODE的基本知识,可以重点看一下里面有关Table的部分) http://www.gzsums.edu.cn/webclass/html/html_design.html ============================== 关于硕思闪客之锤(Sothink SWF Quicker)软件的详细简介：(下载地址:http://www.fzlyl.cn/193.htm 这个下载页面可能已经不存在了,可以 自己从网上重新GOOGLE一个) Sothink SWF Quicker 是一款功能完备简单易用的Flash动画制作软件，具有美观易用的用户界面，可以快速的制作出SWF动画,程序默认具有4 个浮动的面板,通过他们你可以对所制作的电影或者动画中的属性进行任意设置,从而制作出专业水准的动画效果! 由 Sothink 公司所出的一款 功能完善却简单操作的 Flash 动画制作软件闪客之锤，您不须要购买昂贵的 Flash 动画制作软件便可自行制作出具有专业效果的 Flash 动画 来。闪客之锤 -- 制作Flash动画更快更容易。闪客之锤是一款全能型的Flash动画制作工具，强大的功能让你更快更容易的制作专业级Flash影 片。此外它还具有导入和修改SWF格式影片的功能，支持在没有源文件的情况下对SWF影片进行编辑。闪客之锤拥有友好的环境和如下强大的功 能，可使用户创建出丰富专业的动画影片。 硕思闪客之锤(Sothink SWF Quicker) v2.6.70301 =================================== 还有一个做水波纹的软件Sqirlz Water Reflections,很好用,从网上搜有很多下载地址 ==================================== 网页素材,边框CODE等等(好象是碗叮当告诉我的) http://xzc.2000y.net/mb/2/ReadNews.asp?NewsID=699993 ==================================== 下载PHOTOSHOP,记得先装好漂亮字体,再装PHOTOSHOP 我的版本是Photoshop CS2 v9.0,网上有很多下载地址.这里有一个可以试试,是中文版的.得先把电脑设置成中文,不要忘了控制面版里面语言advanced下面 non-unicode也要是中文,这样就不会有乱码了. http://www.crsky.com/soft/5594.html这个地址好象也不行了,自己用GOOGLE搜吧 关键是安装后要激活,这有个教激活的图. http://i16.tinypic.com/53zur9g.gif ========================================== Autumn的博客,许多做贴的小窍门: http://blog.wenxuecity.com/blogview.php?date=200611&postID=36286 ================================================= 看完了以上的,如果你还有问题么,现在可以问俺了 虽然用了这么些软件,其实只知道些皮毛.和专家师傅们不能比.如果各位师傅觉得哪儿说的不对,也请指出来,不能让俺在这儿误人子弟...:)) **************申明:本文中提到的所有版权所有软件,在试过试用版后,请购买正式软件,毕竟试用版或多或少都有点缺陷.在所有下载页面,请仔细阅读有关版权和下载的说明,出了问题,俺不负责.另外偷别人的CODE写法,不是偷别人的贴子,别人经过加工设计过的图片,FLASH,小电影等等,引用时最好注明出处.网上用别人的小电影视频,也最好注明出处.如果本文牵涉到版权问题,必要时,请版主删掉此贴.****************** -----嗯?怎么听着感觉象是此地无银三百两,贼喊捉贼啊......嘎嘎:))