这种图片效果是怎样实现的？
（图片中虚线是水印,图片来源envato）
-08-07更新
好了占好的坑终于可以填了，我看题主的图是envato的，当然用AE来做最正宗了！以下操作需要有些入门级AE知识。另外建议问题更改标签为After Effect、视频特效
在这里我设定图片有四层变化，所以需要四层相同的层，分别命名为1、2、3、4，从大到小依次向下排列（1在最底层，保持原样，不需要动它）
将2、3、4层分别建立到预合成层中，并分别在这些预合成层上画出有排列规律的mask并勾选invert（反向），这个时候注意每个预合成层的mask要对齐。
接下来的步骤直接出效果：分别在2、3、4预合成层内的图片上加上Camera Lens Blur（Blur Radius数值为5、15、60，数值可变，但要是递进关系），接着回到预合成层外，为每个预合成层加上Drop Shadow（Distance必须为0，Softness为100）
然后就完成了，主要注意每个图层的排列顺序和模糊程度在视觉上的衔接关系（为了Big我还给它在顶部加了个黑色遮罩）。
举一反三，我们可以改各个预合成层的mask来实现不同效果，另外AE还能把它做成动画哦
我的AE工程下载地址http://pan.baidu.com/s/1i5Ct4UT
先上成品图
其实我图选得不够好，这类图用对比度高明暗分明的底图效果会更好，起床看到有人邀请回答就随意选了一张图……做这种风格的图主要用到的是【剪切蒙版】【内发光】【高斯模糊】
首先打开一张喜欢的底图，剪裁成图例中差不多比例的样子，接着独立出底图层并设置为智能对象。
然后画三个大小递增的正圆，从小到大按顺序排列图层并中心对齐。
接着将底图复制三个分别放置在三个圆的图层之上并创建剪切蒙版，然后点击其中一个圆形设置图层样式【内发光】并将效果复制到另外两个圆上。这里就可以再调整下圆的大小关系。
这个是内发光的设置界面，不要迷信各类教程的参数，这玩意儿跟着自己的感觉走。
接着设置图片层，顶上的保持原有清晰度不变，从第二张开始按照递进的方式增加高斯模糊的变量，参数同样跟着自己感觉走，比如第二张是3，第三张是7，最底下的那张是12.
很多新人不会用智能对象这点挺不好，之前说把图片设置成智能对象的好处就是图片的清晰度不会因屡次缩放而失真（不超出图片原大小的情况下），同时设置的滤镜也可以随时调整。
最后缩放部分图片的大小，让图片更有层次感，打上一些字符，完成！
这张图的软件难度只能算一颗星，毕竟全程我只用触摸板去上班之前就完成了……主要看的是对层次和感觉的把握。
补充一些话，用什么软件不是纠结的地方，面对一个问题需要的是多元化的解决方案，AI能做，AE更能做，但是ps做这个图未必更麻烦，也很简单。解决问题的思路远远比工具更重要，理解一张图的层次和效果原理，并且举一反三，你才是学到了。
貌似这是作为设计师第一次被人邀请回答设计类的问题，总算走入正轨了吗？
画圆形或矩形，复制同样多的底图，不同的高斯模糊，对每个形状再剪切蒙版
ios可使用Fragment达到类似效果
照着@Donkihode 的教程试了一下，确实挺简单的，而且想怎么调都可以，挺有意思的，交个作业。（图片素材取自站酷作者“_ABT_”，侵权删除）
交作业了，欢迎指正
来交作业了
照着最高票答案做的
这图片难道不是envato的ae模板展示截图吗？？？
直接把模板下载下来然后替换-截图 就可以了吧……
交作业. 但是老师为什么我这个没有你那种 就像光的折射那种感觉呢？@Donkihode
来交作业，做了两次，第一次忽略了顺序。好久没玩ps，觉得好有趣，随意找到图，主要是学方法和思维模式。谢谢答主！
泻药
AI
套三个圆
照片复制三个图层
Ctrl+7
模糊特效
投影特效
哦了
很明显用AE做，更方便，直接下载模板换张图就行
推薦閱讀：
※Material Design的插圖中使用的陰影是如何製作的？
※如何用AI繪製插畫？
※如何做出這種有厚度的 APP 界面圖片？
※請問怎樣做出這種插畫陰影部分的紋理？
※這張海報的上半部分光屏是怎麼樣做出來的？
TAG:AdobePhotoshop | 设计 | 平面设计 | 用户界面设计 | AdobeIllustrator |