平面设计基础课程_第1页
平面设计基础课程_第2页
平面设计基础课程_第3页
平面设计基础课程_第4页
平面设计基础课程_第5页
已阅读5页,还剩166页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

第七天/下午SeventhDayAdobeillustrator是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件,作为一款非常好的矢量图形处理工具。该软件主要应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等,也可以为线稿提供较高的精度和控制,适合生产任何小型设计到大型的复杂项目。矢量绘图软件:Illustrator基础操作图标绘制混合运算扁平插画布尔运算新建文件/保存1、新建文件(Ctrl+N)2、保存文件(Ctrl+S)3、另保存文件(Shift+Ctrl+S)分辨率改变横竖排版纸张格式A4.A3....颜色模式说明注意事项:尽量将文件保存在其他硬盘,不要存C盘,电脑容易加载不了。绘图工作准备1、首选项(ctrl+k)>击增效工具和暂存盘>暂存盘>主要和次要>选择硬盘。(注:C盘是固态硬盘才推荐设置为主要暂存盘)2、首选项(ctrl+k)>文件处理和剪贴板>数据恢复(主要设置文件自动保存的时间间隙,必须得设置好防止文件崩溃,造成不必要的损失)分辨率注意事项:尽量将文件保存在其他硬盘,不要存C盘,电脑容易加载不了。基础操作SeventhDay第七天/下午A——菜单栏B——属性栏C——标题栏D——工具箱E——状态栏F——工作区G——滚动条H——浮动面板ABCDEFGH注意事项:工具栏丢失或不见时,点击右上角的“基本功能”>”重置基本功能。菜单及工具箱

图A-2工具箱选择工具魔棒工具钢笔工具直线段工具画笔工具斑点画笔工具旋转工具宽度工具形状生成器工具网格工具吸管工具符号喷枪工具画板工具抓手工具填充填充颜色改变屏幕模式渐变颜色直接选择工具套索工具文字工具矩形工具铅笔工具橡皮擦工具比例缩放工具自由变换工具透视网格工具渐变工具混合工具柱形图工具切片工具缩放工具描边颜色关闭描边或者填充注意事项:直接选择工具、钢笔工具、矩形工具、形状生成器工具、渐变工具、混合工具属于常用工具。常用工具:1、钢笔工具(P)2、直接选择工具(A)3、矩形工具(M)4、形状生成器工具(Shift+M)5、渐变工具(G)6、混合工具(W)7、吸管工具(I)8、抓手工具(H)9、缩放工具(Z)菜单及工具箱直接选择工具混合工具形状生成器工具钢笔工具矩形工具(长按可出现二级画面)渐变工具注意事项:直接选择工具、钢笔工具、矩形工具、形状生成器工具、渐变工具、混合工具属于常用工具。常用工具:1、钢笔工具(P)2、直接选择工具(A)3、矩形工具(M)4、形状生成器工具(Shift+M)5、渐变工具(G)6、混合工具(W)重要工作面板渐变工具很常用,尤其在插画当中,能调节很漂亮的色彩。注意事项:使用渐变工具一定要选择色彩模式,否则=只有黑白两色。渐变:Ctrl+Shift+F10功能介绍保存和另存为JPG,PNGRGB-CMYK之间转换1、文档颜色模式主要是转换RGB和CMYK颜色。2、印刷、喷绘等使用CMYK模式,在屏幕上显示用RGB模式。注意事项:每个电脑显示屏都有色差呈现的画面又不一样,RGB在电脑上显示时颜色鲜艳,CMYK印刷出会明度降低,有些灰。印刷时注意颜色模式。常用工具功能介绍扩展、扩展外观、路径、形状、混合等工具在绘制图形时经常用到,也方便做各种炫酷特效。注意事项:扩展、扩展外观是可以混合图形打散成个体。文件操作置入命令是将IllustratorCS6以外的图片或者图形等格式置入画板,对其进行排版or编辑。注意事项:这里的置入和Cdr里的置入是一样的,是将图片或素材置入画板。。文件操作置入命令是将IllustratorCS6以外的图片或者图形等格式置入画板,对其进行排版or编辑。注意事项:这里的置入和Cdr里的置入是一样的,是将图片或素材置入画板。文档设置文件操作编辑画板主要是调整画板尺寸、增加或减少数量、移动画板(Shift+O)。注意事项:画板设置完成后,若是想修改画板尺寸,按Shift+O,进行尺寸修改。各窗口的快捷键窗口面板注意事项:若是工具找不到,或者不知道时,点击“窗口”里面有很多常用的工具。常用工具:1、对齐(Shift+F7)2、描边(Ctrl+F10)3、渐变(Ctrl+F9)4、路径查找器(Shift+Ctrl+F9)5、透明度(Shift+Ctrl+F10)6、颜色(F6)不透明度可调节物体的不透明度,根据实际情况使用。注意事项:不透明度数值决定物体的模糊透明程度。路径查找器:Ctrl+Shift+F9透明度:Ctrl+Shift+F10不透明度可调节物体的不透明度,根据实际情况使用。注意事项:不透明度数值决定物体的模糊透明程度。描边描边面板:Ctrl+F10注意事项:描边对话框可根据需求调整。设置线条粗细,也可以设置线段,线段间隙大小也可设置。在插画中经常使用到该工具注意事项重点:1、绘制图形想要转圆角,先点击右键看看有没有该操作,没有查看菜单栏,“边角”调度数即可。2、右边下方有图层,若是想要快速找到图形层次关系,可在图层绘制图形,查找时,点击即可。注意事项:绘制图形遇到不可逆行为时,单击鼠标右键。位图与矢量图区别注意事项:位图放大会模糊失真,矢量图放大会失真。常见文件格式AI常见的置入输出格式:置入:psd、jpg、png、svg等导出:eps、dwg、jpg、psd等psd格式jpg格式注意事项:png格式常见文件格式AI常见的置入输出格式:置入:psd、jpg、png、svg等导出:eps、dwg、jpg、psd等注意事项:SVG格式常见文件格式AI常见的置入输出格式:置入:psd、jpg、png、svg等导出:eps、dwg、jpg、psd等注意事项:SVG格式常见文件格式AI常见的置入输出格式:置入:psd、jpg、png、svg等导出:eps、dwg、jpg、psd等注意事项:AI

