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

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

圖標設計,利用AI設計一枚質(zhì)感云圖標_www.tgudhdp.cn

第一步

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

圖標設計,利用AI設計一枚質(zhì)感云圖標_www.tgudhdp.cn

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

圖標設計,利用AI設計一枚質(zhì)感云圖標_www.tgudhdp.cn

第二步

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

圖標設計,利用AI設計一枚質(zhì)感云圖標_www.tgudhdp.cn

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

圖標設計,利用AI設計一枚質(zhì)感云圖標_www.tgudhdp.cn

第三步

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

圖標設計,利用AI設計一枚質(zhì)感云圖標_www.tgudhdp.cn

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

圖標設計,利用AI設計一枚質(zhì)感云圖標_www.tgudhdp.cn

第四步

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

圖標設計,利用AI設計一枚質(zhì)感云圖標_www.tgudhdp.cn

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

圖標設計,利用AI設計一枚質(zhì)感云圖標_www.tgudhdp.cn

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

圖標設計,利用AI設計一枚質(zhì)感云圖標_www.tgudhdp.cn

第五步

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

圖標設計,利用AI設計一枚質(zhì)感云圖標_www.tgudhdp.cn

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

圖標設計,利用AI設計一枚質(zhì)感云圖標_www.tgudhdp.cn

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

圖標設計,利用AI設計一枚質(zhì)感云圖標_www.tgudhdp.cn

第六步

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

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

圖標設計,利用AI設計一枚質(zhì)感云圖標_www.tgudhdp.cn

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

圖標設計,利用AI設計一枚質(zhì)感云圖標_www.tgudhdp.cn

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

圖標設計,利用AI設計一枚質(zhì)感云圖標_www.tgudhdp.cn

第七步

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

圖標設計,利用AI設計一枚質(zhì)感云圖標_www.tgudhdp.cn

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

圖標設計,利用AI設計一枚質(zhì)感云圖標_www.tgudhdp.cn

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

圖標設計,利用AI設計一枚質(zhì)感云圖標_www.tgudhdp.cn

并設置混合模式為柔光。

圖標設計,利用AI設計一枚質(zhì)感云圖標_www.tgudhdp.cn

第八步

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

圖標設計,利用AI設計一枚質(zhì)感云圖標_www.tgudhdp.cn

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

圖標設計,利用AI設計一枚質(zhì)感云圖標_www.tgudhdp.cn

第九步

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

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

圖標設計,利用AI設計一枚質(zhì)感云圖標_www.tgudhdp.cn

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

圖標設計,利用AI設計一枚質(zhì)感云圖標_www.tgudhdp.cn

第十步

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

圖標設計,利用AI設計一枚質(zhì)感云圖標_www.tgudhdp.cn

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

圖標設計,利用AI設計一枚質(zhì)感云圖標_www.tgudhdp.cn

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

圖標設計,利用AI設計一枚質(zhì)感云圖標_www.tgudhdp.cn

最后效果:

圖標設計,利用AI設計一枚質(zhì)感云圖標_www.tgudhdp.cn

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

學習 · 提示

  • 打開ps,跟著教程做一遍,做完的圖要到這里交作業(yè):提交作業(yè)
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:ps新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們微博:@photoshop教程論壇
  • 想學更多的同學,可以訂閱我們郵件,每天都有新教程發(fā)給你:http://t.cn/Rzm5o8Y
PS教程自學網(wǎng) 歡迎投稿原創(chuàng)或轉(zhuǎn)載教程:http://i.16xx8.com
    彭城逍遙游 說: 大神
    高開低走啊 說: 學習了
    騎自行車游敖漢 說: 學習一下
    菇?jīng)鰟e矯情好嗎 說: 學習學習
    石字佐轉(zhuǎn) 說: 謝謝老師 多多學習
    愛芒果愛森林 說: 想仔細了解一下
    大帝渾蛋 說: 努力學習
    悸動的呼吸 說: 學習學習!!
    很冒險的夢 說: 謝謝分享
    我的狗狗叫歪別 說: 支持,支持
    藍念 說: 回復一下
    _Adream 說: 161241cv6agknjazkki0ka.jpg