当前位置:懂科普 >

IT科技

> 如何制作网页横幅 6种方法来制作网页横幅

如何制作网页横幅 6种方法来制作网页横幅

目录

方法1:用Photoshop制作1、新建。2、填充背景图层。3、新建图层。4、添加标识。5、添加公司或网站名称。6、添加其他元素。7、调整位置。方法2:用画图制作1、新建。2、拉出横幅大小的选区,尺寸自定,也可以参照[1]3、如果你想为背景填充颜色,就选择"油漆桶"工具,然后填充你喜欢的颜色。4、添加图片及文本。5、调整图片大小。6、添加你的签名。7、裁剪横幅。8、完成后保存。方法3:用Powerpoint制作1、新建空白演示文稿。2、绘制背景。3、添加图片或标识。4、添加文本及其他元素。5、选中横幅。6、保存横幅。方法4:用在线横幅生成器制作1、请先登录以下网站:BannersABC.com、Addesigner.com及mybannermaker.com等等(谷歌上可以搜到更多)。2、添加文本及图片。3、生成横幅。方法5:制作一个与横幅匹配的头像1、这一步不是必要的。2、选择"裁剪"工具。3、头像要小。4、保存头像。方法6:将横幅添加到论坛签名档或网页等处1、注册账号。2、获取代码。网页横幅是我们都比较熟知的,它一般出现在网页的顶端,上面有公司的名称及标识,也可能就是以广告形式出现,商业网站的横幅往往兼有标明公司名称及做广告的作用。网页横幅必须包含必要的信息,设计新颖、有魅力,这样就能吸引访问网站的用户了。好了,接下来就来教你如何制作网页横幅吧。

方法1:用Photoshop制作

如何制作网页横幅 6种方法来制作网页横幅

1、新建。设置横幅尺寸,一般网页横幅都有标准的尺寸。 本指南将以468像素*60像素的"全幅横幅"为例:注意:以上尺寸虽是标准尺寸,但也不一定非要按照这个尺寸做,你也可以按照自己的需求来改变尺寸。

如何制作网页横幅 6种方法来制作网页横幅 第2张

2、填充背景图层。选择一种与网页风格搭配的颜色填充背景图层。点击前景色,弹出颜色选择器,然后填充。

选择"油漆桶",用所选颜色填充背景图层。

如何制作网页横幅 6种方法来制作网页横幅 第3张

3、新建图层。这一图层要用更饱满的颜色来填充,以突出文本及标识。这一图层大小要与原图层成比例,并且居中。在新图层中建立一个比原图层稍微小一点的选区,然后用你所选的颜色填充。

居中选区。按Ctrl+A(PC机)或Command+A(Mac)选中整个图层。

然后在图层菜单中,选择"将图层与选区对齐"-"垂直居中";然后再选中图层,点击图层-将图层与选区对齐-水平居中。这样新图层就在原图层的正中间了。

如何制作网页横幅 6种方法来制作网页横幅 第4张

4、添加标识。打开标识文件,复制,然后直接粘贴到正在编辑的横幅文件中,标识就会以新图层的形式出现。必要的话,调整一下图层大小。按住Ctrl+T(PC机)或Command+T(Mac),然后拖动手柄调整图层大小,按住shift可按比例调整大小。

如何制作网页横幅 6种方法来制作网页横幅 第5张

5、添加公司或网站名称。选择文本工具,选择你喜欢的字体,然后输入文字。如果大小需要调整,就参考上一步中的方法。

如何制作网页横幅 6种方法来制作网页横幅 第6张

6、添加其他元素。有的横幅有了标识及名称就足够了,但有的却需要添加一些广告语或装饰物来提高其吸引力。添加这些元素的时候,要新建一个图层,这样一旦需要修改,就不必动原来的图层了。

如何制作网页横幅 6种方法来制作网页横幅 第7张

7、调整位置。调整标识、名称及其他元素的位置,然后保存。

方法2:用画图制作

如何制作网页横幅 6种方法来制作网页横幅 第8张

1、新建。

如何制作网页横幅 6种方法来制作网页横幅 第9张

2、拉出横幅大小的选区,尺寸自定,也可以参照[1]的标准尺寸。

如何制作网页横幅 6种方法来制作网页横幅 第10张

3、如果你想为背景填充颜色,就选择"油漆桶"工具,然后填充你喜欢的颜色。当然所选颜色要与网页风格匹配。

如何制作网页横幅 6种方法来制作网页横幅 第11张

4、添加图片及文本。点击粘贴选项卡,然后在菜单中选择粘贴来源.找到你想要的图片,最后点击打开按钮。

如何制作网页横幅 6种方法来制作网页横幅 第12张

5、调整图片大小。单击重新调整大小选项卡,然后点选像素,然后设置图片高度,使之与横幅大小相称。将图片移动到合适的位置。

图片可以尽你高兴任意添加(当然仍然要注意其与网站风格的一致性)。

