在我们去制作界面包装的时候,往往需要倾斜摆放界面,让整个界面看起来更加富有张力。一般情况下我们选用的方式是在现有的手机模板psd里更改界面。这样的灵活性降低不少。今天教大家一种方式,自己制作手机界面展示角度。(模板不求人,超级简单)
以上这张图,我们完全可以,将界面等间距放置,然后群组。整体调整图的角度。
这个用旋转方式来说,就比较难了。我们可以借助ai快速实现效果。
知识点1:需要使用的功能效果—3d—旋转
请点击此处输入图片描述
新建一个较大的画布比如5000/5000(对于ui设计师来说这个大小是够用的)
将绘制好的页面放入ai中,选择菜单栏里菜单:效果—3d—旋转(这时候你会发现没有任何反应)ai与ps的机制不同,不会直接把预览展示出来(左下角有个预览记得勾选这时候会出现效果。)将鼠标放置在左侧的那个小正方体上,拖动调整视角状态,你会发现,你的界面的状态会随着正方体的转动而转动。界面的状态和正方体的状态是相吻合的。
ai里也有一些特定的角度值。可以根据自己的需要使用。如下图:其中(前方/后方/左方/右方/上方/下方为不常用值)我们用的最多的等角里三种方式(等角-左方;等角-右方;等角-上方)。其他的状态根据自身需要使用。请点击此处输入图片描述
我们轻松的就可以得到这样的状态啦(如上图)。
确定选框效果,然后就可以将其粘贴到ps(ctrl+c:复制/ctrl+v:粘贴)。选择为智能对象(不要添加到当前的库:时间漫长)这个效果就会实现。是不是很快速呢。
其实我们平时那么对于整体的一组页面去进行倾斜放置的时候呢?我们一张一张的制作。这个时候我们很难保证图片之间的左右上下都很难做到等间距。而且效率不是很高。其实也是很容易就能解决,我们先将界面在ai中排列好。请点击此处输入图片描述
然后选择所有的界面:ctrl+g群组;针对这个组进行3d-旋转的操作。这里展示的效果似乎会出现一些问题,下面的一侧被遮挡住了一部分。
知识点2:选择对象—扩展外观。
这个时候他依然没有出现。我们可以用小白工具拖动锚点。你就会发现,界面全部展示出来啦。
调整排列方和变换角度可以变成其他状态,灵活性和展示形态的多样性大大提高。