2.5d扁平插画-插画的7种风格
我们都知道,现在很多Banner广告等都会采用2.5D等距插画来进行绘制,这种插画看起来十分舒服,并且能够根据设计师的技巧来进行各种搭配,下面教你如何用AI来绘制2.5D插画。
工具/材料
Adobeillustrator
01
打开电脑中的AI软件,按ctrl+n新建一张画布,画布的高宽随意。
02
创建完成之后,我们在左侧工具栏中选择“矩形工具”,以2.5D矩形绘制为例。
03
选择矩形工具之后,在画布中绘制一个矩形,按住shift可绘制正方形。
04
矩形绘制完成之后,在上方选项中点击“效果-3D-凸出和斜角”
05
进入3D面板,在位置选项中我们能够看到多种可进行选择的角度,一般来说我们都是选择等角,上下左右根据需求来选择。
06
例如我们选择等角-上方,选择之后勾选预览即可查看效果,调整凸出厚度,点击“确定”即可。
07
确定之后我们就快速绘制了一个2.5D基础形状,这个时候要进行扩展,选择“对象-扩展外观”
08
扩展外观之后,右键点击形状,点击“取消编组”,一直取消到没有编组存在即可。
09
编组完全取消之后,我们就能够针对形状的不同面进行调整处理,然后根据自己的想象,利用基础2.5D形状就能够来组合了。
插画在APP设计中的应用现在APP的数量越来越多,制作也越来越精美,各种APP都想在设计上能够与其他APP区别开来,从而更好的吸引用户的注意,将插画运用在APP当中,无疑是一种好的选择,在iOS
11的AppStore“Today”中就用了很多的插画,给用户带来了全新的体验。
一.什么要在APP当中使用插画?
增加视觉冲击感,总结为两个字“惊艳”,例如“walkup”APP,当中的每一个页面都运用了插画,而且设计得极其精美。
增添趣味性,使页面不显得单调、乏味,一个明显的例子就是APP当中的空页面和错误页面,例如淘宝在无网状态下,显示一幅可爱的插画要比单纯的显示文字要给人的感觉好得多,也可以尽可能的减轻用户的焦虑。
承载更多的信息量,更加的直观,这一点在图标上显示的比较明显了,例如百度糯米的分类图标,采用了写实的风格,给人的感觉就更加的直观了。
满足用户的情感需求,情感化设计,这一点在keep当中得到了很好的体现,在刚刚过去的七夕节,keep把跑步路线变成了粉红色,还配上了一条狗,七夕节还在跑步的人,很有可能是单身狗啊,意思不言而喻。
二.目前比较流行的几类插画及其特点
扁平插画
肌理插画
手绘插画
MBE插画(dribble一位大神创作了这种风格,因此被称为MBE风格插画)
渐变插画(有时也称微光插画)
立体插画(也叫2.5D插画)
描边插画
下面分别对各种插画进行举例,所有例子均来自dribble。
扁平插画:扁平插画的特点是扁平,简洁明了,扁平插画是现在很流行、也是最常用的风格
肌理插画:我觉得肌理插画也属于扁平插画的一种,但是在最后要增加颗粒感,肌理插画最明显的特点应该就是有质感,光影关系表现得比较好。
手绘插画:我认为这是难度最高的一种,也是对设计师的美术功底要求最高的。手绘风格的应用比较广,可以展现的东西很多。下面这位设计师的作品富有童趣,像梦境一样美好。
MBE插画:简洁、圆润、可爱。
渐变插画:一种很唯美的风格,在颜色的运用上一般采取近似色,颜色的种类不要过多。
立体插画:从名字就可以看出,这类插画最大的特点就是立体了,能够在二维的空间里表现出三维的事物。
描边插画:除了运用形状,还要运用描边,可以很好的对事物进行抽象化处理。
MBE插画:下厨房当中的图标,MBE风格很适合用来制作icon
渐变插画和立体插画:拉勾。把这两种放到一起来讲,是因为很多时候一幅插画是包含这两种风格的。(用在banner、专题)
描边插画:拼多多、网易云音乐(用在icon、启动页)
总结一下:插画适合用在APP当中的启动页、banner、专题、刷新、icon、弹框、背景图等等。
插画的7种风格特点-扁平、流行、常用的风格、简洁明了
扁平插画简单来讲就是把复杂的关系简约化,让画面更加清爽整洁,也是现在比较常用的风格了,很多商务工具类的APP会选择使用这种风格。比如说拉勾、钉钉...
特点-扁平插画的变种、增加颗粒感、有质感、光影关系好
肌理插画顾名思义就是给插画加上了些肌理质感(比如杂色)和光感,本质也和扁平插画差不多,一些想体现质感的页面会用到这种风格。以下是一些设计师的作品。
特点-美术功底要求最高、应用广、展现内容丰富。手绘风格的插画运用的也比较广,常见的有一些插画绘本,故事场景设计等。下面这些是摘自插画师-顾心的作品。
特点-简洁、圆润、可爱、断点
MBE插画(dribbble的一位设计师创作了这种风格),它主要的特点就是圆润、可爱、呆萌、简洁。在APP中的引导页、启动页和缺省页运用也比较广泛。
特点-唯美、颜色的采取近似色、颜色明亮鲜艳。
渐变插画有点类似日本漫画场景的感觉,风格特别唯美浪漫。光感比较强,所以也称为微光插画。颜色一般采用相近色,颜色种类不要太多。
特点-2.5d插画、立体感强、视觉冲击强。
立体插画也称为2.5D插画,也就是在二维的空间里表现三维的事物。所以现在越来越多的设计师去学习C4D这个软件,虽然AI和PS也能做,但会麻烦一些。很多电商类的APP会选择使用这种风格。比如说京东...
特点-形状、描边、抽象画处理
描边插画除了运用形状,还在它的外轮廓都运用了描边,可以很清晰的表达抽象事物。经常运用在一些图标icon上,比如闲鱼、转转...
答：插画的7种风格 特点-扁平、流行、常用的风格、简洁明了 扁平插画简单来讲就是把复杂的关系简约化,让画面更加清爽整洁,也是现在比较常用的风格了,很多商务工具类的APP会选择使用这种风格。比如说拉勾、钉钉...特点-扁平插画的变种、增加颗粒感、有质感、光影关系好 肌理插画顾名思义就是给插画加上了些...
答：扁平插画:扁平插画的特点是扁平,简洁明了,扁平插画是现在很流行、也是最常用的风格 肌理插画:我觉得肌理插画也属于扁平插画的一种,但是在最后要增加颗粒感,肌理插画最明显的特点应该就是有质感,光影关系表现得比较好。手绘插画:我认为这是难度最高的一种,也是对设计师的美术功底要求最高的。手绘风格的应...
答：10. 手绘风格的插画 手绘风格的插画，如插画绘本、故事场景设计等，以其独特的笔触和风格，展现了扁平插画之外的艺术魅力。11. MBE插画 MBE插画是扁平插画的一个变种，以其圆润、可爱、简洁的特点，广泛应用于APP的引导页、启动页和缺省页。12. 渐变插画 渐变插画以唯美的风格呈现，色彩采取近似色，营造...
答：1. 扁平风格：这种风格的插画造型简约，画面清爽，视觉鲜明，商业应用广泛，上手速度较快。2. 描边插画风：在扁平风格的基础上，这种风格增加了线条描边，增加画面层次的同时保证画面的简约感，识别度较强。3. 噪点肌理风：扁平风的基础上增加了肌理质感及光影等，画面更丰富细腻，视觉效果较好。4. 渐变...
答：9. 肌理插画是扁平插画的变种，通过增加颗粒感和光影关系，体现质感，适用于体现质感的页面设计。10. 手绘风格的插画广泛应用于插画绘本、故事场景设计等领域，以简洁、圆润、可爱、有断点的特点著称。11. MBE插画是扁平风格的另一种表现，以其圆润、可爱、简洁的特点在APP的引导页、启动页和缺省页中广泛...
答：扁平插画简单来讲就是把复杂的关系简约化，让画面更加清爽整洁，也是现在比较常用的风格了，很多商务工具类的APP会选择使用这种风格。比如说拉勾、钉钉...特点-扁平插画的变种、增加颗粒感、有质感、光影关系好 肌理插画顾名思义就是给插画加上了些肌理质感（比如杂色）和光感，本质也和扁平插画差不多，...
答：7. 扁平插画的变种风格之一是增加颗粒感和质感，适用于体现质感的页面。肌理插画通过添加肌理质感和光感，丰富了扁平插画的表现形式。8. 手绘风格插画广泛应用于插画绘本和故事场景设计，展现内容丰富，风格简洁圆润可爱。9. MBE插画是扁平风格的另一种变种，以其圆润、可爱、简洁的特点广泛应用于APP的引导...
答：暗黑风格：插画风格整体偏暗色调，有搏击现实、变形扭曲的意味 以上这些风格都是现在插画比较流行的风格，希望能够帮助到大家。插画的7种风格特点-扁平、流行、常用的风格、简洁明了扁平插画简单来讲就是把复杂的关系简约化，让画面更加清爽整洁，也是现在比较常用的风格了，很多商务工具类的APP会选择使用这种...
答：插画的7种风格 特点-扁平、流行、常用的风格、简洁明了 扁平插画简单来讲就是把复杂的关系简约化,让画面更加清爽整洁,也是现在比较常用的风格了,很多商务工具类的APP会选择使用这种风格。比如说拉勾、钉钉...特点-扁平插画的变种、增加颗粒感、有质感、光影关系好 肌理插画顾名思义就是给插画加上了些...
答：插画的7种风格特点-扁平、流行、常用的风格、简洁明了 扁平插画简单来讲就是把复杂的关系简约化,让画面更加清爽整洁,也是现在比较常用的风格了,很多商务工具类的APP会选择使用这种风格。比如说拉勾、钉钉... 特点-扁平插画的变种、增加颗粒感、有质感、光影关系好 肌理插画顾名思义就是给插画加上了些肌理质感(...
