商业平面设计实战系列教程：喷绘设计之“老年科疾病合理用药论坛”

1、声明：教程及资源的图文版权为邓炎佳臣个人所有，欢迎转载、传阅我个人的所有教程文章，请尊重作者，不得擅自篡改、截取本文，不得以本文进行任何商业行为,作者：邓炎佳臣(网名drkiller)，转载需在醒目处注明本声明。作者：邓炎佳臣(网名drkiller)准备知识：Photoshop、Illustrator基本知识学习难度：高级学习目标了解设计业务的基础接洽方式，掌握喷绘设计的工作流程及制作技术，并能够应用于实际案例中。重点分析业务交流、客户业务学习、创意方式、合成制作。1 业务阶段：“反杀价”的愚蠢行为与做生意的基本原则2013年3月19日下午，当我正在上班时，一位3年多没有联系的北京客户突然交给

2、我一份很急的设计任务。设计项目是这位客户的朋友委托他做的一套由中华医学会等单位主办的“老年科疾病合理用药论坛”的形象设计。其中最为重要的是会场的背景喷绘设计。原来客户在找我之前也曾另做方案，但未能通过广告主的要求，直到临近提案时间的最后阶段才在QQ上无意中看到了我，他依然记得3年前我曾经较好的搞定了他的几个急案子，基于这份信任而找到了我，但这也导致方案制作时间非常紧急。由于这次论坛招开在即，所以要求当天就要进行方案提案，而我在上班时间无法做私活，只有用下班后的一个晚上来完成设计。在交谈之初我告诉他时间太紧，几乎不太可能做好，然而他却说：以你的能力，肯定没问题！而且言语表现得很高兴，情绪高得有些

3、反常。至此这位客户的情况和意图基本了解清楚了：1、客户对我有较好的信任度，否则这么多年没联系，他不可能还记得这么多；2、客户很着急，很可能是在交给他业务的朋友面前丢不起这个面子，此时找到我似乎抓住了棵救急草，因而情绪较高。在这种情况下如果业务发生问题，通常都会发生在客户对设计的期望与设计的现实存在的差距所引发的客户失落感，所以此时千万不能顺着客户的意思去拍胸脯、下保证，这只会让客户在后面的失落感更强。相反要非常委婉的接受项目，而且要把时间紧与要求高的难点反复向客户强调，用现实情况给客户浇浇冷水。我之所以敢于这样回答，首先是因为客户现在已经没有其它选择，怎么强调负面因素客户都不太可能跑掉；其次是

4、让客户回归现实的理性，打消他对设计师可能抱有的不切实际的期望，从而为后面的工作作好铺垫。把他的情绪降了降温以后，我直入主题的问：这项设计的预算是多少？他说：朋友给他的预算是7000，他打算事成之后给我6000的设计费，他只要1000千。我听到后顿了顿，并没有立刻回答。他看我没有回应就又补充了一点：要不给你6500？其实此时我已在乘人之危的位置上，别说是按客户说的价格，就算再加点价码客户也拿我没办法，多半也只能同意，但我也明白：真这么做生意就变成一锤子买卖，就算这次做成，从今往后就再难做到他的生意。所以我此时并没有急于顺着他的意思开价，而是在心里进行仔细的权衡：首先我并不急等着需要这几千块钱；其

5、次在广告行业中，业务与设计的分成通常是7/3开到5/5开，很少有设计比业务的分成高的现象，如果这次我真的把92%的利润都拿走了，试问以后还有谁会乐意再把业务交给我呢？为了能够与这位3年没有联络的客户建立长期的合作关系，争取更大的经济利益，我最终决定进行“反杀价”。我说：我不同意你的价格，因为这不符合商业规矩。你给我一半3500就好，我不可能让你没钱挣。客户急忙说：我下次再挣多点就是，这次价格就这样吧。我随后把价格定死：价格就这定了，你抓紧时间给我说说广告主的设计目的和具体要求。“反杀价”的谈判是很容易的，然而不容易的是如何下定“反杀价”的决心。虽然客户并没能清晰地告诉我广告主的设计目的和要求，

