loading请求处理中...

网页Banner广告设计步骤 GIF网页广告设计步骤

2021-12-01 03:26:23 阅读 10555次 标签: 网页设计素材asp动态网页设计 作者: anyi

    很多时候,我们对一个网站或博客网页的第一印象都来源于上方的网页横幅。漂亮、整洁、协调的网页横幅设计会令我们对其顿生好感。本文介绍了如何轻松设计漂亮GIF网页广告设计步骤。
    网页广告Banner变换的图片很能吸引浏览者的注意。它实际上是一个动态的GIF图形文件,也就是一个包含两张以上独立GIF图形文件或fr_ame(帧)的文件。每一帧均设定了画面播放时间与重播次数。可以在GIF制作软件中指定每一个轮回的动画播放时间与回放次数。

网页Banner广告设计步骤
    目前市场上制作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网页广告设计的效率与质量了。
(一品威客 anyi)

网站UI设计公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论

快速发任务

价格是多少?怎样找到合适的人才?

官方顾问免费为您解答

 
网站UI设计相关任务
DESIGN TASK 更多
海外网页开发批量登录程序

¥1000 已有0人投标

企业官网页面设计

¥1300 已有5人投标

网页设计首付款

¥1800 已有1人投标

网页播放m3u开发

¥10000 已有2人投标