ps教程电子版.pptVIP

Photoshop CS5 影像一点通 第13章 简说像素画制作和Web图像制作 * ? 教学目标 平面设计之所以称为二维设计是因为它是以长和宽二维空间为载体的设计活动，涵盖的范围很广泛、包括海报、样本装帧、书籍设计、VI、画册等等只要是在二维空间内进行的设计都属于平面设计的范畴。所谓的三维空间是指我们所处的空间，可以理解为有前后--上下--左右。三维空间(也称为三次元、3D)，日常生活中可指由长、宽、高三个维度所构成的空间。 教学重点和难点 ? 像素画概念 网页的页面构成要素 ? 网页的界面形式 13.1 像素画概念 像素画是一门独特的电脑绘画艺术，由不同颜色的点组合与排列而成，这些点称为像素，像素画也属于位图图像，但是一种图标风格的图像，由于造型比较卡通，而深受很多朋友的喜爱。 像素画强调清晰的轮廓，明快的色彩，可以使用Photoshop、Fireworks或Windows自带的画图工具绘制，像素画作品如图所示。 效果图 13.1.1 上机实战：可爱像素画 本节通过实例来详细讲解像素画的制作方法，最终效果如图所示。 效果图 13.2 网页的页面构成要素 把网页平铺开，主要的构成要素有导航栏、网站Logo、广告条、按钮、文字、图片等。下面就针对最主要的几个部分具体讲解。 13.2.1 导航栏 导航栏如果设计得恰到好处会给网页本身增色很多，但设计千万不要太花哨。导航栏有一排，两排，多排、图片导航和框架快捷导航等各种情况的设计。有时是横排，有时是竖排。另外还有一些动态的导航栏，如很精彩的Flash导航。导航栏设计要点归纳如下。 导航栏目不多的情况下，通常是一排，横竖都可以，其实栏目超过6个就可以考虑用两排。通常在内容不多的情况下，可能无所谓栏目，站点就包括了导航的具体内容。双排导航未必要挨在一起，可以发挥想象，自由排列。 导航栏目很多的情况下，也可以多排，甚至不规则地多排（一排个数不同，或长度不同）。商业设计或门户网站通常都会有多个频道，设计时就需要考虑横向双排，使用竖排会占用太大空间。 图片式导航，比较美观，但占用空间比较大。 目前网站中使用较多的是Flash制作的网站导航，其体积小，视觉效果强烈。 内容很丰富的站点，可以考虑使用快捷导航，即框架快捷导航，是因为不管你进入、哪个网页都可以快速跳转到另外的栏目，不会失去方向。如图13-29所示为网站中的导航栏效果。 13.2.2 网站Logo 网站Logo的位置主要在网页的左上角，根据网站页面的设计，它不是一成不变的，所谓个性的设计，无论商业或个人，都需要大胆去尝试。 网站Logo虽然有动态的，但是绝对不适宜过分的动感，而且并不是所有的网站Logo都适合使用动态的Logo效果。 13.2.3 广告条 网站广告条有动态和静态两种，在浏览网页过程中，虽然闪烁的图案会产生瞬间的记忆刺激，引起注意，但这种记忆往往为压迫性的，时间长了容易产生负面效应，从而模糊记忆；而稳定的画面不易引发特殊的关注，但是如果有良好的界面引导和内容，可以产生良性的记忆，持久而牢固。 网站广告条的【重量】要轻，也就是其文件的容量要尽可能的小，最好不要超过20KB左右，如果小尺寸的网站广告条，最好不要超过10KB。 网站广告条在设计中还需要注意以下几点： 广告条的文字不能太多，用一两句话来表达即可。 广告语要朗朗上口，容易记忆。 图形无须太复杂，文字尽量使用黑体等粗壮的字体，否则在视觉上很容易被网页其他内容淹没。 图形尽量选择颜色少，能够表达主题的事物。 如果选择颜色很复杂的物体，要考虑一下在低颜色数情况下，是否会出现明显的色斑。 尽量不要使用彩虹色，羽化边等复杂的特技图形效果。这样做会大大增加图像所需要的颜色数，增大体积。 13.2.4 按钮 网页中按钮的设计在设计过程中需要注意以下几点： 设计按钮要同页面的整体协调，不能太抢眼。 有的页面很单调，还要依靠花哨的按钮来点缀一下。 插图与字体的搭配，要考虑字迹清楚，色彩简单，不要超过4种。 很长的按钮可能就是框架的分界，尽量要纤细一些，否则页面会显得臃肿。 13.2.5 文字 网页中的文字也非常重要，在文字的编排和设计时须注意以下几点： 每一行文字的长度最好在20~30个中文字（40~60个英文字母）之间。 设计时注意段落间空行及首行缩排方式以辅助阅读。 同一版面中的字体最好控制在3种以内。 文字的颜色最好也控制在3种以内。 文字的颜色使用上需要能够与背景区别。 内文的排列向左对齐并与左边