如果您喜歡『PS學習網』,請推薦給您身邊的朋友!本站永久域名:www.728063.live

設計立體圓形森林插畫風格圖標的PS教程

當前位置 : PS學習網 > 實例教程 > 正文來源:網絡作者:網絡時間:2018-12-07人氣:

本教程主要使用Photoshop設計立體插畫主題風格的圖標,作品的整體效果以剪影風格為主的插畫,整體的層次立體感表現的非常的不錯,推薦給朋友學習,希望大家可以喜歡。

先看看效果圖:

設計立體圓形森林插畫風格圖標的PS教程

 

整個插畫就是樹枝滴部分會稍微花點時間哦~建議熟練滴童鞋不要臨摹,自已動手畫一畫這些樹枝,對自己的構圖能力和控制力都是很有幫助滴哦

建好畫布后,畫一個圓:

設計立體圓形森林插畫風格圖標的PS教程

 

然后砸門建立一個分組,alt+左鍵顯示圓的選區,然后給分組建立一個蒙版,把所有滴部件都畫在這個組里的時候就不會超出圓的大小啦~

設計立體圓形森林插畫風格圖標的PS教程

 

現在開始畫地面,砸門用鋼筆工具畫出輪廓來:

設計立體圓形森林插畫風格圖標的PS教程

 

砸門可以直接復制一個放在后面,水平旋轉后調整下位置就好啦、

設計立體圓形森林插畫風格圖標的PS教程

 

接下來開始做樹枝滴部分,為了整個畫面的層次感,窩做了四層呢~太多了也不好,顯得和雜亂,下面一層層的來看

第一層:

設計立體圓形森林插畫風格圖標的PS教程

 

第二層:

設計立體圓形森林插畫風格圖標的PS教程

 

第三層:

設計立體圓形森林插畫風格圖標的PS教程

 

第四層是由左右兩部分組成滴,窩把其他的隱藏了讓童鞋們看得清楚點:

設計立體圓形森林插畫風格圖標的PS教程

 

放在一起來看哈效果(,,?ω?,,)

設計立體圓形森林插畫風格圖標的PS教程

 

做到這里就完成大部分啦,嘻嘻

然后窩們來做點裝飾品,先做個云,這個云其實是由4個圓加矩形拼起來滴:

設計立體圓形森林插畫風格圖標的PS教程

 

縮小放到合適滴位置上

設計立體圓形森林插畫風格圖標的PS教程

 

再來看哈樹葉滴做法,用布爾運算取交集:

設計立體圓形森林插畫風格圖標的PS教程

 

合并形狀組件后刪除上面或下面滴錨點,再復制一個垂直旋轉:

設計立體圓形森林插畫風格圖標的PS教程

 

醬紫就可以分別給顏色啦~

設計立體圓形森林插畫風格圖標的PS教程

 

放在合適滴位置上:

設計立體圓形森林插畫風格圖標的PS教程

 

下面來畫可愛滴鹿鹿

設計立體圓形森林插畫風格圖標的PS教程

 

這里需要童鞋們對鋼筆工具有很好滴控制力,關于鋼筆工具,窩前面有篇文章叫“鋼筆工具錨點的控制”,童鞋們可以先去看一看,然后再來畫這只鹿

畫好之后呢,砸門把它放進去,放到空中讓鹿飛起來。

設計立體圓形森林插畫風格圖標的PS教程

 

接下里就可以開始填色了哦,將地面弄成漸變色,背后滴大圓也加上漸變色:

設計立體圓形森林插畫風格圖標的PS教程

 

再給云朵和鹿加上漸變色:

設計立體圓形森林插畫風格圖標的PS教程

 

最后,想要做粗剪影滴效果就要加上投影,我們給地面,樹枝,云,鹿都加上投影,正片疊底效果不好滴話,童鞋們可以試試“線性加深”和“顏色加深”:

設計立體圓形森林插畫風格圖標的PS教程

 

然后做最外面一圈滴內陰影效果,砸門把大圓復制一個放在最最最上面,填充改為0,然后添加內陰影:

設計立體圓形森林插畫風格圖標的PS教程

 

做到這里就差不多啦,砸門再給整個畫面增加顆粒質感,給那些數值滴投影和大圓滴內陰影加上雜色,需要注意滴是,雜色,陰影顏色,大小,距離這些都會互相影響滴,所以窩這里不給具體參數,童鞋們自己把控一哈:

設計立體圓形森林插畫風格圖標的PS教程

 

再來看看效果:

設計立體圓形森林插畫風格圖標的PS教程

 

這時候窩們發現地面滴雜色不是很明顯,砸門單獨做一哈,把上面那層地面復制一個,圖層模式改為溶解,透明度10%-20%,圖層樣式去掉,顏色比之前加深一點點:

設計立體圓形森林插畫風格圖標的PS教程

回頂部
现货理财平台