如何制作网页横幅 6种方法来制作网页横幅 第13张

6、添加你的签名。文本工具(即A字按钮)添加自己的签名或其他文字。

如何制作网页横幅 6种方法来制作网页横幅 第14张

7、裁剪横幅。选择工具在横幅周围拉一个选区,大小就是横幅最终的大小,然后点击裁剪

如何制作网页横幅 6种方法来制作网页横幅 第15张

8、完成后保存。

方法3:用Powerpoint制作

如何制作网页横幅 6种方法来制作网页横幅 第16张

1、新建空白演示文稿。将视图调整为100%。

如何制作网页横幅 6种方法来制作网页横幅 第17张

2、绘制背景。横幅大小可选择标准尺寸,也可自定。单击形状选项卡,选择长方形。

画出既定尺寸的长方形,然后填充颜色。你可以采用默认色,也可以从"形状填充"或形状效果菜单中选择,还可以在快速风格中选择一种预设的风格。

如何制作网页横幅 6种方法来制作网页横幅 第18张

3、添加图片或标识。现在,你就可以在横幅上添加照片、标识及图像了,这里将以剪贴画为例。点击"图像"按钮,选择你想要的图像类型,然后添加图片,调整图片大小,最后移动到合适的位置。

如何制作网页横幅 6种方法来制作网页横幅 第19张

4、添加文本及其他元素。添加公司名称、宣传词及其他你所需的信息。

如何制作网页横幅 6种方法来制作网页横幅 第20张

5、选中横幅。编辑菜单中,选择全选,或按快捷键Ctrl+A(PC机)或Command+A(Mac)。重要提示:确保横幅已经绘制完成,而且幻灯片上没有多余的东西。横幅上所有非文本的对象都要右键点击"另存为图片"保存起来。

如何制作网页横幅 6种方法来制作网页横幅 第21张

6、保存横幅。再打开,看看是不是你想要的效果,然后应用到网页上去吧。

方法4:用在线横幅生成器制作

如何制作网页横幅 6种方法来制作网页横幅 第22张

1、请先登录以下网站:BannersABC.com、Addesigner.com及mybannermaker.com等等(谷歌上可以搜到更多)。网上有各种各样的横幅生成器,花点时间比较不同生成器的效果,选择你最中意的使用。

如何制作网页横幅 6种方法来制作网页横幅 第23张

2、添加文本及图片。根据网页上的提示及方法一步步制作横幅,这些网站上一般都会有现成的图片供你选择,当然你也可以导入你自己制作的图片。

如何制作网页横幅 6种方法来制作网页横幅 第24张

3、生成横幅。横幅制作完成后,网站上一般都会有导出的功能,让你将横幅保存到指定的文件夹或目录下,同时还能选择保存的图片格式(一般存为jpeg)。根据网站上的指示进行保存、下载,然后应用到自己的网页上。

方法5:制作一个与横幅匹配的头像

如何制作网页横幅 6种方法来制作网页横幅 第25张

1、这一步不是必要的。但是,如果你是在论坛上应用横幅,那么最好要有一个与之匹配的头像。

如何制作网页横幅 6种方法来制作网页横幅 第26张

2、选择"裁剪"工具。大多数图像处理软件上都有裁剪的功能。将横幅裁剪成一张小图。另外,你也可以重新设计一张尺寸较小,但是包含横幅中某些对象的图片。可以只有一个标识、一张图片或是一个公司名称。关键是要让人一眼就认出其所代表的组织。

如何制作网页横幅 6种方法来制作网页横幅 第27张

3、头像要小。头像的标准尺寸是48像素*48像素。

如何制作网页横幅 6种方法来制作网页横幅 第28张

4、保存头像。

方法6:将横幅添加到论坛签名档或网页等处

如何制作网页横幅 6种方法来制作网页横幅 第29张

1、注册账号。在一些分享图片的网站上注册一个账号,如Photobucket、Flickr、Tumblr等等。注册完成后,上传横幅、头像等相关图片。

如何制作网页横幅 6种方法来制作网页横幅 第30张

2、获取代码。运用网站上的分享功能获取HTML代码,将横幅添加到你的论坛签名档、网页等上面。

小提示

计算机上要多安装些字体。

熟能生巧。

多逛逛论坛、网站等等,看看人家的横幅是怎么做的。

警告

做横幅需要大量的时间及耐心。

最好将横幅存为24位位图,然后再分别以Jpeg及Gif格式保存一份,因为Jpeg及Gif格式的图片可以添加随机模糊的效果。

将图片上传至Photobucket时要注意,用Powerpoint制作的EMF格式文件是无法识别的。你可以重新打开文件,另存为JPEG或GIF格式,这样就能成功上传了。

标签: 横幅 网页
  • 文章版权属于文章作者所有,转载请注明 https://dongkepu.com/itkeji/j74k73.html