第14章 创建站点常用元素重点内容： 制作网站Logo 制作网站.pptVIP

第14章 创建站点常用元素 重点内容： 制作网站Logo 制作网站Banner 制作网页按钮 一、 制作网站Logo 1、网站Logo的设计思路与表现形式 在网络Logo设计中极为强调统一的原则。构成Logo要素的各部分，一般都具有共性及差异性。这个差异性又称为独特性，或叫做变化，而统一是将多样性提炼为一个主要表现体，称为多样统一的原理。 网络Logo设计更应注重是一种对事物张力的把握，在浓缩了文化、背景、对象、理念及各种设计原理的基调上，实现对象最冲动的视觉体现。 一、 制作网站Logo 2、网络Logo的设计与制作规范 网络Logo的设计中，大量的采用合成文字的设计方式，如YAHOO，AMAZON等的文字Logo和国内几乎所有ISP ，通过低成本大量反复浏览，即可产生需要图形保持提升的那部分印象记忆。所以网络Logo对于合成文字的追求已渐成网络Logo的一种事实规范。 设计Logo时，面向应用的各种条件做出相应规范，对指导网站的整体建设有着极现实的意义。须规范Logo的标准色、设计可能被应用的恰当的背景配色体系、反白、在清晰表现Logo的前提下制订Logo最小的显示尺寸。 一、 制作网站Logo 3、具体Logo制作 下面具体介绍下图所示Logo的制作方法。 首先运行Fireworks 8，在工具箱中选择“文本”工具，在舞台中输入文字BZYUM，并设置其属性。如右上图所示。 再按Ctrl+Shift+D组合键，将该文本复制4次。分别设置4个路径的笔触描边为：白色2 px，黑色5 px，白色7 px，黑色12 px 。 一、 制作网站Logo 3、具体Logo制作 接下来为最底层的路径加一个投影效果，距离7 px，柔化为0， “属性”面板中的其他参数值 如左下图所示。 然后选中最上层的路径，按Ctrl+J组合键将其合并，并设置其填充方式为线性填充，填充的具体颜色配置如右下图所示。 一、 制作网站Logo 3、具体Logo制作 接着选中最上层的路径再复制一次，并设置笔触为空，设置内阴影效果，指定“距离”为3 px，“柔化”为2 px，“不透明度”为75％，这时就可以得到左下图所示的效果。 最后复制最上层的路径，新建一层，粘贴并复制的内容后，并将其填充为白色。在层2中绘制一条黑色水平直线，将其转换为元件并复制多个，使其均匀分布在文字上 。入右下图所示。组合后即可得到前面所示效果。 二、 制作网站Banner 1、Banner的尺寸与设计思路 由于网络本身的特点，Banner的设计与创作有一些特别之处值得注意。一个经过精心设计的Banner和一个创意平淡的Banner在单击率上将会相差很大。 Banner的大小是有规定的，右图列出了目前常用的几种Banner的尺寸。 二、 制作网站Banner 2、具体Banner的制作 首先新建一个宽468，高60的画布，并用工具箱中的“矩形”工具，创建一个与画布一样大小的矩形。在“属性”面板中，把刚刚拉出的矩形的填充类型改为“波纹”，并按左下所示的样式进行设置。 当对矩形完成填充后，就会出现右下图所示的填充控制手柄，调节成如图所示效果。 二、 制作网站Banner 2、具体Banner的制作 接下来通过“文字”工具，添加能够表达网站内容的文字，或是放置一些简单的素材来修饰Banner，效果如左下图所示。 然后在“层”面板中，选中第1帧并单击右侧的选项按钮，从弹出的下拉菜单中选择“重制帧”命令，如右下图所示。这时会在当前帧之后创建第2帧。 二、 制作网站Banner 2、具体Banner的制作 最后在“层”面板中选中第2帧，并拖动矩形框中填充样式上的2个控制手柄，使其向上和向右拉长一些，如下图所示。 选中“层”面板中的第2帧，并单击右侧的选项按钮，从弹出的下拉菜单中选择“重制帧”命令，在2帧之后创建第3帧。按照相同的方法进行拖动，最终完成制作。 三、 制作网页按钮 1、制作普通网页按钮 接下来介绍制作按钮的操作过程。首先在文档中按住Shift键拖动鼠标绘制一个圆，在“属性”面板中将填充颜色设置为#009999，将填充颜色设置为白色，再次在文档中绘制一个圆，覆盖在原有的圆上，大小约是原来的2/3，将位置调整到上半部分，如下图所示。 三、 制作网页按钮 1、制作普通网页按钮 然后使用“指针”工具选中小圆，在“属性”面板的“填充类别”下拉列表框，选择“渐变”|“线性”命令。拖动渐变效果的起点（圆形黑点）到小圆的顶端，拖动渐变效果的终点（方形黑点）到小圆的底部， 如下图所示。 三、 制作网页按钮 1、制作普通网页按钮 接下来单击“属性”面板中的“颜色”色块，打开调色板，单击起点颜色的色标，打开