當前位置:首頁>軟件教程>AI教程>教程內容

圖標設計,利用AI設計一枚質感云圖標(5)

來源:uifans 作者:treelessing 學習:6763人次

今天的圖標教程效果不錯,操作也偏向于新手難度,譯者親自動手臨摹了一遍,過程木有問題,已經有不少同學交過作業(yè)了,來試試

圖標設計,利用AI設計一枚質感云圖標_www.theoat.com.cn

第一步

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

圖標設計,利用AI設計一枚質感云圖標_www.theoat.com.cn

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

圖標設計,利用AI設計一枚質感云圖標_www.theoat.com.cn

第二步

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

圖標設計,利用AI設計一枚質感云圖標_www.theoat.com.cn

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

圖標設計,利用AI設計一枚質感云圖標_www.theoat.com.cn

第三步

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

圖標設計,利用AI設計一枚質感云圖標_www.theoat.com.cn

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

圖標設計,利用AI設計一枚質感云圖標_www.theoat.com.cn

第四步

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

圖標設計,利用AI設計一枚質感云圖標_www.theoat.com.cn

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

圖標設計,利用AI設計一枚質感云圖標_www.theoat.com.cn

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

圖標設計,利用AI設計一枚質感云圖標_www.theoat.com.cn

第五步

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

圖標設計,利用AI設計一枚質感云圖標_www.theoat.com.cn

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

圖標設計,利用AI設計一枚質感云圖標_www.theoat.com.cn

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

圖標設計,利用AI設計一枚質感云圖標_www.theoat.com.cn

第六步

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

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

圖標設計,利用AI設計一枚質感云圖標_www.theoat.com.cn

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

圖標設計,利用AI設計一枚質感云圖標_www.theoat.com.cn

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

圖標設計,利用AI設計一枚質感云圖標_www.theoat.com.cn

第七步

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

圖標設計,利用AI設計一枚質感云圖標_www.theoat.com.cn

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

圖標設計,利用AI設計一枚質感云圖標_www.theoat.com.cn

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

圖標設計,利用AI設計一枚質感云圖標_www.theoat.com.cn

并設置混合模式為柔光。

圖標設計,利用AI設計一枚質感云圖標_www.theoat.com.cn

第八步

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

圖標設計,利用AI設計一枚質感云圖標_www.theoat.com.cn

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

圖標設計,利用AI設計一枚質感云圖標_www.theoat.com.cn

第九步

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

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

圖標設計,利用AI設計一枚質感云圖標_www.theoat.com.cn

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

圖標設計,利用AI設計一枚質感云圖標_www.theoat.com.cn

第十步

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

圖標設計,利用AI設計一枚質感云圖標_www.theoat.com.cn

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

圖標設計,利用AI設計一枚質感云圖標_www.theoat.com.cn

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

圖標設計,利用AI設計一枚質感云圖標_www.theoat.com.cn

最后效果:

圖標設計,利用AI設計一枚質感云圖標_www.theoat.com.cn

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
不費心思2018-07-20 08:04
大神
_Adream2015-07-18 04:13
161241cv6agknjazkki0ka.jpg
_Adream2015-07-18 04:07
161241cv6agknjazkki0ka.jpg
藍念2015-06-04 02:23
回復一下
藍念2015-06-04 02:23
回復一下
我的狗狗叫歪別2015-06-04 01:59
支持,支持
我的狗狗叫歪別2015-06-04 01:59
支持,支持
很冒險的夢2015-06-03 10:43
謝謝分享
很冒險的夢2015-06-03 10:43
謝謝分享
悸動的呼吸2015-06-03 10:09
學習學習。!
悸動的呼吸2015-06-03 10:09
學習學習!!
大帝渾蛋2015-06-03 05:04
努力學習
大帝渾蛋2015-06-03 05:04
努力學習
愛芒果愛森林2015-06-03 03:16
想仔細了解一下
愛芒果愛森林2015-06-03 03:16
想仔細了解一下

關注大神微博加入>>

網友求助,請回答!