BANNER是什么格式的图片,要用什么软件制作,谢谢

发布网友 发布时间:2022-04-22 06:51

我来回答

3个回答

懂视网 时间:2022-05-11 16:34

本Photoshop实例教程为大家带来网站横条广告的制作教程,制作过程中主要应用渐变、蒙板、钢笔等工具,希望大家喜欢! 先看效果:
Photoshop 制作网站468*60 Banner教程
最终效果
  1、打开Photoshop CS3软件,执行菜单:“文件”/“新建”(快捷键Ctrl+N),弹出新建对话框,设置名称:横幅广告制作,宽度:468像素,高度:60像素,分辨率:72像素/英寸,颜色模式:RGB颜色、8位,背景内容:白色,设置完毕后单击确定按钮,如图1所示。
Photoshop 制作网站468*60 Banner教程
图1
  2、在图层控制面板击新建图层按钮,新建一个“背景”,选择工具箱渐变工具(快捷键G),在工具选项栏中设置为线性渐变,然后点按可编辑渐变,弹出渐变编辑器。双击如图2中的A处,设置色彩RGB分别为190、243、255。再双击图2中所示的B处,设置白色,单击确定按钮,如图2所示。效果图如图3所示。
Photoshop 制作网站468*60 Banner教程
图2
Photoshop 制作网站468*60 Banner教程
图3

  3、单击工具箱中的横排文字工具 ,输入pconline,然后按Ctrl+T切换字符和段落面板,设置字体:方正综艺简体,大小:40点,颜色:蓝色,设置消除锯齿的方法:浑厚,如图4所示。
Photoshop 制作网站468*60 Banner教程
图4
  4、选择pconline图层,右击pconline图层,选择混合选项,进入到图层样式,勾选渐变叠加选项,双击渐变弹出渐变编辑器,双击如图的A处,设置色彩RGB分别为11、66、179,再双击图中所示的B处,设置色彩RGB分别为35、100、231,再双击图中所示的C处,设置色彩RGB分别为70、192、255,再双击图中所示的D处,设置色彩RGB分别为138、237、255,再双击图中所示的E处,设置色彩RGB分别为103、220、253,单击确定按钮,接着按键盘Shift不放结合鼠标从上到下拉下,给渐变效果,如图5所示。效果图如图6所示。
Photoshop 制作网站468*60 Banner教程
图5
Photoshop 制作网站468*60 Banner教程
图6
  5、在图层控制面板中选择pconline图层,按住Alt不放,用鼠标左键拖动出pconline副本图层,按快捷键Ctrl+T,将副本图层进行倒立,接着给pconline副本图层添加一个蒙板,点击渐变工具,给pconline副本图层添加渐变,如图7所示。
Photoshop 制作网站468*60 Banner教程
图7



  6、在图层面板上单击创建新图层按钮 ,新建一个图层12,再用钢笔工具,画出一个不规则的形状,如图8所示。
Photoshop 制作网站468*60 Banner教程
图8 #p#  7、在工具箱中选择设置前景色,设置前景色的颜色RGB值分别为2、194、247,填充给不规则的形状,按键盘快捷键Ctrl+Enter转换为选区,接着按按键盘快捷键Alt+Delete填充,按键盘快捷键Ctrl+D取消选区,接着右击7图层,选择混合选项,进入到图层样式,勾选投影复选项,设置混合模式:正片叠加,点击色标处,弹出选择阴影的颜色窗口,设置为蓝色(R:107,G:151,B:170,),不透明度:23%,距离:5像素,扩展:0%,大小:5像素,然后点击确定按钮,如图9所示。
Photoshop 制作网站468*60 Banner教程
图9
  8、在工具箱中选择横排文字工具,在工作区中用鼠标单击后,输入“太平洋创意设计栏目”,在工具选项栏中设置字体为“长城黑体”,设置字体大小为17点,设置消除锯齿为“浑厚”设置字体颜色为白色,如图10所示。
Photoshop 制作网站468*60 Banner教程
图10
  9、在工具箱中选择横排文字工具,在工作区中用鼠标单击后,输入“Photoshop CS、Flash CS、CorelDRAWG4、Fireworks.CS4 3Dsamx、Dreamweaver、MAYA、After.Effects”字,在工具选项栏中设置字体为“宋体 ”,设置字体大小为8点,设置消除锯齿为“浑厚”设置字体颜色为白色,并调整大小与距离,如图10所示。
Photoshop 制作网站468*60 Banner教程
图11
  10、在图层控制面板击新建图层按钮,新建一个图层9,在工具箱中选择直线工具 ,在工作区中拖出一个直线形状,如图12所示
Photoshop 制作网站468*60 Banner教程
图12

  11、在图层控制面板中选择图层9,按住Alt不放,用鼠标左键拖动出图层9副本,图层9副本2,设置不透明度为34%。如图13所示。
Photoshop 制作网站468*60 Banner教程
图13
  12、在图层控制面板击新建图层按钮,新建一个图层并命名为“按钮”,在工具箱中选择椭圆工具 ,在工作区中拖出一个椭圆选区,在工具箱中选择设置前景色,设置前景色的为蓝色,按快捷键Alt+Delete填充给按钮图层,然后按快捷键Ctrl+D取消选择状态如,图14所示。
Photoshop 制作网站468*60 Banner教程
图14
  13、在图层控制面板中选择按钮图层,按住Alt不放,用鼠标左键拖动出7个按钮副本图层,并调整距离和位置,调整后的效果图,如图15所示。也是最终效果图。
Photoshop 制作网站468*60 Banner教程
图15

热心网友 时间:2022-05-11 13:42

Banner制作
你一定见过网页中会动的广告Banner。变换的图片很能吸引浏览者的注意。它实际上是一个动态的GIF图形文件,也就是一个包含两张以上GIF图形文件或Frame(帧)的文件。每一帧均设定了画面播放时间与重播次数。可以在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.在帧延续时间面板上设置每帧延续的时间和帧速率。注意:GIFa的动画图像结合了多张的个别图像,它们都是的Frame(帧或影格)文件,每一影格均须设置画面的播放时间及重播次数。
6.在完成菜单中点击Finish按钮,完成动画的基本制作。单击编辑区中的Preview按钮,预览动画的效果。
7.打开File菜单,选择Optimization Wizard(或按下F11键),启动最佳化向导。
8.在弹出菜单中选择Yes,使用预设的项目以控制调色板的颜色数目,然后单击下一步按钮。
9.在弹出的菜单中勾选No,然后在图片颜色数项中设置其值为32色。注意:视图像情况以决定颜色数目方框中的数值,若以文字为导向的图像,最好勾选“No”项目。
10.在弹出菜单中均选择Yes,移除多余的像素,移除注解区块,移除层标志,这样可以减小文件尺寸。
11.在最后弹出的菜单中列出了刚才的设定,单击Finish按钮完成优化。
12.随后弹出Gif Optimization菜单,显示了优化前后的文件尺寸大小对比,单击Save as按钮,如图6,将其保存。
注意:一般情况下,Banner的大小不要超过30KB,否则会增加网络负担,在本例中,这个Banner优化之后只有18.4 KB。

热心网友 时间:2022-05-11 15:00

banner是网络广告中最常见的广告形式。一般翻译为网幅广告、旗帜广告、横幅广告等,尺寸是468*60像素,一般使用GIF格式的图像文件,可以是静态图形,也可用多帧图像拼接为动画图像。
一般用户可以使用Fireworks MX 来设计一张GIF动画Banner.

参考资料:http://www.yesky.com/SoftChannel/72351168005013504/20041025/1868014.shtml

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com