圖標設計,在PS裡製作小清新風格的天氣圖標

想要軟件或者更多PS教程的小夥伴在下方點贊+評論“想要”私信我獲取

連接哦~

提供方式:百度網盤

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

效果圖:

圖標設計,在PS裡製作小清新風格的天氣圖標

操作步驟:

第一步,新建一圖層,之後選圓角矩形工具,再繪製一圖形,將填充色設為自定義。

圖標設計,在PS裡製作小清新風格的天氣圖標


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

圖標設計,在PS裡製作小清新風格的天氣圖標

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

圖標設計,在PS裡製作小清新風格的天氣圖標

第四步,將鼠標置於兩個圖層之間,按alt鍵,創建剪切​蒙版之後將圖層混合模式選擇為線性加深,按ctrl+t鍵,旋轉一定的角度,效果如下圖。

圖標設計,在PS裡製作小清新風格的天氣圖標

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

圖標設計,在PS裡製作小清新風格的天氣圖標

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

圖標設計,在PS裡製作小清新風格的天氣圖標

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

圖標設計,在PS裡製作小清新風格的天氣圖標

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

圖標設計,在PS裡製作小清新風格的天氣圖標

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

圖標設計,在PS裡製作小清新風格的天氣圖標

第十步,繪製相應的選區,填充為白色,將不透明度降低。

圖標設計,在PS裡製作小清新風格的天氣圖標


圖標設計,在PS裡製作小清新風格的天氣圖標

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

圖標設計,在PS裡製作小清新風格的天氣圖標

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

想要軟件或者更多PS教程的小夥伴在下方點贊+評論“想要”私信我獲取連接

哦~

提供方式:百度網盤


分享到:


相關文章: