PS教程!教你打造超酷炫的德罗斯特效应

2015/11/16 21302

photoshop-design-droste-effect-1

编者按:从前有座山,山上有座庙,庙里有个…这类可以无限循环的东西在视觉里叫德罗斯特效应,非常有意思的效果,而且简单易学,今天折葵同学这篇教程不仅有给新手的超简单3步搞定法,而且有效果更酷炫的代码进阶版,大家挑自己喜欢的学。

这个就是德罗斯特效应的效果:

要制作这种效果效果是不是很复杂呢,其实用Photoshop几步操作就可以完成了。

现在大家跟着我来实现这个效果吧。

1. 以自己照片为例

准备一张自己满意的照片,用选择工具把要做效果的地方扣掉,这里为了不产生形变,我把画面比例裁剪成了相框的比例。

2. 将原来图层复制一份,副本放在原来图层下,Ctrl + T变形,按下Alt+Shift可以以中心按比例缩小,调节好大小后,回车确定。

3. 接下里就是就是最重要的操作,在副本图层上按下Ctrl+Alt+Shift+T(再次变换复制),在空白的区域就又出现了一张图像,重复再次变换复制的动作,就可以一直循环下去,调整一下图层,可以得到以下这种效果。

Bingo~是不是很简单啊,其实只要具有螺旋矩阵效果的软件都可以做,不仅仅是只有Photoshop能做。

当然这是最简单的效果,有没有更好玩的?

有!下面就是收割膝盖的时候了

进阶篇

这里我们用到一个新的软件–GIMP来制作,类似Photoshop,官网下载:http://www.gimp.org

1. 能制作这种效果的图片必须是带有Alpha通道的,所以PSD,PNG格式都是支持的,Tiff格式不知道可不可以,没试过(๑•́ ₃ •̀๑),这里我们用的是之前做好的PSD文件。

图片扣掉的地方尽量不要过大,扣除的地方最好是画面正中央,不然后面制作效果的时候会有大块的黑色。如果相机拍的,就得把模式改到8 bit,不然导入GIMP将不透明。

2. 打开GIMP,在菜单栏下打开制作好的PSD文件。

3.接下来进入 Filters>Generic>Mathmap>Mathmap,打开 Mathmap 插件(百度云下载:http://pan.baidu.com

附 Mathmap 的安装方法:

  1. 解压
  2. 将 Mathmap.exe、libgsl.dll、libgslcblas.dll 复制到 GIMP 插件(plugin)目录,默认是 C:\Program Files\GIMP 2\lib\gimp\2.0\plug-ins
  3. 复制 Mathmaprc 、new_template.c 到 C:\Users\你的用户名\.gimp-2.8\mathmap,如果没有Mathmap这个文件夹的话请新建一个。

4. 在设置面板里(Settings)取消勾选自动预览项(AutoPreview)

之后进入Expression界面,将原有的默认代码删除,粘贴上Droste Effect代码,点击预览(Preview)按钮(记住不要将顺序搞错了,不然会卡住!!!)

代码下载:http://pan.baidu.com

其中前7行的数据是可以修改的,通过不断修改数据,点击预览来让效果最好。其中r1,r2控制的是填充空白处的画面大小,通过微调不让画面超出相框或者漏出黑边。p1,p2控制边数,zoom控制上一个画面和下一个画面的距离,就像景深吧。ratate控制整个画面的旋转。xshift,yshift控制水平和竖直的位移,后面一个值不知。

参数要求分别是:

  • 0<r1<r2,r1为内半径
  • r1<r2<1,r2为外半径
  • p1即periodicity,关系图像在一个螺旋内的环绕次数(频率)
  • p2为螺旋数量,设的越多,螺旋数量就越多
  • -1<zoom<10
  • -360<Rotate<360
  • -1<xShift<1
  • -1<yShift<1

5. 切换到 User Variables 面板,勾选 Based on Transparency 和 Transparency Points In 两项,再次点左边的预览(Preview)按钮,点击ok(记住不要将顺序搞错了,不然会卡住!!!)

efb54ff9c619ace0ce68ea33961d7db0_r

6. 等待软件处理完(看面板下方的进度条,进度条满即可完成)。Ctrl + E保存,做好了还是有点黑边,可以导入ps里变形一下,可以画一点相框的内阴影。

其实多尝试一些参数可以得到好多不同的效果:

【有哪些酷炫好学的PS技巧/效果?】

好用到无语,简单到流泪!
《有哪些看上去很高大上,但实际很简单的PS技巧?》

两三步搞定江南水墨风!
《PS教程!手把手教你把图片变成江南水墨风》

高大上的APP效果展示图也可以这么做!
《PS教程!手把手教你打造时下最受欢迎的APP效果展示图》

 原文地址:zhihu
作者:折葵(已授权)

uisdc-tuweia-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量104万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/photoshop-design-droste-effect

界面设计 交互设计师 HTML5 素材 用户体验设计 好文 UI 转场动效 设计师专访 设计师 设计规范 排版布局 扁平化设计 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 用户体验 ui设计 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里