EPS

SVG常见文件格式AI常见的置入输出格式:置入:psd、jpg、png、svg等导出:eps、dwg、jpg、psd等注意事项:图像的显示效果视图模式1、预览模式—系统默认。2、轮廓模式—菜单>视图>轮廓(Ctrl+Y)。3、叠印预览模式—菜单>视图>叠印预览模式(Shift+Ctrl+Alt+Y)。4、像素预览模式—菜单>视图>像素预览模式(Ctrl+Alt+Y)。

图A-11预览模式

图A-12轮廓模式

图A-13叠印预览模式

图A-14像素预览模式注意事项:窗口大小与图像的实际大小视图模式1、预览模式—系统默认。2、轮廓模式—菜单>视图>轮廓(Ctrl+Y)。3、叠印预览模式—菜单>视图>叠印预览模式(Shift+Ctrl+Alt+Y)。4、像素预览模式—菜单>视图>像素预览模式(Ctrl+Alt+Y)。注意事项:风格化1、内发光——可在对象的内部创建发光的外观效果;2、圆角——可以为对象添加圆角效果;3、外发光——可在对象的外部创建发光的外观效果;4、投影——可为对象添加投影效果;5、涂抹——可将图形或文字设计成草图、刺绣等效果;6、羽化——可将对象的边缘从实心颜色逐渐过渡为无色。注意事项:PS效果1、AI里可以制作出Ps效果如右图所示。2、点击右上方“基本功能”>“重置基本功能”可以恢复工具栏(不小心错关时用)。注意事项:像素4种效果

扭曲3种效果

PS效果1、像素——可将图像中的颜色相似的像素合并起来,产生特殊效果(如图J-11所示);2、扭曲——可对象素值进行值移动来使图像达到扭曲的效果注意事项:PS效果1、模糊——可减弱相邻像素之间的对比度,使图像达到柔化的效果(如图J-13所示);2、画笔描边——可通过不同的画笔和油墨设置产生类似绘画效果画笔描边8种效果

模糊3种效果

注意事项:PS效果——高斯模糊效果>模糊>高斯模糊,弹出对话框,调节数值即可。注意事项:半径数值的大小决定物体的模糊程度。PS效果素描——可模拟现实中的素描、写生等美术方法对对象进行处理;素描14种效果

铬黄注意事项:PS效果纹理——可使图像产生各种纹理效果,还可以利用前景色在空白的图像上制作纹理图。纹理6种效果

