圖標設(shè)計,在PS里制作小清新風格的天氣圖標

來源:PS自學教程Photoshop 作者:小蘇打 學習:24410人次

本篇教程通過PS制作一款天氣圖標,整個圖標比較小清新,而且制作起來也比較簡單,同學們可以通過教程跟著來學習制作一下,整個教程用到圖層樣式比較多,繪制圖形和顏色的時候,要對照好顏色,做好和諧即可,同學們可以通過教程制作更多有設(shè)計感的圖標,在圖層樣式里有很多可以設(shè)置的樣式,同學們可以來學習一下。

效果圖:

圖標設(shè)計,在PS里制作小清新風格的天氣圖標_m.theoat.com.cn

操作步驟:

第一步,新建一圖層,之后選圓角矩形工具,再繪制一圖形,將填充色設(shè)為自定義。

圖標設(shè)計,在PS里制作小清新風格的天氣圖標_m.theoat.com.cn學習PS請到m.theoat.com.cn

第二步,新建一圖層,填充為白色,選擇濾色-其他,之后添加雜色。

圖標設(shè)計,在PS里制作小清新風格的天氣圖標_m.theoat.com.cn

第三步,點擊確定之后,選擇濾鏡,選擇模糊,再選擇徑向模糊。

圖標設(shè)計,在PS里制作小清新風格的天氣圖標_m.theoat.com.cn

第四步,將鼠標置于兩個圖層之間,按alt鍵,創(chuàng)建剪切蒙版http://m.theoat.com.cn/tags/38847/,之后將圖層混合模式選擇為線性加深,按ctrl+t鍵,旋轉(zhuǎn)一定的角度,效果如下圖。

圖標設(shè)計,在PS里制作小清新風格的天氣圖標_m.theoat.com.cn

第五步,將圓角矩形做為一個相應的投影。

圖標設(shè)計,在PS里制作小清新風格的天氣圖標_m.theoat.com.cn

第六步,鼠標選擇橢圓工具,繪制出一個正圓。

圖標設(shè)計,在PS里制作小清新風格的天氣圖標_m.theoat.com.cn

第七步,按ctrl鍵,加圖層縮略圖,以形成正圓形選區(qū),新建一個圖層,使用畫筆工具吸取不同顏色后,涂抹出一個太陽,效果圖如下圖。

圖標設(shè)計,在PS里制作小清新風格的天氣圖標_m.theoat.com.cn

第八步,給太陽添加一定的外發(fā)光效果。

圖標設(shè)計,在PS里制作小清新風格的天氣圖標_m.theoat.com.cn

第九步,再新建圖層,之后使用云彩筆刷,在太陽上面繪制一些云彩。

圖標設(shè)計,在PS里制作小清新風格的天氣圖標_m.theoat.com.cn

第十步,繪制相應的選區(qū),填充為白色,將不透明度降低。

圖標設(shè)計,在PS里制作小清新風格的天氣圖標_m.theoat.com.cn

圖標設(shè)計,在PS里制作小清新風格的天氣圖標_m.theoat.com.cn

第十一步,添加對應的文字,至此一個天氣的UI圖便完成了,效果圖如下:

圖標設(shè)計,在PS里制作小清新風格的天氣圖標_m.theoat.com.cn

快來通過教程來制作學習一下吧,相信同學們可以通過教程學習的更好,制作有自己風格的天氣圖標。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
巴達2024-11-07 10:21
152127

單雪途2024-04-15 11:31
我的作業(yè):

好學的小兔子2022-07-14 09:03
dd

烏克蘭拖拉機史2022-06-24 06:12
我的作業(yè):

萌美瘦2021-11-15 04:36
嘻嘻

yangjun2021-06-03 03:55
交作業(yè)嘍~

Onlydis12021-01-15 10:13
謝謝教學,做的不是很好。

1537965792021-01-06 11:24
謝謝您的分享。
禿頭小寶貝兒2021-01-06 11:03
天氣

漸失君原2021-01-05 03:41
我的作業(yè):

漸失君原2021-01-05 03:38
我的作業(yè):

影殤灬語2021-01-04 03:06
我的作業(yè):

糖糖冉冉2020-06-12 10:33
我的作業(yè):

糖糖冉冉2020-06-12 10:32
我的作業(yè):

Elyvan2020-04-28 09:12
我的作業(yè):

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!