《Photoshop平面设计与创意案例教程》第12章 图说平面设计案例.ppt

《《Photoshop平面设计与创意案例教程》第12章 图说平面设计案例.ppt》由会员分享，可在线阅读，更多相关《《Photoshop平面设计与创意案例教程》第12章 图说平面设计案例.ppt（38页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Photoshop本章以平面设计案例分析与步骤演示为主要教学内容，通过对具体项目的讲解，学生能够体验相关平面设计项目的操作过程。案例的演示从设计元素和版式关系等方面展开分析，在步骤的分解中，学生不仅能够一起感受设计的过程，同时对设计构思与设计完成有清晰的认识，获得对设计比较直观的理解。Start Here平面设计与创意案例教程第12章 图说平面设计案例 教学要求：知 识 要 点能 力 要 求相 关 知 识视觉海报设计理解图层的概念及图层面板的操作应用包装设计案例掌握创建编辑图层及图层混合模式书籍装帧设计掌握为图层添加图层样式12.1【案例121】视觉海报设计12.1.1项目分析及设计创意海报是

2、一种信息传递艺术，一种大众化的宣传工具。海报又称招贴画，是贴在街头墙上，挂在橱窗里的大幅作品。它以其醒目的画面吸引路人的注意，海报在社会生活的各个领域发挥这重要作用。海报按其应用范围不同大致可以分为商业海报、文化海报、电影海报和公益海报等，海报设计是平面设计中重要组成部分。海报设计有这么几个特点，尺寸大、远视强、艺术性高。海报张贴于公共场所，会受到周围环境和各种因素的干扰，所以必须以大画面及突出的形象和色彩展现在人们面前。为了使来去匆忙的人们留下视觉印象，除了尺寸大之外，海报设计还要充分体现定位设计的原理。以突出的标志、标题、图形，或对比强烈的色彩，或大面积的空白，或简练的视觉流程使海报招贴成

3、为视觉焦点。就招贴的整体而言，它包括商业招贴和非商业招贴两大类。其中商品招贴的表现形式以具体艺术表现力的摄影、造型写实的绘画或漫画形式表现为主，给消费者留下真实感人的画面和富有幽默情趣的感受。我们来做一张澄果水吧开业海报，在商业海报设计中作品的装饰性要求比较高，同时强调视觉冲击力，对设计的整体要求一般是华丽而喜庆，澄果水吧开业海报的最后效果是如图12-1所示。其设计步骤如下：（1）新建一个文件名为“澄果水吧”，宽度为600MM、高度为900MM、颜色模式为CMYK颜色，并且分辨率为300像素/英寸的画布窗口。（2）导入卷纸素材，编辑自由变换至版面合适大小。接下来，给卷纸着色，全选卷纸图层，用“

4、油漆桶”按钮填充颜色，颜色数值C80、M10、Y70、K=0。导入卷草纹图像素材，将图层透明度调整为15%，使花纹淡淡附着于绿色之上。导入水果素材，为了表现揭开美味的效果，必须把水果图层放在卷纸图层下面，如图12-2所示。（3）输入海报信息文字，其中“橙果水吧”的字体为华康娃娃体，“12月28日隆重开幕”为黑体字。文字图层样式采用“渐变叠加”效果，相关数值设置如图12-3所示，为了更加突出标题，再将文字做“描边”处理，相关数值设置如图12-4所示，所得到的效果如图12-5所示。（4）将“开业期间全场8折”字体设置为方正超粗黑简体，将“8”字去掉并留出更大的间距用来放置，文字颜色数值为C0、M2

5、0、Y20、K=0，图层样式设置为“投影”和“描边”，投影相关数值设置如图12-7所示，描边颜色数值为C50、M100、Y100、K=30，相关数值设置为12-8所示。为了强调活动的优惠政策，将“8”字拉大至合适位置，图层样式设置为“渐变叠加”与“描边”，描边颜色数值为C50、M100、Y100、K=30，相关数值设置如图12-9、12-10所示。（4）添加装饰性元素，首先导入标贴素材，放置在海报左上边角，图层样式设置为“渐变叠加”与“投影”，相关数值设置如图12-11、12-12所示。导入蝴蝶结素材，放置在海报右上边角，图层样式设置为“投影”，相关数值如图12-13所示。导入星星素材，放置在

6、“8折”字样上，图层样式设置为“外发光”，如图12-14所示，最后在卷纸图层加入滤镜镜头光晕，如图12-15所示。我们再来设计一组系列海报，以南方都市报为广告主。设计之初要确定主题，这个系列的主题分别为民生篇、深度篇、热点篇。我们通过蚂蚁这个形象做创意设计，根据蚂蚁在日常工作过程的几种状态来映射南方都市报的精神。关注民生新闻是每个媒体的重要工作，而民生是发生在老百姓日常生活中各个角落的事情，面很广量很大。根据民生新闻的特征，结合蚂蚁无处不在的特点，可以贴切的传达南方都市报的报道网络覆盖面广，民生新闻搜集渠道多的组织架构，如图12-16所示。深度篇的主题是为了表现南方都市报在深度新闻挖掘方面的勇

7、气与精神，深度新闻往往需要进入到事件的内部，只有到达事件的核心部分才能找到挖掘出更有价值的东西。根据这个特征，结合蚂蚁洞穴的特点，巧妙的结合起来，蚂蚁洞穴的隐蔽性和深藏于地下那种盘庚错节的关系，暗喻深度新闻背后的那种复杂背景，进入事件的内部，需要有不断深入的勇气，和处理纷繁信息的智慧，如图12-17所示。热点篇的主题是为了表现南方都市报在处理社会热点新闻时的理性姿态，不盲从，不人云亦云，而是根据自己的方式井然有序的进行。根据这个特征，结合蚂蚁在采集食物时的合作情形，能够生动的表现出这种精神。蚂蚁在发现食物后，会有大批的同伙参与进来搬运，面对这样的一个热点，虽然参与其中的蚂蚁数量很多，但是秩序井

8、然，组织严密分工明确，是协作劳动的典范。蚂蚁的这种精神，暗合了南方都市报面对热点新闻的态度，社会热点必然有众多媒体关注，但是南方都市报不人云亦云，不跟风不盲从，而是通过自己的判断，以一种独到的视角冷静的介入其中，客观而深刻，其视觉化表现为如图12-18所示。为了形成系列感，三张海报运用了同样的主体蚂蚁，作为主要的视觉元素。以一种元素的不同形态来表现各自不同的主题是系列海报的可贵之处，这种方式可以很直观的告诉受众他们之间是什么关系。同时，在版面的设计上，也采用了同种格式，标志、标题、文字等相关元素以同样的形态表现在不同的版面中，更加强调他们直接的系列感。12.1.2项目设计步骤艺术设计的核心是设

9、计思维的展示，技术部分的作用相对比较次要，所以在实际的设计项目中，制作的过程往往是简单的，对软件技能的要求也通常不高，但是创意思维和美学知识方面的才干却一项也马虎不得，学生应该在这些方面好好努力。南方都市报系列海报的设计步骤如下：（1）新建一个文件名为“热点篇”，宽度为600MM、高度为900MM、颜色模式为CMYK颜色，并且分辨率为300像素/英寸的画布窗口。（2）用“渐变工具”按钮，弹出设置对话框，新建一种渐变模式，设置如图12-19所示。我们运用近似色来填充，两边的色彩设置为了嫩绿（C40、M0、Y100、K=0），中间为黄绿（C10、M0、Y85、K=0），选择渐变工具（3）打开南方都

10、市报报的LOGO，打开书法文字“民”“生”，录入相关文字，用矩形工具画两根线条，得到效果如图12-21所示。（5）打开蚂蚁素材，蚂蚁素材最初只有三只原型，如图12-22所示，需要我们将它们分别单独出来，然后根据蚂蚁的生活习性排列在版面上，这部是关键步骤，需要很大的耐心，排列的过程要不断调整它们大小、方向、距离，最终效果如图12-23所示。重复以上步骤，根据图像内容的不同，制作出“深度篇”和“热点篇”海报。其中深度篇增加一个蚂蚁洞穴的绘制，绘制蚂蚁洞穴可以使用套索工具按钮，画出不规则边沿的一个色块开标识蚂蚁洞穴，然后得到效果如图12-25。热点篇中同样用套索工具按钮，画出画面中间的食物，为了让实

11、物显得立体一些，我们可以将食物图层做阴影效果处理，制作方式如下：选中实物图层，单击“图层”调板下方的“添加图层样式”按钮，在弹出的“图层样式”对话框中调整“投影”选项的各项参数，将角度调整为90度，如图12-24所示，然后得到效果如图12-26所示。在这个案例中，主要是展示如何构思一副创意海报设计，主题与表现形式如何统一起来，这些才是最关键的。制作层面的要求，我们可以从步骤分解中很清晰的知道并不难。12.2【案例122】包装设计案例12.1.1 项目分析及设计创意包装是品牌理念、产品特性、消费心理的综合反映，它直接影响到消费者的购买欲。我们深信，包装是建立产品与消费者亲和力的有力手段。经济全球

