武继元和武卫:如何用动、静态图片组合制作漂亮的边框

来源:百度文库 编辑:中财网 时间:2024/04/28 01:50:15
【如何用动、静态图片组合制作漂亮的边框】   制作这类边框的方法和静态边框的制方法是完全相同的.但要想制作好这种边框,关键是素材的选用.以及怎样将动、静态图片组合?怎样搭配它们之间的颜色?等等...相对来说,其操作过程稍有难度.
下面仅以一张动态和五张静态图片构成的边框,来作简单讲解:先看下面的这六张图片:
     
以上六张图片地址分别为:
<1>:http://image35.360doc.com/DownloadImg/2011/08/2414/16370255_1.jpg
<2>:http://image35.360doc.com/DownloadImg/2011/08/2414/16370255_2.jpg
<3>:http://image35.360doc.com/DownloadImg/2011/08/2414/16370255_3.jpg
<4>:http://image35.360doc.com/DownloadImg/2011/08/2414/16370255_4.jpg
<5>:http://image35.360doc.com/DownloadImg/2011/08/2414/16370255_5.jpg
<6>:http://image35.360doc.com/DownloadImg/2011/08/2414/16370255_6.jpg
原始代码:









填写内容


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

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



















填写内容

看它的效果图如下:
填写内容