对于网页设计师来说,尤其是新手,一定很好奇如何在网页中做出一些动态的横幅效果。那么这么漂亮的动态横幅效果是怎么产生的呢?今天,边肖将与您分享动态横幅的制作方法。
其实实现页面动态横幅效果最简单的方法就是使用动态Gif图片。我们可以用PS制作网页动态横幅。我们来做一个简单的动态横幅。希望大家能从中得到启发,做出符合自己需求的横幅。
打开PS,新建一个空白文档,其参数如图所示(注意:大小要根据实际要求设置):
使用渐变工具填充当前图层,效果如图:
接下来,加上网站的宣传口号或者企业文化。您可以选择文字工具来输入文本。
然后添加网站的日志等相关代表标记或图片,再根据背景颜色选择合适的“图层混合”模式,应用“蒙版”进行过套。
然后将“图层样式”应用到文字所在的图层。
点击“窗口”-“动画”打开动画面板。
在这里你可以创建一个简单的动画。你可以根据自己的实际需要制作动画,在这里制作如图所示的动画效果。
最后输出动画文件。点击“文件”-“另存为所有Web格式”项。
在打开的窗口中,选择“Gif”格式输出,设置“动画循环选项”为“永远”,最后点击“保存”按钮。
最后,您可以将动态图片插入网页的横幅位置。