首页
限免课
实战课
免费好课
课程库
经验
问答
会员课程
首页 |经验 |ui |经验详情

【重磅推荐】3分钟掌握超有趣的2.5D AI插画方法,让你的设计更有逼格

更新时间:2023-10-05

无私向斑马

ui

2083

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

【重磅推荐】3分钟掌握超有趣的2.5D AI插画方法,让你的设计更有逼格

【重磅推荐】3分钟掌握超有趣的2.5D AI插画方法,让你的设计更有逼格

【重磅推荐】3分钟掌握超有趣的2.5D AI插画方法,让你的设计更有逼格

【重磅推荐】3分钟掌握超有趣的2.5D AI插画方法,让你的设计更有逼格

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

2.5D插画风格特点

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

【重磅推荐】3分钟掌握超有趣的2.5D AI插画方法,让你的设计更有逼格

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

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

本次教程最终效果图:

【重磅推荐】3分钟掌握超有趣的2.5D AI插画方法,让你的设计更有逼格

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

【重磅推荐】3分钟掌握超有趣的2.5D AI插画方法,让你的设计更有逼格

使用工具和方法

使用工具:Illustrator

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

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

【重磅推荐】3分钟掌握超有趣的2.5D AI插画方法,让你的设计更有逼格

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

【重磅推荐】3分钟掌握超有趣的2.5D AI插画方法,让你的设计更有逼格

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

【重磅推荐】3分钟掌握超有趣的2.5D AI插画方法,让你的设计更有逼格

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

【重磅推荐】3分钟掌握超有趣的2.5D AI插画方法,让你的设计更有逼格

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

【重磅推荐】3分钟掌握超有趣的2.5D AI插画方法,让你的设计更有逼格

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

【重磅推荐】3分钟掌握超有趣的2.5D AI插画方法,让你的设计更有逼格

游戏机组合完效果:

【重磅推荐】3分钟掌握超有趣的2.5D AI插画方法,让你的设计更有逼格

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

【重磅推荐】3分钟掌握超有趣的2.5D AI插画方法,让你的设计更有逼格

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

【重磅推荐】3分钟掌握超有趣的2.5D AI插画方法,让你的设计更有逼格

【重磅推荐】3分钟掌握超有趣的2.5D AI插画方法,让你的设计更有逼格

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

【重磅推荐】3分钟掌握超有趣的2.5D AI插画方法,让你的设计更有逼格

【重磅推荐】3分钟掌握超有趣的2.5D AI插画方法,让你的设计更有逼格

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

【重磅推荐】3分钟掌握超有趣的2.5D AI插画方法,让你的设计更有逼格

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

上一篇 下一篇

相关课程

ONLINE COURSES
  • 女生学计算机可以从事什么职业

    女生学计算机可以从事什么职业

    讲师:JennyZ

  • 设计类前景较好的专业有哪些

    设计类前景较好的专业有哪些

    讲师:奇思无止境

  • UI作品集怎么做

    UI作品集怎么做

    讲师:行动者帆帆

  • 元宇宙对设计师有哪些影响

    元宇宙对设计师有哪些影响

    讲师:奇思无止境

免费好课

FREE GOOD COURSES
MORE
  • 虚幻5从安装到出图 - 70分钟解析影视级渲染新方案

    虚幻5从安装到出图 - 70分钟解析影视级渲染新方案

    1小时12分钟46秒

  • 虚幻5入门课 - 学了就会

    虚幻5入门课 - 学了就会

    6小时6分钟0秒

  • AutoCAD施工图基础课

    AutoCAD施工图基础课

    3小时16分钟32秒

  • PS海报创意设计课

    PS海报创意设计课

    4小时55分钟26秒

  • 零基础学剪辑

    零基础学剪辑

    4小时6分钟16秒

  • 商业插画软件基础课

    商业插画软件基础课

    3小时13分钟0秒

Copyright © 2015 - 2021北京云创科讯软件有限公司

京ICP备16013396号-1

经营许可证京ICP证161220号

课程咨询电话 18516802937

  • 在线咨询
  • 插件下载
  • 职业测评
  • 素材下载
  • 微信咨询
学习在线解答