當前位置:製作窩 >

創意設計 >設計教程 >

Illustrator打造一逼真的3D水波漣漪效果

Illustrator打造一逼真的3D水波漣漪效果

本例為Illustrator特效例項教程,主要學習通過運用AI的波紋、變形、旋轉以及3D工具的運用製作出逼真的水波漣漪效果,希望能給朋友們帶來幫助本例為Illustrator特效例項教程,主要學習通過運用AI的波紋、變形、旋轉以及3D工具的運用製作出逼真的水波漣漪效果,希望能給朋友們帶來幫助最終效果

Illustrator打造一逼真的3D水波漣漪效果
Step 1:新建一個600px – 580px 大小的畫板. 下一步, 使用直線段工具 (backslash), 畫一條 長600px 顏色設定為 CMYK: C=40, M=65, Y=100, K=35.
Illustrator打造一逼真的3D水波漣漪效果 第2張
Step 2:選中線條然後 執行: 效果 > 扭曲和變換 > 波紋效果. 引數設定如下圖紅色區域. 效果如下
Illustrator打造一逼真的3D水波漣漪效果 第3張
Step 3:漣漪由中心向外移動所產生的波浪逐漸消失,所以我要加一個波浪逐漸消失的變形. 選擇 > 封套扭曲 > 用變形建立(快捷鍵Alt + Shift + Ctrl + W). 在變形選項裡的樣式選擇“魚”,彎曲設為50%.前後效果如下。
Illustrator打造一逼真的3D水波漣漪效果 第4張
本例為Illustrator特效例項教程,主要學習通過運用AI的波紋、變形、旋轉以及3D工具的運用製作出逼真的水波漣漪效果,希望能給朋友們帶來幫助本例為Illustrator特效例項教程,主要學習通過運用AI的波紋、變形、旋轉以及3D工具的運用製作出逼真的水波漣漪效果,希望能給朋友們帶來幫助最終效果
Illustrator打造一逼真的3D水波漣漪效果 第5張
Step 1:新建一個600px – 580px 大小的畫板. 下一步, 使用直線段工具 (backslash), 畫一條 長600px 顏色設定為 CMYK: C=40, M=65, Y=100, K=35.
Illustrator打造一逼真的3D水波漣漪效果 第6張
Step 2:選中線條然後 執行: 效果 > 扭曲和變換 > 波紋效果. 引數設定如下圖紅色區域. 效果如下
Illustrator打造一逼真的3D水波漣漪效果 第7張
Step 3:漣漪由中心向外移動所產生的波浪逐漸消失,所以我要加一個波浪逐漸消失的變形. 選擇 > 封套扭曲 > 用變形建立(快捷鍵Alt + Shift + Ctrl + W). 在變形選項裡的樣式選擇“魚”,彎曲設為50%.前後效果如下。
Illustrator打造一逼真的3D水波漣漪效果 第8張
本例為Illustrator特效例項教程,主要學習通過運用AI的波紋、變形、旋轉以及3D工具的運用製作出逼真的水波漣漪效果,希望能給朋友們帶來幫助Step 4:選中波浪線,然後執行:物件>擴充套件 。引數設定如下。
Illustrator打造一逼真的3D水波漣漪效果 第9張
Step 5:接下來, 我們將新增水滴掉下來彈起的效果. 使用直接選擇工具 (A), 選中第一個錨點 然後往上拖. 使用新增錨點工具 (+), 在如圖所示位置新增兩個錨點.使用直接選擇工具修改錨點路徑形狀如下圖。然後複製這條曲線放一邊作為備份。
Illustrator打造一逼真的3D水波漣漪效果 第10張
Step 6:現在形狀線條已經準備好了, 選中線條然後執行 效果 > 3D > 繞轉. 在引數設定對話方塊的右邊點選更多選項,引數設定如下圖,表面選項選塑料底紋效果,更多選項裡的縮圖下面點選新建,新建一個高光。兩個高光位置如下圖,其他引數設定如下圖。
Illustrator打造一逼真的3D水波漣漪效果 第11張
上面引數設定後效果如下
Illustrator打造一逼真的3D水波漣漪效果 第12張
本例為Illustrator特效例項教程,主要學習通過運用AI的波紋、變形、旋轉以及3D工具的運用製作出逼真的水波漣漪效果,希望能給朋友們帶來幫助Step 7:現在我再來新增一些光照反射效果,選擇我們第五步的時候備份的那一條曲線執行:物件 > 變換> 對稱. 水平對稱, 使用直接選擇工具選擇下圖紅色部分,然後刪除。
Illustrator打造一逼真的3D水波漣漪效果 第13張
Illustrator打造一逼真的3D水波漣漪效果 第14張
Step 8:選擇線條然後執行 效果 > 3D > 繞轉.引數設定和上一次一樣. 只是把陰影顏色設定為白色。
Illustrator打造一逼真的3D水波漣漪效果 第15張
Illustrator打造一逼真的3D水波漣漪效果 第16張


  • 文章版權屬於文章作者所有,轉載請註明 https://zhizuowo.com/chuangyi/jiaocheng/9d46m.html