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

无限风光

牡丹故里 美丽独特 多骄如画 明天更好

 
 
 

日志

 
 
关于我

人生乐事,坚持学习,结交诚友,快乐自己。传递友谊,借鉴学习,丰富智慧,。交遍四海友, 感情多富有。 访尽天下博, 精神多快活。

网易考拉推荐
GACHA精选

《音画制作入门》  

2013-02-01 13:37:04|  分类: 大图音画 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

《音画制作入门》 - 无限风光学习收藏 - 无限风光学习收藏的博屋《音画制作入门》 - 无限风光学习收藏 - 无限风光学习收藏的博屋

《音画制作入门》 - 无限风光学习收藏 - 无限风光学习收藏的博屋

 

《音画制作入门》第一节

最简单的音画

所谓音画,顾名思义就是既有"音"又有"画"的一种完美结合的作品,在欣赏画面的同时又能欣赏到动听感人的音乐,使人心旷神怡感到一种美的享受,许多朋友喜欢音画,想学但又无从下手。有人说要从学习ps入手,有人说要从系统的代码开始,其实都对。但操作复杂、功能强大的ps和诸多外文似得密密麻麻的代码却使人望而生畏。这里我给朋友们介绍一种自学音画的另类方法,即模仿、套改、完善、创新,在模仿中学习,在套改中创新。诚然,代码不懂不行,ps不学不行,只是急用先学、循序渐进,才能学得轻巧、立竿见影。这样学起来兴趣浓、入门快、作品早、记得牢,这是我作为一个初学者的体会,有兴趣的朋友不妨一步一步试试看,祝你成功。

下面先看一幅最简单的音画:


2010年06月17日 - 地狱壳子 - 壳子的博客

  这是一幅最简单的音画帖,只有一张图片,插入了一幅透明flash和一首歌曲,但这毕竟也叫音画吧,哈哈!
此音画帖的全部代码如下:
<DIV style="LEFT: 0px; WIDTH: 800px; POSITION: relative; TOP: 0px">
<table width="800" height="686" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="http://i44.tinypic.com/vzwnye.jpg" width="800" height="686" >
</td>
</tr>
</table>
</DIV>
<EMBED style="LEFT: 150px; POSITION: absolute; TOP: 40px" align=right src=http://hjx163.blog.enorth.com.cn/attachment/flash/446412.swf width=700 height=400 type=application/x-shockwave-flash quality="high" wmode="transparent">
<EMBED style="FILTER: xray" src="http://www.yxrxz.cn/songs/01.wma" width=0 height=0 type=audio/mpeg autostart="1" panel="0" loop="true"></EMBED>

《音画制作入门》第二节

音画帖的仿制

现以第一节中的音画为例介绍一下音画的仿制。

一.代码释义

先看如下代码:
<DIV style="LEFT: 0px; WIDTH: 800px; POSITION: relative; TOP: 0px">
<table width="800" height="686" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="http://i44.tinypic.com/vzwnye.jpg" width="800" height="686" >
</td>
</tr>
</table>
</DIV>
<EMBED style="LEFT: 150px; POSITION: absolute; TOP: 40px" align=right src=http://hjx163.blog.enorth.com.cn/attachment/flash/446412.swf width=700 height=400 type=application/x-shockwave-flash quality="high" wmode="transparent">
<EMBED style="FILTER: xray" src="http://www.yxrxz.cn/songs/01.wma" width=0 height=0 type=audio/mpeg autostart="1" panel="0" loop="true"></EMBED>
释义:
第一行的意思是:本帖的位置相对于版面距作0像素,距顶0像素,帖子幅宽800。
第二行的意思是:创建一个表格,边框厚度为0,与格线的距离为0,格线厚度为0,表格宽800,高686。
第五行的意思是:插入一张图片并标明了图片的地址、名称和宽、高尺寸。
第十行开始的意思是:插入一幅透明flash,有地址和宽高尺寸以及相对于版面的位置,距左150,距顶40。
第十三行开始的意思是:插入一个音乐文件,传送完毕自动播放且重复无限次。
先记住以上五个常用的句型就可以了。

二.复制并创建一个web文件

1.先选定并复制上边的粉红色代码
2.打开"我的电脑"某本地磁盘,如E:盘,点击文件菜单"新建"—"文本文档",并命名为"仿制"
3.双击打开"仿制"记事本文件,点击右键—粘贴
4.在"仿制"记事本文件中点击文件菜单—点选"另存为"
5.在另存为对话框中输入文件名"太湖风景.html",保存类型选点"所有文件",在点"保存",然后关闭该记事本文件
6.双击刚生成的web文件,既可欣赏到该音画(如果听不到音乐,可点击信息栏,选点"允许阻止内容",就可听到音乐并看到falsh效果了。

三.试改

1.点击"查看"菜单,选点"源文件",打开记事本文件
2.把版面、表格和图片的宽度值(width)800改为1000(共三处)
3.在第十三行之前插入一个空行,先将第十一至十三行整体复制,贴入空行内,再把地址改贴为:
http://chunyi.vip10.flashyc.net/upload/xuesheng/yinhua/xiangfeng/yuheshui/移动的小船.swf
其位置改为距左550,距顶400,flash尺寸改为宽450,高270(尺寸及相关位置自己可调,效果满意为止)。
4.点击"文件"菜单,选点"保存",关闭该记事本文件
5.刷新或重新打开改过的web文件,点击信息栏,选点"允许阻止内容",看看其变化如何?(图面宽了,增添了一个移动的小船)至此帖子试改成功。

四.仿制与发挥

试改成功之后就可以仿制和尽情发挥了,水中可插入鱼、鸭、荷,空中可插入蜂、蝶、鸟,只要构思巧妙,位置放的合适就好。也可另换背景图片,flash以及与之相配的音频文件。当然图片也可插入多幅,只是未经溶合处理的图片显得拼合生硬,不协调,要想得到好的效果就不得不借助于ps进行加工处理了。


《音画制作入门》第三节

音画背景图的拼合

音画一般需用大图来作为背景,图幅多在800*600以上,尽管网上有不少现成的背景图片,但内容及色彩却不一定全尽人意,常常需要选择若干小图自行加工并拼合成一幅大图来使用,下面介绍一种比较简单的方法。

一.素材准备及加工

1.根据个人构思和主题从网上选择几幅如意的图片,下载或复制到本地磁盘:
 2.打开photoshop cs3,调出下载的三幅图片,然后利用裁剪工具将原图加工如下:


2010年06月17日 - 地狱壳子 - 壳子的博客
 
2010年06月17日 - 地狱壳子 - 壳子的博客
 
2010年06月17日 - 地狱壳子 - 壳子的博客
  二.新建ps空白文档
打开photoshop cs3,点击左上角的“文件”菜单,选点"新建",打开"新建"对话框,设定宽800 高1500像素,RGB颜色。
2010年06月17日 - 地狱壳子 - 壳子的博客
  然后点"确定",就新建了一幅"未标题—1"文档。(文档的尺寸可根据需要而定,此处只为演示)此文档在图层面板自动命名为背景,在图层窗口我们看到是空白的。

三.图片的拼合
步骤1: 打开素材1, 解锁,拖入背景层。刚拖入的图层被自动命名图层一,为了方便识别,我们改一下名称:在图层面板的“图层一”点右键-图层属性-弹出更改名称窗口-,改名"湖水"。如图:
步骤2:重复以上操作,将素材2拖入背景,改名为"鼋头渚"。如图:
步骤3:同样将素材3拖入背景,改名为"荷花"。三幅图拖入背景层后如图:


2010年06月17日 - 地狱壳子 - 壳子的博客
  步骤4:点击选定图层面板的"湖水",再点击"编辑"菜单—"变换"—"缩放",可调整其尺寸大小,调整完毕双击该图即可,用同样方法调整其他两幅,使三幅图的比例大小配置得当,图层的遮盖顺序从图层面板中可以看出是上层压下层,必要时可随时调整。拼合后如下图:
2010年06月17日 - 地狱壳子 - 壳子的博客

  至此图片拼合完毕

《音画制作入门》第四节

简单的溶图与调色

从第三节中可以看出,直接拼合的背景图很不理想,一是拼接的边缘十分生硬,二是色彩差异较大,不和谐,不经溶合及调色处理是难登大雅之堂的,下边就介绍一下溶图和调色的基本操作:

一.溶图

先将上面两张图片的边缘重叠(重合量根据接图需要而定),使用套索工具,在图片的边缘处画出选区,羽化20,按Delete删除。(注意:删除时要分两次进行,即在图层面板上选定上图时可删除上图选区,选定下图时才可删除下图选区)。如图:


2010年06月17日 - 地狱壳子 - 壳子的博客
  羽化并调整图幅及位置后的效果如下:
2010年06月17日 - 地狱壳子 - 壳子的博客
  羽化和调整的目的是让图片拼合过度自然,看不出边缘和拼接痕迹,这才是我们想要的效果。下面是整体效果,这里只是讲解方法,做得并不细。
2010年06月17日 - 地狱壳子 - 壳子的博客
  二.调色
拼接后如果色差较大,效果仍然不理想,或需要统一色彩。可以点击"图像"—"调整"—"去色",使图片先变成黑白色,然后再次执行"图像"—"调整"—"色彩平衡",只要滑动三个模块,就可以调出任何自己喜欢的颜色,使色彩得到统一,见下图:
2010年06月17日 - 地狱壳子 - 壳子的博客
  调色之后还可以添加其他素材,我在荷花之上添加了一个小姑娘,就称她为荷花仙子吧!记着抠图时要羽化,然后再用移动工具拖进,并放到适当的位置,见下图。
2010年06月17日 - 地狱壳子 - 壳子的博客

 

《音画制作入门》第五节

大图的分割

图片过大必然会影响打开速度,我们用PS就可以把它分割成若干份。在左侧的工具栏里有一个“切片选择工具”,右键点开,有两个选择项,选下面的“切片选取工具”如图:

 


2010年06月17日 - 地狱壳子 - 壳子的博客
  把鼠标移到画布上,右键选点“划分切片”。在弹出的窗口,设为水平划分为4片,(实际制作中可以随意划分)。如下图:
2010年06月17日 - 地狱壳子 - 壳子的博客

  现在我们看到做好的图被切割成了4份了。

《音画制作入门》第六节

ps生成文件的保存

打开菜单栏的文件,在下拉菜单中选“存储为web所用格式”如图:


2010年06月17日 - 地狱壳子 - 壳子的博客

  在弹出的存储选项窗口,设置文件类型、大小、品质:如图

 

在不损失图像品质的前提下,尽量压缩文件大小,以不超过100K为宜。各项设置好以后点“存储”,选择存储位置,【比如存到E盘】,命名为“荷花仙子”
打开E盘之后,我们可以看到两个文件,一个是web文件,一个是自动命名的images文档文件夹。
文件夹里存放的是切割好的4张图片,web文件里是网页应用的信息,点击web文件,就可以在本地浏览作品了,点击"查看"菜单,打开"源文件"就打开了记事本文件,在此代码文件中可以插入音乐代码(如第二节中所示代码的第十三行)、 flash特效(如第二节中所示代码的第十行)或其他显示代码,如此就可以上传了。


2010年06月17日 - 地狱壳子 - 壳子的博客
  

《音画制作入门》第七节

音画作品的发布

音画作品的发布可分两种情况:

第一种情况:自己没有空间的首先应当寻找或注册一个免费空间,用以上传自己 images文件夹中的相应图片。
例如 http://tinypic.com/ 就是一个免费上传图片和视频的空间,图片上传成功后就可取回地址,然后按如下几步进行:
1.打开web文件,点击"查看"菜单-"源文件",删除代码的前7行和后3行,
2.替换代码中所有图片的本地地址,如:"images/荷花仙子_01.jpg",
3.变更table行显示设置代码,如:变更前代码为:
<table id="__01" width="宽度数值" height="高度数值" border="0" cellpadding="0" cellspacing="0">

变更为:
<TABLE style="LEFT: -10px(视幅宽而定); WIDTH: 宽度px; POSITION: relative; TOP: 0px" cellSpacing=0 cellPadding=0 width="宽度数值" align=center border=0>
(注意:宽屏设置的网站发宽屏帖一般LEFT: -10px,窄屏设置的网站发宽屏帖一般LEFT: -125px)
4.根据需要插入音乐、flash特效、移动字幕等元素,经测试位置适当,显示正常后即可发帖
5.在本站发帖时如是直接复制打开web页面后的画面,可直接粘贴到文件发表的大白框中,如复制的是源代码,则要先点击大白框下面的"源代码"后。 再粘贴到大白框中,然后点一下"编辑",等画面出现后再点击"添加"按钮。如图:


2010年06月17日 - 地狱壳子 - 壳子的博客

  第二种情况:自己有空间的不但可以上传图片,也可以上传整个html文件,发布时代码如下:
<DIV style="LEFT: -10px(视幅宽而定); WIDTH: 宽度px; POSITION: relative; TOP: 0px"> <IFRAME marginWidth=0 marginHeight=0 src="已上传的网页地址" frameBorder=0 width=宽度数值 scrolling=no height=高度数值></IFRAME></DIV>

《音画制作入门》第八节

音画图的静态修饰与点缀

一幅完整、漂亮的音画作品常常需要进行多种修饰和点缀,修饰又可以分为静态的修饰(比如添加艺术边框、插图、割线、签名印章以及诗词或说明文字等)和动态的修饰(比如插入透明flash、移动字幕以及可以移动的画面等),以强化其美感,提高其欣赏性,这里先介绍一点静态修饰的常用方法:

一.边框的添加

  先把第四节中的第三幅图存储,进行如下操作(当然也可以在做背景主图之前最先做边框):
1、点击"文件"菜单--"新建",在新建对话框中设宽为1000,高为1700(为主图留边框200),然后点"确定"
2、点击"编辑"菜单--"填充",在填充对话框中可选定使用图案,点自定义图案的下拉三角,选编织(宽),再点确定,如下图所示:


2010年06月17日 - 地狱壳子 - 壳子的博客
  3、用选择工具将主图拖入,在背景图中用方向键调整好其位置
4、点一下背景图层,点击图像--调整--色彩平衡,在色彩平衡对话框中调整三个滑快设置与主图相配的色彩,然后点确定即可,见下图:
2010年06月17日 - 地狱壳子 - 壳子的博客
 

二.插图的添加

  比如要添加这幅小女子的图片,可按如下几步进行:
2010年06月17日 - 地狱壳子 - 壳子的博客
  1、单击"文件"-"打开",在打开对话框中找到所存图片的文件夹,选定所用图片,点击"打开"
2、选用磁性套索工具,设置羽化20,对比度10%,频率90,然后细心抠出所用身形,
3、点选图层1,选用移动工具将小女子拖入图中
4、点击"编辑"-"变换"-"水平翻转",然后利用方向键调整到适当位置溶入背景图中
5、如果感觉人物过于突出,可以在图层面板适当降低透明度,添加人物图后效果见:
http://star778.16789.net/index.asp?ActionX=ReadArt&NewsID=1836316

三.图案及贴件的添加

  音画帖常常需要插入一些图案或贴件用以美化作品,现以自定形状"云彩"为例,说明其用法和步骤:
1、先创建一个新图层
2、选点自定形状工具,在自定形状选项中,选点"定义的比例",如下图
2010年06月17日 - 地狱壳子 - 壳子的博客
  3、点按自定形状拾色器,点选云彩1,见下图:
2010年06月17日 - 地狱壳子 - 壳子的博客
  4、定义前景色并在图中点画便出现了云彩图形
5、使用方向键可放置到任意位置(也可也点击编辑进行随意变换),点选文字工具,可在图形中键入文字

四.文字的添加与修饰

  文字是音画帖不可缺少的元素,不管是题目、落款、诗词还是说明都离不开文字的表达,现举例说明其简单用法,比如例帖中的一首诗:“四面垂柳十里花,碧波荡漾连天涯,水天一色湖光美,荷仙抖妆似彩霞”。
1、为便于观察显现效果可适当调大主图的显示比例(如60%)并选定适当的添加位置
2、选点文字工具(横排)并设置文字选项,我这里设定为:华文行楷,36点,左对齐,显示色码#94773b
3、在图中选择适当位置和起始点点击鼠标,输入诗句,回车换行
4、点击图层菜单-图层样式-混合选项,在出现的图层样式对话框中选择"投影""外发光"及"斜面和浮雕"三项,然后点击确定,见下图:
2010年06月17日 - 地狱壳子 - 壳子的博客
当然,文字设置及图层样式中的各种选项均可自行选定,以达到不同的显示效果,此处只是简单举例而已。

《音画制作入门》第九节

音画图的动态修饰与调整

动态修饰主要是指插入一些透明flash素材,或是移动图片及字幕等,使画面动静结合,生动活泼,增加视觉效果。下面介绍一点基本方法和代码:
一、透明flash的插入(如:在天空插入四只飞翔的小鸟)
代码如下:<EMBED style="LEFT: 200; WIDTH: 696px; POSITION: absolute; TOP: 120; HEIGHT: 257px" align=right src=http://www.wosowoso.com/flash/11/2/woso7_flash_3.swf type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED>

蓝色字体表示flash距左(left)200,距顶(top)120,flash尺寸为宽(WIDTH)696,高(HEIGHT)257;红色字体表示flash的地址及名称,使用时只要复制粘贴此段代码,更换flash的相应地址并调整好相关尺寸及位置就可以了。
值得注意的是由于各网站显示框架的不同,在网上发布时距顶(top)的数字需作相应的调整,否则显示结果会有一定偏差。

二、移动字幕的插入
代码如下:<DIV style="LEFT: 550px; TOP: 400px POSITION: absolute; "> <MARQUEE scrollAmount=3 direction=up width=220 height=150> <FONT style="FONT-WEIGHT: bold; FONT-SIZE: 20pt; COLOR: #94773b; FONT-FAMILY: 华文行楷" >
四面垂柳十里花<BR>碧波荡漾连天涯<BR>水天一色湖光美<BR>荷仙抖妆似彩霞<BR> </FONT></MARQUEE></DIV> 



四面垂柳十里花
碧波荡漾连天涯
水天一色湖光美
荷仙抖妆似彩霞

 
蓝色字体表示字幕距左(left)550,距顶(top)400,红色字体表示字幕尺寸为:宽(WIDTH)220,高(HEIGHT)150,移动速度为3级,移动方向向上;粉色字体表示字幕的文字为20pt,颜色为#94773b,字体为华文行楷,使用时只要复制粘贴此段代码,更换字幕所用文字,并调整好相关尺寸及位置就可以了。

三、移动图片的插入
这是一幅自抠的小船的图片,插入时代码如下:

<DIV style="LEFT: 100px; POSITION: absolute; TOP: 650px"> <MARQUEE scrollAmount=3 direction=left width=740 > <IMG height=66 src="http://star778.16789.net/domName/star778/20095225285762759.gif" width=56></MARQUEE> </DIV>
同样,使用时只要复制粘贴此段代码,更换图片地址,并调整好相关尺寸及位置就可以了。

编后语:
    本教材应几位朋友之邀而编写,仅以简单的实例为初学者引个路子而已,教材中的方法可举一反三,触类旁通,初学者可在学习过程中灵活发挥、随意变通。
    学习音画可以从摹仿和套改开始,但决不可就此止步,要作出高水平的音画作品没有ps的深厚功底和基本的代码常识是远远不够的,本人因水平有限,不妥之处在所难免,如有谬误,敬请各位朋友和老师及时指正,希望大家多提宝贵意见!。

 音画制作常用代码

音画制作常用代码 - 沧海 - 沧海的博客

 

1、淡化

<TABLE style="FILTER: alpha(opacity=100,style=2)" width=350 align=center background=http://img.blog.163.com/photo/REWwKSi8Y5H_Rw7VsST_Pg==/597571375557151165.jpg>
<TBODY>
<TR>
<TD>
<P align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://bbs.flash8.net/bbs/UploadFile/2005-12/2005129101542256.swf width=350 height=225 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED> </P></TD></TR></TBODY></TABLE> 

 

2、文字上下合并

<P align=center>

<CENTER>

<MARQUEE direction=down height=60 scrollAmount=2>

<CENTER><FONT color=#a25e6b face=华文彩云 size=8><B>有缘千里来相聚</FONT></CENTER></B></MARQUEE>

<CENTER>

<MARQUEE direction=up height=60 scrollAmount=2>

<CENTER><FONT color=#a25e79 face=华文彩云 size=8><B>有缘千里来相聚</FONT></CENTER></B></MARQUEE></CENTER></CENTER>

 

3、图片页面移动:

<DIV style="Z-INDEX: 2; LEFT: 10px; WIDTH: 211px; POSITION: absolute; TOP: 100px; HEIGHT: 120px">
<TABLE cellSpacing=10 cellPadding=0 width="60%" border=0>
<TBODY>
<TR class=unnamed1>
<TD vAlign=top width="90%" height=274>
<DIV align=center>
<MARQUEE style="FLOAT: none; MARGIN-LEFT: auto; MARGIN-RIGHT: auto" scrollAmount=10 scrollDelay=99 direction=up width=450 height=500 border="0"><FONT color=#0ff000><FONT face=隶书 color=red size=5><B>相逢是首歌</B></FONT><BR><BR><BR>
<IMG src=http://img.bimg.126.net/photo/RH-VIPX3HLqctiyGsbP45w==/854839504271073792.jpg">
</FONT></MARQUEE>
</TD></TR></TBODY></TABLE></DIV>

 

4、倒影

 <P align=center><FONT style="COLOR: #00ff00; FONT-SIZE: 27pt; HEIGHT: 10px; WIDTH: 220px"><IMG src="http://www.smba-china.com/upload/upfile/2004430154320.gif"><FONT id=ew style="COLOR: #3333ff; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); FONT-SIZE: 27pt; HEIGHT: 10px; WIDTH: 220px"><IMG src="http://www.smba-china.com/upload/upfile/2004430154320.gif"></FONT></FONT></P>

 

5、走出页面FLASH

 <EMBED style="LEFT: 50px; WIDTH: 600px; POSITION: absolute; TOP: 2100px; HEIGHT: 600px" align=right src=http://my.e-yu.cn/cxq/sc/002liuxing_3.swf width=500 height=600 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED>

<P align=center><EMBED src=http://my.e-yu.cn/cxq/sc/003heart_2.swf width=200 height=300 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash">

<EMBED src=http://my.e-yu.cn/cxq/sc/003heart_2.swf width=200 height=300 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash">

<EMBED src=http://my.e-yu.cn/cxq/sc/003heart_2.swf width=200 height=300 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"></P>

 

6、置顶FLASH

 <EMBED align=right src=http://www.flasherclub.com/upfile/flashzp/106966200492235651/106966200492235651.swf width=500 height=500 type=application/octet-stream ;; quality="high" wmode="transparent" style="position: absolute; left: 144; top: -10">

 

7、背景及移动的字

 <TABLE height=300 cellSpacing=0 cellPadding=0 width=500 align=center background=http://photo.cnitv.com/PicLib/Pictures/Pic_23.jpg border=3>

<TBODY>

<TR>

<TD>

<P align=center>

<MARQUEE scrollAmount=3 direction=up>

<P align=center><FONT face=隶书 color=#228c45 size=18>朋友</FONT></P>

<P align=center><FONT face=隶书 color=#228c45 size=18>大家好!</FONT></P>

<P align=center><FONT face=隶书 color=#228c45 size=18>辛苦了 </FONT></FACE></SIZE></COLOR></P></MARQUEE></P></TD></TR></TBODY></TABLE>

 

8、透明效果

 <img src=" http://www.tietu.net/w77ll2xu/netupfile/2004_2_3/others/20042131102181.jpg";

width=480 height=320 style=filter:Alpha(opacity=100,style=2)>

 

9、文字或图片飘动

 <div style="position:absolute;top:300;left:180"><marquee behavior=alternate scrollamount=5 direction=up height="6600"><marquee direction=left scrollamount=2 behavior=alternate width=588><img src=http://hisen.myrice.com/anibase/mark/welcome/welcome56.gif></marquee></marquee></div>

 

10、点击图片连接网页

 <DIV ALIGN="CENTER"><A HREF=" http://www.tietu.com"; TARGET="_blank"></SCRIPT></A></DIV><p align="center"><a

href=" http://www.tietu.com"; target="_blank"><img src=" http://www.tietu.net/w77ll2xu/uploadimages/2003-4-1/huohu/cnsysc/20030414/015/VV001.jpg";height="320"

width="480" border="0"></a></p>

 

11、小窗口显大图片

 <center><BR>  <iframe width=450 height=450 marginwidth=0 marginheight=0 src=http://www.rsbw.com/bbss/UploadFile/2003-10/2003102413572957607.jpg width="400" height="450"></iframe></center>

 

12、小框格里跑动的文字

 <FONT face=隶书 color=maroon size=5><EM><B>

<MARQUEE style="BORDER-LEFT-COLOR: #c43c71; BORDER-BOTTOM-COLOR: #dd226d; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #c43c73; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #dd226d; BORDER-BOTTOM-STYLE: ridge" scrollAmount=3 scrollDelay=5 behavior=slide loop=450 width=450 height=6 align="middle" border="0">我的兄弟姐妹</MARQUEE></B></EM></FONT>

 

13、跑动(的图片(淡化)

 <P align=center>
<MARQUEE scrollAmount=6 directio="down">
<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://img.blog.163.com/photo/Sbma8TvG2GM4MtKmWOYc9w==/2579155211600463589.jpg">
<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://img.blog.163.com/photo/im4qbyGn4KDK5F9BY1TEEg==/2579155211600463592.jpg">
<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://img.blog.163.com/photo/KtoAQ5bJCZZ4Q2e0g1m55A==/597571375557151167.jpg">
<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://img.blog.163.com/photo/REWwKSi8Y5H_Rw7VsST_Pg==/597571375557151165.jpg">
<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://img.blog.163.com/photo/Sbma8TvG2GM4MtKmWOYc9w==/2579155211600463589.jpg">
<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://img.blog.163.com/photo/REWwKSi8Y5H_Rw7VsST_Pg==/597571375557151165.jpg>
<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://img.blog.163.com/photo/t8licdzbDtacCG8MLpVlrQ==/2579155211600463587.jpg"> </MARQUEE></P>

 

14、文字走动

 <CENTER>

<P><FONT color=red face=隶书 size=15>

<MARQUEE behavior=alternate direction=up height=120 width=60>轻</MARQUEE><FONT color=yellow>

<MARQUEE behavior=alternate direction=up height=80 width=60>轻</MARQUEE><FONT color=brown>

<MARQUEE behavior=alternate direction=up height=120 width=60>的</MARQUEE><FONT color=green>

<MARQUEE behavior=alternate direction=up height=90 width=60>我</MARQUEE><FONT color=orange>

<MARQUEE behavior=alternate direction=up height=120 width=60>走</MARQUEE><FONT color=#ff1493>

<MARQUEE behavior=alternate direction=up height=100 width=60>了</MARQUEE></FONT></FONT></FONT></FONT></FONT></FONT></B></MARQUEE></P></CENTER><BR><BR><BR>

<MARQUEE directio="right"><FONT color=red size=?>轻轻的我走了</FONT></MARQUEE>

<MARQUEE direction=up scrollAmount=3>

<CENTER><FONT color=lime face=隶书 size=5>轻轻的我走了</FONT> </CENTER></MARQUEE>

<MARQUEE direction=down scrollAmount=3>

<CENTER><FONT color=lime face=隶书 size=5>轻轻的我走了</FONT> </CENTER></MARQUEE>

 

15、双层FLASH

 <TABLE align=center height=400 cellSpacing=0 borderColorDark=#08094a cellPadding=0 width=279 borderColorLight=#e7efff background=http://www.3wbbs.com/dvbbs/UploadFile/2004-7/200472121727448.jpg border=5>

<TBODY>

<TR>

<TD><EMBED align=right src=http://www.ceatnet.com/bbs/UploadFile/2004-4/20044227533755092.swf width=279 height=400 type=application/octet-stream wmode="transparent" quality="high" ;;><EMBED align=right src=http://imgfree.21cn.com/free/flash/5.swf width=279 height=400 type=application/octet-stream wmode="transparent" quality="high"></EMBED></TD></TR></TBODY></TABLE>

 

16、三层FLASH

 <P align=center>

<EMBED align=right src=FLASH地址 width=450 height=760 type=application/octet-stream ;; quality="high" wmode="transparent">

<EMBED align=right src=FLASH地址 width=450 height=760 type=application/octet-stream ;; quality="high" wmode="transparent" dth="300">

<EMBED align=right src=FLASH地址 width=450 height=760 type=application/octet-stream ;; quality="high" wmode="transparent" dth="300"></P>

 

17、宽屏编辑

 <TABLE style="LEFT: -220px; WIDTH: 980px; POSITION: relative; TOP: 90px" cellSpacing=30 align=center background=图片地址 border=0>

<TBODY>

<TR>

<TD>

 

18、音乐播放(隐藏)

 <EMBED align=middle src=音乐地址 width=0 height=0 type=audio/x-pn-realaudio-plugin ALT="(Random)" mime-types="mime.types" fn="load-types" Init exts="ra,ram" volume="200" loop="true" autostart="true">

 

19、发网页贴

 <DIV align=center>

<TABLE style="LEFT: -240px; POSITION: relative; TOP: 120px">

<TBODY>

<TR>

<TD>

<OBJECT style="WIDTH: 1020px; HEIGHT:

4900px" data=网页地址></OBJECT></TD></TR></TBODY></TABLE></DIV>

<DIV></DIV><BR><BR><BR><BR><BR><BR>

 

20、点击进入:

 <P align=center><A href="网址" target=_blank><FONT face=隶书 color=#d52b91 size=7>点击进入</FONT></A></P>

 

21、打开另外窗口

 在<a href="http://www.jgggbbs.cn">点击进入</a></div> 中加入target="_blank" 就成了

<a target="_blank" href="http://www.jgggbbs.cn">点击进入</a></div>

 

22、兼顾不同屏幕发帖

 <CENTER>

<TABLE style="LEFT: -223px; WIDTH: 138%; POSITION: relative; TOP: 67px" cellSpacing=0>

<TR>

<TD>

<OBJECT height=9220 width="100%" data=#.htm></OBJECT> </TD></TR></TABLE></CENTER><BR>

 

23、插入图片的几种方法

 代码

<img src="图片地址" width=330 height=250 style=filter:Alpha(opacity=100,style=2)>

代码

<IMG src="图片地址" style="FILTER: gray(color=#ffedff)">

代码

<IMG style="FILTER: xray(color=#ffedff)" src="图片地址">

 

24、FLASH特效覆盖你的整个帖子

 <EMBED style="LEFT: 100px; WIDTH: 550px; POSITION: absolute; TOP: 1700px; HEIGHT: 600px" align=right src=FLASH地址 type=application/octet-stream ;; quality="high" wmode="transparent">

(上下: TOP: 左右: LEFT: 可随意调整)

 

25、制图贴第一层的全代码:

 <TABLE borderColor=#EE7600 cellSpacing=20 cellPadding=3 width="100%" bgColor=#FF82AB background=图片地址  border=0>

<TBODY>

<TR>

<TD>添加内容</TD></TR></TBODY></TABLE>

 

26、插入单张FLASH

 <EMBED align=center src=FLASH地址 width=400 height=300 type=application/octet-stream wmode="transparent" quality="high" >

 

27、mp3循环播放

 <EMBED hidden=true src=音乐地址  type=audio/mpeg loop="true" autostart="true">

 

28、FLASH隐藏代码

 <EMBED src=FLASH地址  hidden=true type=audio/x-ms-wma LOOP="TRUE"

 

29、透明雾化(礼花)

 <CENTER>

<TABLE cellSpacing=0 cellPadding=0 width=500 border=0>

<TBODY>

<TR>

<TD style="FILTER: Alpha(opacity=100,style=2)" width=500 background=图片地址  ight=500>

<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.nygyfs.com/tmswf/37.swf width=500 height=500 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></TD></TR></TBODY></TABLE></CENTER>


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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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