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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
3种方法教大家画2.5D
0.0°
2020-04-21 原创文章 教程 举报 3760 60 28 0

这节课教大家灰常流行滴2.5D画法,知道怎么画滴同学也不要走,窝讲全方位滴为大家讲解原理,要知其然,更知其所以然。这里窝总结了3种画2.5D滴方法,教程简单易懂,包各位一学就会,要是童鞋们赶脚还不错滴话,就点个赞吧~拒绝白嫖,从窝做起。

窝准备由浅入深滴讲,先简单介绍下2.5D。


· 第一种方法【辅助线】

第一种方法是最简单滴,适合画一些方方正正滴东西,有了上面滴基础后,窝们打开Ai,画一系列参考线,用“直线段工具”画条横线,旋转30°:



按住Alt键用鼠标向下移动少许(复制了一个),再Ctrl+D(一直摁住),就能弄出一列线条来:



整体复制后左右翻转,就得到了窝们滴参考线:



这时候就阔以拿粗窝们滴钢笔来了,教大家画个长方体,在辅助线交叉滴地方下笔(一般都先画水平面哦):



然后是竖直面,两个侧面要分开画哦:



换上填充色,一个简单滴长方体就完成啦:



优点:画方方正正滴东西很快很准确很convenient

缺点:几乎画不了弧形滴东西

 

· 第二种方法【3D突出与斜角】

这种方法是Ai自带滴哟,这次窝们画个稍微复杂滴东西,画个冰淇淋吧,先做好冰淇淋滴正面图:



整体编上组,在效果里选择“突出与斜角”:



在“突出与斜角”面板中,数值设置如下:


· 位置要选择等角系列,一般选择左右上,主要看大家想怎么摆放

· 突出厚度可以控制并欺凌滴厚度

· 一般选择无底纹,不然看起有点难受

调整好后,窝们再扩展一下形状,就阔以开始编辑啦:



把侧面都合并在一起(可以先把编组都取消掉),换个深点滴颜色后,冰淇淋就做好啦,棍子应该和冰淇淋分开做滴,毕竟厚度不同,不过窝们可以手动调整锚点,把棍子压扁点:



优点:构思清楚后,几乎什么形状都能做

缺点:窝还没想到

 

· 第三种方法【我来组成头部】

这种方法窝放到最后来讲,童鞋们知道意味着什么吧,没错,这是只有窝这种优秀人士才会使用滴方法。当年,窝靠着小学滴数学水平,硬是在Ps里推理粗了这套方法,窝把它命名为“组合法”。掌握这种方法,就意味着你已经完全理解了神马是2.5D,难度还是有点滴,大家不要中途放弃。

先讲讲原理。

打开Ps,画一条横线,复制一个,把复制滴横线上下斜切-30度(在自由变换下Ctrl+T):



(圈粗来滴部分,H是左右斜切,V是上下斜切)

稍微移动下,窝们就得到了两条线段:



根据上图窝们可以得到以下结论:

· 上下斜切过后滴线条在水平方向上变长了(左右斜切滴话,则是垂直方向会变长)

· 原本滴线段长度=斜切后滴线段长度乘以cos30°(斜切多少,就乘以多少哦)

so~记住这个结论哦

窝这套方法滴要点就在于,用一个物体滴正面形状,通过斜切等操作,得到2.5D视角下滴形状。

从最简单滴开始,立方体,先画个正方形:



上面分析过了,立方体是由菱形组成滴,想要把这个正方形变成菱形,只需要3步。

1:上下斜切30度



2:宽度调整为86.6%(表推出自由变换模式!),这已经是个菱形啦,阔以作为立方体滴侧面。至于为神马是86.6%,给个提示,cos30度


3:旋转-60度(还是在自由变换下哦)



酱紫,窝们就得到了立方体滴顶面,侧面用这个复制+旋转就行啦。

如果不是做立方体滴话,窝教大家一种常用滴增加厚度滴方法,直接复制一个,向下移动到想要滴位置:

 


在两个图层中间再画一个矩形就ok啦:



如果还要两个侧面颜色不一样滴话,算啦,这么简单滴事情,窝就不讲啦。

优点:神马都能做,方便扩展

缺点:稍微有点难和复杂


Ps:第3种方法,窝之前滴教程里还有更详细的哦,分别是下面两篇:



大家有不懂滴可以在下面评论~

好啦,今天滴课程到这里就结束了,大伙如果有问题滴话,请在下面留言~

Powered by Froala Editor

更新:2020-04-21

收藏

60人已收藏

小卜卜

窝不放微信邮箱了,让窝上首页吧~

  • 31

    作品

  • 114

    粉丝

  • 0

    关注

  • 一些logo
  • 就一张封面
  • 一张书籍封面,做着玩
  • 一张海报
相关标签
UI设计2.5D

    猜你喜欢

      2020-04-21 原创文章 教程 举报 3760 60 28 0

      3种方法教大家画2.5D

      0.0°

      你确定要举报3种方法教大家画2.5D

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2020年03月24日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      28
      60
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录