APP透视界面基础教程以及PS透视动作使用

这节课,25学堂主要跟大家分解APP界面透视的基础技巧和简单操作的PS 透视动作使用。

14032141

第一部分:透视的原理和基本知识

透视法则是造型的重要依据,是指导我们在造型中正确的观察、理解和表现形体物象的科学的理性法则之一。

1、透视原理 人的眼睛观看物象,是通过瞳孔反映于眼睛的视网膜上而被感知的。远近距离不同的相同物象,距离越近的在视网膜上的成像越大,距离越远的则成像越小。这个近大远小的视觉现象,被称为透视现象。

2、透视变化的基本类型包含:

平行透视、成角透视、倾斜透视、圆面的透视、圆柱体的透视、圆球体的透视等。

在APP界面透视展示效果上面,大部分采用的是倾斜透视。

如下图:

app设计模板

app立体透视模型

多彩的扁平化APP界面设计源文件PSD下载3

等等。

 

第二部分:快速制作APP透视展示效果

STEP1:下载目前比较常用的透视APP模型。

透视APP模型下载地址:微盘下载  和  百度网盘下载

 

STEP2:用Photoshop cc 软件打开透视APP模型,打开下载的PSD文档,双击【智能对象】图层。

login-register-ios7-app-design-psd

STEP3: 双击打开后,我们可以在这里添加你的移动APP UI设计作品.

添加完成后,关闭并保存智能对象,最后你会看到如下结果,其它图层也是用上面的方法即可完成!

APP 透视step04

显示的最终效果如上图所示,这里只是25学堂的小编只是跟大家举例说明一下。具体的操作还得看各位移动APP设计师的发挥啦!

 

第三部分:PS透视动作的使用和透视高级技巧分享

安装:从下面的链接中下载这个photoshop脚本,.atn格式,直接拖进去即可安装(photoshop cs5测试)

备注:Phtoshop透视模型动作脚本下载地址:微盘下载(免费)

使用:打开你的效果图,然后点击菜单“窗口” — 动作(Alt+F9),如下图:

perspective-tutorial

运行 [2.0 One Up] 即可自动生成透视图了,几秒钟时间。另外说明下 [Create Canvas] 这个动作,它是用来自动创建一个640 x 1136px的画面(即iPhone5的分辨率),你可以在这个基础上制作你的效果图。

当然这里还有更多的APP透视脚本和案例:

https://dribbble.com/blazrobar/projects/119709-Perspective-Actions

以上某些内容来源:设计达人官网http://www.shejidaren.com/freebies-psd-perspective-app-mock-up.html

 

每天更新,
全站高品质素材免费下载!