圖標(biāo)設(shè)計(jì)，利用AI設(shè)計(jì)一枚質(zhì)感云圖標(biāo)(5)

今天的圖標(biāo)教程效果不錯(cuò)，操作也偏向于新手難度，譯者親自動(dòng)手臨摹了一遍，過(guò)程木有問(wèn)題，已經(jīng)有不少同學(xué)交過(guò)作業(yè)了，來(lái)試試

第一步

使用橢圓工具畫幾個(gè)圓（按shift+橢圓工具），如下圖。

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

第二步

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

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

第三步

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

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

第四步

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

選中藍(lán)、黃 云形狀，通過(guò)路徑選擇工具-減去，得到形狀組：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)建新的矩形背景，通過(guò)漸變工具（快捷鍵M），填充白-灰的徑向漸變

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

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

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

第七步

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

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

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

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

第八步

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

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

第九步

選中上一步得到的兩個(gè)圖層，對(duì)象-混合-建立，對(duì)象-混合-混合選項(xiàng)，設(shè)置為平滑過(guò)渡，步數(shù)為30。（數(shù)值可根據(jù)實(shí)際效果去調(diào)整）

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

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

第十步

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

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

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

最后效果：

全教程完,學(xué)完記得交作業(yè)。如果本教程對(duì)您有所幫助，請(qǐng)推薦給你的朋友。