圖標(biāo)設(shè)計(jì),在PS里制作小清新風(fēng)格的天氣圖標(biāo)
本篇教程通過PS制作一款天氣圖標(biāo),整個(gè)圖標(biāo)比較小清新,而且制作起來也比較簡單,同學(xué)們可以通過教程跟著來學(xué)習(xí)制作一下,整個(gè)教程用到圖層樣式比較多,繪制圖形和顏色的時(shí)候,要對照好顏色,做好和諧即可,同學(xué)們可以通過教程制作更多有設(shè)計(jì)感的圖標(biāo),在圖層樣式里有很多可以設(shè)置的樣式,同學(xué)們可以來學(xué)習(xí)一下。
效果圖:
操作步驟:
第一步,新建一圖層,之后選圓角矩形工具,再繪制一圖形,將填充色設(shè)為自定義。
學(xué)習(xí)PS請到
第二步,新建一圖層,填充為白色,選擇濾色-其他,之后添加雜色。
第三步,點(diǎn)擊確定之后,選擇濾鏡,選擇模糊,再選擇徑向模糊。
第四步,將鼠標(biāo)置于兩個(gè)圖層之間,按alt鍵,創(chuàng)建剪切蒙版http:///tags/38847/,之后將圖層混合模式選擇為線性加深,按ctrl+t鍵,旋轉(zhuǎn)一定的角度,效果如下圖。
第五步,將圓角矩形做為一個(gè)相應(yīng)的投影。
第六步,鼠標(biāo)選擇橢圓工具,繪制出一個(gè)正圓。
第七步,按ctrl鍵,加圖層縮略圖,以形成正圓形選區(qū),新建一個(gè)圖層,使用畫筆工具吸取不同顏色后,涂抹出一個(gè)太陽,效果圖如下圖。
第八步,給太陽添加一定的外發(fā)光效果。
第九步,再新建圖層,之后使用云彩筆刷,在太陽上面繪制一些云彩。
第十步,繪制相應(yīng)的選區(qū),填充為白色,將不透明度降低。
第十一步,添加對應(yīng)的文字,至此一個(gè)天氣的UI圖便完成了,效果圖如下:
快來通過教程來制作學(xué)習(xí)一下吧,相信同學(xué)們可以通過教程學(xué)習(xí)的更好,制作有自己風(fēng)格的天氣圖標(biāo)。
標(biāo)簽(TAG) UI設(shè)計(jì)教程 UI 美工 ui設(shè)計(jì) 美工設(shè)計(jì) 圖標(biāo)制作