Photoshop設計動態APP演示動畫

本教程使用了PS CC，但是CS5和CS6依然能夠支持本教程。

靜態設計

步驟1

新建畫布

步驟2

視圖>新建參考線，垂直，間隔15px，左面4條，右面4條

視圖>新建參考線，水平，在40px，128px，220px處設置水平參考線。

完成后效果如下圖。

步驟 3

在畫布上添加狀態欄（也就是第一條水平參考線上方40px處），狀態欄各位可以從源文件里面直接復制獲取。

不過這里我用了iOS 7 UI Kit的動作包>>>>微盤下載

下一步，創建新圖層，然后在40px和128px之間創建選區，填充顏色#2c3137.

步驟4

在標題欄添加應用的標題和Logo

步驟5

畫一個放大鏡icon，圓形結合圓角矩形即可，顏色和App Logo相同。

再畫一個選項icon，圓角矩形即可，顏色和App Logo相同。