《Photoshop平面设计与创意案例教程 教学课件 ppt 作者 陈昶 《Photoshop平面设计与创意案例教程》第11章 平面设计各元素分析》由会员分享，可在线阅读，更多相关《Photoshop平面设计与创意案例教程 教学课件 ppt 作者 陈昶 《Photoshop平面设计与创意案例教程》第11章 平面设计各元素分析（35页珍藏版）》请在金锄头文库上搜索。
1、Photoshop,通过本章的学习，学生能够深入理解设计各元素的多种形态，通过对设计元素的灵活应用来实现对设计语言的理解与掌握。在平面设计领域中，设计元素的整合与分解是设计师最为重要能力之一，如何在有序与无序之间实现对设计各元素的恰当处理，是一个设计从业人员能力的重要体现。本章的教学目的就是为了学生能够重视设计元素的各种形态，在不同的设计任务中，灵活处理相关元素，来达到和谐的视觉效果。,Start Here,平面设计与创意案例教程,第11章 平面设计各元素分析,教学要求：,世界各国文字的历史有长有短，形式也不尽相同，但世界文字在历经悠久的历史长河中，逐步形成两大文字体系，一种是代表华夏文化的汉
2、字体系，另一种是象征西方文明的拉丁字母文字体系。汉字和拉丁字母文字都是起源于图形符号，各自经过几千年的演化发展，最终形成了各具特色的文字体系。 如图11-1所示，汉字仍然保留了象形文字图画的感觉，字形外观规整为方形，而在笔画的变化上呈现出无穷含义。每个独立的汉字都有各自的含义，在这一点上和拉丁字母文字截然不同，因而在汉字元素更重于形意结合。,以下图为例,11.1 字符元素分析,如图11-2所示，今天拉丁字母文字是由26个简单字母组成的完整的语言体系，拉丁字母本身没有含义，必须以字母组合构成词来表述词义。其字母外形各异，富于变化，在字体整体设计上有很好的优势。,在平面设计中，不管是汉字还是拉丁字
3、母都只是作为设计元素之一，他们禀赋了各不相同的美学特征。字符作为重要的设计元素，它们可以作为可读的文本，也可以成为装饰性的符号出现，发挥着不一样的作用。 字符元素的设计中，首先要根据对象的体量和设计环境的需要来确定设计的方法。如果字符的体量大，那么字符元素的处理主要是结合版式设计来体现，这样大体量的字符元素主要是用来阅读，或者是作为装饰性背景来应用。我们来看下面的例子： 如图11-3所示，用来阅读的文字在版面空间上的分布，首先要保证它的可读性与易读性。这类似于形式与功能的命题，在实用艺术中，满足功能性的需要，是被排在第一位的。这类型的设计，在满足阅读性之后，要考虑文本在版面空间的位置与大小，体
4、现设计感。 图11-4所示的情况就大不相同，背景文字不用于阅读，只是作为装饰性元素出现，这里的文字其功能已经发生变化，文字所指示的含义已经不重要，但是它所体现的大小、疏密、错落是版面设计中首先考虑的问题。当然，在这类型的设计中，背景文字一般还是若影若现的出现，它依旧可以被识别，所以在文本的选择上尽量靠近与设计主题相关的内容，这样有助于它的传播。,尽管电脑字库的种类在不断的丰富，可供选择的字体也越来越多，认真收集字体的设计师在面对设计任务时，能够轻松的找到合适的字体为自己所用。但是，字体设计仍然是我们设计工作中重要的内容，在很多时候被应用到。如图11-5所示，常见的黑体字显然没有图11-6中的字
5、体来的有设计感。汉字字符元素的塑造感非常强，在设计中应该深入研究。,单个字符从笔画到构成都是设计师推陈出新的着眼点，然而文字的可塑性不仅仅在字符本身。离开笔画和结构，字符形成的外观形状、段落、文字方向等都是设计师进行设计创造的手段，如图11-7、图11-8、图11-9所示。,字符元素的打散与整合是平面设计的重要方法，整段的文字可以打散为句或者行的形式，整句的文字可以拆解为单个字符。在整合与拆解中需找设计美学是设计的长久追求。文字的大小、方向、疏密、肌理等都共同作用于设计作品的整体效果，如图图11-10、图11-11。我们在设计工作中，应该多尝试几种设计方式，最终选择较好的方案。 一件设计作品是
6、多种设计元素互相协调后产生的，即使只有一种元素形态，也会产生各不相同的设计方法。越是简约的版面，越需要设计用心构思，取得良好的视觉效果。,深入字符的内部，就可以更加细致的分解字符元素的设计空间。不论是拉丁字母还是中国的汉字，都可以把单字符再进行分解为笔画或者其他的小局部，这种打散后的重组在设计中有良好的视觉表现，如图11-12、图11-13、图11-14所示。一个单词可以分解为数个字母，通过对字母的再创作获得新的视觉感受，对一个汉字字符的分解则表现为对笔画的打散。这种化整为零的设计手段，在制造视觉新感受方面有贡献，常常给设计带来很好的效果。 在艺术设计中，不仅要将字符元素作为传达文本信息的符号
7、来对待，而且要把它当作图像来进行设计，因为字符对于设计来说至关重要。然而字符元素可以创造的形象千变万化，笔者无法一一列举，上述几种只是字符元素可塑形态的一些方面，更多的方法需要我们在实际工作深入发现。,11.2 图像元素分析,图像元素指的是可承载或传递印刷视觉信息的基本要素。平面设计中图像元素的重要不言而喻，图像的来源基本是通过摄影与绘画两种渠道来获得，但是直接的摄影或者绘画图像常常不能满足设计的需要，设计师对图像元素的加工对设计任务的最后效果有重要作用。 在信息量不断剧增的今天，图像素材库的全面与庞大令人兴奋，设计师面对大量的图像素材首先要做的是选择。选择合适的图像作为设计元素，是得到良好设
8、计效果的关键一步。图像元素与主题是否关系密切？图像质量是否能够满足设计要求？在吸引受众注意和视觉冲击方面是否能有良好的表现？这些都是在确定图像元素之前设计师需要认真考虑的问题。,在设计领域，我们需要的是制作自己需要之物，而不是选用现成之物。从这点出发，我们就应该坚持需要什么就去创造什么，并且尽量做到最好。一张无处不见的摄影图片原原本本的出现在你的设计作品中，给人的视觉感受只有乏味。设计师应该试着不要依赖现成的素材进行创作，有的时候对设计素材的创造只是通过点、线、面等简单的设计元素就能实现，几根线条或者随性的涂鸦都能成为你设计素材的来源。不管你画出的线条或者其它图形是否光滑与色彩斑斓，都比大量出
9、现在已有传播媒介上的现成图像来得有意义。,如图11-15所示，这是最为常见的图像素材，普通相机拍摄的一座人物雕像，像素不高对调也不实，这种素材如果原原本本的出现在设计作品中，那对作品的视觉效果只会起到破坏的作用。只要做简单的处理就会改变这种不足，如图11-16所示，只是将雕像的背景去掉，然后对雕像做了纹理化处理，再处理色调，素材的视觉感受马上产生很大变化。,从这样一个案例我们可以知道去背景对图像素材有着非同寻常的一样，在设计工作中，我们对图像元素的需要往往是某些符合或者图像中的局部，这个时候除了所需对象之外的背景就显得多余，于是去背景就成为设计师首先要做的工作。因为去背景的应用范围非常普遍，在
10、各种设计任务中，我们都看到用这种方法实现的各种设计效果，所以说去背景成为制作设计素材的最关键方式之一。另外一个经验就是，对图像质量不高的素材，可以通过将图像处理成特殊的视觉感受，如剪影或者Photoshop中的其他滤镜效果。这不仅仅能够掩盖图像本身的缺陷，同时还增加了图像的视觉艺术性，给人新鲜的观感。这种视觉效果的实现往往是简单的，只要应用钢笔或者套索工具又或者通过Photoshop中的滤镜命令就能轻松实现。这两个经验对类似这种图像质量不高素材有很好的表现意义。,设计师面选定了相关素材后，对素材的要求有自己的判断，大部分素材是不能直接使用，修剪和改造是经常性工作。在众多方法中，合成是比较频繁使
11、用的方式之一。这个方法可以避开特定图像的缺陷，综合多张图像的优势于一身，在视觉效果上有卓著的表现。如图11-17所示,一大片绿色茶山令人心旷神怡，但是细心的设计师也许对茶山的天空不太满意，那么就自己创造一片天空吧。将图11-18的蓝天白云合成到图11-17当中，得到如图11-19的效果，这是最简单的图像合成技术，在这个简单的案例中我们得到这样一个经验，那就是怎么规避图像元素的缺点，让它更美丽些。,对图像元素的改造除了合成之外，还可以二次创造。一些微小的元素常常启发设计师的创意思维，元素的替换或者修剪都能让图像有焕然一新的变化。如图11-20所示，图像只是一棵简化的树，通过对起叶子的替换，再用一
12、条起伏的线条代表地面，就有了如图11-21所示的设计作品，设计的整个过程简单而轻松，最终的画面给人干净而清爽，在顶部添加上主题，就是一张简单的招贴设计。,对图像进行深入分析，结合环境来处理图像作为设计元素的作用。如图11-22、图11-23两张图像素材，很普通的摄影图片，因为图11-22有很强的方向感，所以在设计中可以利用这样一个信号来组织版面，最终得到图11-24所示的设计效果。 设计初学者常常把图像处理理解为丰富的滤镜效果，在设计作品中也沉浸于滤镜的应用。滤镜作为一种特效有其讨巧的地方，但是应用不当会令人心生厌烦，很容易走向低级趣味化。设计师面对图像元素，不管是摄影图片还是线条色块，首先想
13、到的应该是二次创作，然后才是用一些简便的方法来实现新的视觉效果，这样出来的作品才有比较丰富的设计语言。,正如前面所述，设计师面对图像元素首先要做的是选择，这是相对于客户提供素材的基础上而言。在很多时候，设计师还要进入到素材的采集阶段，那就是对设计任务中涉及到的素材进行拍摄，所以摄影艺术也是设计师必修的一门学问。 如果你身边没有现成的图片，又不会画画，也没有条件亲子采集图像素材，那也不用一筹莫展。设计师应该具备离开上述手段之外去创造素材能力，而创造这类型的素材常常是通过简单的图案或者线条组织而成的抽象的视觉元素。这些抽象的图像元素，有很强的装饰效果，如果图案的造型与主题有些许的关联，那就更能符合
14、设计的要求。,如图11-17、图11-18所示，在没有任何可供选用的图像元素情况下，线条、色块是非常好的素材，恰当应用这些元素，能够为设计带来新颖且恰如其分的视觉效果。应用这些元素的时候，平面构成与色彩构成方面的知识就得到充分展示，所以对于学生而言，这些基础课程知识的扎实程度对后期创作有重要影响。 图像元素的处理有更有其无穷的发挥空间，笔者所能阐述的只能是其中的一小部分。是设计实践中，如何娴熟的应用各种方法的串联，以实现设计的目的，需要我们不断去尝试和总结。,11.3 色彩的应用,色彩是造型艺术的主要手段之一，也是一切造型艺术的重要基础。色彩是光线通过物体的反射，作用于人的视觉和大脑的结果。色
15、彩具有最能打动人类直觉，并且可直接诉诸于感情的力量。色彩作为设计中重要的形式因素，其应用价值和审美价值无庸置疑的。 因此，认真学习和研究设计色彩的基本规律，熟练的掌握设计色彩基本理论与表现技巧，对于每一个艺术设计专业的学生来讲，显得尤为重要和必要。色彩在设计中不仅能通过具体的色相、明度、彩度等有效传达产品的品格与性质，而且还可以利用色彩心理、色彩感情，创造丰富的联想，为产品的认知功能、使用功能、审美功能提供最直接的支持。色彩在相当程度上能够左右人类的情绪乃至改变人类的生活方式。优秀的设计一定是自觉地、巧妙地发挥色彩的魅力与力量，设计产品不仅能因为色彩而增加自身的附加值，同时还能不断提升产品本身
16、的审美品位。,本节内容主要是围绕在Photoshop CS5中的一个扩展功能Kuler，它很完美的提供了多种快速配色的方式，让对对配色头疼的设计师带来便捷的服务。,Kuler面板是访问由在线设计人员社区所创建的颜色组、主题的入口。您可以使用它来浏览 Kuler上的数千个主题，然后下载其中一些主题进行编辑或包括在您自己的项目中。您还可以使用Kuler面板来创建和存储主题，然后通过上载与Kuler社区共享这些主题。从Photoshop CS5中选择“窗口”“扩展功能”“Kuler”，如图11-27所示，默认情况下，它停留在浏览界面，这里有很多已经生成配色模式供你选择，这些配色方案都是经过多方验证并大量用于实践中产生出来的，如图11-28所示。在配色选项的下拉菜单中，列有四类配色方案，分别是最高评级、最受欢迎、最新与随机，如图11-29所示。在这四种配色类目中你可以迅速解决你在配色上困扰。还有两组类目是为设计自己动手配色准备的，一类用于即时配色，一类用于存贮保存过的配色方案。,说到这里，我们首先要了解色彩学的一般知识，色彩是在三原色的基础上产生的，即红、黄、蓝，如图11-31所示。所
