广东水利电力职业技术学院计算机系网页图像动画与脚本编程图层.ppt

广东水利电力职业技术学院计算机系 网页图像动画与脚本编程 广东水利电力职业技术学院计算机系 网页图像动画与脚本编程 主讲：熊丽华 1. 项目展示与项目目标 2. 项目资讯 3. 项目计划与决策 4. 项目实施 5. 项目检查与评估 6. 强化拓展实训:企业LOGO设计 情境2：商业网站Logo设计与制作 基于工作过程的 网页设计与制作教程 第三章 网页效果图设计 项目展示与项目目标 1项目展示与项目目标 基本掌握图层的概念 掌握图层的使用方法与技巧 熟练掌握图层的样式的使用方法与技巧 掌握网页布局工具网格、标尺与参考线的使用技巧 1．项目背景 2. 项目资讯 淮信科技有限公司是一家集培训认证、软件开发、域名注册、虚拟主机、网站建设、网络营销推广与一体的IT企业。简称淮信科技，企业已经有了自己的企业商标，设计企业Logo主要是为了建立网站而使用，所以设计要简洁，反映出企业性质。 2. 项目资讯 在字典中Logo是“标识语”的意思，在IT领域，Logo是标志、徽标的意思。网站的Logo就是网站的标志，也是互联网上各个网站用来与其他网站链接的图形标志。 Logo有以下几个作用： 1）Logo是与其他网站链接以及让其他网站链接的标志和门户。 2）Logo是网站形象的重要体现。 3）Logo能使浏览者便于选择。 一个好的Logo应具备的条件： 1）精美、独特，符合设计标准。 2）与网站的整体风格相融。 3）能够体现网站的类型、内容和风格。 关键知识点一：Logo的设计综述 2. 项目资讯 网易的Logo，它使用了3种颜色：红（网易）、黑（NETEASE，www.163 .com）、白（底色）。“网易”两个字使用了篆书，体现了古典意味，也蕴含着“轻松上网，易如反掌”的含义。 关键知识点一：Logo的设计综述 新浪网的Logo，Logo的背景色以淡黄色到白色的过渡，同时配以礼花、鞭炮以及“春”字都反映了春节的气氛，该Logo最有特色的是字母i，i上的点用了表象性手法处理成一只眼睛，而这又使这个字母i像一个小火炬，这样既向往人们传达了“世界在你眼中”的概念，激发人们对网络的好奇，又使人们容易记住新浪网的域名。 2. 项目资讯 关键知识点二：图层的使用 混合模式 不透明度 图层可见性 链接图层 添加图层样式 蒙板图层 填充与调整图层 添加图层 填充与调整图层 普通图层 图层就像一层透明的玻璃纸，透过这层纸，可以看到纸后的东西，而且无论在这层纸上如何涂画都不会影响其他层的内容。 图层分类： 背景层：自动创建，始终位于面板的最下方，一个图像文件只有一个背景层。 普通层：这是一个比较普遍应用，使用率很高的图层，通过常用方法进行创建，并且可以对普通层进行色彩的编辑、图形的绘制。 文字层：文字层是在图像中输入文字后自动创建的图层。 图层组：图层组的作用是将相关的多个图层放置在一个组中，从而便于图层的管理。 2. 项目资讯 关键知识点二：图层的使用 图层的常用操作 新建图层 新建图层对话框参数说明： 名称：新建图层的名称 使用前一图层创建剪贴蒙版：勾选该项，可以使用前一图层创建剪贴蒙版，也就是说使用前一个图层中的内容来遮盖其上新建的图层。 颜色：设置新建图层的显示颜色。 模式：用于设置新建图层的混合模式 不透明度：用于设置新建图层的不透明度。 关键知识点二：图层的使用 2. 项目资讯 关键知识点二：图层的使用 图层的常用操作 新建图层组 选择图层 选择单个图层 选择连续图层：Shift 选择不连续图层：Ctrl 选择所有图层：【选择】|【所有图层】 取消单个图层的选择：Ctrl+单击 复制图层 删除图层 2. 项目资讯 图层的常用操作 创建新的填充与调整图层 创建新的填充图层的三种类型： 纯色：用于创建新的纯色填充图层 渐变：用于创建新的渐变填充图层 图案：用于创建新的图案填充图层 创建新的调整图层 链接图层 合并图层：合并图层可以大大释放内存空间，从而加快图像的处理速度。 向下合并 合并可见图层 拼合图层 2. 项目资讯 关键知识点二：图层的使用 图层混合模式的设置：指两个图层进行混合，从而得到一个新的混合效果。 正常 溶解 ……. 设置图层样式 投影：可以给图层内容添加投影效果。 内阴影：可以在图层内容边缘的内部增加投影，产生凹陷的效果。 外发光、内发光：可以在图像边缘的外侧或内侧增加发光效果。 斜面与浮雕：可以在图层内容增加不同组合方式的高亮和阴影效果，从而产生逼真的立体效果。 光泽：可以在图层内部根据图层的形状应用阴影效果，通常