請問圖中這樣的曲線效果是怎麼做出來的？

12-16

剛剛在Behance上看到了下圖中這樣的設計，作者稱是用Ps和Ai做的。我非常好奇這個是如何實現的，是否有大神可以解答一二？

作品傳送門：https://www.behance.net/gallery/30228765/Novelty-Waves-2

各位小夥伴們好！小麥丫此次分享的教程主要是AI封套扭曲、AI透視網格的工作原理和使用方法。

雖然題主的圖形製作，使用了最關鍵的幾個工具是AI的封套扭曲、PS的置換濾鏡、AI配置文件、AI透視網格。但是我在另兩個教程里，已經分享過PS置換濾鏡和AI配置文件的工作原理和使用方法：
dribbble上這件海報作品中間那個凸起紋理是怎麼做的？ - 小麥丫的回答（PS置換濾鏡）
這樣的效果用 AI 或 PS 如何實現？ - 小麥丫的回答（AI配置文件）
（所以在這個教程中，我就不過多分享這兩個工具教程了）

我以題主分享的第一張作品為例。老規矩，先上效果圖：

這次的教程我會盡量詳細，希望新手可以動手製作。此作品共五個圖層（一個背景層，四個凸起的扭曲層）。其實你可以觀察到——四個凸起的扭曲層圖形形狀，其實基本上是由背景層的圖形進行扭曲而形成的（但是背景和凸起圖形的亮度不同）。所以第一步，我們先把背景層的圖形製作好。

打開AI軟體，新建空白文檔。我們先仔細觀察作品背景圖形中，豎條紋的排列規律，大致規律如下：

先繪製左邊區域的單色的豎條排列。我們先繪製好等距豎線，根數和原圖要保持一致，因為要填色：

接下來是填充顏色，你可以直接用吸管工具（不要吸取背景條紋色，而是吸取凸起圖形的顏色——因為比較亮）取色填充（要注意調整互換填色描邊和描邊粗細）；也可以畫上深色背景（並鎖定），用你自己的色彩感覺來上色：

其他兩塊區域製作方法同上：

記得編組成三個區域。

我上文說過，四個凸起的扭曲層圖形形狀，其實基本上是由背景層的圖形進行扭曲而形成的（但是背景圖形和凸起圖形的透明度是不同的）。基本上，但不是100%——因為背景圖形有間距漸變，而凸起的圖形，是不需要間距漸變的（都是等距的）。

所以，在製作背景層前，先全選所有條紋，並複製一層（複製出來的條紋編組並關閉圖層眼睛，之後是用來製作立體凸起圖形的）。

重要的小插曲結束，咱們來繼續製作背景——主要是製作間距漸變的2塊區域背景。使用透視網格工具就非常便利了。
SHIFT+P（或者在工具欄上找），畫面就會彈出一個透視的網格和左上角一個小正方體的圖標：

由於時間關係，我在百度找了一篇基礎教程，供大家理解學習，還不懂的可以私信或評論。
http://jingyan.baidu.com/article/0964eca23c4ece8285f536cd.html

透視網格調整成一點透視（2點和3點透視不符合製作效果），視圖—透視網格—一點透視。使用透視選區工具（SHIFT+V）,點擊左上角正方體圖標的其中一個呈現出藍色的面（它對應的是藍色的透視網格——我們要的就是藍色網格的透視效果）。然後選中最左邊的豎條圖形，移動到藍色網格之上：

再使用透視選區工具移動一下條紋，它就會根據藍色網格的透視，發生（標準的）透視變形：

使用透視選區工具（選擇工具去移動圖形，就不會發生透視變形），你可以自由移動條紋，圖形始終會根據藍色網格的透視關係發生透視變形。

找到一個適當的間距位置，就停留別移動了：

中間的豎條間距漸變圖形的製作方法是同上的，唯一的區別就是方向不一樣。這個簡單，當我們點擊透視網格工具或透視選區工具的時候，畫面中的透視網格邊角處，會出現一個小圓：

點擊移動小圓，網格的方向就會發生改變：

所以，你知道接下來怎麼製作了吧？當兩個間距漸變的圖形製作好之後，我們關閉網格透視圖（CTRL+SHIFT+I）。我們再使用選擇工具，調整這兩個圖形的長寬和大小（不要忘記最後統一描邊厚度）：

先看全圖：

再看放大圖：

最後看剪切蒙版圖：

背景層的製作基本完成，好累的感覺有木有？不過接下來的製作將異常的輕鬆！