注意事项:PS效果1、艺术效果——可模拟不同的艺术派别,使用不同的工具和介质为图像创造出不同的艺术效果(如图J-17所示)。2、视频——可从摄像机输入图像或者将AI格式的图像输入录像带上,主要用于解决AI格式图像与视频图像交换时产生的系统差异问题。艺术效果15种效果

注意事项:PS效果风格化——可把图像中的低对比度区域为黑色,高对比度区域为白,从而使图像上不同颜色的交界处现发光色的效果。风格化效果

注意事项:文本的编辑和处理基础操作SeventhDay第七天/下午文字输入方法:1、点输入——点输入就是先用文字工具单击工作区,然后输入文字;2、框输入——选中文字工具,在工作区中按住鼠标绘制文本框,大小可以在绘制过程中根据实际情况而定。不同的形状输入文字得到不同的排版。文字工具注意事项:A、单击选项文本框右侧按钮,弹出下拉列表中选择一种需要的字体。B、设置字体大小,控制文本的大小,单击数值左侧上下微调按钮,可调节字号的数值C、设置行距,控制文本的行距,定义文本中行与行之间的距离。D、水平缩放,使文字的纵向大小保持不变,横向被缩放。小于100%表示文字压扁,反之则表示被拉伸。E、垂直缩放,使文字尺寸横向保持不变,纵向被缩放。小于100%表示文字压扁,反之则表示被拉长。F、字距微调,用于调整字符之间的水平间距,输入正值,字距变大,反之则变小。G、字符调整,用于细微地调整字符与字符之间的距离。H、基线偏移,用英语调节文字的上下位置,可以为文字制作上下标。正值表示上标,负值则为下标。设置字符格式F.1、文字可在任意形状的区域进行输入和编辑。2、绘制相应的路径区域或路径,选中文字工具,单击区域内部或路径输入文本。区域文字与路径文字路径文字区域文字注意事项:路径文字可以创造很多造型且有意思的文字图形。菜单>文字>区域文字选项区域文字选项注意事项:双击红色方块,显示其余文本。串接文本双击红色方块,弹出文本框,显示文字其余部分。注意事项:双击蓝色小方块即可展现剩余文字。1、菜单>文字>避头尾法则设置。2、“添加”可加入其他字符进行避头尾法则设置。避头尾法则调整前调整后注意事项:文字创建轮廓1、打散后的文字不具备文字的任何属性,不可进行文字修改与编辑。2.防止文字在传输过程中出现字体的更改和变化。创建轮廓与段落格式注意事项:图文混排1、菜单>对象>文本绕排>建立or释放。2、取消文本绕排效果,可选择“释放”。3、“文本绕排选项”调整文字和图形的间距。选中文字和图形执行绕排命令复制绕排图形注意事项:作业练习作业练习从上到下由简变繁,可根据自身的要求来做练习。使用ps效果处理①图②③布尔运算EighthDay第八天/上午AI核心命令讲解布尔运算:由浅入深布尔运算是形状经过联合,相交,相减等操作从而得到新的形状,这就叫布尔运算。什么是布尔运算布尔运算用到的什么地方1、布尔运算运用到了设计、生活的很多场景中,从扁平化的LOGO、轻质感的图标、再到三维空间图形都在使用布尔运算。2、生活中也无处不见,例如螺丝、楼梯、古代的八卦图、风扇等等。3、绘制布尔运算图形时可以从生活中的事物中提取有效信息。LOGO图标三维风扇楼梯古代八卦注意事项:1、Illustrator和Photoshop都可以进行布尔运算,但相对AI比较方便操作,根据实际情况而定。2、菜单栏里面打开路径查找器面板(快捷键shift+ctrl+F9),共有10种模式。用什么软件制作布尔运算❶❷❸❹❺❻❼❽❾❿注意事项:图形在使用“差集/分割/修边/合并/裁剪/轮廓”都要“取消全组”(单击右键取消全组)才可以再次编辑图形。Illustrator和Photoshop都可以进行布尔运算,但相对AI比较方便操作,根据实际情况而定。用什么软件制作布尔运算注意事项:图形在使用“差集/分割/修边/合并/裁剪/轮廓”都要“取消全组”(单击右键取消全组)才可以再次编辑图形。形状生成器(Shift+M)它的功能简单方便强大,推荐新手运用,可以一键就把想要的形状剪切出来。布尔运算神器—形状生成器形状生成器位置形状生成器选项注意事项:步骤1用形状生成器鼠标移动到相应块面出现网格区域,点击即可得到形状。步骤2点击得到中间区域(3)的形状。步骤3若选择更多想要的区域,用形状生成器一直点击鼠标左键不动拉动想要的区域。步骤4拉动后即可得到中间区域(2、3、4)的形状。布尔运算神器—形状生成器注意事项:形状生成器固然好用,但新手先练习“路径查找器的10个操作,锻炼逻辑思维能力,对后期布尔运算图形化处理有很大的帮助。步骤1绘制一个大圆并复制两个等比缩小,绘制长方形。步骤2点“R”并按住Alt移动中心点,弹出旋转框,输入60°,点击复制,然后按Ctrl+D,连续复制3个图形。图标绘制步骤1步骤2重点:椭圆工具、矩形工具、旋转工具注意事项:步骤3步骤4步骤3选择方形和圆形并点击“分割”,其他方形重复其操作。步骤4选择图形,单击鼠标右键,选择“取消群组”。将多余的图形删掉。图标绘制重点:路径查找器——分割、联集注意事项:步骤5步骤6步骤5填充相对应的颜色,若是调不准颜色,可以直接用吸管吸色。步骤6选择图形,单击鼠标右键,选择“取消群组”。将多余的图形删掉。图标绘制重点:颜色填充、图层顺序注意事项:步骤1绘制正圆并复制一个。步骤2点“R”并按住Alt移动中心点,弹出旋转框,输入60°,点击复制,然后按Ctrl+D,连续复制1个图形。图标绘制重点:椭圆工具、旋转工具注意事项:图标绘制重点:路径查找器——减去顶层、交集步骤3选择红色和绿色圆,点击得到绿色月牙。复制黑色圆并选中黑色圆和绿色月牙,点击等到绿色图形。步骤4点“R”并按住Alt移动中心点,弹出旋转框,输入60°,点击复制,然后按Ctrl+D,连续复制5个图形。注意事项:步骤5选中图形,点击“渐变工具”添加颜色。步骤6选择吸管工具吸取渐变色,填充其他图形。然后描白边(2个点的边)。图标绘制重点:渐变工具、吸管工具注意事项:作业练习作业练习从上到下由简变繁,可根据自身的要求来做练习。①②③EighthDay第八天/下午黄金分割线布尔运算绘制技巧1、分析构思想的图形,从整体轮廓来做布尔运算,第一步找准图形的转折点。2、如右图的猫咪转折点,参考了猫咪的骨架、肌肉、动作来解析。还要借鉴参考其他素材。如何寻找转折点?注意事项:如何寻找转折点?1、大的转折点出现,也出现了很多小的转折点。2、小转折点不需要标注,大的转折点已经定位大体的形态,小的转折点用布尔运算的圆给转化,这样画面才会协调。3、如右图猫咪尾巴上面看出大转折点给形态定位,小的转折给转化,转化成整体个大弧度,避免中间折线。注意事项:如何调试柔和?转折点小圆切割法如右图小鱼所示。注意事项:如何调试柔和?若是转折点柔和点,可以加入小圆进行切割。注意事项:

并不是所有的图形都要用到小圆切割法,主要看设计风格与协调性来定。如何调试柔和?简化法1、简化不必要的轮廓折点,如右图。2、简化的折点是之前提到的小折点,小折点在一定程度上简化,但要“保证简化后没有造成大体上的形态变化”。注意事项:如何调试柔和?分离法与交错偏移法两者表达方式相同,一个是把图形分离位置,另一个是图形之间的叠加偏移。线面结合法适当在线里面做些布尔运算图案,中间鱼骨的表达图形就是圆形60°旋转得到。分离法与交错偏移法线面结合法注意事项:如何把控整体协调性?切割圆要统一对于新手,圆的选择建议用黄金比例中的圆来做切割,他们之间的比例为(1:0.618),选取圆时尽量选择6个以内(特殊超大圆或超小圆不计入在内),6个圆的分布为:大圆2个、中圆、小圆2个。黄金比例在设计上的应用黄金比例圆注意事项:如何把控整体协调性?1、圆太多画面会乱、复杂,新手建议用6个圆左右来设计布尔运算;2、设计过程中6个圆的大小在待定情况下可以适当变大变小,比例在15%左右;一般两个大圆相切,若不想出现尖角情况可用小圆进行切割,小圆大小的选择一般是选择相隔3位的圆。注意事项:如何把控整体协调性?1、加入新的规范化图形当图形在整体的比例中无法用相同形状做出图形时,可适当的换种方式加入新的规范化图形来处理.2、布局图形规范化建议用圆、正方形、黄金比例长方形来设计整体尺寸。3、形式可变化做完初稿后,若发现有个别不协调可以换种形式去表达,如右边兔子的布尔运算优化对比。加入新规范化布局图形规范化形式可变化注意事项:布尔运算案例欣赏布尔运算案例欣赏图标绘制EighthDay第八天/下午图标绘制步骤1观察图标,分出大体形状,虚线表达要切割的地方。步骤1重点:椭圆工具、圆角矩形工具注意事项:步骤2步骤3图标绘制步骤2复制一个大圆并点击倾斜的圆角柱修剪,去掉多余边。然后点击小圆和大圆修剪中心。步骤3大圆和倾斜圆角柱合并,复制一个并等比例放大,修剪竖着的圆角柱。重点:路径查找器(减去顶层、联集)注意事项:图标绘制布尔运算—鲸鱼EighthDay第八天/下午鲸鱼图标绘制步骤1分析鲸鱼的构成,划分几个大块并用椭圆工具绘制出大体形态。重点:路径查找器、椭圆形工具步骤1注意事项:鲸鱼图标绘制步骤2分出大体形态后,观察形状,虚线部分是多余出的图形,需要剪切掉,实线部分是鲸鱼的形状。重点:路径查找器、椭圆形工具步骤2注意事项:绘制图形时,注意之间的关系。鲸鱼图标绘制步骤3修剪外形之后,将大体图形“联集”在一起。重点:路径查找器(减去顶层、交集、联集)步骤3注意事项:鲸鱼图标绘制步骤4修剪外形之后,将大体图形“联集”在一起。重点:路径查找器(减去顶层、交集、联集、分割)步骤4注意事项:鲸鱼图标绘制步骤5绘制一个大圆并复制两个进行修剪,然后用头部圆形将修剪的部分进行“分割”。重点:路径查找器(减去顶层、交集、联集、分割)步骤5注意事项:分割时注意图形的交点,没有交点无法分隔开图形。分割后点击取消全组。鲸鱼图标绘制步骤6将分割得到的图形删除多余部分,得到的部分点击“联集”集合到一起。重点:路径查找器(联集)步骤6注意事项:修剪时注意图层的前后关系。鲸鱼图标绘制步骤7填充渐变色(完成效果,如有图所示)重点:渐变色、吸管工具步骤7注意事项:修剪时注意图层的前后关系。图标绘制布尔运算—海龟EighthDay第八天/下午海龟图标绘制步骤1分析海龟的构成,划分几个大块并用椭圆工具绘制出大体形态。重点:路径查找器(联集)注意事项:注意图层的前后关系。步骤1海龟图标绘制步骤2修剪多余图形,填充颜色,调整整体造型。重点:路径查找器(减去顶层、交集、分割)渐变工具注意事项:注意图层的前后关系。步骤2作业练习作业练习从上到下由简变繁,可根据自身的要求来做练习。①③②图标绘制Ninthday第九天/上午图标可分成3大类:2D类、2.5D类、3D类。图标的基本要求图标设计要素图标分类一、图标基本要求A、识别性不管图标设计美不美观,识别性是第一,一个图标如果无法从本质上告诉别人是什么,设计得再好也没用。B、统一性同一个应用中相同的板块图标要有视觉上的统一性。C、适配性不同系统、不同终端图标显示都会有所变化,绘制完一套图标后,应该要考虑到图标适配不同的终端。注意事项:二、图标设计要素A、锯齿图标设计时应用采用形状或矢量绘图。保证放大缩小都依旧清晰。B、结构比例协调图标绘制时,注意整体结构的比例协调行。尽量保证相等或黄金比。C、视差平衡图标绘制时,不能因尺寸相同而设定他们大小相同,应该考虑视差的平衡。注意事项:三、图标分类A、扁平化图标剪影图标都是通过单一的色块组成。它可以有高光和阴影,但都是通过单色的形式来表达,视觉上制造立体感。这类图标给人一种清爽平静的视觉感受。B、2.5D图标简单拟物化的2.5D图标都只有2个平面维度,在颜色上采用了渐变的形式从而产生了接近立体效果的视觉感受。这类型图标比扁平化图标更富有质感,给人视觉上饱满的感受。C、3D图标三维立体的3D图标拥有3个维度。有着很强的立体空间感。图形表面上通过渐变、高光、阴影的形式表现出拟物的质感。给人一种接近真实物体的视觉感受。2.5D图标3D图标扁平化图标注意事项:行业图标医疗类图标医疗类、汽车类、餐饮类、旅游类、运动类行业图标餐饮类图标医疗类、汽车类、餐饮类、旅游类、运动类行业图标汽车类图标医疗类、汽车类、餐饮类、旅游类、运动类行业图标旅游类图标医疗类、汽车类、餐饮类、旅游类、运动类行业图标运动类图标医疗类、汽车类、餐饮类、旅游类、运动类四、剪影图标设计方法绘制图标过程分解成4个步骤。先找个参考,接着勾勒轮廓,补充细节,最后再将造型增强。注意事项:实际工作中,为确保产品风格上的统一,所有图标都要自己绘制。A、B、C、D、图标绘制相机图标绘制Ninthday第九天/上午实际工作中,为确保产品风格上的统一,所有图标都要自己绘制。图标绘制1、圆角矩形2、路径查找器3、不透明度注意事项:实际工作中,为确保产品风格上的统一,所有图标都要自己绘制。步骤1步骤2图标绘制1、椭圆工具2、不透明度步骤3步骤4注意事项:图标绘制1、圆角矩形2、路径查找器3、不透明度步骤5注意事项:图标绘制时钟图标绘制Ninthday第九天/上午实际工作中,为确保产品风格上的统一,所有图标都要自己绘制。时钟图标绘制步骤1绘制正圆并复制3个正圆,调整大小,填充相应颜色。步骤2绘制细长圆角矩形,填充相应颜色。步骤3复制墨绿,填充深绿并使用路径查找器的“减去顶层”修剪成半圆,暗部的时针也是用同样方式。重点:椭圆工具、填色、路径查找器(减去顶层)圆角矩形工具步骤1步骤2步骤3注意事项:时钟图标绘制步骤4绘制矩形旋转-35°,填充深黄色,复制黄色大圆选中两者,点击路径查找器的“交集”,修剪多余图形。重点:路径查找器(交集)矩形工具注意事项:作业练习作业练习从上到下由简变繁,可根据自身的要求来做练习。①②③混合工具形态混合与颜色混合EighthDay第九天/下午制作炫酷图形或字体,运用到实际设计中。混合工具ai中的混合有两种1、一种是线性的混合。2、一种是颜色的混合。重点:混合工具注意事项:指定的步数可以指定图形之间的数量,指定的距离是指定图形之间的距离相等。两个不同的概念,可根据实际运用使用。颜色混合线性混合混合工具步骤1选好喜欢的颜色。步骤2工笔工具绘制字体路径。重点:颜色填充、工笔工具注意事项:路劲不能封闭否则混合效果不完整混合工具步骤3颜色混合前先设置混合的数据(双击混合工具)选中“指定的步数”,数值50以上。重点:颜色填充、工笔工具注意事项:步数尽量多一点,步数越多在路径转折上越自然。混合工具步骤4选中混合颜色和文字路径,对象>混合>替换混合轴。重点:混合工具注意事项:只能单个路径去选择。混合工具调整得到右图效果。重点:混合工具注意事项:进阶效果重点:扭拧步骤1选中混合字体,执行“效果>扭曲和变换>扭拧。注意事项:进阶效果重点:扭拧步骤2调节整体效果。根据整体效果调节注意事项:进阶效果重点:扭拧步骤3执行“效果>扭曲和变换>粗糙化。注意事项:根据预览效果调节一般选平滑会过度自然点进阶效果重点:扭拧步骤4调整数值,调节整体效果。注意事项:混合工具调整得到右图效果。重点:混合工具注意事项:图案笔画步骤1绘制5个长方形,填充红、蓝相间颜色。“直接选择工具”选中右边锚点并向下倾斜。步骤2新建一个矩形,去掉描边和颜色,放置5个长方形上,一并选中,点击“形状生成工具”(Shift+M),点击矩形外框对于形状。重点:矩形工具、形状生成工具(Shift+M)注意事项:图案笔画步骤3点击“符号画板”(Shift+Ctrl+F11)将图形拖拽到“符号画板”。重点:符号画板注意事项:图案笔画步骤4绘制矩形填充颜色,然后点击“效果>3D(3)>绕转”。重点:3D(绕转)留意位置为前方点预览查看效果预览确认没问题,点击贴图注意事项:点击贴图,选择图案图案笔画步骤5点击“贴图”,符号勾选之前的图形,勾选预览查看效果。重点:3D(绕转)注意事项:表面一共有3个,一个选择一次。图案笔画步骤6符号勾选之前的图形,表面为2/3,重复此操作完成3/3。勾选右下角的“三维模型不可见”勾选预览查看效果。重点:3D(绕转)注意事项:

表面一共有3个,一个选择一次。图案笔画步骤7点击确认,得到右边图形。重点:3D(绕转)注意事项:图案笔画步骤8选中图形,点击“对象>扩展外观”。然后取消编组和释放剪切蒙版(一步也不能少)。重点:扩张外观注意事项:图案笔画步骤9把图形放平,调出画板(Shitf+Ctrl+F11),把图形拖拽到画笔画板中。步骤10弹出对话框,选择“图案画笔”点击确认,弹出对话框,“外角拼接”和“内角拼接”选择“自动居中”然后点击确认。重点:画笔面板注意事项:图案笔画步骤11钢笔工具绘制“9”,然后点击画笔画板里新图案。双击右下角的第二个按键,进入二级菜单。数值如右图所示。重点:钢笔工具、画笔面板注意事项:图案笔画步骤12对象>扩展外观,然后点击“取消编组和释放剪切蒙版”。重点:扩展外观注意事项:图案笔画“扩展外观和取消编组与释放剪切蒙版”之后得到右图。重点:扩展外观注意事项:图案笔画步骤13“效果>风格化>内发光”调整数值。重点:内发光注意事项:图案笔画步骤14与之前的图形“9”重合,调整图层循序。重点:内发光注意事项:散点画笔案例步骤1绘制4个正圆分别填充白色、洋红色、紫色、蓝色,蓝色不透明度为10%。步骤2选中4个圆,点击“混合工具”。重点:颜色填充、调和工具、椭圆工具注意事项:散点画笔案例步骤3“直线段工具”绘制线段,选中混合色彩和直线,点击“对象>混合>替换混合轴。重点:替换混合轴、直线段工具注意事项:散点画笔案例步骤4画笔(F5)将彩色线段拖入画笔画板,弹出对话框,勾选“散点画笔”单击“确认”。重点:画笔(F5)注意事项:散点画笔案例步骤5弹出对话框,数值调整如右图所示。重点:画笔(F5)注意事项:旋转相对于(0):路径和页面,呈现效果不同。散点画笔案例步骤6绘制正圆并点击画笔里新建的笔触。效果如右图所示。重点:椭圆工具、画笔(F5)注意事项:旋转相对于(0):路径和页面,呈现效果不同。散点画笔案例旋转相对(0):页面数值调整如右图所示。(勾选“页面”)重点:画笔(F5)注意事项:旋转相对于(0):路径和页面,呈现效果不同。散点画笔案例旋转相对(0):页面效果和区别如右图所示。重点:画笔(F5)注意事项:旋转相对于(0):路径和页面,呈现效果不同。作业练习作业练习从左到右由简变繁,可根据自身的要求来做练习。①②③插画设计2018年APP界面当中的主流设计风格Thetenthday第十天/上午扁平几何插画、肌理插画、手绘插画、MBE插画、渐变插画、2.5D插画、线性插画、剪纸插画描边插画渐变插画2.5D插画扁平插画肌理插画插画风格1、描边插画2、扁平几何插画3、渐变插画4、手绘插画5、剪纸插画6、肌理插画7、MBE插画8、2.5D插画课程重点:风格特色注意事项:描边插画草稿构思+Ai(光影处理)+点缀元素NinthDay第九天/上午扁平几何插画、肌理插画、手绘插画、MBE插画、渐变插画、2.5D插画、描边插画、剪纸插画描边插画三步走课程重点:草稿构思+Ai(光影处理)+点缀元素一、草稿构思(物体形状+考虑光影)A、定好主题,搜集相关资料并开始画草稿。B、话好大体形状后,开始确定光源,分出亮面与暗面。注意事项:描边插画三步走课程重点:草稿构思+Ai(光影处理)+点缀元素二、Ai(物体形状+光影处理)A、打开软件,新建文件夹(Ctrl+N)。B、绘制一个矩形,并复制一个缩小长方形,接着复制三个,分别填充色值为如图所示。注意事项:描边插画三步走课程重点:草稿构思+Ai(光影处理)+点缀元素二、Ai(物体形状+光影处理)物体主体外形绘制C、仙人掌的基本形状。D、“路径查找器”修剪得出最终图形。注意事项:绘制过程中,多次使用“布尔运算”。描边插画三步走课程重点:草稿构思+Ai(光影处理)+点缀元素二、Ai(物体形状+光影处理)物体主体外形绘制E、铺上大体颜色。注意事项:描边插画三步走课程重点:草稿构思+Ai(光影处理)+点缀元素二、Ai(物体形状+光影处理)添加高光阴影A、分出光影,进行处理。注意事项:描边插画三步走课程重点:草稿构思+Ai(光影处理)+点缀元素二、Ai(物体形状+光影处理)添加高光阴影B、刻画细节。注意事项:描边插画三步走课程重点:草稿构思+Ai(光影处理)+点缀元素二、Ai(物体形状+光影处理)添加高光阴影C、深入刻画细节。D、全组并复制一个(按住Alt复制,+Shift是等比移动)。路径查找器“联集”得到最终物体轮廓。注意事项:Ctrl+C复制,Ctrl+V粘贴Ctrl+F原地粘贴。描边插画三步走课程重点:草稿构思+Ai(光影处理)+点缀元素二、Ai(物体形状+光影处理)添加高光阴影E、填充深橘色,不透明度30%。放置物体下方,做背影。注意事项:描边插画三步走课程重点:草稿构思+Ai(光影处理)+点缀元素二、Ai(物体形状+光影处理)添加高光阴影F、调整细节,最终得到右图。注意事项:描边插画三步走课程重点:草稿构思+Ai(光影处理)+点缀元素三、点缀元素背景点缀元素及文字。注意事项:描边插画课程重点:草稿构思+Ai(光影处理)+点缀元素一、草图构思A、绘制画面汽车以及画面装饰等构思。B、分出光影。注意事项:打草稿时尽量完善画面,避免画面出现凌乱和拼接感。描边插画课程重点:草稿构思+Ai(光影处理)+点缀元素二、Ai(光影处理)A、绘制草稿图。B、分出光影。注意事项:使用布尔运算时要注意前后空间的变化。描边插画课程重点:草稿构思+Ai(光影处理)+点缀元素描边断点绘制,描边>对话框。注意事项:描边对话框可根据需求调整。描边插画课程重点:草稿构思+Ai(光影处理)+点缀元素二、Ai(光影处理)C、铺大体颜色(定色系)。D、分出光影。注意事项:留心观察光的来源,正确处理阴影部分。描边插画课程重点:草稿构思+Ai(光影处理)+点缀元素三、点缀元素添加装饰元素进行点缀。注意事项:注意整个画面,避免出线混乱,保持统一和整洁。作业练习作业练习从左到右由简变繁,可根据自身的要求来做练习。①②③Thetenthday第十天/下午扁平插画扁平几何插画三步走课程重点:草稿+AI绘制与上色+画面优化1、关键词联想(设计家乡的样子—家乡一角)主题:设计一款梦中的家乡为主的壁纸关键词:家乡、壁纸色调:冷色系定位:清新、童趣、正能量联想:亲人、特色建筑、美食、阳光明媚(增加一点故事情节让画面更具有感染力)2、找素材(设计家乡的样子—家乡一角)主题:建筑、天空、太阳、素材网站:Behance、Dribbble、花瓣网、站酷、优设网等。注意事项:构图扁平几何插画三步走课程重点:草稿+AI绘制与上色+画面优化3、构图(草稿不一定要详细,但基本逻辑思维要遵循)注意事项:构图注意黄金分割比例、构图类型如S型构图、C型构图等等。画面主次比例协调,构图饱满等问题。扁平几何插画三步走课程重点:草稿+AI绘制与上色+画面优化二、AI绘制与上色(构型上色+塑造主题)1、构型上色将草稿上的稿图,绘制到软件上。构型:尽量用几何图形绘制,这能保证造型简洁,节省时间确保画质。上色:铺好大色调,注意黑白灰的整体关系。配色很重要,构图和主体也需要注重。注意事项:扁平几何插画三步走课程重点:草稿+AI绘制与上色+画面优化二、AI绘制与上色(构型上色+塑造主题)构型上色A、快速铺好大色块,整体设计调整成“图像——调整——黑白”方便查看整体设计对比度。B、黑白灰关系可以很好对比出来,若对比不够,加强对比、提亮部、加重深部。注意事项:主次关系、空间关系、色调统一。扁平几何插画三步走课程重点:草稿+AI绘制与上色+画面优化二、AI绘制与上色(构型上色+塑造主题)构型上色C、快调整整体色调(加强对比、优化构图造型)D、配色常用几种色调:

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论