PS设计教程网欢迎你!

Illustrator绘制2.5D风格的游戏场景效果(2)

文章来源于 优优教程网,感谢作者 牧师每天都很缺蓝 给我们带来经精彩的文章!
设计教程/矢量教程/Illustrator教程2018-07-23
步骤 09 画一个正圆,找到【效果3D旋转】,调整角度,【对象扩展外观】后右键点击【取消编组】,再次右键点击【释放剪贴蒙版】,将单个图形提取出来。将图形复制一个并依据参考线放在合适的角度(角度选择如步骤 8里

步骤 09

画一个正圆,找到【效果—3D—旋转】,调整角度,【对象—扩展外观】后右键点击【取消编组】,再次右键点击【释放剪贴蒙版】,将单个图形提取出来。将图形复制一个并依据参考线放在合适的角度(角度选择如步骤 8里所说)。选择【混合工具】,点击两个圆形,再双击【混合工具】的图标,在其面板上进行设置数值。在数值设置上,指定的步数或距离要使圆柱体的边缘看起来平滑。设置完后,扩展外观后【取消编组】,除去顶面的部分都进行【联集】,分出亮面、暗面。

Illustrator绘制2.5D风格的游戏场景效果

步骤 10

画一个正圆,选择【直接选择工具】,点一下正圆,正圆会出现 4 个锚点,再点一下某一个锚点,即【选择了该锚点】,将其删除。接着选择【选择工具】,选中该图形右键点击【连接】,即为一个半圆。接着选择【3D—绕转】,点开【更多选项】,设置与画面同步的光源。球体可以先不扩展。

Illustrator绘制2.5D风格的游戏场景效果

步骤 11

画圆柱体时,先画一个正圆,选择【3D—凸出和斜角】,位置选择【等角—上方】,调整凸出厚度,点开更多选项,混合步骤数值可以尽量调低,显示出的颜色越少越好,做完之后将单个图形提取出来。

Illustrator绘制2.5D风格的游戏场景效果

步骤 12

画一个 1/4 圆,选择【3D—绕转】,位置【等角—左方】。与之前画的圆柱拼起来。

Illustrator绘制2.5D风格的游戏场景效果

步骤 13

补充墩子的各个结构,将他们依照参考线拼起来。

Illustrator绘制2.5D风格的游戏场景效果

步骤 14

将画好的发射塔上下部件依照参考线拼起来。

Illustrator绘制2.5D风格的游戏场景效果

步骤 15

参考原图的旗子,是一种被风吹的效果, LOGO 也是不规则图形,左上方的旗子一角遮住了光线,形成了暗部。用钢笔勾勒出旗子、 LOGO 、阴影的形状。阴影部分,纯色填充改为渐变填充,拉一个深色的渐变,渐变为左上角深色右下角浅色,角度调整要合适。 LOGO 的变形要依据旗子的摆动起伏来画。

Illustrator绘制2.5D风格的游戏场景效果

步骤 16

天线部分主要由直线(或矩形)、圆柱体(圆柱体画法见步骤 11)、半球体(半球体画法见步骤 12)、圆环(圆环画法见步骤 17)拼成。依照参考线,注意图形前后位置顺序。

Illustrator绘制2.5D风格的游戏场景效果

步骤 17

画圆环时,先画一个正圆,去掉填充,描边加粗,选择【3D—凸出和斜角】,位置选择【等角—上方】,选择合适的凸出厚度,减少混合步骤。

Illustrator绘制2.5D风格的游戏场景效果

步骤 18

文字部分画法。依照原图,输入文字后,选择合适的字体,【选择工具】选中字体,右键点击【创建轮廓】,调整到合适的长宽比。将文字图形编组,选择【效果—3D—旋转】,位置选择【等角—右方】,取消编组,释放剪贴蒙版,将图形提取出来。这里要值得注意的是,3D 效果做的旋转,放大画布可以看到不会完全与参考线吻合,可以在【变换】中适当调整角度。

Illustrator绘制2.5D风格的游戏场景效果

步骤 19

【建筑—左】图标画法。参考原图,除去视觉角度,这是一个正方形和圆形组成的图案。其中,可以利用【描边—粗细】、【路径查找器—差集】、【路径查找器—分割】、【形状查找器】、【对称】、【对齐】等工具来做。在用路径查找器之后,取消编组,把不需要的图形删掉,桔色圆弧部分在做凹槽时,利用【钢笔】和原图形来做。平面做完之后全选编组,选择【3D—旋转】,设置选项,做出与画面同步的角度。

Illustrator绘制2.5D风格的游戏场景效果

步骤 20

【基座】上有两个图形,我们可以同样理解为两个图标。注意彼此的大小比例。【基座】上的两个图标角度与【建筑—左】不同,要注意。

Illustrator绘制2.5D风格的游戏场景效果

步骤 21

画【基座】上的楼梯是,先将楼梯分解为若干个长方体加一个三角形来画。长方体由单个的正方体,通过【直接选择工具】,选择对应的锚点,拖动到对应的角度,来完成。

Illustrator绘制2.5D风格的游戏场景效果

步骤 22

在画【基座】的墙面装饰时,先将其理解成一个扁平的长方体,再在最大的一个面上做凹凸效果。若长方体面向自己时,凸起朝向也面向自己。所以长方体朝向在左下方时,凸起部分也朝向左下方。同时注意,从侧面看时,凸起部分是具有厚度的。在改变该结构的朝向时,也要注意凸起的5个面的角度。最后根据光线安排明暗关系。并加上小长方体。

Illustrator绘制2.5D风格的游戏场景效果

步骤 23

信号发射器大体由【钢笔】依据参考线来画。涉及到圆形的部分可以用【3D】来画。注意各个体块的受光情况。

Illustrator绘制2.5D风格的游戏场景效果

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa