圖標(biāo)設(shè)計(jì),在PS里制作小清新風(fēng)格的天氣圖標(biāo)

2022-12-26 10:30:55 來源/作者: / 己有:4人學(xué)習(xí)過

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

效果圖:

圖標(biāo)設(shè)計(jì),在PS里制作小清新風(fēng)格的天氣圖標(biāo)

操作步驟:

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

圖標(biāo)設(shè)計(jì),在PS里制作小清新風(fēng)格的天氣圖標(biāo)學(xué)習(xí)PS請到

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

圖標(biāo)設(shè)計(jì),在PS里制作小清新風(fēng)格的天氣圖標(biāo)

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

圖標(biāo)設(shè)計(jì),在PS里制作小清新風(fēng)格的天氣圖標(biāo)

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

圖標(biāo)設(shè)計(jì),在PS里制作小清新風(fēng)格的天氣圖標(biāo)

第五步,將圓角矩形做為一個(gè)相應(yīng)的投影。

圖標(biāo)設(shè)計(jì),在PS里制作小清新風(fēng)格的天氣圖標(biāo)

第六步,鼠標(biāo)選擇橢圓工具,繪制出一個(gè)正圓。

圖標(biāo)設(shè)計(jì),在PS里制作小清新風(fēng)格的天氣圖標(biāo)

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

圖標(biāo)設(shè)計(jì),在PS里制作小清新風(fēng)格的天氣圖標(biāo)

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

圖標(biāo)設(shè)計(jì),在PS里制作小清新風(fēng)格的天氣圖標(biāo)

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

圖標(biāo)設(shè)計(jì),在PS里制作小清新風(fēng)格的天氣圖標(biāo)

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

圖標(biāo)設(shè)計(jì),在PS里制作小清新風(fēng)格的天氣圖標(biāo)

圖標(biāo)設(shè)計(jì),在PS里制作小清新風(fēng)格的天氣圖標(biāo)

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

圖標(biāo)設(shè)計(jì),在PS里制作小清新風(fēng)格的天氣圖標(biāo)

快來通過教程來制作學(xué)習(xí)一下吧,相信同學(xué)們可以通過教程學(xué)習(xí)的更好,制作有自己風(fēng)格的天氣圖標(biāo)。