平面设计创意与制作教学ppt课件（完整版）pptx《平面设计创意与制作教学ppt课件（完整版）.pptx》由会员分享，可在线阅读，更多相关《平面设计创意与制作教学ppt课件（完整版）.pptx（277页珍藏版）》请在冰点文库上搜索。

　　随着信息技术与视觉文化的不断提升，平面设计的技术与审美也相应在变化提升，从事平面设计的相关人员需要系统地学习平面设计的应用技术与技巧。

　　收集VI设计的作品图片,任务1.1,了解平面设计的相关应用,本任务通过讲解平面设计的相关应用知识，了解平面设计的相关应用领域。

　　1.1.1任务引入,1插画设计插画设计发展迅速，已经被广泛应用于互联网、广告、包装、报刊、杂志和纺织品领域。

　　平面设计的相关应用,2字体设计字体设计随着人类文明的发展而逐步成熟，根据字体设计的创意需求，可以设计制作出多样的字体，通过独特的字体设计将企业或品牌传达给受众，强化企业形象与品牌的诉求力。

　　平面设计的相关应用,3广告设计广告以多样的形式出现在大众生活中，通过互联网、手机、电视、杂志和户外灯箱等媒介来发布。

　　平面设计的相关应用,4包装设计包装设计是艺术设计与科学技术相结合的设计，是技术、艺术、设计、材料、经济、管理、心理、市场等多功能综合要素的体现，是多学科融会贯通的一门综合学科。

　　现今，生活中随处可见UI设计的应用，如智能手表界面、车载系统界面、App界面以及网页界面等。

　　平面设计的相关应用,7VI设计VI（VisualIdentity）即企业视觉识别，是指以建立企业的理念识别为基础，将企业理念、企业使命、企业价值观经营概念变为具体视觉识别符号，并进行具体化、视觉化的传播。

　　平面设计的相关应用,8H5设计H5指的是移动端上基于HTML5技术的交互页，是用于移动互联网的一种新型营销工具，通过移动平台传播。

　　H5的应用形式多样，常见的应用领域有品牌宣传、产品展示、活动推广、知识分享、新闻热点、会议邀请、企业招聘、培训招生等。

　　收集饮品海报的设计素材,任务1.2,明确平面设计的工作流程,本任务通过讲解平面设计的工作流程知识，了解平面设计的工作流程步骤。

　　1.2.1任务引入,平面设计的基本流程为需求分析、素材收集、草稿设计、视觉设计、审核修改、完稿验收这六大步骤。

　　本项目在了解了平面设计的基础知识后，我们来熟悉常用的矢量图形处理和编辑工具，矢量图形处理和编辑工具有很多，我们以Illustrator为例来进行介绍。

　　本章通过对Illustrator基础的讲解，使读者对Illustrator有初步的认识和了解，并快速掌握Illustrator的基础知识和基本操作方法，为进一步的学习打下一个坚实的基础。

　　了解设计工具软件,目前在平面设计工作中，经常使用的主流软件有Photoshop、Illustator、InDesign和CorelDRAW，这4款软件每一款都有鲜明的功能特色。

　　要想根据创意制作出完美的平面设计作品，就需要熟练使用这4款软件，并能很好的利用不同软件的优势，将其巧妙地结合使用。

　　了解设计工具软件,1PhotoshopPhotoshop是Adobe公司出品的最强大的图像处理软件之一，是集编辑修饰、制作处理、创意编排、图像输入与输出于一体的图形图像处理软件，深受平面设计人员、电脑艺术和摄影爱好者的喜爱。

　　了解设计工具软件,2IllustratorIllustrator是Adobe公司推出的专业矢量绘图工具，是出版、多媒体和在线图像的工业标准矢量插画软件。

　　AdobeIllustrator的应用人群主要包括印刷出版线稿的设计者和专业插画家、多媒体图像的艺术家和网页或在线内容的制作者。

　　了解设计工具软件,3InDesignInDesign是由Adobe公司开发的专业排版设计软件，是专业出版方案的新平台。

　　它功能强大、易学易用，能够使读者通过内置的创意工具和精确的排版控制为打印或数字出版物设计出极具吸引力的页面版式，深受版式编排人员和平面设计师的喜爱。

　　了解设计工具软件,4CorelDrawCorelDRAW是由加拿大的Corel公司开发的集矢量图形设计、印刷排版、文字编辑处理和图形输出于一体的平面设计软件。

　　CorelDRAW软件是丰富的创作力与强大功能的完美结合，它深受平面设计师、插画师和版式编排人员的喜爱。