先製作第一個凸起的圖形。
繪製如下形狀的一個閉合路徑（暫且命名為波浪層）：

不管你會不會畫，我都執著得寫出過程：
1.先繪製描邊的長方形：

2.效果—扭曲和變換—波紋效果（注意參數的調整）：
參數1.絕對
參數2.隆起數一定要是奇數，偶數不行，你可以試試不同效果。
參數3.平滑
預覽打勾，方便觀察。最後確定：

選中對象，擴展外觀：

用剪刀工具把噁心的兩邊剪掉：

最後全選—對象—路徑—連接（兩次CTRL+J）：

因為有四個凸起的圖形，製作出如下四個輪廓波浪：

最後無縫對接排列：

這就是4塊凸起圖形的輪廓。

好了，還記得之前複製的一層背景層嗎？把它的圖層眼睛打開。觀察題主圖片的凸起圖形的邊緣，不是什麼顏色深淺造成的立體感，而是條紋形狀的粗細變化帶來立體效果！！！

所以，全選條紋層—描邊選項—配置文件的第一個圖形：

四個輪廓(從上往下，命名為波浪1至4輪廓層)準備就緒；條紋準備就緒，接下來就是大招：

把條紋層複製成四份，取其中一層，順時針旋轉一定角度（0到90度之間，具體的角度你自己微調，主要看效果是否滿意），置於波浪1輪廓層底部：

之後全選波浪1輪廓層和這個條紋層—對象—封套扭曲—用頂層對象建立：

其餘同上操作：

封套扭曲（用頂層對象建立）工作原理：

頂層對象，顧名思義就是最上層的對象（可以是打開或閉合的路徑、也可以是圖形，一般都是閉合的輪廓路徑）。我們剛才的頂層對象就是波浪層，頂層對象（波浪層）充當了一個封閉的套子的作用，會把裝進來的原始的圖形變形扭曲成這個封套的外輪廓形狀！

比如你的套子是圓形的，原始圖形是方形的，封套扭曲（頂層對象建立）之後，原始圖形就扭曲成圓形。

四個新的圖形，我們命名為波浪條紋層1—4.先調整一下它們之間的縫隙，有點寬，移動一點就好：

接下來我們全選四個圖層，逆時針旋轉一定角度，移動到之前做好的背景層之上適當的位置：

繼續選中這四個圖層，我們要稍微給它們來一個弧形變形：

然後再調整好位置：

AI的任務總算完成了，接下來，我們分層導入PS軟體（記得每個圖形都先擴展外觀後再保存為PSD格式，如果你電腦的配置高，盡量高解析度導出）：

顏色模式改為RGB，裁剪畫布、填充背景色：

接下來，我們把多餘的背景條紋層用鋼筆工具裁剪掉（，沿著第一個凸起圖形的上邊緣裁剪）：

有點感覺了，不急，接下來是添加光影質感的時間：
1.給最上面的凸起層添加投影，參數自己研究：

其餘三個不需要投影。

直接進入——PS置換濾鏡時間：
這四個圖形有些塊面是凹陷，有些塊面是凸出，所形成的立體感。其實大家仔細觀察就知道了。凹陷的部分條紋相對比較細，背景色露出來較多，整體顏色相對比較暗，從而形成凹陷感；凸出部分條紋比較粗，背景色露出來比較少，整體顏色相對比較亮，從而形成凸出感。

這和我之前的一篇PS置換濾鏡製作條紋凸出或凹陷的原理是一模一樣的——dribbble上這件海報作品中間那個凸起紋理是怎麼做的？ - 小麥丫的回答（PS置換濾鏡）

我希望大家自己去研究探索置換濾鏡的詳細過程，我就不在這裡贅述，最終效果（沒有原圖精細，主要是條紋粗細和接縫處的差距，我就不調整了，大家湊合看哈）：

_____________________________________________
1.未經授權，盜用、轉載的話。維權騎士_一個為原創者提供版權管理和保護服務的網站
2.不要問我的微信和QQ號，咱們只在知乎的私信中，評論中交流學習。
3.不要私信讓我幫你免費做任何設計。
4.小白式問題請上百度。
5.邀請我回答的平面類教程，請耐心等待，我會抽空回答有價值的問題。
6.歡迎大家在值乎向我提問平面設計相關問題（不介意閑聊其他內容）。

相較AI我更擅長Coreldraw,所以這個回答是由Coreldraw和PS做的，AI等其他高手來答吧。

1、畫直線並複製，然後選擇部分線條填充輪廓顏色。