6、但我们的后续业务接洽过程很顺利。我提出先付1500定金，提交成品文件时再付2000，客户立刻通过支付宝支付了1500定金。最后我用一句“我试试吧”结束了业务洽谈。也许有人会认为：客户向我报的广告主底价也许是有问题的，因为这么做能够让我更容易地接受他的较低报价，从而降低自己的业务成本。这很有可能是一种较为精明的谈判手法，他不但让我难以还价，而且还使得自己在整个业务洽谈过程中化被动为主动，表面上是在示弱求人，而实际上却是在强硬限价。但是我却认为：首先广告主给他的底价到底是多少我并没有兴趣知道，因为按照通常的商业规矩，设计师作为业务人员的技术合作者，并没有必要一定要了解这一信息，而且从长远的合作来看

7、，设计师不知道底价反而能够让彼此的合作更为稳定；其次从自身的角度来说，我最大的目的是需要一个合理的价格，并且能够在此基础上与业务人员维持长久的合作关系，从而有更多的机会挣更多的钱，从结果来看这两个目的我都达到了，这难道不比那“失去的”3000块钱更有价值吗？每个人的行为都只能对自己负责，这位客户的谈话内容到底是过于精明的谈判手法还是过于真诚的为人之道，我无权质疑，也无法负责，做生意但求实实在在、循序发展、问心无愧，他人的是是非非又算得了什么呢？2 创意阶段：对广告主业务的学习与同情是创意的根本业务也许能够谈得很低调，但做事情必须得仔细的计划一番才有可能做好。反思与客户的谈话内容可知，广告主对设

8、计的要求比较高，所以设计在创意和制作上就需要尽量精准仔细，否则客户找我做设计的意义就无法体现。而另一方面时间太紧，这使我难以在总体上为设计投入大量的时间成本。这个矛盾也正是设计工作中最为常见的“客户要求”与“设计资源”的矛盾。要解决好这个矛盾有很多方法，方法之一就是减少设计方案的数量，从而能够集中资源把方案做精。这个方法也有一个弊端，那就是减少了投稿的次数，万一方案不被采纳就会前功尽弃。所以这种方法的要点就是要想办法提高设计方案的命中率，尽量保证方案能够一击命中。基于这样的设计策略，在下班后开始的紧张设计之初，我并没有急于立即去创作设计方案或是绘制设计草图，而是静下心来学习和研究“老年科疾病合

9、理用药”是怎么回事，我需要准确地把握这个论坛的主题，从而能够把这个主题进行精准的视觉化。经过一个多小时在网上的搜索和学习，我逐渐了解到“老年科合理用药”这个主题的核心是医德，目标是实现患者的幸福。经过反复修改，我首先提出了这次论坛的宣传主题语：“增强医德，提高医术，致力于构筑老年患者的幸福生活。”，这句主题语也受到了客户的肯定。这个费时颇长的学习过程让我较为准确的体会到了广告主的一部分宣传意图，我认为这是这次设计工作中最为关键，同时也是最为重要的一步。多年的工作经验告诉我：提案能否一次成功，往往决定于设计师对广告相关业务的学习了解和对广告主感同身受的程度。找准了设计主题之后，我开始逐步的把主题

10、视觉化。由于论坛主题与老年科相关，所以设计中应该出现老人，而且最好是两位老伴相伴的画面，这样比较能突显“幸福生活”。但是如果以两位老人的真人照片来设计会显得过于生活化，从而淡化了论坛的科学性、专业性和权威性，然而作为一次由中华医学会等单位主办的医学论坛，其科学性、专业性和权威性必须作为视觉重点体现在设计中，所以几经权衡之后我放弃了使用人物照片来设计的想法。在查找设计资料的过程中，我看到了一些非常有趣的便携药盒。这些药盒本来是为方便需要长期服药的患者携带盒丸而设计的，老年人由于病痛较多，所以许多人都使用这种药盒。有的药盒为了讨患者的喜欢，甚至被设计成各种有趣的形状，我由此得到启发，想到了一个“两

