PS教程!教你打造超酷炫的德羅斯特效應

編者按:從前有座山,山上有座廟,廟里有個...這類可以無限循環的東西在視覺里叫德羅斯特效應,非常有意思的效果,而且簡單易學,今天折葵同學這篇教程不僅有給新手的超簡單3步搞定法,而且有效果更酷炫的代碼進階版,大家挑自己喜歡的學。

這個就是德羅斯特效應的效果:

PS教程!教你打造超酷炫的德羅斯特效應

要制作這種效果效果是不是很復雜呢,其實用Photoshop幾步操作就可以完成了。

現在大家跟著我來實現這個效果吧。

1. 以自己照片為例

準備一張自己滿意的照片,用選擇工具把要做效果的地方扣掉,這里為了不產生形變,我把畫面比例裁剪成了相框的比例。

PS教程!教你打造超酷炫的德羅斯特效應

2. 將原來圖層復制一份,副本放在原來圖層下,Ctrl + T變形,按下Alt+Shift可以以中心按比例縮小,調節好大小后,回車確定。

PS教程!教你打造超酷炫的德羅斯特效應

3. 接下里就是就是最重要的操作,在副本圖層上按下Ctrl+Alt+Shift+T(再次變換復制),在空白的區域就又出現了一張圖像,重復再次變換復制的動作,就可以一直循環下去,調整一下圖層,可以得到以下這種效果。

PS教程!教你打造超酷炫的德羅斯特效應

Bingo~是不是很簡單啊,其實只要具有螺旋矩陣效果的軟件都可以做,不僅僅是只有Photoshop能做。

PS教程!教你打造超酷炫的德羅斯特效應

當然這是最簡單的效果,有沒有更好玩的?

有!下面就是收割膝蓋的時候了

進階篇

這里我們用到一個新的軟件--GIMP來制作,類似Photoshop,官網下載:http://www.gimp.org

PS教程!教你打造超酷炫的德羅斯特效應

1. 能制作這種效果的圖片必須是帶有Alpha通道的,所以PSD,PNG格式都是支持的,Tiff格式不知道可不可以,沒試過(??? ? ???),這里我們用的是之前做好的PSD文件。

圖片扣掉的地方盡量不要過大,扣除的地方最好是畫面正中央,不然后面制作效果的時候會有大塊的黑色。如果相機拍的,就得把模式改到8 bit,不然導入GIMP將不透明。

PS教程!教你打造超酷炫的德羅斯特效應

2. 打開GIMP,在菜單欄下打開制作好的PSD文件。

PS教程!教你打造超酷炫的德羅斯特效應

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這個文件夾的話請新建一個。

PS教程!教你打造超酷炫的德羅斯特效應

4. 在設置面板里(Settings)取消勾選自動預覽項(AutoPreview)

PS教程!教你打造超酷炫的德羅斯特效應

之后進入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(記住不要將順序搞錯了,不然會卡住!!!)

PS教程!教你打造超酷炫的德羅斯特效應

6. 等待軟件處理完(看面板下方的進度條,進度條滿即可完成)。Ctrl + E保存,做好了還是有點黑邊,可以導入ps里變形一下,可以畫一點相框的內陰影。

PS教程!教你打造超酷炫的德羅斯特效應 PS教程!教你打造超酷炫的德羅斯特效應

其實多嘗試一些參數可以得到好多不同的效果:

PS教程!教你打造超酷炫的德羅斯特效應

PS教程!教你打造超酷炫的德羅斯特效應

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

好用到無語,簡單到流淚!
《有哪些看上去很高大上,但實際很簡單的PS技巧?》

兩三步搞定江南水墨風!
《PS教程!手把手教你把圖片變成江南水墨風》

高大上的APP效果展示圖也可以這么做!
《PS教程!手把手教你打造時下最受歡迎的APP效果展示圖》

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

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/
設計微博:擁有粉絲量104萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

收藏 7
點贊

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。