当前位置:首页 >教程首页 > illustrator >AI插画教程:教你打造2.5D插画设计风格

AI插画教程:教你打造2.5D插画设计风格

发布时间:2019-03-08 11:03:21

2.5D插画设计风格,已经越来越多的出现我们的UI设计中,H5动画、APP闪屏 、广告banner、ICON等等,本期就给大家带来AI插画教程,教你打造2.5D插画设计风格!那我们来看看2.5D到底是什么样的风格。

0-1.webp.jpg

0-2.webp.jpg

0-3.webp.jpg

0-4.webp.jpg

0-5.webp.jpg

好了,看到这里,不知道有木有小心动,画之前还是来了解一下, 2.5D插画风格特点。

2.5D插画风格特点

透视:和传统美术中的近大远小的透视原理不同,2.5D的透视是同一方向的两条线是平行、永不相交的;常见的2.5D图形,以透视的正方形为例,其底边与视平线的夹角是30度。

1.webp.jpg

色彩:色彩特点是明快、色彩丰富

想画好2.5D插画也不难,学好我这个方法,加上勤动手就可以~好了,闲话不多说!

最终效果图

2.webp.jpg

为了方便教程,设计稿略过了草图,为了方便大家学习,在Illustrator 中做好了设计图,现在只要二维画面转2.5D即可,设计稿如下:

3.webp.jpg

使用工具和方法

使用工具:Illustrator

方法:绘制2.5网格做参考线配合使用 效果- 3D - 凸出和斜角

画之前了,我们需要打开Illustrator,做两个设置,在Illustrator里,将 - 视图菜单栏里,勾选 - 智能参考线,确保关闭- 对齐点 ,如下图:

4.webp.jpg

设置完,接下来就要绘制2.5D的网格参考线了,步骤如下:

5.webp.jpg

Step1:通过钢笔工具,在绘制好的网格上,勾出游戏机的基础型,勾勒形状要对准参考线,将游戏机身基本型绘制出,并上色。

6.webp.jpg

Step2:绘制屏幕,打开 -效果 -3D -凸出和斜角,角度分别是:45°、-35°、30°,勾选预览,如下:

7.webp.jpg

Step3:绘制游戏方向键,角度设置同上个步骤,勾选凸出厚度8pt,接下来,在菜单栏选择:对象-扩展外观,右键取消编组,得到相应的形状,需要对相应形状进行联集合并,由于生成3D后,形状颜色会变暗,所以需要重新上色,效果如图:

8.webp.jpg

Step4:剩余的部件,可依次使用该方法调整,给出按键必要的厚度,调整颜色,组合起来:

9.webp.jpg

游戏机组合完效果:

10.webp.jpg

Step5: 文字部分依旧使用相同方法,,角度分别是:45°、-35°、30°,给出凸出厚度,调整颜色:

11.webp.jpg

Step6:完善其他的装饰物,组合画面:

12.webp.jpg

12-2.webp.jpg

最后加上一些阴影关系,让画面更立体,加上一些后期文字,就大工告成啦!

13-1.webp.jpg

13-2.webp.jpg

当然最后效果图,还是以最终画面的呈现效果来适当修改优化的,最后呈现:

14.webp.jpg

本期小教程就到这里了,希望大家喜欢。

作者: 张永祥 

来源:UI设计师之家

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答
  • 杭州室内设计师培训班有哪些

    杭州室内设计师培训班有哪些已成为许多设计爱好者进入创意领域的理想起点。在杭州这座设计之都,室内设计行业蓬勃发展,带动了培训需求......

  • 石家庄视频剪辑培训价格性价比分析

    在视觉内容主导传播的当下,掌握专业的视频剪辑技能,已成为众多求职者和职场人士提升竞争力的关键路径。面对日益增长的市场需求,石家......

  • 湛江影视后期培训零基础入门

    在数字媒体蓬勃发展的当下,影视后期制作是创意产业的核心驱动力。湛江,这座滨海城市,文化底蕴独特,区位优势明显,影视行业正快速崛......

  • 济南UI设计培训哪家机构靠谱

    济南UI设计培训正成为越来越多人的职业起点。在这个数字时代,界面设计需求激增,济南作为一座文化底蕴深厚的城市,为学习者提供了丰......

  • 柳州UI设计培训班避坑指南

    柳州UI设计培训避坑指南:开启你的创意职业之旅

  • 荆州平面设计培训班避坑指南

    荆州平面设计培训在当今数字化浪潮中扮演着关键角色。随着品牌营销和视觉传达需求的激增,专业设计师成为各行各业的热门人才。然而,选......

×

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定