UI教程:設計立體插畫風格的圓形圖示
本教程主要使用Photoshop設計立體插畫主題風格的圖示,作品的整體效果以剪影風格為主的插畫,整體的層次立體感表現的非常的不錯。
本教程主要使用Photoshop設計立體插畫主題風格的圖示,作品的整體效果以剪影風格為主的插畫,整體的層次立體感表現的非常的不錯。
先看看效果圖:
整個插畫就是樹枝滴部分會稍微花點時間哦~建議熟練滴童鞋不要臨摹,自已動手畫一畫這些樹枝,對自己的構圖能力和控制力都是很有幫助滴哦
建好畫布後,畫一個圓:
然後砸門建立一個分組,alt+左鍵顯示圓的選區,然後給分組建立一個蒙版,把所有滴部件都畫在這個組裡的時候就不會超出圓的大小啦~
現在開始畫地面,砸門用鋼筆工具畫出輪廓來:
砸門可以直接複製一個放在後面,水平旋轉後調整下位置就好啦、
接下來開始做樹枝滴部分,為了整個畫面的層次感,窩做了四層呢~太多了也不好,顯得和雜亂,下面一層層的來看
第一層:
第二層:
第三層:
第四層是由左右兩部分組成滴,窩把其他的隱藏了讓童鞋們看得清楚點:
放在一起來看哈效果(,,・ω・,,)
做到這裡就完成大部分啦,嘻嘻
然後窩們來做點裝飾品,先做個雲,這個雲其實是由4個圓加矩形拼起來滴:
縮小放到合適滴位置上
再來看哈樹葉滴做法,用布林運算取交集:
合併形狀元件後刪除上面或下面滴錨點,再複製一個垂直旋轉:
醬紫就可以分別給顏色啦~
放在合適滴位置上:
下面來畫可愛滴鹿鹿
這裡需要童鞋們對鋼筆工具有很好滴控制力,關於鋼筆工具,窩前面有篇文章叫“鋼筆工具錨點的控制”,童鞋們可以先去看一看,然後再來畫這隻鹿
畫好之後呢,砸門把它放進去,放到空中讓鹿飛起來。
接下里就可以開始填色了哦,將地面弄成漸變色,背後滴大圓也加上漸變色:
再給雲朵和鹿加上漸變色:
最後,想要做粗剪影滴效果就要加上投影,我們給地面,樹枝,雲,鹿都加上投影,正片疊底效果不好滴話,童鞋們可以試試“線性加深”和“顏色加深”:
然後做最外面一圈滴內陰影效果,砸門把大圓複製一個放在最最最上面,填充改為0,然後新增內陰影:
做到這裡就差不多啦,砸門再給整個畫面增加顆粒質感,給那些數值滴投影和大圓滴內陰影加上雜色,需要注意滴是,雜色,陰影顏色,大小,距離這些都會互相影響滴,所以窩這裡不給具體引數,童鞋們自己把控一哈:
再來看看效果:
這時候窩們發現地面滴雜色不是很明顯,砸門單獨做一哈,把上面那層地面複製一個,圖層模式改為溶解,透明度10%-20%,圖層樣式去掉,顏色比之前加深一點點: