宏巍软件:如何用动、静态图片组合制作漂亮的边框?

来源:百度文库 编辑:偶看新闻 时间:2024/05/03 09:29:54


制作这类边框的方法和静态边框的制方法是完全相同的.但要想制作好这种边框,关键是素材的选用.以及怎样将动、静态图片组合?怎样搭配它们之间的颜色?等等...相对来说,其操作过程稍有难度.

下面本人仅以一张动态和五张静态图片构成的边框,来作简单讲解:先看下面的这六张图片:
     
以上六张图片地址分别为:
<1>:http://image46.360doc.com/DownloadImg/2011/12/0315/19751771_4.jpg
<2>:http://image46.360doc.com/DownloadImg/2011/12/0315/19751771_5.jpg
<3>:http://image46.360doc.com/DownloadImg/2011/12/0315/19751771_6.jpg
<4>:http://image46.360doc.com/DownloadImg/2011/12/0315/19751771_7.jpg
<5>:http://image46.360doc.com/DownloadImg/2011/12/0315/19751771_8.jpg
<6>:http://image46.360doc.com/DownloadImg/2011/12/0315/19751771_9.jpg
原始代码:









填写内容


现将动态图片(第五张)来分别与另外五张静态图片做几种不同效果的搭配 .
第一种效果,先用5、1张搭配,看它的效果图如下:(二层图片边框)
填写内容
第二种效果,先用5、3、2、张搭配,看它的效果图如下:(三层图片边框)
填写内容
第三种效果,先用5、6、1张搭配,看它的效果图如下:(三层图片边框)
填写内容
第四种效果,先用5、3、1、4张搭配,看它的效果图如下:(四层图片边框)
填写内容

使用方法:
1):将选好的动、静态图片地址放在原始代码相应处即可;
2):如需制作多层边框,方法和静态图片多边框的制作方法相同;
3):内外边框的距离、各边框线的粗细、边框的宽度等.
请叁见静态图片边框的制作方法一文.
下面是五层边框的复制代码:(可直接复制使用)



















填写内容

看它的效果图如下:
填写内容
二、加框有一层FLASH的图片
代码复制区:



http://image46.360doc.com/DownloadImg/2011/12/0315/19751771_21.jpg border=0>








看效果图如下:
请点击查看影音文件...
请点击查看影音文件...
三:图片倒影效果:


使用代码如下:



四、加入背景音乐代码:
效果图如下:
',1)">
→ 代码复制区 :

具体操作方法,请参见我写的 →〖如何做视频及动画的超链接〗一文;
点击进入 → 如何做视频及动画的超链接?
说明:
1、视频播放器尺寸的大小,应根据你网页页面的(即模块的大小)来决定;
2、上面代码中的蓝色处,即是视频播放器尺寸大小的数据,在实际操作中只要适当修改宽和高的数值即可;
3、有关这方的操作方法,请参见上面的"相关文章"链接;



◇简单"边框"的制作方法◇ ◇"边框"的代码分析◇  ◇如何不用图片做"边框"的方法◇ ◇用动、静态图片组合制作"边框"◇  ◇用"静态"图片做"边框"的方法◇ ◇怎样给"图片"添加漂亮的"边框"◇  ◇多层"边框"的添加方法◇ ◇如何改变"边框"中各边框线的粗细值◇  ◇如何调整"边框"的宽度及高度◇ ◇怎样改变边框颜色及边框线数值◇ ◇边框内层背景颜色的替换方法◇ ◇为你提供精美的"边框"及"边框"素材◇







新手入门篇文字类制作图片类制作日历、时钟制作
博客素材类"边框"的制作u5 教程PS 教程
情感天地生活常识教子必读音画欣赏
男人女人测算运气驾车技巧幽默笑话
●新手入门篇●/●文字类制作●/●图片类制作●/●日历、时钟制作类●/●博客制作(素材类)●/●"边框"的制作●