注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

梦非梦

梦就在云中间,游走在天地间,却是在人世间,更似在梦里间

 
 
 

日志

 
 

【引用】如何制作音画  

2011-11-27 20:50:46|  分类: 万能 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自爱我。。你怕了吗?《如何制作音画》
好多朋友想学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; ; 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; ; 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 style="MARGIN-TOP: 120px; LEFT: -220px; MARGIN-BOTTOM: 40px; WIDTH: 1000px; ; 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; ; 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://img.blog.163.com/photo/MfXmuwPo93NEamnyen9flg==/5085689879208549011.jpg

文字内容:

太湖美呀太湖美,美就美在太湖水水上有白帆哪啊,水下有红菱哪啊,水边芦苇青,水底鱼虾肥,湖水织出灌溉网,稻香果香绕湖飞,哎咳唷,太湖美呀太湖美。太湖美呀太湖美,美就美在太湖水,红旗映绿波哪啊,春风湖面吹哪啊,水是丰收酒,湖是碧玉杯,盛出深情献出爱,捧给祖国报春晖,哎咳唷,太胡美呀太湖美。

歌曲地址:

http://218.56.9.124/music/taihu.mp3

 

下面我们把这三部分添加到代码中:

<TABLE height=400 cellPadding=1 width=450 align=center background=http://img.blog.163.com/photo/MfXmuwPo93NEamnyen9flg==/5085689879208549011.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. 点发表日志,即可。 

  评论这张
 
阅读(77)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017