萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps鼠繪教程 >> Photoshop制作折紙特效的天氣圖標

Photoshop制作折紙特效的天氣圖標

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

  效果圖:

Photoshop制作折紙特效的天氣圖標 三聯

  1.整個圖層分類一覽

Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國

  2.制作背景

Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國
Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國

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

Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國

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

Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國
Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國

  7.制作第三個

Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國

  8.選區 新建圖層制作投影。

Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國

  9. 濾鏡--模糊

Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國

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

Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國

  11.調整漸變工具。

Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國

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

Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國

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

 

Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國
Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國
Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國

 

  16.制作雲彩

Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國

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

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

Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國

  18.復制上圖的第一層。

Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國

  19.變換位置。

Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國

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

Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國

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

Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國

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

Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國

  23.雲彩也就搞定了。

Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國

  24復制2個雲彩 放好位置調節大小。

Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國

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

Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國

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

Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國

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

Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國

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

Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國

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

Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國
Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國

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

Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國
Photoshop制作折紙特效的天氣圖標教程,PS教程,素材中國
copyright © 萬盛學電腦網 all rights reserved