怎么制作网页横幅

网页横幅是我们都比较熟知的，它一般出现在网页的顶端，上面有公司的名称及标识，也可能就是以形式出现，商业网站的横幅往往兼有标明公司名称及做的作用。网页横幅必须包含必要的信息，设计新颖、有魅力，这样就能吸引访问网站的用户了。好了，接下来就来教你如何制作网页横幅吧。

方法 1 的 6:

用Photoshop制作

{"smallUrl":"https:\/\/www.zenmeban.com\/images_en\/thumb\/9\/94\/Make-a-Banner-Step-1-Version-4.jpg\/v4-460px-Make-a-Banner-Step-1-Version-4.jpg","bigUrl":"https:\/\/www.zenmeban.com\/images\/thumb\/9\/94\/Make-a-Banner-Step-1-Version-4.jpg\/v4-728px-Make-a-Banner-Step-1-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 1 新建。设置横幅尺寸，一般网页横幅都有标准的尺寸。^{[1]
X
研究来源} 本指南将以468像素*60像素的“全幅横幅”为例：
- 注意：以上尺寸虽是标准尺寸，但也不一定非要按照这个尺寸做，你也可以按照自己的需求来改变尺寸。
{"smallUrl":"https:\/\/www.zenmeban.com\/images_en\/thumb\/c\/c9\/Make-a-Banner-Step-2-Version-4.jpg\/v4-460px-Make-a-Banner-Step-2-Version-4.jpg","bigUrl":"https:\/\/www.zenmeban.com\/images\/thumb\/c\/c9\/Make-a-Banner-Step-2-Version-4.jpg\/v4-728px-Make-a-Banner-Step-2-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 2 填充背景图层。选择一种与网页风格搭配的颜色填充背景图层。
- 点击前景色，弹出颜色选择器，然后填充。
- 选择“油漆桶”，用所选颜色填充背景图层。
{"smallUrl":"https:\/\/www.zenmeban.com\/images_en\/thumb\/2\/2b\/Make-a-Banner-Step-3-Version-4.jpg\/v4-460px-Make-a-Banner-Step-3-Version-4.jpg","bigUrl":"https:\/\/www.zenmeban.com\/images\/thumb\/2\/2b\/Make-a-Banner-Step-3-Version-4.jpg\/v4-728px-Make-a-Banner-Step-3-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 3 新建图层。这一图层要用更饱满的颜色来填充，以突出文本及标识。这一图层大小要与原图层成比例，并且居中。
- 在新图层中建立一个比原图层稍微小一点的选区，然后用你所选的颜色填充。
- 居中选区。按Ctrl+A（PC机）或Command+A（Mac）选中整个图层。
- 然后在图层菜单中，选择“将图层与选区对齐”-“垂直居中”；然后再选中图层，点击图层-将图层与选区对齐-水平居中。这样新图层就在原图层的正中间了。
4 添加标识。打开标识文件，复制，然后直接粘贴到正在编辑的横幅文件中，标识就会以新图层的形式出现。必要的话，调整一下图层大小。按住Ctrl+T（PC机）或Command+T（Mac），然后拖动手柄调整图层大小，按住shift可按比例调整大小。
5 添加公司或网站名称。选择文本工具，选择你喜欢的字体，然后输入文字。如果大小需要调整，就参考上一步中的方法。
6 添加其他元素。有的横幅有了标识及名称就足够了，但有的却需要添加一些语或装饰物来提高其吸引力。添加这些元素的时候，要新建一个图层，这样一旦需要修改，就不必动原来的图层了。
7 调整位置。调整标识、名称及其他元素的位置，然后保存。

方法 2 的 6:

用画图制作

1 新建。
2 拉出横幅大小的选区，尺寸自定，也可以参照[1]的标准尺寸。
3 如果你想为背景填充颜色，就选择“油漆桶”工具，然后填充你喜欢的颜色。当然所选颜色要与网页风格匹配。
{"smallUrl":"https:\/\/www.zenmeban.com\/images_en\/thumb\/1\/11\/Make-a-Banner-Step-11-Version-3.jpg\/v4-460px-Make-a-Banner-Step-11-Version-3.jpg","bigUrl":"https:\/\/www.zenmeban.com\/images\/thumb\/1\/11\/Make-a-Banner-Step-11-Version-3.jpg\/v4-728px-Make-a-Banner-Step-11-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 4 添加图片及文本。点击粘贴选项卡，然后在菜单中选择粘贴来源.
- 找到你想要的图片，最后点击打开按钮。
{"smallUrl":"https:\/\/www.zenmeban.com\/images_en\/thumb\/7\/7e\/Make-a-Banner-Step-12-Version-3.jpg\/v4-460px-Make-a-Banner-Step-12-Version-3.jpg","bigUrl":"https:\/\/www.zenmeban.com\/images\/thumb\/7\/7e\/Make-a-Banner-Step-12-Version-3.jpg\/v4-728px-Make-a-Banner-Step-12-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 5 调整图片大小。单击重新调整大小选项卡，然后点选像素，然后设置图片高度，使之与横幅大小相称。
- 将图片移动到合适的位置。
- 图片可以尽你高兴任意添加（当然仍然要注意其与网站风格的一致性）。
6 添加你的签名。用文本工具（即A字按钮）添加自己的签名或其他文字。
7 裁剪横幅。用选择工具在横幅周围拉一个选区，大小就是横幅最终的大小，然后点击裁剪。
8 完成后保存。

方法 3 的 6:

用Powerpoint制作

{"smallUrl":"https:\/\/www.zenmeban.com\/images_en\/thumb\/a\/ad\/Make-a-Banner-Step-16-Version-4.jpg\/v4-460px-Make-a-Banner-Step-16-Version-4.jpg","bigUrl":"https:\/\/www.zenmeban.com\/images\/thumb\/a\/ad\/Make-a-Banner-Step-16-Version-4.jpg\/v4-728px-Make-a-Banner-Step-16-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 1 新建空白演示文稿。
- 将视图调整为100%。
{"smallUrl":"https:\/\/www.zenmeban.com\/images_en\/thumb\/0\/05\/Make-a-Banner-Step-17-Version-4.jpg\/v4-460px-Make-a-Banner-Step-17-Version-4.jpg","bigUrl":"https:\/\/www.zenmeban.com\/images\/thumb\/0\/05\/Make-a-Banner-Step-17-Version-4.jpg\/v4-728px-Make-a-Banner-Step-17-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 2 绘制背景。横幅大小可选择标准尺寸^{[2]
X
研究来源}，也可自定。
- 单击形状选项卡，选择长方形。
- 画出既定尺寸的长方形，然后填充颜色。你可以采用默认色，也可以从“形状填充”或形状效果菜单中选择，还可以在快速风格中选择一种预设的风格。
3 添加图片或标识。现在，你就可以在横幅上添加照片、标识及图像了，这里将以剪贴画为例。点击“图像”按钮，选择你想要的图像类型，然后添加图片，调整图片大小，最后移动到合适的位置。
4 添加文本及其他元素。添加公司名称、宣传词及其他你所需的信息。
{"smallUrl":"https:\/\/www.zenmeban.com\/images_en\/thumb\/3\/32\/Make-a-Banner-Step-20-Version-4.jpg\/v4-460px-Make-a-Banner-Step-20-Version-4.jpg","bigUrl":"https:\/\/www.zenmeban.com\/images\/thumb\/3\/32\/Make-a-Banner-Step-20-Version-4.jpg\/v4-728px-Make-a-Banner-Step-20-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 5 选中横幅。在编辑菜单中，选择全选，或按快捷键Ctrl+A（PC机）或Command+A（Mac）。重要提示：确保横幅已经绘制完成，而且幻灯片上没有多余的东西。
- 横幅上所有非文本的对象都要右键点击“另存为图片”保存起来。
6 保存横幅。再打开，看看是不是你想要的效果，然后应用到网页上去吧。

方法 4 的 6:

用在线横幅生成器制作

1 请先登录以下网站：BannersABC.com、Addesigner.com及mybannermaker.com等等（谷歌上可以搜到更多）。网上有各种各样的横幅生成器，花点时间比较不同生成器的效果，选择你最中意的使用。
2 添加文本及图片。根据网页上的提示及方法一步步制作横幅，这些网站上一般都会有现成的图片供你选择，当然你也可以导入你自己制作的图片。
3 生成横幅。横幅制作完成后，网站上一般都会有导出的功能，让你将横幅保存到指定的文件夹或目录下，同时还能选择保存的图片格式（一般存为jpeg）。根据网站上的指示进行保存、下载，然后应用到自己的网页上。

方法 5 方法 5 的 6:

制作一个与横幅匹配的头像

1 这一步不是必要的。但是，如果你是在论坛上应用横幅，那么最好要有一个与之匹配的头像。
{"smallUrl":"https:\/\/www.zenmeban.com\/images_en\/thumb\/6\/63\/Make-a-Banner-Step-26-Version-4.jpg\/v4-460px-Make-a-Banner-Step-26-Version-4.jpg","bigUrl":"https:\/\/www.zenmeban.com\/images\/thumb\/6\/63\/Make-a-Banner-Step-26-Version-4.jpg\/v4-728px-Make-a-Banner-Step-26-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 2 选择“裁剪”工具。大多数图像处理软件上都有裁剪的功能。将横幅裁剪成一张小图。
- 另外，你也可以重新设计一张尺寸较小，但是包含横幅中某些对象的图片。可以只有一个标识、一张图片或是一个公司名称。关键是要让人一眼就认出其所代表的组织。
3 头像要小。头像的标准尺寸是48像素*48像素。
4 保存头像。

方法 6 方法 6 的 6:

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

{"smallUrl":"https:\/\/www.zenmeban.com\/images_en\/thumb\/c\/c4\/Make-a-Banner-Step-29-Version-4.jpg\/v4-460px-Make-a-Banner-Step-29-Version-4.jpg","bigUrl":"https:\/\/www.zenmeban.com\/images\/thumb\/c\/c4\/Make-a-Banner-Step-29-Version-4.jpg\/v4-728px-Make-a-Banner-Step-29-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 1 注册账号。在一些分享图片的网站上注册一个账号，如Photobucket、Flickr、Tumblr等等。
- 注册完成后，上传横幅、头像等相关图片。
2 获取代码。运用网站上的分享功能获取HTML代码，将横幅添加到你的论坛签名档、网页等上面。

小提示

计算机上要多安装些字体。
熟能生巧。
多逛逛论坛、网站等等，看看人家的横幅是怎么做的。

警告

做横幅需要大量的时间及耐心。
最好将横幅存为24位位图，然后再分别以Jpeg及Gif格式保存一份，因为Jpeg及Gif格式的图片可以添加随机模糊的效果。
将图片上传至Photobucket时要注意，用Powerpoint制作的EMF格式文件是无法识别的。你可以重新打开文件，另存为JPEG或GIF格式，这样就能成功上传了。

<<: 怎么激活Windows 7

>>: 怎么将音乐同步到iPhone