如何制作APP作品展示图？_网页logo教程

wz_meng 发表于 2015-11-28 19:51:04

如何制作APP作品展示图？

这尖高大上的APP作品展示图是怎做出来的？今天就教大家怎么做这类十分受欢迎的APP效果展示图。

先看看效果：

http://pic.16xx8.com/allimg/151121/191552I59-11.jpg
作者：滔米出处：站酷

wz_meng 发表于 2015-11-28 19:51:04

步骤：1、新建一个画布尺寸为：640*1136，以5S为例，然后保存，命名：5S效果图模板
http://pic.16xx8.com/allimg/151121/1915522P3-0.png

wz_meng 发表于 2015-11-28 19:51:04

2、再新建一个画布，命名如：效果图展现，尺寸随意，可以大点，但不能太小。
http://pic.16xx8.com/allimg/151121/1915522342-1.png

wz_meng 发表于 2015-11-28 19:51:04

背景色给百分之90左右的灰色。

http://pic.16xx8.com/allimg/151121/1915523c7-2.png

wz_meng 发表于 2015-11-28 19:51:04

3、将刚才新建的那个5S效果图模板.psd拖到这个画布中。
http://pic.16xx8.com/allimg/151121/191552C01-3.png

wz_meng 发表于 2015-11-28 19:51:04

Ctrl+T变换到合适的尺寸，倾斜到合适的透视效果。
http://pic.16xx8.com/allimg/151121/1915521352-4.png

wz_meng 发表于 2015-11-28 19:51:04

4、然后双击”5S效果图模板”这个图层。必须是智能对象哦"然后会自动跳到新的页面。
http://pic.16xx8.com/allimg/151121/1915525W2-5.png

wz_meng 发表于 2015-11-28 19:51:04

把精心设计的app拖入画布然后保存：Ctrl+ S，关闭：Ctrl+ W
http://pic.16xx8.com/allimg/151121/1915524S7-6.png

wz_meng 发表于 2015-11-28 19:51:04

5、回到这个展示页面
http://pic.16xx8.com/allimg/151121/1915525E4-7.png

wz_meng 发表于 2015-11-28 19:51:04

然后按Ctrl+J复制一个图层...，选下面的一个图层，双击图层进入图层样式，选择斜面和浮雕，设置一下参数：
http://pic.16xx8.com/allimg/151121/191552MJ-8.png
参数自行调整，其中，阴影角度45°可随大环境光线可根据情况自行调整，阴影模式透明度随意，自己看情况调整。

wz_meng 发表于 2015-11-28 19:51:04

6、然后，从第二个图层开始连续复制多个该图层，每复制的一个图层都在上一个图层的下方，每复制一个图层都往下移一个像素，按住Alt+鼠标左键拖动图层往下拽，可使用键盘上的下方向键来控制。
http://pic.16xx8.com/allimg/151121/1915523H4-9.png

wz_meng 发表于 2015-11-28 19:51:04

然后，在最后一个图层上设置一个投影参数自行解决。
http://pic.16xx8.com/allimg/151121/1915524X4-10.png

wz_meng 发表于 2015-11-28 19:51:04