创建站点常用元素重点内容 制作网站Logo 制作网站课件.ppt

《创建站点常用元素重点内容 制作网站Logo 制作网站课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第14章创建站点常用元素重点内容：制作网站Logo制作网站Banner制作网页按钮一、制作网站Logo1、网站Logo的设计思路与表现形式在网络Logo设计中极为强调统一的原则。构成Logo要素的各部分，一般都具有共性及差异性。这个差异性又称为独特性，或叫做变化，而统一是将多样性提炼为一个主要表现体，称为多样统一的原理。网络Logo设计更应注重是一种对事物张力的把握，在浓缩了文化、背景、对象、理念及各种设计原理的基调上，实现对象最冲动的视觉体现。一、制作网站Logo2、网络Logo的设计与制作规范网络Logo的设计中，大量的采用合成文字的设计方式，如YAHOO，

2、AMAZON等的文字Logo和国内几乎所有ISP，通过低成本大量反复浏览，即可产生需要图形保持提升的那部分印象记忆。所以网络Logo对于合成文字的追求已渐成网络Logo的一种事实规范。设计Logo时，面向应用的各种条件做出相应规范，对指导网站的整体建设有着极现实的意义。须规范Logo的标准色、设计可能被应用的恰当的背景配色体系、反白、在清晰表现Logo的前提下制订Logo最小的显示尺寸。一、制作网站Logo3、具体Logo制作下面具体介绍下图所示Logo的制作方法。首先运行Fireworks8，在工具箱中选择“文本”工具，在舞台中输入文字BZYUM，并设置其属性

3、。如右上图所示。再按Ctrl+Shift+D组合键，将该文本复制4次。分别设置4个路径的笔触描边为：白色2px，黑色5px，白色7px，黑色12px。一、制作网站Logo3、具体Logo制作接下来为最底层的路径加一个投影效果，距离7px，柔化为0，“属性”面板中的其他参数值如左下图所示。然后选中最上层的路径，按Ctrl+J组合键将其合并，并设置其填充方式为线性填充，填充的具体颜色配置如右下图所示。一、制作网站Logo3、具体Logo制作接着选中最上层的路径再复制一次，并设置笔触为空，设置内阴影效果，指定“距离”为3px，“柔化”为2px，“不透明度”为75％，这

4、时就可以得到左下图所示的效果。最后复制最上层的路径，新建一层，粘贴并复制的内容后，并将其填充为白色。在层2中绘制一条黑色水平直线，将其转换为元件并复制多个，使其均匀分布在文字上。入右下图所示。组合后即可得到前面所示效果。二、制作网站Banner1、Banner的尺寸与设计思路由于网络本身的特点，Banner的设计与创作有一些特别之处值得注意。一个经过精心设计的Banner和一个创意平淡的Banner在单击率上将会相差很大。Banner的大小是有规定的，右图列出了目前常用的几种Banner的尺寸。二、制作网站Banner2、具体Banner的制作首先新建一个宽46

5、8，高60的画布，并用工具箱中的“矩形”工具，创建一个与画布一样大小的矩形。在“属性”面板中，把刚刚拉出的矩形的填充类型改为“波纹”，并按左下所示的样式进行设置。当对矩形完成填充后，就会出现右下图所示的填充控制手柄，调节成如图所示效果。二、制作网站Banner2、具体Banner的制作接下来通过“文字”工具，添加能够表达网站内容的文字，或是放置一些简单的素材来修饰Banner，效果如左下图所示。然后在“层”面板中，选中第1帧并单击右侧的选项按钮，从弹出的下拉菜单中选择“重制帧”命令，如右下图所示。这时会在当前帧之后创建第2帧。二、制作网站Banner2、具体Ba

6、nner的制作最后在“层”面板中选中第2帧，并拖动矩形框中填充样式上的2个控制手柄，使其向上和向右拉长一些，如下图所示。选中“层”面板中的第2帧，并单击右侧的选项按钮，从弹出的下拉菜单中选择“重制帧”命令，在2帧之后创建第3帧。按照相同的方法进行拖动，最终完成制作。三、制作网页按钮1、制作普通网页按钮接下来介绍制作按钮的操作过程。首先在文档中按住Shift键拖动鼠标绘制一个圆，在“属性”面板中将填充颜色设置为#009999，将填充颜色设置为白色，再次在文档中绘制一个圆，覆盖在原有的圆上，大小约是原来的2/3，将位置调整到上半部分，如下图所示。三、制作网页按钮1、

7、制作普通网页按钮然后使用“指针”工具选中小圆，在“属性”面板的“填充类别”下拉列表框，选择“渐变”

8、“线性”命令。拖动渐变效果的起点（圆形黑点）到小圆的顶端，拖动渐变效果的终点（方形黑点）到小圆的底部，如下图所示。三、制作网页按钮1、制作普通网页按钮接下来单击“属性”面板中的“颜色”色块，打开调色板，单击起点颜色的色标，打开颜色拾取器，选择“白色”作为渐变起始的颜色，如下图所示。同样，将终点的颜色也设置为白色。单击调色板右上方的“不透明度”色标，在弹出的窗口中，拖动滑块至最左侧，将“不透明度”参数设置为0。在“属性”面板中的“不透明度”文本框中输入70。三、制作

9、网页按钮1、制作普通网页