如何在网页中添加水印效果

如何在网页中添加水印效果,第1张

从传统意义上讲,水印是用来鉴别真假的,因为他们的存在并不影响印刷在该页上内容的清晰度。后来把水印的概念引入数字时代。在页面制作时利用这个技巧,在页面上就可以做出一个半透明的标志,它就像独立的悬浮在页面上一样。尽管这很麻烦,但能产生非常漂亮的效果。

这里有几种在主页上产生水印效果的方法。例如,如果访问者使用的是IE浏览器,只需用<BODY background=graphic/g.gif bgprgperties=fixed就可产生水印效果。但这对Navigator不适用,它会自动地将图片平铺显示。为了兼顾不同的浏览器,必须使用动态HTML来实现这个功能。GeoCities采用服务器端来检测访问者使用的浏览器,并针对不同的浏览器(IE或Navigate)采用不同的实现方法。下面是一种单一的客户端脚本,它能在上述两种浏览器上工作,甚至还可以给用户更大的选择余地。

第一步,创建或设计水印图案。它可以是支持任何HTML语言的图像格式,尽管图像的尺寸是准确的,还必须将它的尺寸提供给脚本。同时还需花时间从页面的整体上来考虑水印的设计。水印是否设计为透明的?是否要和背景色协调?应该有多大?建议这一步一定要细心,以免遮蔽页面或扰乱访问者的注意力。

第二步,确定把水印放在不支持DHTML浏览器的何处(比如说底部)。然后在<DIV标记中嵌入属性id=watermark,stytle=position:absolute。

第三步,在包含水印的<DIV容器之后添加该脚本,这样就可以实现水印效果。较好的位置是放在结束的</BODY标记前。

这样就可以在不同的浏览器的网页中添加水印效果了,注意其中对水印效果的宽度位置和像素等就需要设计者根据需要来进行设计。

1、“点击新建项目 —工程文件存储位置 — 有效预置 — PAL-DV 宽银幕48KHz”,这个宽银幕48KHz并不一定非得选这个,在右边有相关的参数,可以看看,然后按需求选择就好。

2、导入素材,在项目面板的空白处右键选择导入,再选中需要用到的素材导入即可,这些素材要记得放到和工程文件同一个文件夹里面哦。

3、素材都导入进来了,接着看,先用鼠标把视频拖拽到视频1轨道上,再把动态水印拖拽到视频2轨道上,因为动态水印要添加在水印上,需要显示出来的,所以需要放在视频2轨道上。

4、再对动态水印的大小,位置、透明度等参数进行设置,在特效控制台上面就可以设置相关参数,点击运动前面打开下拉菜单,对动态水印的位置进行设置,如果觉得输入参数比较麻烦,可以在预览窗口中直接拖动水印到相应的位置,拖动四周也可以调整大小。

5、因为添加的跟视频是一样有时间长度的,并不能像静态图片那样左右拖动素材就可以增加时间长度,用鼠标在项目面板处再重新拖动动态水印素材放在第一个水印的后面,以此类推,一直拖动,直到一直放满视频2轨道为止。

6、设置了第一个水印的参数,所以接下来的参数也要相同,那么选中视频1轨道上的第一个水印,右键选择复制,再用鼠标把后面的水印都选中,用鼠标框选就可以多选了,然后在选中的这些水印上面右键选择粘贴属性,这样做的目的是把第一个动态水印的参数都粘贴到所有的水印上。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11701324.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存