hellow，这节课由我小卜卜来给大家上课，上这节课有个要求，要么童鞋有2.5D的基础，要么看过我们长老上的基础课，没看过滴就在窝滴作品里面哦，名字叫“教大家做2.5D等级画风”。

如果你撒子都不晓得就跑来上课也不是不行，窝可以带你体验坐飞机滴赶脚。

窝们先看哈这堂课滴主题，窝找了不知道哪位老师滴作品，就用这个来开头：

经过观察阔以发现，里面有部分元素是“歪滴”（部分椅子和电脑），木有在标准视角上，酱紫滴作画方式让画面更生动了。

接下来就由窝为大家揭开谜题，一步步分析（没想到啊，窝都选Ui设计了，结果还要学习理论）。

开篇-理论

首先给大家介绍本节课最重要滴部分，当窝们对一个物体上下斜切了30度滴时候，就要把它滴宽度缩放为86.6%（相信大家都懂滴），这对应的就是cos30°。

有了这个理论，窝们就能推理粗，如果一个物体左右斜切了x度，辣么，它滴高度就要缩放cosx°，窝真是太天才了。

带着这个理论，童鞋们可以开始学习啦。

第一讲 part.01

窝们讲讲笔记本电脑如何打开更大滴角度（在标准视角下是90° ），拿粗之前滴素材，木有滴童鞋画两个简单图形代替（下次再不带教材，哼哼哼）：

让主机部分躺平（不会滴赶快回家找妈妈）：

这次滴目标是让屏幕打开更大滴角度，仔细看窝滴操作：

这种情况下，窝们只需要加一点水平斜切，就能达到想要滴效果啦，组合起来康康，是八是有模有样滴（厚度怎么加窝这里就不讲了哦）：

第二讲 part.02

接着讲讲歪着滴笔记本是怎么放滴，还是用这个素材。还是先让主机躺平，这次多旋转或少旋转一点角度，窝这里旋转了53°（少转了7°）（上面辣个是标准滴）：

然后处理屏幕，窝想让童鞋们自行思考哈怎么处理，自己想粗来滴才消化滴好。

.

.

.

.

.

.

屏幕滴处理方式看下图：

是八是很神奇，同样滴，这里也可以加上水平斜切哦，让屏幕打开角度更大，不过要记得缩放高度。

把它组合起来后放到标准参考系里：

但是要提醒哈，对于主机滴变换，歪滴角度不能太大，不然看起来会怪怪滴，可能是缺少某种处理，不过窝滴数学就这样了，希望有数学好滴童鞋能够发现原理，然后告诉大家。

第三讲 part.03

这里讲哈如何做一头高一头低滴物体，例如封面上辣个翻开滴本子，这个比较简单。

就画这个本子吧，正常滴部分窝就不多讲了，直接做成下面这样紫（3个矩形重在一起）：

把本子滴缺口补上：

然后讲颜色最深辣个复制一个，摆在合适滴位置：

选中右边辣2个锚点往下移动少许，可以画个参考哦：

然后加上影子，酱紫更明显：

最后加个矩形作为连接：

是八是很简单。

第四讲 part.04

最后讲讲旋转椅滴做法，既然叫旋转椅，辣么有点歪也是很合理的对吧。

先做轮子和骨架，选中多边形工具，边数选择5，设置如下：

酱紫就可以直接画一个很瘦滴五角星粗来：

召唤神器“corner editor”，这是一个用来加圆角滴插件，功能强大，童鞋们自行百度即可下载，安装简单，窝这里就不多说了。

添加一个合适滴圆角：

把它推倒：

复制一个粗来放到下面，换一个浅一点滴颜色，然后选中上面辣个滴中间一坨锚点，往上移动少许，下面滴也移动一丢丢：

是八是很像了，然后窝们做轮子部分，直接用圆形就好啦，放到合适滴位置上：

一架无人机就完成啦，接着画连接坐垫滴钢管，做个矩形：

画个和矩形一样宽滴圆形，高度缩放到71%，这样就是一个圆在2.5D视角下滴样紫（搞不懂滴童鞋可以看看长老滴基础课）：

把这个椭圆复制一个粗来，对矩形做布尔运算，一个放在下面与矩形合并，一个放在上面减去：

再做一个细一丢丢滴矩形，假装它是钢管：

然后就可以开始做坐垫部分啦，先画个大小合适滴矩形，并加上合适滴圆角（记住矩形滴宽高哦）：

让它躺平，顺便加上一点厚度：

然后做扶手部分，还是画个合适大小滴矩形，加上合适大小滴圆角（圆角滴高度比坐垫矮一点

）：

推倒后顺便加个高度，放到合适滴位置上（没错，窝就是合适怪）：

做连接滴部分，画个矩形斜切30度：

复制一个粗来，换个深点滴颜色，移动下位置：

然后堵上辣个缺口，随便什么办法都可以哦，窝这里还顺便改了下位置：

一个扶手就做好啦，整体复制后移动到另一边：

连接处和坐垫那里有点不协调，窝们给坐垫加上内描边，酱紫顺眼一点：

最后做靠背，画一个矩形，宽度比坐垫少一点，加上合适滴圆角：

然后不要慌，窝之前说啦，旋转椅有点歪也是很正常滴，所以我们把坐垫部分稍微旋转一丢丢，记住这个角度（窝转了负7度）：

然后再处理靠背，怎么处理窝就不说啦，我是个傲娇滴老师，同样滴知识不讲2遍：

给靠背加个厚度：

把浅色靠背复制一个，蒙版到下面滴原浅色靠背上，下面辣个浅色靠背改成白色，然后稍稍往右下移动复制滴那个：

哈哈，旋转椅完成！

童鞋们一定要吃透这个原理，不要傻兮兮滴只顾画，假以时日，你就能像窝这样优秀。

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

Powered by Froala Editor