設(shè)計(jì)立體逼真多肉植物圖標(biāo)的PS教程

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

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

我們先看下最終效果

設(shè)計(jì)立體逼真多肉植物圖標(biāo)的PS教程

 

1、新建文檔 600x800px 如圖:

設(shè)計(jì)立體逼真多肉植物圖標(biāo)的PS教程

 

2、將我們?cè)诩埳侠L制好的手稿植入PS

然后適當(dāng)調(diào)低手繪稿的透明度,這里我調(diào)的透明度是60%,根據(jù)自己方便識(shí)別度而定,調(diào)低透明度可以方便我們描繪,就相當(dāng)于加了一層硫酸紙一樣.

設(shè)計(jì)立體逼真多肉植物圖標(biāo)的PS教程

 

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

設(shè)計(jì)立體逼真多肉植物圖標(biāo)的PS教程

 

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

線條有不對(duì)的地方可以適當(dāng)調(diào)整

設(shè)計(jì)立體逼真多肉植物圖標(biāo)的PS教程

 

5.在顏色鋪好以后,我們要檢查一下葉子疊放的順序?qū)Σ粚?duì),通過調(diào)整圖層順序來調(diào)整葉子上下前后的順序.

6.根據(jù)個(gè)人習(xí)慣我先給部分葉子底部深了一點(diǎn)顏色,好區(qū)分層次感.

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

設(shè)計(jì)立體逼真多肉植物圖標(biāo)的PS教程

 

我們選用陰影,適當(dāng)調(diào)低曝光度,可以讓顏色看起來沒那么重.

設(shè)計(jì)立體逼真多肉植物圖標(biāo)的PS教程

 

7.調(diào)整每片葉子的立體感

首先,我們可以給它一個(gè)漸變疊加

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

設(shè)計(jì)立體逼真多肉植物圖標(biāo)的PS教程

 

給它一個(gè)深色的漸變

設(shè)計(jì)立體逼真多肉植物圖標(biāo)的PS教程

 

設(shè)計(jì)立體逼真多肉植物圖標(biāo)的PS教程

 

 

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

設(shè)計(jì)立體逼真多肉植物圖標(biāo)的PS教程

 

再復(fù)制一個(gè)我們做好的深色陰影圖層,調(diào)節(jié)圖層大小,讓陰影與邊緣貼近一點(diǎn)

設(shè)計(jì)立體逼真多肉植物圖標(biāo)的PS教程

 

大家可以按照自己的想法調(diào)整

然后我們?cè)谌~子邊緣繪制一個(gè)區(qū)域來展現(xiàn)葉子的厚度感

設(shè)計(jì)立體逼真多肉植物圖標(biāo)的PS教程

 

給它一個(gè)較深的顏色