Illustrator特效實(shí)例制作逼真水波漣漪效果

教程頻道 - Illustrator 來(lái)源:設(shè)計(jì)在線 作者:hccm 2010-07-20

本例為Illustrator特效實(shí)例教程,主要學(xué)習(xí)通過運(yùn)用AI的波紋、變形、旋轉(zhuǎn)以及3D工具的運(yùn)用制作出逼真的水波漣漪效果

終效果

Illustrator特效教程:創(chuàng)建逼真水波漣漪效果_中國(guó)教程網(wǎng)

Step 1:新建一個(gè)600px – 580px 大小的畫板. 下一步, 使用直線段工具 (backslash), 畫一條 長(zhǎng)600px 顏色設(shè)置為 CMYK: C=40, M=65, Y=100, K=35.

Illustrator特效教程:創(chuàng)建逼真水波漣漪效果_中國(guó)教程網(wǎng)

Step 2:選中線條然后 執(zhí)行: 效果 > 扭曲和變換 > 波紋效果. 參數(shù)設(shè)置如下圖紅色區(qū)域. 效果如下

Illustrator特效教程:創(chuàng)建逼真水波漣漪效果_中國(guó)教程網(wǎng)

Step 3:漣漪由中心向外移動(dòng)所產(chǎn)生的波浪逐漸消失,所以我要加一個(gè)波浪逐漸消失的變形. 選擇 > 封套扭曲 > 用變形建立(快捷鍵Alt + Shift + Ctrl + W). 在變形選項(xiàng)里的樣式選擇“魚”,彎曲設(shè)為50%.前后效果如下。

Illustrator特效教程:創(chuàng)建逼真水波漣漪效果_中國(guó)教程網(wǎng)

Step 4:選中波浪線,然后執(zhí)行:對(duì)象>擴(kuò)展 。參數(shù)設(shè)置如下。

Illustrator特效教程:創(chuàng)建逼真水波漣漪效果_中國(guó)教程網(wǎng)

Step 5:接下來(lái), 我們將添加水滴掉下來(lái)彈起的效果. 使用直接選擇工具 (A), 選中第一個(gè)錨點(diǎn) 然后往上拖. 使用添加錨點(diǎn)工具 (+), 在如圖所示位置添加兩個(gè)錨點(diǎn).使用直接選擇工具修改錨點(diǎn)路徑形狀如下圖。然后復(fù)制這條曲線放一邊作為備份。

Illustrator特效教程:創(chuàng)建逼真水波漣漪效果_中國(guó)教程網(wǎng)

Step 6:現(xiàn)在形狀線條已經(jīng)準(zhǔn)備好了, 選中線條然后執(zhí)行 效果 > 3D > 繞轉(zhuǎn). 在參數(shù)設(shè)置對(duì)話框的右邊點(diǎn)擊更多選項(xiàng),參數(shù)設(shè)置如下圖,表面選項(xiàng)選塑料底紋效果,更多選項(xiàng)里的縮略圖下面點(diǎn)擊新建,新建一個(gè)高光。兩個(gè)高光位置如下圖,其他參數(shù)設(shè)置如下圖。

Illustrator特效教程:創(chuàng)建逼真水波漣漪效果_中國(guó)教程網(wǎng)

上面參數(shù)設(shè)置后效果如下

Illustrator特效教程:創(chuàng)建逼真水波漣漪效果_中國(guó)教程網(wǎng)

Step 7:現(xiàn)在我再來(lái)添加一些光照反射效果,選擇我們第五步的時(shí)候備份的那一條曲線執(zhí)行:對(duì)象 > 變換> 對(duì)稱. 水平對(duì)稱, 使用直接選擇工具選擇下圖紅色部分,然后刪除。

Illustrator特效教程:創(chuàng)建逼真水波漣漪效果_中國(guó)教程網(wǎng)

Illustrator特效教程:創(chuàng)建逼真水波漣漪效果_中國(guó)教程網(wǎng)

Step 8:選擇線條然后執(zhí)行 效果 > 3D > 繞轉(zhuǎn).參數(shù)設(shè)置和上一次一樣. 只是把陰影顏色設(shè)置為白色。

Illustrator特效教程:創(chuàng)建逼真水波漣漪效果_中國(guó)教程網(wǎng)

Illustrator特效教程:創(chuàng)建逼真水波漣漪效果_中國(guó)教程網(wǎng)

Step 9:把倒影移到合適位置放置好,透明度設(shè)置為20%。

Illustrator特效教程:創(chuàng)建逼真水波漣漪效果_中國(guó)教程網(wǎng)

調(diào)整倒影的位置,完成!

Illustrator特效教程:創(chuàng)建逼真水波漣漪效果_中國(guó)教程網(wǎng)

用同樣的方法創(chuàng)建了下面這個(gè)水波紋效果。

Illustrator特效教程:創(chuàng)建逼真水波漣漪效果_中國(guó)教程網(wǎng)

聲明:站內(nèi)網(wǎng)友所發(fā)表的所有內(nèi)容及言論僅代表其本人,并不反映任何網(wǎng)站意見及觀點(diǎn)。

全部評(píng)論

暫無(wú)相關(guān)推薦