平面设计创意与制作教学ppt课件(完整版)PPT资料.pptx
- 文档编号:22968485
- 上传时间:2023-02-06
- 格式:PPTX
- 页数:277
- 大小:14.05MB
平面设计创意与制作教学ppt课件(完整版)PPT资料.pptx
《平面设计创意与制作教学ppt课件(完整版)PPT资料.pptx》由会员分享,可在线阅读,更多相关《平面设计创意与制作教学ppt课件(完整版)PPT资料.pptx(277页珍藏版)》请在冰豆网上搜索。
现今,生活中随处可见UI设计的应用,如智能手表界面、车载系统界面、App界面以及网页界面等。
平面设计的相关应用6标志设计标志是具有象征意义的视觉符号。
它借助图形和文字的巧妙设计组合,艺术地传递出某种信息,表达某种特殊的含义。
标志作为企业的无形资产,它的价值会随同企业的增值不断累积。
平面设计的相关应用7VI设计VI(VisualIdentity)即企业视觉识别,是指以建立企业的理念识别为基础,将企业理念、企业使命、企业价值观经营概念变为具体视觉识别符号,并进行具体化、视觉化的传播。
平面设计的相关应用8H5设计H5指的是移动端上基于HTML5技术的交互动态网页,是用于移动互联网的一种新型营销工具,通过移动平台传播。
H5的应用形式多样,常见的应用领域有品牌宣传、产品展示、活动推广、知识分享、新闻热点、会议邀请、企业招聘、培训招生等。
平面设计的相关应用121.1.3任务实施:
收集VI设计的作品图片34任务引入任务知识:
平面设计的工作流程任务实施:
收集饮品海报的设计素材任务1.2明确平面设计的工作流程本任务通过讲解平面设计的工作流程知识,了解平面设计的工作流程步骤。
并通过在相关网站中调研相关设计,进一步掌握平面设计的具体实施步骤。
1.2.1任务引入平面设计的基本流程为需求分析、素材收集、草稿设计、视觉设计、审核修改、完稿验收这六大步骤。
1.2.2任务知识:
平面设计的工作流程121.2.3任务实施:
收集饮品海报的设计素材34本章简介:
本项目在了解了平面设计的基础知识后,我们来熟悉常用的矢量图形处理和编辑工具,矢量图形处理和编辑工具有很多,我们以Illustrator为例来进行介绍。
本章通过对Illustrator基础的讲解,使读者对Illustrator有初步的认识和了解,并快速掌握Illustrator的基础知识和基本操作方法,为进一步的学习打下一个坚实的基础。
项目2熟悉设计工具Illustrator基础操作学习引导知识目标能力目标素养目标学习目标1熟悉软件界面的基础操作2掌握文件的基本操作3掌握图像的基本操作1熟练掌握Illustrator界面操作2掌握Illustrator文件的设置方法3熟悉图像的基本操作方法培养对软件基本操作的熟悉度相关知识:
了解设计工具软件目前在平面设计工作中,经常使用的主流软件有Photoshop、Illustator、InDesign和CorelDRAW,这4款软件每一款都有鲜明的功能特色。
要想根据创意制作出完美的平面设计作品,就需要熟练使用这4款软件,并能很好的利用不同软件的优势,将其巧妙地结合使用。
相关知识:
了解设计工具软件1PhotoshopPhotoshop是Adobe公司出品的最强大的图像处理软件之一,是集编辑修饰、制作处理、创意编排、图像输入与输出于一体的图形图像处理软件,深受平面设计人员、电脑艺术和摄影爱好者的喜爱。
Photoshop启动界面相关知识:
了解设计工具软件2IllustratorIllustrator是Adobe公司推出的专业矢量绘图工具,是出版、多媒体和在线图像的工业标准矢量插画软件。
AdobeIllustrator的应用人群主要包括印刷出版线稿的设计者和专业插画家、多媒体图像的艺术家和网页或在线内容的制作者。
Illustrator启动界面相关知识:
了解设计工具软件3InDesignInDesign是由Adobe公司开发的专业排版设计软件,是专业出版方案的新平台。
它功能强大、易学易用,能够使读者通过内置的创意工具和精确的排版控制为打印或数字出版物设计出极具吸引力的页面版式,深受版式编排人员和平面设计师的喜爱。
InDesign启动界面相关知识:
了解设计工具软件4CorelDrawCorelDRAW是由加拿大的Corel公司开发的集矢量图形设计、印刷排版、文字编辑处理和图形输出于一体的平面设计软件。
CorelDRAW软件是丰富的创作力与强大功能的完美结合,它深受平面设计师、插画师和版式编排人员的喜爱。
CorelDraw启动界面任务引入任务知识:
Illustrator界面及基础操作任务实施:
熟悉Illustrator界面操作任务2.1熟悉软件界面基础操作通过打开文件和取消编组熟悉菜单栏的操作,通过选取图形掌握工具箱中工具的使用方法,通过改变图形的颜色掌握控制面板的使用方法。
2.1.1任务引入2.1.2任务知识:
Illustrator界面及基础操作1界面介绍IllustratorCC2019的工作界面主要由标题栏、菜单栏、工具箱、工具属性栏、控制面板、页面区域、滚动条和状态栏等部分组成。
IllustratorCC2019的工作界面菜单栏2.菜单栏及其快捷方式llustratorCC2019中的菜单栏包含“文件”“编辑”“对象”“文字”“选择”“效果”“视图”“窗口”和“帮助”这9个菜单。
每个菜单里又包含相应的子菜单。
2.1.2任务知识:
Illustrator界面及基础操作3.工具箱工具箱中部分工具按钮的右下角带有一个黑色三角形,表示该工具还有展开工具组,用鼠标按住该工具不放,即可弹出展开工具组。
工具箱工具组展开2.1.2任务知识:
Illustrator界面及基础操作4.工具属性栏IllustratorCC2019的工具属性栏可以快捷应用与所选对象相关的选项,它根据所选工具和对象的不同来显示不同的选项,包括画笔、描边、样式等多个控制面板的功能。
例如选择路径对象的锚点后,工具属性栏如图所示。
属性栏2.1.2任务知识:
Illustrator界面及基础操作5.控制面板IllustratorCC2019的控制面板位于工作界面的右侧,它包括许多实用、快捷的工具和命令。
随着IllustratorCC2019功能的不断增强,控制面板也在不断改进,越来越合理,为用户绘制和编辑图像带来了更大的方便。
控制面板以组的形式出现,如图所示是其中的一组控制面板。
控制面板2.1.2任务知识:
Illustrator界面及基础操作6.状态栏新建或打开一个文档,状态栏在工作界面的最下面,单击黑色小三角形按钮,显示当前使用的工具,当前的日期和时间,文件操作的还原次数和文档颜色配置文件等。
状态栏2.1.2任务知识:
Illustrator界面及基础操作122.1.3任务实施:
熟悉Illustrator界面操作34任务2.2掌握文件的基本操作任务引入任务知识:
文件的设置方法任务实施:
掌握Illustrator文件的操作技巧2.2.1任务引入通过打开案例效果熟练掌握打开命令,通过复制文件熟练掌握新建命令,通过关闭新建文件掌握保存和关闭命令。
2.2.2任务知识:
文件的设置方法“新建”对话框1.新建文件选择“文件新建”命令(组合键为Ctrl+N),弹出“新建文档”对话框,用户根据需要单击上方的类别选项卡,选择需要的预设新建文档。
在右侧的“预设详细信息”选项中修改图像的名称、宽度和高度、分辨率和颜色模式等预设数值。
设置完成后,单击“创建”按钮,即可建立一个新的文档。
“打开”对话框2.打开文件选择“文件打开”命令(组合键为Ctrl+O),弹出“打开”对话框。
在对话框中搜索路径和要打开的文件,确认文件类型和名称,单击“打开”按钮,即可打开选择的文件。
文件的设置方法“存储为”对话框3.保存文件选择“文件存储”命令(组合键为Ctrl+S),弹出“存储为”对话框。
在对话框中输入要保存文件的名称,设置保存文件的路径、保存类型。
设置完成后,单击“保存”按钮,即可保存文件。
文件的设置方法4.关闭文件选择“文件关闭”命令(组合键为Ctrl+W),如图所示,可将当前文件关闭。
“关闭”命令只有当有文件被打开时才呈现为可用状态。
“关闭”命令2.2.2任务知识:
文件的设置方法2.2.3任务实施:
掌握Illustrator文件的操作技巧123任务2.3掌握图像的基本操作任务引入任务知识:
图像的操作方法任务实施:
熟悉图像的基本操作技巧2.3.1任务引入通过将窗口层叠显示命令掌握窗口排列的方法,通过缩小文件掌握图像的显示方式,通过在轮廓中删除不需要的图形掌握图像视图模式的切换方法。
1.图像的显示方式适合窗口大小显示图像绘制图像时,可以选择“适合窗口大小”命令来显示图像,这时图像就会最大限度地显示在工作界面中并保持其完整性。
选择“视图适合窗口大小”命令(组合键为Ctrl+0),也可以用鼠标双击抓手工具,将图像调整为适合窗口大小显示。
显示图像的实际大小“实际大小”命令可以将图像按100%的效果显示,在此状态下可以对文件进行精确的编辑。
选择“视图实际大小”命令(组合键为Ctrl+1)。
放大显示图像选择“视图放大”命令(组合键为Ctrl+),每选择一次“放大”命令,页面内的图像就会被放大一级。
也可使用缩放工具放大显示图像。
选择“缩放”工具,在页面中鼠标指针会自动变为放大镜,每单击一次鼠标左键,图像就会放大一级。
2.3.2任务知识:
图像的操作方法缩小显示图像选择“视图缩小”命令,每选择一次“缩小”命令,页面内的图像就会被缩小一级(也可连续按Ctrl+-组合键)。
全屏显示图像全屏显示图像,可以更好地观察图像的完整效果。
全屏显示图像有以下几种方法。
单击工具箱下方的屏幕模式转换按钮,可以在3种模式之间相互转换,即正常屏幕模式、带有菜单栏的全屏模式和全屏模式。
按F键也可切换屏幕显示模式。
图像的操作方法2.窗口的排列方法打开多个图像文件后,屏幕会出现多个图像文件窗口,这就需要对窗口进行布置和摆放。
选择“窗口排列全部在窗口中浮动”命令或“窗口排列平铺”命令,图像的效果分别如图所示。
全部在窗口中浮动示意图平铺示意图2.3.2任务知识:
图像的操作方法3.标尺、参考线和网格的设置和使用IllustratorCC2019提供了标尺、参考线和网格等工具,利用这些工具可以帮助用户对所绘制和编辑的图形图像精确定位,还可测量图形图像的准确尺寸。
标尺选择“视图标尺显示标尺”命令(组合键为Ctrl+R),显示出标尺。
如果要将标尺隐藏,可以选择“视图标尺隐藏标尺”命令(组合键为Ctrl+R)。
如果需要设置标尺的显示单位,则选择“编辑首选项单位”命令,弹出“首选项”对话框,可以在“常规”选项的下拉列表中设置标尺的显示单位。
图像的操作方法参考线选择“视图参考线建立参考线”命令(组合键为Ctrl+5),将选中的路径转换为参考线。
选择“视图参考线释放参考线”命令(组合键为Alt+Ctrl+5),可以将选中的参考线转换为路径。
选择“视图参考线隐藏参考线”命令(组合键为Ctrl+;
),可以将参考线隐藏。
选择“视图参考线锁定参考线”命令(组合键为Alt+Ctrl+;
),可以将参考线进行锁定。
选择“视图参考线清除参考线”命令,可以清除参考线。
选择“视图智能参考线”命令(组合键为Ctrl+U),可以显示智能参考线。
当图形移动或旋转到一定角度时,智能参考线就会高亮显示并给出提示信息。
网格选择“视图显示网格”命令(组合键为Ctrl+),即可显示出网格。
选择“视图隐藏网格”命令(组合键为Ctrl+),将网格隐藏。
如果需要设置网格的颜色、样式、间隔等属性,选择“编辑首选项参考线和网格”命令,弹出“首选项”对话框。
图像的操作方法4.撤销和恢复对对象的操作撤销对对象的操作选择“编辑还原”命令(组合键为Ctrl+Z),可以还原上一次的操作。
连续按组合键,可以连续还原原来操作的命令。
恢复对对象的操作选择“编辑重做”命令(组合键为Shift+Ctrl+Z),可以恢复上一次的操作。
如果连续按两次组合键,即恢复两步操作。
图像的操作方法2.3.3任务实施:
熟悉图像的基本操作技巧1234本章简介:
图标设计是UI设计中重要的组成部分,可以帮助用户更好地理解产品的功能,是营造产品用户体验的关键一环。
本章以多个图标设计为例,讲解图标的设计方法和制作技巧。
项目3制作界面元素图标设计学习引导知识目标能力目标素养目标学习目标1.了解图标的概念2.掌握图标的类型和设计风格1熟悉图标的设计思路和过程2掌握图标的绘制方法和技巧1培养对图标的设计创意能力2培养对图标的审美与鉴赏能力实训项目1.绘制媒体娱乐App金刚区歌单图标2.绘制旅游出行App金刚区兼职图标相关知识:
图标设计基础1图标的概念图标(Icon)是具有明确指代含义的图形。
通过将某个词语或概念设计成形象易辨的图形,进而降低用户的理解成本、提高设计的整体美观度。
图标通常和文本相互搭配使用,两者相互支撑,共同起到传递其中所要表达的内容、信息以及意义的作用。
图标设计基础2图标的类型产品图标产品图标是体现产品品牌调性和特性的图标,该类图标通常出现在电脑桌面、手机桌面以及APP应用市场等综合场景。
图标设计基础2图标的类型功能图标功能图标是图形化的符号,具有明确功能,该类图标通常出现在界面中的导航栏以及标签栏等需要用户进行操作的界面模块。
图标设计基础2图标的类型装饰图标装饰图标用于提升渲染气氛,更多的是承担视觉性作用,该类图标通常出现在引导页、空状态、弹窗、404页等页面进行内容点缀。
图标设计基础3图标的设计风格拟物风格拟物化风格的图标贴近现实,带有渐变、高光、阴影等效果。
iOS6时代拟物风格到达了流行的巅峰,现常用于工具类、游戏类应用图标。
图标设计基础3图标的设计风格扁平风格扁平风格图标与拟物风格图标相反,很少有渐变、高光、阴影等效果,自2013年iOS7推出扁平风格成为了设计的主流趋势,现被广泛运用。
图标设计基础3图标的设计风格3D风格3D风格的图标立体有层次,由若干个几何多边体构成,其制作软件通常为3DMax和C4D,常用于游戏中。
图标设计基础3图标的设计风格2.5D风格2.5D风格的图标是由物体的正面、光面和暗面三面组成,模拟3D,常用于引导页、空状态、弹窗。
任务3.1绘制媒体娱乐App金刚区歌单图标任务引入设计理念任务知识任务实施扩展实践:
绘制电商平台App金刚区家电图标本案例是为媒体娱乐App制作的金刚区图标,该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任务知识6.建立渐变网格应用渐变网格功能可以制作出图形颜色细微之处的变化,并且易于控制图形颜色。
使用渐变网格可以对图形应用多个方向、多种颜色的渐变填充。
使用网格工具建立渐变网格使用“创建渐变网格”命令创建渐变网格7.编辑渐变网格3.1.3任务知识添加网格点删除网格点编辑网格颜色123.1.4任务实施3453.1.5扩展实践:
绘制电商平台App金刚区家电图标使用圆角矩形工具、描边控制面板、椭圆工具、矩形工具和变换控制面板绘制洗衣机外形和功能按钮;
使用椭圆工具、直线段工具和描边控制面板绘制洗衣机滚筒。
效果图任务3.2绘制旅游出行App金刚区兼职图标任务引入设计理念任务知识任务实施扩展实践:
绘制食品餐饮App产品图标本案例是为旅游出行App制作的金刚区图标,该App是综合性旅行服务平台,可以随时随地向用户提供集酒店预订、旅游度假及兼职资讯在内的全方位旅行服务。
图标旨在帮助出行人员介绍各种旅行途中的兼职工作、提供一切符合需求的岗位需求。
要求设计应符合App的定位和场景需求。
3.2.1任务引入在设计绘制过程中,使用纯色背景突出主体,微渐变的面型图标整体饱满、形象突出具有光影效果,抓住读者的视线。
图标设计表意准确,能够快速传达准确的信息,整体设计简洁美观,细节精巧在展现出图标主题的同时,增加活泼性,让人印象深刻。
3.2.2设计理念效果图1.对象的选取编辑一个对象之前,首先要选中这个对象。
对象刚建立时一般呈选取状态,对象的周围出现矩形圈选框,矩形圈选框是由8个控制手柄组成的,对象的中心有一个“”形的中心标记。
当选取多个对象时,可以多个对象共有1个矩形圈选框。
要取消对象的选取状态,只要在绘图页面上的其他位置单击即可。
3.2.3任务知识使用选择工具选取对象使用直接选择工具选取对象3.2.3任务知识2.对象的比例缩放、移动和镜像对象的缩放:
使用工具箱中的工具比例缩放对象、使用“变换”控制面板成比例缩放对象、使用菜单命令缩放对象、使用鼠标右键的弹出式命令缩放对象。
对象的移动:
使用工具箱中的工具和键盘移动对象、使用“变换”控制面板移动对象、使用菜单命令移动对象。
对象的镜像:
使用工具箱中的工具镜像对象、使用“选择”工具镜像对象、使用菜单命令镜像对象。
3.2.3任务知识3.对象的旋转和倾斜变形对象的旋转:
使用工具箱中的工具旋转对象、使用“变换”控制面板旋转对象、使用菜单命令旋转对象。
对象的倾斜:
使用工具箱中的工具倾斜对象、使用“变换”控制面板倾斜对象、使用菜单命令倾斜对象。
4.使用“路径查找器”控制面板编辑对象3.2.3任务知识认识“路径查找器”控制面板的按钮:
在“路径查找器”控制面板的“形状模式”选项组中有5个按钮,从左至右分别是“联集”按钮、“减去顶层”按钮、“交集”按钮、“差集”按钮和“扩展”按钮。
在“路径查找器”选项组中有6个按钮,从左至右分别是“分割”按钮、“修边”按钮、“合并”按钮、“裁剪”按钮、“轮廓”按钮和“减去后方对象”按钮。
使用“路径查找器”控制面板5.使用“描边”控制面板描边其实就是对象的描边线,对描边进行填充时,还可以对其进行一定的设置,如更改描边的形状、粗细以及设置为虚线描边等。
选择“窗口描边”命令(组合键为Ctrl+F10),弹出“描边”控制面板。
“描边”控制面板主要用来设置对象描边的属性,如粗细、形状等。
3.2.3任务知识123.2.4任务实施343.2.5扩展实践:
绘制食品餐饮App产品图标使用圆角矩形工具、渐变工具、钢笔工具、矩形工具、椭圆工具和变换控制面板绘制美食图标。
效果图任务3.3项目演练绘制家居装修App金刚区商店图标任务引入设计理念3.3.1任务引入座儿家具App是专门销售现代家具的平台,包括沙发、橱柜、双人床等日常家具。
平台中的家具以现代、实用、百搭的价值主张广受好评。
本例是为座儿家具App绘制金刚区图标,要求根据品牌的调性、产品的功能以及场景应用等因素设计一款微拟物图标。
3.3.2设计理念在设计绘制过程中,使用样式多样化的基础图形叠加体现出品牌的多元化和个性化,即带给用户带来视觉上的冲击力,也体现了图标生动的形象;
图标整体色彩丰富多样,表现形式层次分明,具有吸引力。
效果图本章简介:
随着信息化时代的到来,插画设计作为视觉信息传达的重要手段之一,已经广泛应用到现代艺术设计领域。
由于电脑软件技术的发展,插画的设计更加趋于多样化,并随着现代艺术思潮的发展而不断创新。
本章以多个主题插画设计为例,讲解插画的设计方法和制作技巧。
项目4制作生动图画插画设计学习引导知识目标能力目标素养目标学习目标1.了解插画的概念2.掌握插画的应用领域和分类1熟悉插画的设计思路和过程2掌握插画的绘制方法和技巧1培养对插画的设计创意能力2培养对插画的审美与鉴赏能力实训项目1.绘制风景插画2.绘制许愿灯插画相关知识:
插画设计基础1插画的概念插画以宣传主题内容的意义为目的,通过将主题内容进行视觉化的图画效果表现,营造出主题突出明确,感染力、生动性强的艺术视觉效果。
海报、广告、杂志、说明书、书籍、包装等设计中,凡是用来做“宣传主题内容”用的图画都可以称之为插画。
插画设计基础2插画的应用领域插画被广泛应用于现代艺术设计的多个领域,包括互联网、媒体、出版、文化艺术、广告展览、公共事业、影视游戏等。
插画设计基础3插画的分类插画的种类繁多,可以分为出版物插图、商业宣传插画、卡通吉祥物插图、影视与游戏美术设计插画、艺术创作类插画。
任务4.1绘制风景插画任务引入设计理念任务知识任务实施扩展实践:
绘制轮船插画插画以其直观的形象、真实的生活感和美的感染力,在现代设计中占有特定的地位,已广泛用于现代设计的多个领域。
本案例是绘制自然风景插画,插画的要求是符合主题内容,插画的搭配合理,要求表现出大自然的生机。
4.1.1任务引入在设计绘制过程中,夕阳西下,映红了天边的晚霞,给人无限的遐想;
绚烂的云彩为这夕阳美景更增添了几分神秘的气息。
树影婆娑的山林和远处若隐若现的山峰相互呼应,为落日图增添了几分生机,让人体会到真实和美的感受。
4.1.2设计理念效果图4.1.3任务知识1填充工具应用工具箱中的“填色”和“描边”工具,可以指定所选对象的填充颜色和描边颜色。
当单击按钮(快捷键为X)时,可以切换填色显示框和
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 平面设计 创意 制作 教学 ppt 课件 完整版
![提示](https://static.bdocx.com/images/bang_tan.gif)