　　熟悉Illustrator界面操作,任务2.1,熟悉软件界面基础操作,通过打开文件和取消编组熟悉菜单栏的操作，通过选取图形掌握工具箱中工具的使用方法，通过改变图形的颜色掌握控制面板的使用方法。

　　Illustrator界面及基础操作,1界面介绍IllustratorCC2019的工作界面主要由标题栏、菜单栏、工具箱、工具属性栏、控制面板、页面区域、滚动条和状态栏等部分组成。

　　IllustratorCC2019的工作界面,菜单栏,2.菜单栏及其快捷方式llustratorCC2019中的菜单栏包含“文件”“编辑”“对象”“文字”“选择”“效果”“视图”“窗口”和“帮助”这9个菜单。

　　Illustrator界面及基础操作,3.工具箱工具箱中部分工具按钮的右下角带有一个黑色三角形，表示该工具还有展开工具组，用鼠标按住该工具不放，即可弹出展开工具组。

　　Illustrator界面及基础操作,4.工具属性栏IllustratorCC2019的工具属性栏可以快捷应用与所选对象相关的选项，它根据所选工具和对象的不同来显示不同的选项，包括画笔、描边、样式等多个控制面板的功能。

　　Illustrator界面及基础操作,5.控制面板IllustratorCC2019的控制面板位于工作界面的右侧，它包括许多实用、快捷的工具和命令。

　　随着IllustratorCC2019功能的不断增强，控制面板也在不断改进，越来越合理，为用户绘制和编辑图像带来了更大的方便。

　　Illustrator界面及基础操作,6.状态栏新建或打开一个文档，状态栏在工作界面的最下面，单击黑色小三角形按钮，显示当前使用的工具，当前的日期和时间，文件操作的还原次数和文档颜色配置文件等。

　　熟悉Illustrator界面操作,3,4,任务2.2,掌握文件的基本操作,任务引入任务知识：

　　掌握Illustrator文件的操作技巧,2.2.1任务引入,通过打开案例效果熟练掌握打开命令，通过复制文件熟练掌握新建命令，通过关闭新建文件掌握保存和关闭命令。

　　文件的设置方法,“新建”对线.新建文件选择“文件新建”命令（组合键为Ctrl+N），弹出“新建文档”对话框，用户根据需要单击上方的类别选项卡，选择需要的预设新建文档。

　　在对话框中搜索路径和要打开的文件，确认文件类型和名称，单击“打开”按钮，即可打开选择的文件。

　　文件的设置方法,“存储为”对线.保存文件选择“文件存储”命令（组合键为Ctrl+S），弹出“存储为”对话框。

　　文件的设置方法,4.关闭文件选择“文件关闭”命令（组合键为Ctrl+W），如图所示，可将当前文件关闭。

　　掌握Illustrator文件的操作技巧,1,2,3,任务2.3,掌握图像的基本操作,任务引入任务知识：

　　熟悉图像的基本操作技巧,2.3.1任务引入,通过将窗口层叠显示命令掌握窗口排列的方法，通过缩小文件掌握图像的显示方式，通过在轮廓中删除不需要的图形掌握图像视图模式的切换方法。

　　1.图像的显示方式适合窗口大小显示图像绘制图像时，可以选择“适合窗口大小”命令来显示图像，这时图像就会最大限度地显示在工作界面中并保持其完整性。

　　选择“视图适合窗口大小”命令（组合键为Ctrl+0），也可以用鼠标双击抓手工具，将图像调整为适合窗口大小显示。

　　显示图像的实际大小“实际大小”命令可以将图像按100%的效果显示，在此状态下可以对文件进行精确的编辑。

　　放大显示图像选择“视图放大”命令（组合键为Ctrl+），每选择一次“放大”命令，页面内的图像就会被放大一级。

　　图像的操作方法,缩小显示图像选择“视图缩小”命令，每选择一次“缩小”命令，页面内的图像就会被缩小一级（也可连续按Ctrl+-组合键）。

　　单击工具箱下方的屏幕模式转换按钮，可以在3种模式之间相互转换，即正常屏幕模式、带有菜单栏的全屏模式和全屏模式。

　　图像的操作方法,2.窗口的排列方法打开多个图像文件后，屏幕会出现多个图像文件窗口，这就需要对窗口进行布置和摆放。

　　图像的操作方法,3.标尺、参考线和网格的设置和使用IllustratorCC2019提供了标尺、参考线和网格等工具，利用这些工具可以帮助用户对所绘制和编辑的图形图像精确定位，还可测量图形图像的准确尺寸。

　　如果需要设置标尺的显示单位，则选择“编辑首选项单位”命令，弹出“首选项”对话框，可以在“常规”选项的下拉列表中设置标尺的显示单位。

　　图像的操作方法,参考线选择“视图参考线建立参考线”命令（组合键为Ctrl+5），将选中的路径转换为参考线。

　　选择“视图参考线释放参考线”命令（组合键为Alt+Ctrl+5），可以将选中的参考线转换为路径。

　　如果需要设置网格的颜色、样式、间隔等属性，选择“编辑首选项参考线和网格”命令，弹出“首选项”对线任务知识：

　　图像的操作方法,4.撤销和恢复对对象的操作撤销对对象的操作选择“编辑还原”命令（组合键为Ctrl+Z），可以还原上一次的操作。

　　恢复对对象的操作选择“编辑重做”命令（组合键为Shift+Ctrl+Z），可以恢复上一次的操作。

　　图标设计是UI设计中重要的组成部分，可以帮助用户更好地理解产品的功能，是营造产品用户体验的关键一环。

　　图标通常和文本相互搭配使用，两者相互支撑，共同起到传递其中所要表达的内容、信息以及意义的作用。

　　图标设计基础,2图标的类型产品图标产品图标是体现产品品牌调性和特性的图标，该类图标通常出现在电脑桌面、手机桌面以及APP应用市场等综合场景。

　　图标设计基础,2图标的类型功能图标功能图标是图形化的符号，具有明确功能，该类图标通常出现在界面中的导航栏以及标签栏等需要用户进行操作的界面模块。

　　图标设计基础,2图标的类型装饰图标装饰图标用于提升渲染气氛，更多的是承担视觉性作用，该类图标通常出现在引导页、空状态、弹窗、404页等页面进行内容点缀。

　　图标设计基础,3图标的设计风格拟物风格拟物化风格的图标贴近现实，带有渐变、高光、阴影等效果。

　　图标设计基础,3图标的设计风格扁平风格扁平风格图标与拟物风格图标相反，很少有渐变、高光、阴影等效果，自2013年iOS7推出扁平风格成为了设计的主流趋势，现被广泛运用。

　　图标设计基础,3图标的设计风格3D风格3D风格的图标立体有层次，由若干个几何多边体构成，其制作软件通常为3DMax和C4D，常用于游戏中。

　　图标设计基础,3图标的设计风格2.5D风格2.5D风格的图标是由物体的正面、光面和暗面三面组成，模拟3D，常用于引导页、空状态、弹窗。

　　绘制电商平台App金刚区家电图标,本案例是为媒体娱乐App制作的金刚区图标，该App是一款针对年轻人推出的社交应用，可以随时随地的和老朋友联系，还可以通过直播短视频结交新的朋友。

　　3.1.1任务引入,在设计绘制过程中，使用同色系的背景承托主体，微渐变的面型图标整体饱满、形象突出具有光影效果，抓住用户的视线。

　　图标设计表意准确，能够快速传达准确的信息，整体设计简洁美观，细节精巧在展现出图标主题的同时，增加活泼性，让人印象深刻。

　　3.1.2设计理念,效果图,1绘制矩形和圆角矩形,使用鼠标绘制矩形,精确绘制矩形,使用鼠标绘制圆角矩形,精确绘制圆角矩形使用“变换”控制面板制作实时转角,使用直接拖曳制作实时转角,3.1.3任务知识,2绘制椭圆形和圆形,使用鼠标绘制椭圆形,精确绘制椭圆形使用“变换”控制面板制作饼图,使用直接拖曳制作饼图,使用直接选择工具调整饼图转角,3.1.3任务知识,3绘制多边形,使用鼠标绘制多边形,精确绘制多边形,使用直接拖曳增加或减少多边形边数,使用“变换”控制面板制作实时转角,3.1.3任务知识,4绘制星形,使用鼠标绘制星形,精确绘制星形,3.1.3任务知识,3.1.3任务知识,5使用图案填充图案填充是绘制图形的重要手段，使用合适的图案填充可以使绘制的图形更加生动形象。

　　3.1.3任务知识,建立渐变网格应用渐变网格功能可以制作出图形颜色细微之处的变化，并且易于控制图形颜色。

　　使用网格工具建立渐变网格,使用“创建渐变网格”命令创建渐变网格,7.编辑渐变网格,3.1.3任务知识,添加网格点,删除网格点,编辑网格颜色,1,2,3.1.4任务实施,3,4,5,3.1.5扩展实践：

　　绘制电商平台App金刚区家电图标,使用圆角矩形工具、描边控制面板、椭圆工具、矩形工具和变换控制面板绘制洗衣机外形和功能按钮；使用椭圆工具、直线段工具和描边控制面板绘制洗衣机滚筒。

