教你使用PS打造流畅酷炫的动态APP演示

FEVTE编注：更多优秀PS教程讨论交流和PS作品请到飞特论坛PS交流区，地址：https://www.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131

现在动态演示已成趋势，相比静态，更直观，更能展示产品效果。 今天 @MartinRGB 教同学们如何利用Photoshop制作如此酷炫的动态演示。软件界面是中文版的呦，再也不担心看不懂了。

教程信息

本教程使用了PS CC，但是CS5和CS6依然能够支持本教程。
然后您还需要下载手机Mock UP效果模板和一些图库照片。

静态设计

具体的制作步骤如下：

步骤1

新建画布

步骤2

视图>新建参考线，垂直，间隔15px，左面4条，右面4条

视图>新建参考线，水平，在40px，128px，220px处设置水平参考线。

完成后效果如下图。

步骤 3

在画布上添加状态栏（也就是第一条水平参考线上方40px处），状态栏各位可以从源文件里面直接复制获取。

不过这里我用了iOS 7 UI Kit的动作包>>>>微盘下载

下一步，创建新图层，然后在40px和128px之间创建选区，填充颜色#2c3137.

步骤4

在标题栏添加应用的标题和Logo