12、化的今天，包装与商品已融为一体。包装作为实现商品价值和使用价值的手段，在生产、流通、销售和消费领域中，发挥着极其重要的作用，是企业界、设计不得不关注的重要课题。包装的功能是保护商品、传达商品信息、方便使用、方便运输、促进销售、提高产品附加值。包装作为一门综合性学科，具有商品和艺术相结合的双重性。选用合适的包装材料，运用巧妙的工艺手段，为包装商品进行的容器结构造型和包装的美化装饰设计，实现这样的目标大致需要三个方面来完成，外形、设计元素、材料。包装设计对功能性方面的要求比较高，因为所包装的产品通常是需要经过运输和流通的，所以在设计时候对其外形和材料不仅仅只考虑美观，考虑如何保护产品的安全保存和运

13、输十分重要。本章节主要从设计元素方面来讲解包装设计的过程。包装设计构成元素大致由标志、图像、文字和色彩运用来实现，这几个元素的恰当与否决定了商品的视觉形象，对产品形象和销售有起着很大的影响。标志和企业名称是包装设计中必不可少的部分，这是对产品出处的一个重要说明，对企业主和消费者都有非同寻常的意义。除此之外的图像、文字与色彩都是常规设计元素，我们接下去从实际案例去了解包装设计形式。“翠与琪林”是一家经营翡翠玉石的公司，对手提袋包装的设计要求现代简洁，尺寸为150mm宽，210mm高，60mm厚。本方案突出“翠与琪林”的名称和标志，让消费直接感受产品的出处，辅助与翡翠玉石相关的文字用来做背景装饰，

14、显得独到而有内涵，最终的立体效果如图12-27所示，展开效果如图12-28所示。12.2.2项目设计步骤该案例的制作方法如下：（1）新建一个文件名为“翠与琪林”的画布，宽度为430mm、高度为260mm、颜色模式为CMYK颜色，并且分辨率为300像素/英寸的画布窗口。（2）新建图层，应用辅助线的引导，用钢笔工具画出手提袋的外形，按150mm宽，210mm高，60mm厚的尺寸画出手提袋展开图，然后用油漆桶分别填充颜色，正面色彩数值为C0、M0、Y20、K=0，侧边为C70、M70、Y100、K=40。（为了方便浏览，我将背景色设置为灰色，实际操作时候应该是白色），如图12-29所示。期中最左边、

15、最上部与最底下的部分是用来内折的。在实际的的印刷中作品的尺寸还需要在四周各加上出血3mm。关于印刷方面知识，学生应该找机会尽早接触。（3）用文字工具，新建文本框，粘贴与翡翠玉石文化相关的文字，文字颜色设置为灰色，用来作为背景装饰，如图12-30所示。（4）打开“翠”、“与”、“琪”、“林”四个字的书法字体，改变其排列方式，显得错落一些，调整为红色，用文字工具输入广告语“爱玉知玉传播玉”，做成如图12-31所示。（5）打开公司标志，调整其颜色，正面标志色彩为C50、M100、Y100、K=20，侧边标志色彩为C50、M60、Y100、K=10，录入公司名称与广告语，放置合适位置，如图12-32所

16、示。（6）用竖排文字工具输入公司地址等相关信息，并用线条辅助装饰，如图12-28所示，到此就完成了手提袋包装的设计。12.3【案例123】书籍装帧设计12.3.1项目分析及设计创意书籍装帧是在书籍生产过程中将材料和工艺、思想和艺术、外观和内容、局部和整体等组成和谐、美观的整体艺术。书籍装帧设计是指书籍的整体设计。它包括的内容很多，其中封面，扉页和插图设计是其中的三大主体设计要素。封面设计是书籍装帧设计艺术的门面，它是通过艺术形象设计的形式来反映书籍的内容。在当今琳琅满目的书海中，书籍的封面起了一个无声的推销员作用，它的好坏在一定程度上将会直接影响人们的购买欲。书籍装帧设计中要特别注意字体的类别

17、、大小、字距和行距的关系，字体、字号所适用的不同年龄受众的要求，在文字版面的四周是否有适当的空白，使读者阅读时感到舒适美观，文本的印刷色彩和纸张的颜色要符合阅读功能的需要，插图的位置以及和文字的版面的关系要恰当。书籍的结构比较丰富，如图12-33所示，设计制作的时候根据书籍的定位来取舍期中的项目，但是有些常规项目是必要的，比如：封面封底、扉页、书脊等。传统的书籍内页，也是有比较规范的格式，比如版心、天头、地角、订口、切口等，如图12-34所示，但是现代书籍装帧，并不完全都按照这样的格式去设计书籍，特别是画册设计上有很大的创新。书籍装帧设计对设计师的版式设计能力有比较高的要求，版式设计是将有限的

18、视觉元素进行有机的排列组合，将理性思维个性化地表现出来，一种具有个人风格和艺术特色的视觉传送方式，传达信息的同时，也产生感官上的美感。在书籍装帧设计中，版式设计能力的应用比较普遍。我们来看这本简单的画册设计，设计中运用字符作为主要的视觉元素，在装饰背景上有明显的体现，字体的线条比较均匀，格调雅致，错落有致的排列显得有构成感。内页的色调和版式风格比较统一，作为同一本画册的内容，设计风格的一致性对整体效果有相当的影响。以封面设计为例，如图12-36所示，他的设计步骤为如下：（1）新建一个名为“云朵茶坊封面封底”的画布，尺寸为216*291mm（实际尺寸为210*285mm，四周分别加上了出血3mm

19、），分辨率300，颜色模式为CMYK。（2）用油漆桶填充颜色，色彩数值为C10、M10、Y20、K=0，录入与普洱茶相关的文字，并错落有致的排列。将局部文字处理成略微模糊的效果，选用套索工具按钮，选取文字背景中的局部文字，如图12-37所示，然后同时按住shift+F6，羽化半径为250像素，然后单击“滤镜”“模糊”“高斯模糊”命令，半径为4，如图12-37所示。在背景文字图层，用套索工具按钮，重复选择几处，羽化后做高斯模糊效果，得到封面背景局部清晰局部模糊的效果。（3）导入墨迹素材，变换大小后放置合适位置，录入“云朵茶坊”的繁体字及其拼音字母，用画笔画出一个方形色块，字符和色块的颜色数值是充

20、C0、M100、Y100、K=0，得到如图12-39效果。（4）新建图层，ctrl+A全选画布，然后单击“选择”“变换选区”命令，将选区稍微缩小，然后用油漆桶填充颜色，色彩数值为C60、M70、Y100、K=0，如图12-40所示。（5）用矩形选框工具，在封底处框选一个矩形，用油漆桶填充颜色，色彩数值为C60、M70、Y100、K=0，录入“广州云朵茶坊有限公司监制”表明出处，这就完成了一张简单的画册封面封底设计。书籍装帧设计任务中，设计师可以很好的发挥自己的设计思路，从材料、结构、版式等方面都有很大的发挥空间，在设计过程要特别主题字符元素的编排设置。12.4本章小结在二维空间的视觉艺术中，如

21、何组织设计语言是平面设计师的职责。设计语言是通过字符、图像、色彩、版式以及创造性设计思维共同发声的，所以设计师必须能够灵活应用这些元素和思维来组织设计作品。艺术是一种无解的方程式，深入学习设计基本元素的各种设计形态是进入设计领域的必修课，但是字符、图像、色彩方面的设计形式变化多样，并无固定格式可循，所以创造性思维是设计创新的重要保障。设计元素的深入学习，是为了给版式设计做好初级加工，在平面设计中，版式设计是应用设计元素完成设计最终效果的组织形式，对设计起着非常重要的作用。很多优秀的平面设计，就是应用深谙版式设计美学形态作为主要成就，所以组织设计各元素在平面空间中的关系，在平面设计领域中有着无穷

22、的魅力和宽广的发挥空间。而创造性思维方式，是艺术创新的必然要求，只有创造性的构思，才能有新鲜的东西呈现，在众多的视觉艺术中，创造性的应用设计元素、制作材料、现代工艺等因素都能为设计带来新鲜的血液，注入活力与能量。有学过绘画的人都有临摹的经历，学设计也可以如此，临摹是初学一种技能或者某种本领的最好方法之一。从临摹的作品，我们去感知与体验相关的技术要领，是通向技术内部最直接有效的途径之一。所以对设计作品的阅读与临摹，可以作为初学者重要的学习方法。本章所以列的知识，只是相关设计项目最简单的步骤，而设计的形式更是设计领域的一粒沙子。目的是想说明如何将一些设计步骤在Photoshop中实现出来，这些简单的演示，不能作为设计的优秀范本，大家要自己学会举一反三。艺术设计中除了对相关技能方面的有要求之外，审美能力的培养是至关重要的。只有先将自己塑造成具有良好审美能力的欣赏者，才能成为优秀设计师。在提高个人审美能力的方法中，阅读大量的设计作品重要途径，也是最值得提倡的方法之一。所以在学习设计的过程中，临摹和阅读可以不断的更替出现，这对提高自身设计能力有很好的帮助。12.6练习题1为当地知名超市设计一张元旦促销海报。2为自己的学校设计一个手提袋。3为自己设计一本展现个人风采的画册。Seeyousoon