11、老伴形状药盒”的创意，药盒中则是许多不同颜色和形状的药丸。3 设计阶段：一切设计为创意服务创意确定后，设计的任务就是把创意具象化，而且在具象的过程中，要充分考虑设计图文的后期视觉效果和技术实现的可能性。在药盒的图形方面，其“两老伴形状”要尽量简洁，否则在视觉上就根本不能表现为是一个药盒，而另一方面要准确的体现是一男一女两位老人，则否就无法实现“老伴”、“幸福生活”的创意。在实际的设计中，我主要以卡通的手法来简化老人的形状，用拐杖来表现老人。并通过头发来区分男女形态，从而满足了创意要求。人物的轮廓也被处理得较为简单平滑，以方便制作成药盒的形态。药盒的立体透视选择了一点透视，这样的角度更能突显老人

12、的轮廓。在整体的排版上把药盒置于左侧，文字置于右侧，即能保证药盒的完整与突显，又能让图、文在视觉上形成清晰的逻辑关系。最后在草图上需要把喷绘的其它因素都考虑进去，以确定设计在实际过程中不会发生重大问题。在颜色方面，最大面积的背景主要采用蓝-青色渐变，以突出论坛的科学性，药盒可以用金属的银色和灰色，而药丸则尽量用与背景差异较大的暧色系，如粉、橙、红、黄等等，以形成视觉的看点，让设计能够吸引眼球。4 制作阶段：一切技术为设计服务4.1 软件选择在选择最终稿设计软件时，我没有选择制作喷绘常用的PS，而是选择了矢量软件AI。主要的原因是PS为位图软件，其制作精度与制作速度成反比，而背景墙喷绘的尺寸非常

13、大，正式稿的文件精度通常要求很高。我如果在PS中用高精度制作，速度会很慢，难以按时提交提案稿；我如果先用低精度制作，那么稿件确认后必须另外制作一份高精度文件，难以快速满足客户急切的项目时间。而AI是一个矢量软件，其最大的好处是图形精度无限缩放，能够快速地把提案稿制作为输出的精稿。4.2 药丸制作药丸图片较为难找，几经查寻才找到一些较小的图片：由于其中的药丸数量较少，并不能满足设计需要。所以需要在PS把这几张图片通过合成来构成一幅较大的图片。在PS软件中，用【钢笔工具】对这几张图片中较为完整的不同药丸进行抠图（相关抠图的介绍请参阅 HYPERLINK /forum.php?mod=viewthr

14、ead&tid=3091223&page=1&extra= l pid5600126 t _blank 抠图）。把抠图的药丸逐一单独地储存为多个PSD文件，以备在AI软件中合成制作药盒时使用。然后需要把较少药丸的图片合成为一张较大的图片。把两张小图置入到同一文件中。多次复制以后，用不同的角度拼合为一张大图。但是其中各图片的边缘部分都是平整的形状，这需要另行处理。把抠图后的多个药丸不规则的排在这些边缘部分，从而产生自然的图像合成效果。在合成图像时，要尽量让大多数药丸的颜色与背景的蓝色有所区别，最好是以暧色调为主。4.3 药盒制作4.3.1 药盒边缘制作在AI软件中，参考草图，用【钢笔工具】绘制出

15、创意需要的两老伴轮廓图形，各部位可以用多个规则图形拼合而成，以提高制作效率与制作精度。在绘制过程中对图形在保证其可识别性的基础上反复的进行简化，以方便下一步把它变为药盒的轮廓。然后把勾出的图形进行仔细的调整，细节上要保证图形的美观和准确。用【路径查找器】中的【联集】按钮合并整个药盒图形。用【选择工具】按住【Alt】键不放，把药盒图形移动复制一份，以备使用。把图形描边加粗到适当，并设一个较深的灰色。用【Ctrl+C】、【Ctrl+F】原位复制图形，并把前面的图形设为一个较细的白色描边。把前面的图形向右上方微微移动，与后面图形形成一定的错位。把两个图形的【边角】都设为【圆角连接】，以让图形转角显得

