恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
2.5D插画设计小教程——多彩魔方
0.0°
2019-05-22 原创文章 教程 举报 6019 118 52 3

大家好, 2.5D插画设计风格,已经越来越多的出现我们的UI设计中,今天,我们来学习一个2.5D小插画的小教程,我们来做一个多彩魔方,教程核心目标是了解和掌握2.5D插画基础造型的构成


先来看一下本次教程的最终效果图:

Image title

2.5D插画设计之多彩魔方效果图


操作步骤


第1步:打开illustrator,新建一个:1200x900px 的画板

Image title

然后打开图层面板,新建图层,并命名为做图层(用来做物体造型图层)、参考线图层(用来做2.5D插画参考线图层);在做图层里画一个和画板一样大的矩形,填充颜色:#3bf2e0,按ctrl+2 将矩形锁定,如动图:

Image title


第2步:新建参考线,选中参考线图层,用直线段工具,画一条直线,点击选择工具,按住alt键,向下拖拽复制出另一条线,然后按Ctrl+D(多次复制),多复制一些,然后全选中直线,鼠标右键:变换-旋转(角度:30度)-确定

Image title

Image title


然后,再次选中这些线,鼠标右键:变换-对称(垂直,角度:90)-复制;全选所有线段进行编组(ctrl+G),编组后,按ctrl+5,把所有线段转换为参考线,如动图:

Image title

Image title

第3步:做3D造型,选择做图层,选择矩形工具画一个正方形,在菜单栏选择:效果-3D-凸出和斜角,数值分别为:45、35、-30,厚度这个看需求,没什么关系,后期都是可以调节的,如动图:

Image title

Image title

接下来,在菜单栏选择:对象-扩展外观,效果如图:

Image title


第4步:搭建魔方造型,摆放好一个正方体,复制出一个,ctrl+D,复制出3个,调整图层顺序,如动图:

Image title

然后,选中这3个小的正方体,ctrl+G进行编组


第5步:对刚进行编组的3个小正方体,进行移动复制,先做好魔方一个面,对这9个小立方体编一个组,如动图:

Image title

第6步:对刚进行编组的9个小正方体,进行移动复制,构成了整个魔方造型,如动图:

Image title

我们来去掉参考线来下看造型效果:

Image title

注:如果发现,魔方间距不协调或不在一条参考线上,就需要对局部进行微调了,保证造型和比例协调即可。


第7步:造型确认无误后,我们就需要对魔方进行上色,我这里用了3个主色值,上面:# 02c9c5,左面:# ffb746,右面:# e5544a,如动图:

Image title

其他面,大家按此方法自行上色即可,上完色后的效果,如图:


最后:大家可以写上作品的名字、时间、打卡、天数、作者等信息,进行一个排版和对魔方进行简单的修饰,然后就大功告成,2.5D插画多彩魔方效果图,如下:

Image title

注意:本次教程我用的AI软件来做的(ps也是可以做,但是不高效快捷),完成过程中用到了一些AI的基础操作知识,如果你对AI的基础操作不熟练,你完成作业可能会有点吃力,关于软件的基础操作,我这里不会展开去说,不熟练的小伙伴可以私下去补习一下!

Image title


微信公众号:UI严选

更新:2019-05-22

收藏

118人已收藏

小小方方

微信公众号:UI严选

  • 94

    作品

  • 7240

    粉丝

  • 20

    关注

  • 动效落地,方案怎么选?
  • 告别手动!如何三分钟快速搞定AE动画,附插件安装包
  • 潮流、潮牌、手撕褶皱、抽象几何图形、潮流样机素材,请注意查收
  • AE避坑 | AE动效落地时常见问题解析和注意事项

    猜你喜欢

      2019-05-22 原创文章 教程 举报 6019 118 52 3

      2.5D插画设计小教程——多彩魔方

      0.0°

      你确定要举报2.5D插画设计小教程——多彩魔方

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年05月27日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      52
      118
      3

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录