ps設(shè)計(jì)天氣類圖標(biāo)(5)

來源:百度貼吧 作者:Ttete 學(xué)習(xí):9335人次

今天跟大家一起來學(xué)習(xí)做個(gè)折紙效果的天氣預(yù)報(bào)小圖標(biāo),主要用到工具是路徑,這種效果其實(shí)并不難,主要通過光影的明暗層次過度來體現(xiàn)質(zhì)感與立體效果,喜歡的同學(xué)可以學(xué)習(xí)一下。

效果圖:

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

1.整個(gè)圖層分類一覽

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

2.制作背景

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

4.制作太陽 (本人的圖層比較混亂 對(duì)不住大家了 湊合著看吧,不明白的慢慢體會(huì))

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

5.制作第二個(gè)(太陽分三個(gè)圖層,橢圓工具變形)

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)
6:

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

7.制作第三個(gè)

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

8.選區(qū) 新建圖層制作投影。

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

9. 濾鏡--模糊

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

10.在家蒙版去掉多余部分

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

11.調(diào)整漸變工具。

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

12.用漸變工具拉至中間。

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

13.制作自己折痕。用矩形選框工具或矢量工具拉3根由淺到深的下圖顏色的條,調(diào)整透明度。

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)
14

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)
15

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

16.制作云彩

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

17.(由于TT當(dāng)時(shí)做的時(shí)候偷了個(gè)懶,導(dǎo)致邊緣非常粗糙 像狗啃的一樣,后來又加工。[大家一定知道我偷了什么懶] (┬_┬)~

所以在此我嚴(yán)厲的希望大家用鋼筆做個(gè)完美的選區(qū))

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

18.復(fù)制上圖的第一層。

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

19.變換位置。

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

20.用矩形選框工具豎拉3個(gè)由淺到深的下圖顏色的條,調(diào)整透明度。

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

21.復(fù)制第一片紙圖層 然后變形拉伸。注:以上面做太陽投影的方法做好云彩的投影

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

22.調(diào)好圖層樣式里面的漸變疊加。

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

23.云彩也就搞定了。

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

24復(fù)制2個(gè)云彩 放好位置調(diào)節(jié)大小。

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

25.開始做水滴,看圖解↓

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

26.復(fù)制圖層改變顏色,增加蒙版遮蓋一半。

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

27.在復(fù)制一層圖層,變形改變顏色。

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

28.在復(fù)制一層改變顏色,同樣的增加蒙版遮蓋一半。

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

29.可以調(diào)節(jié)下最上面這層的圖層樣式為了更有質(zhì)感(不加樣式也行)

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)
30:

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

31.下面開始做水滴的投影,跟以上太陽-云彩投影同樣方法

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)
32

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

33.做好投影圖層后 (最好在復(fù)制一個(gè)投影圖層效果會(huì)更好)

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

34.最后復(fù)制做好的水滴《改變每個(gè)水滴的顏色》+(個(gè)數(shù),大小,顏色,位置,自行設(shè)計(jì))

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

35.做上作品標(biāo)題

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

36.字體圖層樣式設(shè)置

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)
37:

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

38.完成

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

最終效果

Photoshop設(shè)計(jì)折紙效果天氣圖標(biāo)

 

學(xué)習(xí) · 提示

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

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

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