Photoshop绘制2.5D风格的商业中心插画

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:1876076

关键词

先看看其他道友做的:

Photoshop绘制2.5D风格的商业中心插画,PS教程,思缘教程网

Photoshop绘制2.5D风格的商业中心插画,PS教程,思缘教程网

Photoshop绘制2.5D风格的商业中心插画,PS教程,思缘教程网

大家的第一眼可能感觉有点复杂,不知道该怎么画,其实这些都是由最基本的形状组合起来的,老夫今天就来指导大家如何修炼这套功法。

首先,我们先要了解这套功法(整个画面的视角):

Photoshop绘制2.5D风格的商业中心插画,PS教程,思缘教程网

可以看出这个立方体是由正菱形组成的,菱形的四个内角分别是60°、120°、60°、120°,可以看成是左右两个正三角形组成的,接下来我们开始修炼

♦ 功法第一章:立方体

第一套口诀(方法):

用多边形工具一个正三角形,使用自由变换把数值改成整数,删除锚点工具删除多余的锚点,随后复制一个旋转180°:

Photoshop绘制2.5D风格的商业中心插画,PS教程,思缘教程网

将这个形状合并,复制两个出来,一个旋转60°,另一个-60°,可能需要调整锚点来去除虚边,调整好位置:

Photoshop绘制2.5D风格的商业中心插画,PS教程,思缘教程网

第二套口诀:

先画一个200*200的正方形,在自由变换中,按下图设置:

这样也能得到目标形状

第三套口诀(重点):

我们发现前两个方法只对正方形有用,对其他中心对称的形状就不管用了,我们就需要找到其中的规律

先用第二种方法做一个正菱形:

Photoshop绘制2.5D风格的商业中心插画,PS教程,思缘教程网

 收藏