今天教大家用ai畫玻璃質(zhì)感云(適合新手學(xué)習(xí))

這篇翻譯，其實(shí)年前就準(zhǔn)備了，只是一直猶豫要不要放，最后還是放吧，因?yàn)樾【幱X得從這篇教程中

還是可以學(xué)到不少知識(shí)點(diǎn)的，并且UI設(shè)計(jì)中有時(shí)也會(huì)借助ai實(shí)現(xiàn)一些效果，so熟悉軟件也很重要。

不廢話了，開始吧

具體的制作步驟如下：

【第一步】使用橢圓工具畫幾個(gè)圓(按shift+橢圓工具)，如下圖

選中A、B橢圓，底對(duì)齊(窗口-對(duì)齊工具)

【第二步】用鋼筆工具畫如下的形狀，確保底部節(jié)點(diǎn)與左右兩圓的底部中心點(diǎn)重疊(即將完成完整的云形狀)

通過窗口-路徑選擇工具合并云的形狀Bule(顏色設(shè)為藍(lán)色)

【第三步】(Cmd / Ctrl + C復(fù)制; Cmd / Ctrl + B向后粘貼)復(fù)制云的形狀Bule，同時(shí)將形狀向右、上方各移動(dòng)1px(顏色設(shè)為紅色，方便理解)

同理，再復(fù)制云的形狀Bule，向左、下 各移動(dòng)1px(顏色設(shè)為黃色)

【第四步】(Cmd / Ctrl + C復(fù)制; Cmd / Ctrl + F向前粘貼)復(fù)制云的形狀兩次，以確保藍(lán)色云層在紅 黃層上面

選中藍(lán)、黃 云形狀，通過路徑選擇工具-減去，得到形狀組：Red(注意，Bule層-Yellow層=Red層，形狀在上方)

同理，選中藍(lán)、紅 云形狀，路徑選擇工具-減去，得到形狀組：Yellow(注意，Bule層-Red層=Yellow層，形狀在下方)

【第五步】使用鋼筆工具繪制如下的形狀，為方便觀察，可先適當(dāng)調(diào)整形狀的透明度

選中上面的Bule云形狀，(Cmd / Ctrl + C復(fù)制; Cmd / Ctrl + B向后粘貼)，確保Bule層在下面，利用路徑選擇工具-相交，得到深藍(lán)層

(到這里，基本形狀已完成)

【第六步】在云的下面，創(chuàng)建新的矩形背景，通過漸變工具(快捷鍵M)，填充白-灰的徑向漸變

(顏色可以通過下面的圖片去吸取，文章最后有源文件下載)

選中云形狀Blue層，填充徑向漸變顏色，同樣，顏色可以通過下面的圖片去吸取

通過 外觀-不透明度-混合模式，設(shè)置Blue層模式為 柔光

【第七步】選中第四步中得到的Red圖層組，填充為白色

選中第四步中得到的Yellow層，填充為灰-深灰的徑向漸變

選中第五步中得到的深藍(lán)色層，填充顏色為白-灰-灰的徑向漸變

并設(shè)置混合模式為柔光

【第八步】很關(guān)鍵，復(fù)制Bule云層，并且適當(dāng)調(diào)整節(jié)點(diǎn)，為White層，顏色為白色，模式正常

繼續(xù)復(fù)制Bule層，通過調(diào)整節(jié)點(diǎn)縮小形狀，修改徑向漸變顏色，模式調(diào)整為正常，如下

【第九步】選中上一步得到的兩個(gè)圖層，對(duì)象-混合-建立，對(duì)象-混合-混合選項(xiàng)，設(shè)置為平滑過渡，步數(shù)為30

(數(shù)值可根據(jù)實(shí)際效果去調(diào)整)

(這一步需要注意，混合的效果跟圖層的節(jié)點(diǎn)有很大關(guān)系，如果出來的效果不滿意，建議適當(dāng)調(diào)整圖層的節(jié)點(diǎn))

選中混合成的圖層組，設(shè)置混合模式為正片疊底，并勾選 ：挖空組

【第十步】畫一個(gè)橢圓，填充漸變顏色為灰度顏色：深灰-RGB顏色:黑的徑向漸變(這一步不明白，可以下載查看源文件)

設(shè)置圖層的模式為顏色減淡

同理，繪制下方的高光點(diǎn)，原理同上

最后效果

關(guān)注設(shè)計(jì)帝國微信公眾號(hào)