當前位置:首頁>ps實例教程>ps網頁設計>按鈕圖標>教程內容

ps設計天氣類圖標(5)

來源:百度貼吧 作者:Ttete 學習:9335人次

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

效果圖:

Photoshop設計折紙效果天氣圖標

1.整個圖層分類一覽

Photoshop設計折紙效果天氣圖標

2.制作背景

Photoshop設計折紙效果天氣圖標

Photoshop設計折紙效果天氣圖標

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

Photoshop設計折紙效果天氣圖標

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

Photoshop設計折紙效果天氣圖標
6:

Photoshop設計折紙效果天氣圖標

7.制作第三個

Photoshop設計折紙效果天氣圖標

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

Photoshop設計折紙效果天氣圖標

9. 濾鏡--模糊

Photoshop設計折紙效果天氣圖標

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

Photoshop設計折紙效果天氣圖標

11.調整漸變工具。

Photoshop設計折紙效果天氣圖標

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

Photoshop設計折紙效果天氣圖標

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

Photoshop設計折紙效果天氣圖標
14

Photoshop設計折紙效果天氣圖標
15

Photoshop設計折紙效果天氣圖標

16.制作云彩

Photoshop設計折紙效果天氣圖標

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

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

Photoshop設計折紙效果天氣圖標

18.復制上圖的第一層。

Photoshop設計折紙效果天氣圖標

19.變換位置。

Photoshop設計折紙效果天氣圖標

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

Photoshop設計折紙效果天氣圖標

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

Photoshop設計折紙效果天氣圖標

22.調好圖層樣式里面的漸變疊加。

Photoshop設計折紙效果天氣圖標

23.云彩也就搞定了。

Photoshop設計折紙效果天氣圖標

24復制2個云彩 放好位置調節(jié)大小。

Photoshop設計折紙效果天氣圖標

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

Photoshop設計折紙效果天氣圖標

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

Photoshop設計折紙效果天氣圖標

27.在復制一層圖層,變形改變顏色。

Photoshop設計折紙效果天氣圖標

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

Photoshop設計折紙效果天氣圖標

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

Photoshop設計折紙效果天氣圖標
30:

Photoshop設計折紙效果天氣圖標

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

Photoshop設計折紙效果天氣圖標
32

Photoshop設計折紙效果天氣圖標

33.做好投影圖層后 (最好在復制一個投影圖層效果會更好)

Photoshop設計折紙效果天氣圖標

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

Photoshop設計折紙效果天氣圖標

35.做上作品標題

Photoshop設計折紙效果天氣圖標

36.字體圖層樣式設置

Photoshop設計折紙效果天氣圖標
37:

Photoshop設計折紙效果天氣圖標

38.完成

Photoshop設計折紙效果天氣圖標

最終效果

Photoshop設計折紙效果天氣圖標

 

學習 · 提示

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

關注大神微博加入>>

網友求助,請回答!