动漫设计与图像处理 Photoshop CS4与Flash CS4案例教程 作者 于斌 第12章.pptVIP

学习内容 学习目标 提高色与光的关联应用能力 了解色彩的三属性之间的互补关系 掌握色彩混合方式的操作与效果 合理的使用配色法 学习对称设计与不对称设计的基本方法 12.1 色与光的关联 橙色的橘子、碧绿的湖水、蔚蓝的天空……生活中我们能看到的所有色彩均来源于光的反射，而光线的颜色则取决于其波长的范围。早在1666年，万有引力的发现者牛顿就做过这样一个实验：将三棱镜放置阳光下使折射的光线投射到白色屏幕上，此时会出现一条光谱，依次为红、橙、黄、绿、青、蓝、紫。如图12-1所示，这就是自然光的分解过程，被分解过的这些色光是不可能继续被分解成其他色光的。 12.2 色彩的三属性 2. 饱和度 3. 明度 12.3 色彩混合方式  2. 加色混合  12.4 色彩象征 1. 具体事物的象征 紫色象征薰衣草、葡萄、茄子等，黑色象征煤炭、乌鸦等，如图12-14所示。 白色象征白鸽、云朵、雪等，灰色象征乌云、树皮等，如图12-15所示。 2. 抽象情感的象征 12.5 色彩调和 1. 冷暖色调 （１）暖色系 （２）冷色系 暖色调具有亲近感、前进感和扩张感，而冷色调具有疏远感、后退感和收缩感。如图12-18所示。 【提示】： 2. 轻重色调 冷色调具有轻感，暖色调具有重感，如图12-21所示，蓝色比橙色要感觉轻。 3. 黑白灰色调 12.6 配色法 （２）类似色配色 （３）对比色配色 2. 根据饱和度配色 （２）低饱和度配色 12.7 对称设计与不对称设计 （２）纯图片版面 （３）文字与图片混合版面 2. 不对称设计 （２）纯图片版面 （３）文字与图片混合版面 12.8 图片的使用 （１）图片的裁剪 （２）图片的修改 2. 自制图片 12.9 文字的使用 2. 字体的大小 3. 字距 4. 行距 5. 样式 12.10 页面的调整 （２）文字主次调整 2. 内容分类 3. 统一形式 本章小结 通过对原图进行裁剪，我们可以获得许多不同的效果。如图12-35所示。通过剪裁，我们改变了画面的大小，并且去除了画面下方的文字以及右边的人物，使其成为一个新的画面。 图12-35 图片的裁剪 在使用图片时，我们可以利用Photoshop等软件对图片进行修改，如图12-35所示，可以调整画面的色彩，根据场景添加光晕等效果，使图片达到我们所需要的效果 图12-35 图片的修改 当没有合适的图片可以使用时，可以通过软件自制所需的图片，如图12-36所示，例如一些图表，或者一些图像等。 图12-36 自制图片 1. 字体的清晰性 版面中字体的清晰度直接影响着人们的观看兴趣与观看效率，标题可选用的字体范围较广，而正文内容或某些注释内容等小字则必须采用较为简洁的字体，便于人们的辨识。如图12-37所示。 图12-37 字体的清晰性 通常来说，标题、副标题等部分的字体较大，而正文及注释部分的字体较小，并且应当按照内容级别的高低进行字体大小的安排，同一层次内容的字体应当采用相同的大小，以避免造成阅读的混乱。如图12-38所示。 图12-38 字体的大小 字体与字体之间的间距对于阅读也有着很大的影像，太过紧密的字距会增加阅读的难度，使人产生视觉疲劳，而太过松散的字距则会分散人们的注意力。 当然在实际操作时有时也需要使用疏密不同的字距来达到所要的效果，但都应保证文字的可阅读性。如图12-39所示。 图12-39 字距 文字行与行之间的距离与字距一样，需要合适的距离才能保证文字的舒适的视觉效果。如图12-40所示。 图12-40 行距 根据内容的不同，可以选择不同样式的字体来更好地传达相关的内容，如图12-41所示。 图12-41 样式 图12-56：制作左眼和右眼 1. 主次调整 （１）图片主次调整 当版面中有多幅图片出现时，可以采用不同的大小来区分图片主次，如图12-42所示。 图12-42 通过大小区分图片主次 当版面中有多段文字出现时，可以采用不同大小、不同颜色的文字来区分主次关系，如图12-43所示。