16、平滑一些。用【混合工具】对这两个图形上对应的两个节点各单击一次，进行混合。混合操作技巧：完全重合的两个图形间的混合操作比较难以选择后面的图形，操作时可以用【直接选择】工具选择前面图形的一个节点，然后用方向键移动一次，以让两个图形形成可见的错位，以方便混合时点选后面图形。混合完成后再用这个方法把这个节点恢复原位即可。混合后的轮廓图形可以反复调节它们的颜色和混合步数，以形成药盒的边缘效果。药盒的边缘会因环境的光线变化而呈现明暗变化，所以需要制作一个边缘的明暗变化效果。把原前保留的药盒图形再复制一份，并设描边粗细与药盒边缘相等。用【菜单：对象扩展】命令把描边图形扩展为填充图形。填充适当的渐变色。置于

17、药盒边缘图形之上，并设为【正片叠底】模式。4.3.2 药丸填充把前面合成的大药丸图片用【文件：置入】命令置入AI文件，并把前面保留的药盒图形用【Ctrl+8】结合后，置到图片的前面。选择图片和图形，用【Ctrl+7】制作蒙版。把蒙版图形放到药盒边缘图形的后面适当位置。4.3.3 药盒立体制作药盒的立体效果是用钢笔工具逐一勾画出来的，可参考草图来进行制作。勾画的立体部分为多个独立的图形，可以分别填充颜色，以方便产生丰富的颜色变化。复制立体部分图形，填充黑色。用【菜单：效果模糊高斯模糊】命令适当模糊。在【透明度】面板上设【正片叠底】模式。用同样相似的方法制作出药盒的投影，在【透明度】面板上调节其不

18、透明度到适当。这是制作完成的药盒立体效果，其中投影可以根据光源的方向调整一下位置，在本例中光源的假设方向是上前方，所以投影略偏向下方。其中在药盒的边缘部分有的药丸只有残缺的一小部分，这是不合情理的现象，需要另进处理。4.3.4 药盒边缘药丸处理把前面抠图后分别保存的药丸图形置入AI文件。把它们以不同角度放置到药盒的边缘部分，以遮挡残缺药丸的不合理现象。4.4 背景及排版制作4.4.1 底部曲线图形制作背景色为一个蓝-青色渐变，尺寸为10米X3.45米的1/10，即1000X345mm。大尺寸喷绘制作经验：有的喷绘尺寸很大，甚至大于软件可以建立的最大尺寸。如果是在PS中制作，可以把文件等比例缩小

19、尺寸，同时等比例加大精度来制作；如果是在AI中制作，则只需要把文件尺寸等比例缩小制作即可，因为AI的精度可以无限缩放。而在实际喷绘中，把实际尺寸告诉喷绘制作公司即可，喷绘制作公司会自行把文件恢复到实际尺寸来制作喷绘的。用【钢笔工具】勾出背景底部的曲线图形，其左、右、下侧要勾得比背景矩形略大一些，以防止漏出图形边缘。用【网格工具】在曲线图形上单击，以产生渐变网格。用【直接选择工具】选择上面的三个节点，填充青色。下面三个节点填充蓝色，以形成均匀的颜色渐变。在【透明度】面板上设【叠加】模式，并调节【不透明度】到适当。用类似的方法制作其它几个曲线图形。4.4.2 世界地图制作世界地图部分的制作需要先在

20、网上找一张精度较高、颜色较为单一的世界地图图片。在PS中用【魔棒工具】选择地图部分的图形，如果地图与背景难以准确区分选择，可以先用【亮度/对比度】命令增加地图与背景的颜色对比度后再选择。在【路径】面板的选项中选择【建立工作路径】。【容差】通常设置在1到2像素左右。用【路径选择工具】选择整个路径【Ctrl+C】复制。然后在AI中【Ctrl+V】粘贴，在【粘贴选项】中通常选择【复合路径】。粘贴出来的图形是没有颜色的。填充一个颜色以方便使用。用【椭圆工具】画出一个小的正圆图形。按住【Ctrl+Alt+Shift】水平移动复制到适当位置。不断用【Ctrl+D】重做，复制到适当数量。选择整行圆形，同样按住【Ctrl+Alt+Shift】竖直移动复制到适当位置。不断用【Ctrl+D】重做，复制产生圆形图形的矩阵。把整个矩阵用【Ctrl+8】结