這節(jié)課，25學(xué)堂主要跟大家分解APP界面透視的基礎(chǔ)技巧和簡單操作的PS 透視動(dòng)作使用。

第一部分：透視的原理和基本知識

透視法則是造型的重要依據(jù)，是指導(dǎo)我們在造型中正確的觀察、理解和表現(xiàn)形體物象的科學(xué)的理性法則之一。

1、透視原理 人的眼睛觀看物象，是通過瞳孔反映于眼睛的視網(wǎng)膜上而被感知的。遠(yuǎn)近距離不同的相同物象，距離越近的在視網(wǎng)膜上的成像越大，距離越遠(yuǎn)的則成像越小。這個(gè)近大遠(yuǎn)小的視覺現(xiàn)象，被稱為透視現(xiàn)象。

2、透視變化的基本類型包含：

平行透視、成角透視、傾斜透視、圓面的透視、圓柱體的透視、圓球體的透視等。

在APP界面透視展示效果上面，大部分采用的是傾斜透視。

如下圖：

等等。

第二部分：快速制作APP透視展示效果

STEP1：下載目前比較常用的透視APP模型。

透視APP模型下載地址：微盤下載? 和 ?百度網(wǎng)盤下載

STEP2：用Photoshop cc 軟件打開透視APP模型，打開下載的PSD文檔，雙擊【智能對象】圖層。

STEP3:?雙擊打開后，我們可以在這里添加你的移動(dòng)APP?UI設(shè)計(jì)作品.

添加完成后，關(guān)閉并保存智能對象，最后你會看到如下結(jié)果，其它圖層也是用上面的方法即可完成！

顯示的最終效果如上圖所示，這里只是25學(xué)堂的小編只是跟大家舉例說明一下。具體的操作還得看各位移動(dòng)APP設(shè)計(jì)師的發(fā)揮啦！

第三部分：PS透視動(dòng)作的使用和透視高級技巧分享

安裝：從下面的鏈接中下載這個(gè)photoshop腳本，.atn格式，直接拖進(jìn)去即可安裝（photoshop cs5測試）

備注：Phtoshop透視模型動(dòng)作腳本下載地址：微盤下載（免費(fèi)）

使用：打開你的效果圖，然后點(diǎn)擊菜單“窗口” — 動(dòng)作(Alt+F9)，如下圖：

運(yùn)行 [2.0 One Up] 即可自動(dòng)生成透視圖了，幾秒鐘時(shí)間。另外說明下 [Create Canvas] 這個(gè)動(dòng)作，它是用來自動(dòng)創(chuàng)建一個(gè)640 x 1136px的畫面（即iPhone5的分辨率），你可以在這個(gè)基礎(chǔ)上制作你的效果圖。

當(dāng)然這里還有更多的APP透視腳本和案例：

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

以上某些內(nèi)容來源：設(shè)計(jì)達(dá)人官網(wǎng)http://www.shejidaren.com/freebies-psd-perspective-app-mock-up.html