如何制作网页横幅

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

用Photoshop制作

  • 01

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

  • 02

    填充背景图层。选择一种与网页风格搭配的颜色填充背景图层。 点击前景色,弹出颜色选择器,然后填充。 选择“油漆桶”,用所选颜色填充背景图层。

  • 03

    新建图层。这一图层要用更饱满的颜色来填充,以突出文本及标识。这一图层大小要与原图层成比例,并且居中。 在新图层中建立一个比原图层稍微小一点的选区,然后用你所选的颜色填充。 居中选区。按Ctrl+A(PC机)或Command+A(Mac)选中整个图层。 然后在图层菜单中,选择“将图层与选区对齐”-“垂直居中”;然后再选中图层,点击图层-将图层与选区对齐-水平居中。这样新图层就在原图层的正中间了。

  • 04

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

  • 05

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

  • 06

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

  • 07

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

用画图制作

  • 01

    新建。

  • 02

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

  • 03

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

  • 04

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

  • 05

    调整图片大小。单击重新调整大小选项卡,然后点选像素,然后设置图片高度,使之与横幅大小相称。 将图片移动到合适的位置。 图片可以尽你高兴任意添加(当然仍然要注意其与网站风格的一致性)。

  • 06

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

  • 07

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

  • 08

    完成后保存。

用Powerpoint制作

  • 01

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

  • 02

    绘制背景。横幅大小可选择标准尺寸,也可自定。 单击形状选项卡,选择长方形。 画出既定尺寸的长方形,然后填充颜色。你可以采用默认色,也可以从“形状填充”或形状效果菜单中选择,还可以在快速风格中选择一种预设的风格。

  • 03

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

  • 04

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

  • 05

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

  • 06

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

用在线横幅生成器制作

  • 01

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

  • 02

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

  • 03

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

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

  • 01

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

  • 02

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

  • 03

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

  • 04

    保存头像。

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

  • 01

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

  • 02

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

(0)

相关推荐

  • 使用Pages(页面)面板制作网页

    下面通过一个具体的实例来说明Pages(页面)面板的实际作用,具体操作步骤如下. 1.新建一个Fireworks文件. 2.在弹出的[新建文档]对话框中设置画布的宽度为932像素.高度为538像素,背 ...

  • office 2010哪个组件可以制作网页?

    office 2010哪个组件可以制作网页?提到office 2010的组件,很多网友第一时间想到的就是:word.excell以及PPT这三款常用的办公软件,其实,office 2010的组件还不仅 ...

  • 如何使用ps和DW制作网页?使用ps和DW制作网页的方法

    想知道如何快速简单的建立一个网页,小编今天为大家带来的是如何使用ps和DW轻松制作网页,或许当我们看到一些导航网站时候,可能觉得制作一个网页一定不简单,那怎么让制作网页变得简单起来呢?一起来看看吧! ...

  • 如何在Axure中制作“网页中的点击关闭按钮后就能隐藏广告”的效果?

    相信很多小伙伴都有在使用Axure,在其中如何才能制作"网页中的点击关闭按钮后就能隐藏广告"的效果呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开Axure,在其 ...

  • 用word制作网页教程(word文档怎么做页面)

    信息化急速发展的现代社会也是网页流量迅速发展的时代,那么你们知道如何制作网页吗?其实用Word文档就可以制作,下面一起来看看如何用Word文档制作网页吧!我们在视图中把Word文档改为Web版式,具体 ...

  • 建造网站新手教程。制作网页

    简单的建造个人简陋网站. 制作网页 操作方法 01 首先我们需要一个域名和空间,需要的可以到free点3v点do这里 申请一个免费的100m空间和域名 02 注册一个账号,带*号的选项是必须要填的.按 ...

  • 如何用Dreamweaver制作网页表格

    DreamWeaver是个原本由Macromedia公司所开发的著名网站开发工具.它使用所见即所得的接口,亦有HTML编辑的功能.它现在有Mac和Windows系统的版本.随Macromedia被Ad ...

  • 怎么用html5制作网页,怎么让IE8兼容html5

    现在用html5做网页的已经很多了,但是毕竟还有很多人在用IE8,而IE8是不支持html5的,那么怎么用html5制作网页,怎么让IE8兼容html5呢?小编这里写了一个html5网页模版,一起来看 ...

  • 如何制作网页

    网页三剑客,顾名思义,是一套强大的网页编辑工具,最初是由Macromedia公司开发出来的.  Dreamweaver与Flash.Firework 并称为 Macromedia的网页制作三剑客,由于 ...