如何制作音画 / 开普饭

好多朋友想学HTML制帖，但对代码不熟悉，特精选一组代码，只要相应修改图片、文字资料、音乐地址，马上可以做出个性的音画帖。代码如下：<table align=center width=90% border=5 bordercolor=边框颜色（如：#000000） background=背景图片地址><tr><td><center><img src="头图图片地址"></center></td></tr><tr><td><font color=#990066>内容</font></td></tr><tr><td><center><EMBED style="FILTER: xray()" src="音乐地址" width=300 height=50 ShowStatusBar="1" type=audio/mpeg volume="0" autostart="true" loop="-1"></center><center><A href="可供下载的音乐地址（同上）" target=_blank><FONT size=4 color=#8484ff>DOWNLOAD</FONT></A></center></td></tr></table>1：边框颜色，按照你的头图图片的颜色搭配和谐的边框颜色。2：背景图片，就是内容处的背景图片，最好使用无缝的壁纸。3：头图图片，给文字加上配图效果吧，使文字更加得生动。4：内容，关闭显示原代码，在文字框中直接写上你要的文字。5：音乐地址，这里指的是播放音乐的地址。6：供下载音乐地址，好听的音乐当然大家分享，给的下载地址叫大家下载吧，地址同上（1）全屏代码：<TABLE style="LEFT: -125px; WIDTH: 1000px; POSITION: relative; TOP: 0px" cellSpacing=0 cellPadding=10 width="100%"><TBODY><TR>（2）加图片代码：（下面是1张图代码，有5张图就复制5份代码）<P align=left><IMG alt="" src="这里加图片地址" </A></P>（3）给作品加背景音乐代码<bgsound src=音乐地址 loop="-1">————————————————————————————————————————————————————音画帖制作概述：（适用于有一定PS制图基础的朋友）顾名思义就是以音乐和图画来表达意境的帖子。根据主题需要表达的意思，可以在帖子中配一定的FLASH动画及适量的文字内容，用于衬托主题帖，使其锦上添花更加完美。一、音画帖主题的确定：1、音画帖的主题多种多样，多是根据自己的嗜好和当时的需求来决定的。常规的音画帖多以生日祝福帖、节日喜庆帖、影视创意帖、人物留念帖等作为主题的。2、根据自己所需确定主题内容，这样就可以在主题思路下进行下一步的素材收集了，切记主题一定要明确简明。二、素材的收集：1、常规下素材的收集分为主题素材、背景素材、前景素材、FLASH素材、音乐素材等。2、主题素材是制作音画帖的关键所在，此帖的成败与否多半在于此，主题素材多以生动的人物、花卉为主，再配以醒目色调使帖子活灵活现。3、其次是背景素材的收集，背景素材要根据主题素材来确定，关键一点要与主题素材能够完美结合为好，可以是单个图片，也可以多个图片合成背景，在此建议以多个背景图合成背景为上，这样及避免了与其它作品的重复又丰富了背景内容。其中色彩、景色一定要和主题匹配，这样你的作品基本算是完成了一半。4、前景素材，多以花卉、枝叶、形状、文字内容等为主，主要起到画龙点睛的作用。5、FLASH素材，此素材一定要与帖子所要表达的内容相符，在单帖使用中尽量不要超过2个，所占版面也不要过大，以点缀为主，不然将会适得其反。6、音乐素材是帖子完成后最为关键的一步，其份量在音画帖中占到一半的比例。再好的图片制作没有相应的音乐来匹配，充其量只能算是个好图而已，要想完全表达音画的意境必须要有好的音乐的衬托。三、PS图片的制作：1、在完成各素材的收集后，可进行音画图的制作了。在这要说明一点，PS图片的制作要有一定的基础，初学者一定要了解PS软件中各工具的位置及常规的使用方法，这样才能在以后的图片制作中得心应手。2、新建文件图层，常规有（宽×高）1024×768，1000×650，1024×N，1000×N等，宽度一般根据自己显示器来设置即可，高度就要根据你所作图片的内容自己确定了，在此就不多言。3、确定好了图片尺寸，那么即开始进行背景层的制作了，在制作图的过程中最为重要的一步就是“复制图层”，再者就是制作过程中进行PSD文件的保存，这样可以帮助你对所有图层的恢复，及有效的防止制作中意外丢失文件。也就是说在对每一张图片处理以前一定要先对其进行图层复制，而后原图层不动只对复制后图层进行处理。4、主题图、背景图、前景图之间的关系：从清晰度来说，主题图清晰度最好，背景图可适当模糊一下，用以把主题图凸显，而前景图只作为整张图的衬托之用，切记不要过多。从所占比例来讲，根据不同帖子主题图所占比例有所不同，这就不一一阐述了。5、音画图在制作手法上，由于每个人接触PS深度不同，所用方法也不一样，但不外乎这么几点（背景图合成构思，主题图抠图、羽化、调色、摆放，各图层调整、图文排列、主体文字设计等），这就要求我们多看、多问、多练习，只有见多才能识广，只有多练才能创新。四、PS图片的切片与上传：1、一张图片制作完成一般要进行网络的上传，由于各网站上传空间有所限制，一张完整的大图是难以上传到所要的地方。PS的切片功能在此就帮助了我们，良好的切片可以使网络运转速度正常，较少了卡涩。五、FLASH的添加：1、FLASH帖子的代码：<P align=center><EMBED style="LEFT: 600px; WIDTH: 350px; POSITION: absolute; TOP: 0px; HEIGHT: 250px" src=动画网址 width=1000 height=900 type=application/octet-stream wmode="transparent" quality="high"></EMBED></P>2、注：代码中各数字是用于调整FLASH在帖子中的位置的，你可以在发表时对每个数字进行修改来看看SLASH的变化，从中细心领会，在此就不一一说明了。六、音乐的添加：1、音乐帖子的代码：<P align=center><EMBED title=dvubb width=1 height=1 type=application/x-mplayer2 volume="0" playcount="0" autostart="TRUE" showgotobar="0" showstatusbar="0" showcontrols="1" showdisplay="0" filename="音乐网址" autoplay="false"></EMBED></P>2、不管是FLASH还是音乐，一个网站其原代码是不变得，你所要得效果内容等只是把其中的音乐地址更换一下即可完成。七、完整音帖画代码：1、显示全屏代码：现在的数字表示帖子在论坛中的实际位置，适用于1000×600的音画单帖。<TABLE id=table1 style="MARGIN-TOP: 120px; LEFT: -220px; MARGIN-BOTTOM: 40px; WIDTH: 1000px; POSITION: relative; TOP: 40px" cellSpacing=0 cellPadding=0 width=1000 border=0><TBODY><TR><TD>　</TD></TR><TR><TD>2、显示图片代码：这里要说明的是，你有几个图片就要几个完整的图片代码就是了，但每个图片的宽高尺寸一定要和实际相符，这里的150表示高度，1000表示宽度。<TABLE height=150 cellSpacing=0 cellPadding=0 width=1000 background=图片网址 border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE><TABLE height=150 cellSpacing=0 cellPadding=0 width=1000 background=图片网址 border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE><TABLE height=150 cellSpacing=0 cellPadding=0 width=1000 background=图片网址 border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE><TABLE height=150 cellSpacing=0 cellPadding=0 width=1000 background=图片网址 border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE>3、FLASH代码：前面已经说过，在此就不多言了。<P align=center><EMBED style="LEFT: 600px; WIDTH: 350px; POSITION: absolute; TOP: 0px; HEIGHT: 250px" src=动画网址 width=1000 height=900 type=application/octet-stream wmode="transparent" quality="high"></EMBED></P>4、音乐代码：前面已经说过，在此就不多言了。<P align=center><EMBED title=dvubb width=1 height=1 type=application/x-mplayer2 volume="0" playcount="0" autostart="TRUE" showgotobar="0" showstatusbar="0" showcontrols="1" showdisplay="0" filename="音乐网址" autoplay="false"></EMBED></P>5、这些就是代码的后缀了，使用时一定要完整，缺一不可。<BR></TD></TR></TBODY></TABLE><BR><BR><BR><BR>——————————————————————————————————最近，好多博友都问音画怎么作，这里我教大家制作一个简单的音画过程。《图片加上升文字》这里的文字你可以是诗句、日志内容等等。首先要准备好素材。我们先看下面的代码，我按代码里所要求的素材讲，这样大家会看的清楚。<TABLE height=400 cellPadding=1 width=450 align=center background=图片背景地址 order=3 table="0"><TBODY><TR><TD><MARQUEE style="WIDTH: 445px; HEIGHT: 120px" scrollAmount=1 direction=up height=120><DIV align=center><FONT face=楷体_GB2312 color=#ff000 size=6><BR><BR><BR><BR><BR><BR><BR><BR><BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR></FONT></DIV></FONT></MARQUEE><EMBED style="LEFT: 1px; HEIGHT: 0px" src=歌曲地址 width=1 height=1 type=audio/x-ms-wma loop="TRUE" autostart="TRUE"></embed>从上面的代码中我们可以看出，是有三部分代码组成的。第一部分：<TABLE height=400 width=400 align=center background=背景图片地址 border=0><TBODY><TR><TD> <DIV align=right twffan="done"><MARQUEE scrollAmount=1 scrollDelay=100 direction=down behavior=slide width=400 height=300>第二部分：<MARQUEE style="WIDTH: 445px; HEIGHT: 120px" scrollAmount=1 direction=up height=120><DIV align=center><FONT face=楷体_GB2312 color=#ff000 size=6><BR><BR><BR><BR><BR><BR><BR><BR><BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR></FONT></DIV></FONT></MARQUEE>第三部分：<EMBED style="LEFT: 1px; HEIGHT: 0px" src=歌曲地址 width=1 height=1 type=audio/x-ms-wma loop="TRUE" autostart="TRUE"></embed>（这是一个隐藏播放器代码）看懂了吗？那我们就开如准备。一、准备背景图片说明：背景图片最好是存在自己的相册里，那你要事先把图片上传到自己的相册里待用。（传图片大家都会的，这里就不讲了。）那第一部分代码中的“背景图片地址”怎么查找。1、在登陆状态下→2、点击相册→3、看到你选中的图片双击→4、点击右键→5、点击属性 →6、把地址（URL）后面的地址复制，粘贴到第一部分代码中的“背景图片地址”。二、准备图片上升的文字内容，你自己选定。但文字前后面〈BR〉是换行的意思。你只要添加字体调整即可。三、准备好一首MP3或wma格式的音乐或歌曲。复制，粘贴到第三部分代码中的“歌曲地址”。我这里准备好三个部分的素材：背景图片地址：http://image20.360doc.com/DownloadImg/2010/12/1921/7795909_1.jpg文字内容：太湖美呀太湖美，美就美在太湖水水上有白帆哪啊，水下有红菱哪啊，水边芦苇青，水底鱼虾肥，湖水织出灌溉网，稻香果香绕湖飞，哎咳唷，太湖美呀太湖美。太湖美呀太湖美，美就美在太湖水，红旗映绿波哪啊，春风湖面吹哪啊，水是丰收酒，湖是碧玉杯，盛出深情献出爱，捧给祖国报春晖，哎咳唷，太胡美呀太湖美。歌曲地址：http://218.56.9.124/music/taihu.mp3下面我们把这三部分添加到代码中：<TABLE height=400 cellPadding=1 width=450 align=center background=http://image20.360doc.com/DownloadImg/2010/12/1921/7795909_1.jpg border=3 table="0"><TBODY><TR><TD><MARQUEE style="WIDTH: 445px; HEIGHT: 120px" scrollAmount=1 direction=up height=120><DIV align=center><FONT face=楷体_GB2312 color=#ff000 size=6><BR><BR><BR><BR><BR><BR><BR>太湖美呀太湖美<BR>美就美在太湖水<BR>水上有白帆哪啊<BR>水下有红菱哪啊<BR>水边芦苇青<BR>水底鱼虾肥<BR>湖水织出灌溉网<BR>稻香果香绕湖飞<BR>哎咳唷<BR>太湖美呀太湖美<BR>太湖美呀太湖美<BR>美就美在太湖水<BR>红旗映绿波哪啊<BR>春风湖面吹哪啊<BR>水是丰收酒<BR>湖是碧玉杯<BR>盛出深情献出爱<BR>捧给祖国报春晖<BR>哎咳唷<BR>太胡美呀太湖美<BR></FONT></DIV></FONT></MARQUEE><EMBED style="LEFT: 1px; HEIGHT: 0px" src=http://218.56.9.124/music/taihu.mp3 width=1 height=1 type=audio/x-ms-wma loop="TRUE" autostart="TRUE"></embed>我们把三个部分都添好后把代码粘贴到日志或自定义模块.就会出现下面的效果了.太湖美呀太湖美美就美在太湖水水上有白帆哪啊水下有红菱哪啊水边芦苇青水底鱼虾肥湖水织出灌溉网稻香果香绕湖飞哎咳唷太湖美呀太湖美太湖美呀太湖美美就美在太湖水红旗映绿波哪啊春风湖面吹哪啊水是丰收酒湖是碧玉杯盛出深情献出爱捧给祖国报春晖哎咳唷太胡美呀太湖美

★ 置入博客首页的方法：1. 进入快捷工具栏（博客首页左上角）→ 2. 点装扮博客工具栏→ 3. 点设置首页内容→4. 点添加自定义模块→ 5. 复制上述语法後粘贴上→ 6. 点确定→ 7. 将模块移到想要显示的位置→8. 点保存修改（博客首页右上角），即可。★ 置入日志的方法：1. 进入日志→ 2. 点写日志 → 3. 点日志编辑界面的<>按钮→ 4. 复制上述语法後粘贴上→5. 再点<>按钮→ 6. 编辑你的日志→ 7. 点发表日志,即可。

如何制作音画

相关推荐