　　效果图,任务3.2绘制旅游出行App金刚区兼职图标,任务引入设计理念任务知识任务实施扩展实践：

　　绘制食品餐饮App产品图标,本案例是为旅游出行App制作的金刚区图标，该App是综合性旅行服务平台，可以随时随地向用户提供集酒店预订、旅游度假及兼职资讯在内的全方位旅行服务。

　　3.2.1任务引入,在设计绘制过程中半岛综合体育官方网站，使用纯色背景突出主体，微渐变的面型图标整体饱满、形象突出具有光影效果，抓住读者的视线。

　　图标设计表意准确，能够快速传达准确的信息，整体设计简洁美观，细节精巧在展现出图标主题的同时，增加活泼性，让人印象深刻。

　　对象刚建立时一般呈选取状态，对象的周围出现矩形圈选框，矩形圈选框是由8个控制手柄组成的，对象的中心有一个“”形的中心标记。

　　3.2.3任务知识,使用选择工具选取对象,使用直接选择工具选取对象,3.2.3任务知识,对象的比例缩放、移动和镜像对象的缩放：

　　使用工具箱中的工具比例缩放对象、使用“变换”控制面板成比例缩放对象、使用菜单命令缩放对象、使用鼠标右键的弹出式命令缩放对象。

　　4.使用“路径查找器”控制面板编辑对象,3.2.3任务知识,认识“路径查找器”控制面板的按钮：

　　在“路径查找器”控制面板的“形状模式”选项组中有5个按钮，从左至右分别是“联集”按钮、“减去顶层”按钮、“交集”按钮、“差集”按钮和“扩展”按钮。

　　在“路径查找器”选项组中有6个按钮，从左至右分别是“分割”按钮、“修边”按钮、“合并”按钮、“裁剪”按钮、“轮廓”按钮和“减去后方对象”按钮。

　　使用“路径查找器”控制面板,5.使用“描边”控制面板描边其实就是对象的描边线，对描边进行填充时，还可以对其进行一定的设置，如更改描边的形状、粗细以及设置为虚线描边等。

　　绘制食品餐饮App产品图标,使用圆角矩形工具、渐变工具、钢笔工具、矩形工具、椭圆工具和变换控制面板绘制美食图标。

　　效果图,任务3.3项目演练绘制家居装修App金刚区商店图标,任务引入设计理念,3.3.1任务引入,座儿家具App是专门销售现代家具的平台，包括沙发、橱柜、双人床等日常家具。

　　本例是为座儿家具App绘制金刚区图标，要求根据品牌的调性、产品的功能以及场景应用等因素设计一款微拟物图标。

　　3.3.2设计理念,在设计绘制过程中，使用样式多样化的基础图形叠加体现出品牌的多元化和个性化，即带给用户带来视觉上的冲击力，也体现了图标生动的形象；图标整体色彩丰富多样，表现形式层次分明，具有吸引力。

　　随着信息化时代的到来，插画设计作为视觉信息传达的重要手段之一，已经广泛应用到现代艺术设计领域。

　　插画设计基础,1插画的概念插画以宣传主题内容的意义为目的，通过将主题内容进行视觉化的图画效果表现，营造出主题突出明确，感染力、生动性强的艺术视觉效果。

　　海报、广告、杂志、说明书、书籍、包装等设计中，凡是用来做“宣传主题内容”用的图画都可以称之为插画。

　　插画设计基础,2插画的应用领域插画被广泛应用于现代艺术设计的多个领域，包括互联网、媒体、出版、文化艺术、广告展览、公共事业、影视游戏等。

　　插画设计基础,3插画的分类插画的种类繁多，可以分为出版物插图、商业宣传插画、吉祥物插图、影视与游戏美术设计插画、艺术创作类插画。

　　绘制轮船插画,插画以其直观的形象、真实的生活感和美的感染力，在现代设计中占有特定的地位，已广泛用于现代设计的多个领域。

　　本案例是绘制自然风景插画，插画的要求是符合主题内容，插画的搭配合理，要求表现出大自然的生机。

　　4.1.1任务引入,在设计绘制过程中，夕阳西下，映红了天边的晚霞，给人无限的遐想；绚烂的云彩为这夕阳美景更增添了几分神秘的气息。

　　树影婆娑的山林和远处若隐若现的山峰相互呼应，为落日图增添了几分生机，让会到线填充工具应用工具箱中的“填色”和“描边”工具，可以指定所选对象的填充颜色和描边颜色。

　　“颜色”控制面板上的按钮用来进行填充颜色和描边颜色之间的互相切换，操作方法与工具箱中按钮的使用方法相同。