第5章制作网站Logo.ppt
第5章 制作网站Logo,网站Logo是指在网页醒目的位置,能够代表站点的文字或者图标。网站Logo在网站中的地位很重要。通常会在站点的所有页面中都要使用网站Logo用来指示浏览者所在的页面的归属,同时也能给浏览者以深刻的印象,网站Logo通常采用如下几种形式。,第5章 制作网站Logo,1文字Logo 以文字为主的Logo其优点在于通俗易懂,简洁直观。但是使用得不好可能产生单调、乏味的感觉。下面是一个使用文字Logo的示例,其显示效果如图所示。,第5章 制作网站Logo,2图案Logo 以图案为主的Logo其优点在于生动形象。但是使用得不好可能产生理解上的困难。下面是一个使用图案Logo的示例,其显示效果如图所示。,第5章 制作网站Logo,3图文结合Logo 使用图文结合的Logo其优点在于既生动形象,同时又能够表达出明确的含义。其缺点是使用不当可能会使Logo变得复杂。下面是一个使用图文结合Logo的示例,其显示效果如图所示。,5.1 制作倒影文字Logo,制作倒影文字要使用到“文本”工具、图层样式、渐变填充等。本实例中制作的倒影文本为灰色背景上显示绿色渐变文字的效果,具体显示效果和相关内容如下所示。,5.1.1 新建文档并制作背景,文件背景的制作比较简单,首先要在“渐变编辑器”对话框中设置填充的颜色,然后在画布的适当区域上填充渐变颜色,具体操作如下所示。,5.1.2 制作文字内容,文字内容的制作要使用到“文字”工具、图层样式等,具体操作如下所示。,5.1.3 制作倒影文字,制作倒影文字,首先要复制文本图层,然后再添加相应的图层样式,具体操作如下所示。,5.2 制作图案Logo,制作图案Logo要使用到“路径”工具、图层样式、渐变填充、图层蒙版等,本实例的图案为发光圆形中显示飞动风帆的效果,具体显示效果和相关内容如下所示。具体制作方法如下所示。,5.2.1 新建文档并制作背景,文件背景的制作比较简单,首先选择适当的颜色,然后使用选定的颜色填充。具体操作如下所示。,5.2.2 制作圆形图案,制作圆形图案,首先要使用图案工具制作相应的图案,然后在相应的图层中添加图层样式,具体操作如下所示。,5.2.3 制作横向分隔线条,制作横向分隔线条,要使用到“单行选框”工具和“选区”工具等,具体操作如下所示。,5.2.4 制作圆中的图案,制作圆中的图案,要使用到“钢笔”工具和“填充”工具等,具体操作如下所示。,5.2.5 制作底部图案,制作圆中的图案,要使用到“钢笔”工具和“渐变填充”工具等,具体操作如下所示。,5.3 专家总结,页面的Logo部分,是整个站点中最突出的部分,所以在制作的时候,最好制作得醒目、简洁,给人以深刻的印象。在制作Logo部分的时候,通常会使用文本或者图形。由于在浏览器中还不支持高质量的透明背景图片,所以一定要注意Logo部分背景的制作,同时要注意Logo部分与相邻的Banner区域的搭配。,