Jquery中文網 mm6666com单双中特 www.wvbtf.icu
Jquery中文網 >  jQuery  >  JQuery UI  >  正文 Illustrator繪制一枚玻璃質感云圖標教程

黄大仙单双中特:Illustrator繪制一枚玻璃質感云圖標教程

發布時間:2019-05-21   編輯:mm6666com单双中特 www.wvbtf.icu
jquery中文網為您提供Illustrator繪制一枚玻璃質感云圖標教程等資源,歡迎您收藏本站,我們將為您提供最新的Illustrator繪制一枚玻璃質感云圖標教程資源

mm6666com单双中特 www.wvbtf.icu 給各位Illustrator軟件的使用者們來詳細的解析分享一下繪制一枚玻璃質感云圖標的教程。

教程分享:

 

<center>AI手把手教你繪制一枚玻璃質感的云圖標</center>

第一步

使用橢圓工具畫幾個圓(按shift 橢圓工具),如下圖。

 

<center>glass-cloud-02</center>

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

 

<center>glass-cloud-03</center>

第二步

用鋼筆工具畫如下的形狀,確保底部節點與左右兩圓的底部中心點重疊(即將完成完整的云形狀)

 

<center>glass-cloud-04</center>

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

 

<center>glass-cloud-05</center>

第三步

(Cmd / Ctrl C復制; Cmd / Ctrl B向后粘貼)復制云的形狀Bule,同時將形狀向右、上方各移動1px(顏色設為紅色,方便理解)

 

<center>glass-cloud-06</center>

同理,再復制云的形狀Bule,向左、下 各移動1px(顏色設為黃色)

 

<center>glass-cloud-07</center>

第四步

(Cmd / Ctrl C復制; Cmd / Ctrl F向前粘貼)復制云的形狀兩次,以確保藍色云層在紅 黃層上面。

 

<center>glass-cloud-08</center>

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

 

<center>glass-cloud-09</center>

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

 

<center>glass-cloud-10</center>

第五步

使用鋼筆工具繪制如下的形狀,為方便觀察,可先適當調整形狀的透明度

 

<center>glass-cloud-12</center>

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

 

<center>glass-cloud-13</center>

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

 

<center>glass-cloud-14</center>

第六步

在云的下面,創建新的矩形背景,通過漸變工具(快捷鍵M),填充白-灰的徑向漸變

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

 

<center>glass-cloud-15</center>

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

 

<center>glass-cloud-16</center>

通過 外觀-不透明度-混合模式,設置Blue層模式為 柔光。

 

<center>glass-cloud-17</center>

第七步

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

 

<center>glass-cloud-18</center>

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

 

<center>glass-cloud-19</center>

選中第五步中得到的深藍色層,填充顏色為白-灰-灰的徑向漸變。

 

<center>glass-cloud-20</center>

并設置混合模式為柔光。

 

<center>glass-cloud-21</center>

第八步

很關鍵,復制Bule云層,并且適當調整節點,為White層,顏色為白色,模式正常。

 

<center>glass-cloud-22</center>

繼續復制Bule層,通過調整節點縮小形狀,修改徑向漸變顏色,模式調整為正常,如下。

 

<center>glass-cloud-23</center>

第九步

選中上一步得到的兩個圖層,對象-混合-建立,對象-混合-混合選項,設置為平滑過渡,步數為30。(數值可根據實際效果去調整)

(這一步需要注意,混合的效果跟圖層的節點有很大關系,如果出來的效果不滿意,建議適當調整圖層的節點)

 

<center>glass-cloud-24</center>

選中混合成的圖層組,設置混合模式為正片疊底,并勾選 :挖空組

 

<center>glass-cloud-25</center>

第十步

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

 

<center>glass-cloud-26</center>

設置圖層的模式為顏色減淡

 

<center>glass-cloud-27</center>

同理,繪制下方的高光點,原理同上。

 

<center>glass-cloud-28</center>

最后效果:

 

<center>glass-cloud-291</center>

好了,以上的信息就是小編給各位Illustrator的這一款軟件的使用者們帶來的詳細的繪制一枚玻璃質感云圖標的教程解析分享的全部內容了,各位看到這里的使用者,小編相信大家現在是非常的清楚了制作方法了吧,那么各位就快去按照教程自己去制作吧。

您可能感興趣的文章:
Raphael一個用于在網頁中繪制矢量圖形的Javascript庫
Highcharts教程(6) legend 圖例選項
javascript moveTo與lineTo繪制復雜圖形的例子
Highcharts教程(8) Pane窗格選項、PlotOptions繪圖選項概覽
jQuery 繪圖插件 jCanvas
js圖表組件highcharts簡介
JavaScript圖表繪制組件 Elycharts
jqPlot jquery的頁面圖表繪制工具
jQuery 繪圖插件 jCanvas
Highcharts教程(15) title標題、subtitle副標題

[關閉]
怎样买单双稳赚 百人炸金花体现 模拟彩票投注app 百灵牛牛 重庆时时官网开奖结果 北京pk10赛车规律 双色球最新开奖结果 太子中心综合资料站 可以建房间的炸金花app 四川时时平台网站 山东十一选五走势图360 幸运飞艇345678规律 逍遥森林舞会单机下载 北京皇家赛车pk直播 大乐透开奖结果 跟计划怎么防连挂