当前位置：首页 > 窍门 > 科技数码

网页banner广告设计的详细步骤介绍！

来源： 最后更新：22-04-01 09:58:41

　　很多时候，我们对一个网站或博客网页的第一印象都来源于上方的网页横幅。漂亮、整洁、协调的网页横幅设计会令我们对其顿生好感。小编就来介绍了如何轻松设计漂亮GIF网页广告设计步骤。

　　

　　网页广告Banner变换的图片很能吸引浏览者的注意。它实际上是一个动态的GIF图形文件，也就是一个包含两张以上独立GIF图形文件或fr_ame(帧)的文件。每一帧均设定了画面播放时间与重播次数。可以在GIF制作软件中指定每一个轮回的动画播放时间与回放次数。

　　

　　目前市场上制作GIF动画的软件相当多，友立公司的Ulead Gif Animator以其简单易用，功能强大而受到良好的评价，是一款值得推荐的Gif动画制作软件。下面我们用它来制作一个468X60像素大小的网页广告设计的Banner。

　　

　　1、在PhotoShop中制作四张468X60像素的图片，并将其导出为Gif格式。

　　

　　2、运行Ulead Gif Animator，此时会出现一个“开始向导”面板，注意到“开始向导”面板上的Animation Wizard项，通过它可以决定置入哪些画面，每个画面播放多少时间等控制信息。

　　

　　3、单击Animation Wizard项前的茶杯图标，在弹出的选择文件面板中单击“增加图像”按钮，在随后弹出的打开菜单中，选择要置入的图片，我们选择前面在PhotoShop中制作的四幅图片，选好之后单击下一步按钮。

　　

　　4、在图像类型菜单中选择以文字为导向的图像Text-oriented，单击下一步按钮。注意：若是以文字为导向的图像，文字图像的颜色比较少，可以不进行递色处理，这样可减小文件的大小，但如果是较复杂的相片图像，则需进行递色处理以求得较好的影像品质。

　　

　　5、在帧延续时间面板上设置每帧延续的时间和帧速率。注意：GIF89a的动画图像结合了多张的个别图像，它们都是独立的fr_ame(帧或影格)文件，每一影格均须设置画面的播放时间及重播次数。

　　

　　6、在完成菜单中点击Finish按钮，完成动画的基本制作。单击编辑区中的Preview按钮，预览动画的效果。

　　

　　7、打开File菜单，选择Optimization Wizard(或按下F11键)，启动最佳化向导。

　　

　　8、在弹出菜单中选择Yes，使用预设的项目以控制调色板的颜色数目，然后单击下一步按钮。

　　

　　9、在弹出的菜单中勾选No，然后在图片颜色数项中设置其值为32色。注意：视图像情况以决定颜色数目方框中的数值，若以文字为导向的图像，最好勾选“No”项目。

　　

　　10、在弹出菜单中均选择Yes，移除多余的像素，移除注解区块，移除层标志，这样可以减小文件尺寸。

　　

　　11、在最后弹出的菜单中列出了刚才的设定，单击Finish按钮完成优化。

　　

　　12、随后弹出Gif Optimization菜单，显示了优化前后的文件尺寸大小对比，单击Save as按钮，将其保存。

　　

　　材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。这样就能大大提高GIF网页广告设计的效率与质量了。

标签: 网站建设  网页设计  标签  网页  

免责声明：本文系转载，版权归原作者所有；旨在传递信息，其原创性以及文中陈述文字和内容未经本站证实。

本文地址:http://www.zuomama.com/qiaomen/youxi/209873.html

网页设计用css有什么作用？

网站首页 返回栏目

美团众包不干了要注销吗