設計立體逼真多肉植物圖標的PS教程

2019-11-08 16:17:15 來源/作者: 未知 / 榮偉 己有:957人學習過

最近多肉植物受到了很多人的青睞,她肉肉的外形看起來很Q萌,所以在此為大家分享一個多肉植物擬物化的UI練習,之前看到這個圖形很喜歡,就自己嘗試著畫了,有很多細節的地方不夠精致,喜歡的朋友一起來學習吧。

我們先看下最終效果

設計立體逼真多肉植物圖標的PS教程

 

1、新建文檔 600x800px 如圖:

設計立體逼真多肉植物圖標的PS教程

 

2、將我們在紙上繪制好的手稿植入PS

然后適當調低手繪稿的透明度,這里我調的透明度是60%,根據自己方便識別度而定,調低透明度可以方便我們描繪,就相當于加了一層硫酸紙一樣.

設計立體逼真多肉植物圖標的PS教程

 

3,我們用鋼筆工具開始描繪葉子的形態,首先繪制每片葉子的大輪廓

設計立體逼真多肉植物圖標的PS教程

 

4.新建圖層,開始上底色

線條有不對的地方可以適當調整

設計立體逼真多肉植物圖標的PS教程

 

5.在顏色鋪好以后,我們要檢查一下葉子疊放的順序對不對,通過調整圖層順序來調整葉子上下前后的順序.

6.根據個人習慣我先給部分葉子底部深了一點顏色,好區分層次感.

顏色加深,我們可以通過工具欄里的加深減淡工具

設計立體逼真多肉植物圖標的PS教程

 

我們選用陰影,適當調低曝光度,可以讓顏色看起來沒那么重.

設計立體逼真多肉植物圖標的PS教程

 

7.調整每片葉子的立體感

首先,我們可以給它一個漸變疊加

先用鋼筆工具繪制一個與外輪廓相近的線條

設計立體逼真多肉植物圖標的PS教程

 

給它一個深色的漸變

設計立體逼真多肉植物圖標的PS教程

 

設計立體逼真多肉植物圖標的PS教程

 

 

然后利用高斯模糊工具,讓深色部分看起來沒那么生硬

設計立體逼真多肉植物圖標的PS教程

 

再復制一個我們做好的深色陰影圖層,調節圖層大小,讓陰影與邊緣貼近一點

設計立體逼真多肉植物圖標的PS教程

 

大家可以按照自己的想法調整

然后我們在葉子邊緣繪制一個區域來展現葉子的厚度感

設計立體逼真多肉植物圖標的PS教程

 

給它一個較深的顏色