Web图像设计教程：LOGO与Banner制作.pdfVIP

目录

❖初识Web图像

❖LOGO的制作

❖Banner条的制作

❖导航栏和导航按钮

一、初识Web图像

二、LOGO的制作

❖一）什么是LOGO

“logo:n.标识语”。

❖在电脑领域而言，LOGO是

标志、徽标的意思。是互联

网上各个用来与其它网

站的图形标志。

二）LOGO的作用

❖1.LOGO是与其它以及让其它的标

志和门户。

❖2.LOGO是形象的重要体现。就一个来说，

LOGO即是的名片。

❖

3.LOGO能使观众便于选择。一个好的LOGO往往会

反映及制作者的某些信息，特别是对一个商业网

站来话，我们可以从中基本了解到这个的类型，

或者内容。

❖一个好的LOGO应具备的条件：

1.符合国际

2.精美、独特

3.与的整体风格相融

4.能够体现的类型、内容和风格

❖提示：

❖1）新建文件，267*143像素，分辨率200像素\英寸，RGB

颜色模式

❖2）在路径控制面板，创建新路径，绘制

❖3）将其转换为选区，新建一个图层1，将前景色设为

（CMYK:10,35,0,0）,为选区填充淡紫到白色的渐变

❖4）同上，将图层1，将前景色设（CMYK:10,0,50,0）,

为选区填充到白色的渐变

❖5）为图层1和图层1副本执行“编辑”➔“描边

颜色为灰色（CMYK:0，0，0，30）取消选择

❖6）调整两个小蝴蝶的大小和位置

❖7）添加文字：“美丽”，文字参数如图示

颜色为紫色（CMYK:80,100,20,0）

❖8)再输入“BEAUTY”,字体设置如图示：

颜色为（CMYK:37,41,8,0）

❖9)新建一个路径，绘制飘带，

将路径转换为选区，新建一个图层，

命名为“飘带”，填充颜色为紫红色

（CMYK:15,100,20,10）

到白色的渐变。

❖10)将飘带图层置于背景图层之上

三、Banner条的制作

❖Bannern.【网络】网幅,旗帜,横幅

❖网络的主要形式,一般使用GIF格式的图像

文件,可以使用静态图形,也可用多帧图像拼接

为动画图像

❖表现商家内容的，放置在商的页

面上，是互联网中最基本的形式，尺

寸是480*60像素，或233*30像素

❖提示：

❖1）新建文件：大小425*59像素，分辨率72

❖2）将做好的”LOGO”条拖入新文件中，调整大小和位置

至左侧

❖3）打开素材“59-b.jpg”,将其拖入到新建文件中，调整大

小和位置至右侧

❖4）新建图层3，在LOGO条下绘制一个矩形，将其填充为

淡红色（CMYK:0,20,0,0）

❖5）新建图层4，在LOGO左侧绘制一个矩形条，填充粉红

（CMYK:0,60,0,0)

❖6）在图层4，绘制几个宽度不一的矩形，为它们填充不同

的颜色。

❖7）用自定义形状中的叶子，来点缀

❖8）将制作好的Banner条合并成一个图层

四、导航栏和导航按钮

❖导航栏和导航按钮的功能主要是展示网页的内容

以及对相应内容进行。

❖提示：

❖1）新建文件，大小为425*319像素，分辨率72

❖2）将制作好的Banner条拖入新文件中

❖3）新建一个图层，在Banner条下方绘制一个矩形选

区，用渐变工具填充紫红色（CMYK:40,90,15,5）到

白色的渐变

❖4）执行“滤镜➔纹理➔颗粒”，给这个图层设置图

层样式：斜面与浮雕，参数如下图示：

❖5）新建图层，

绘制白色纵向