多肉植物擬物化ICON繪制

分類欄目:經驗 - Photoshop教程

發布于 暫無評論

來源自愛設計http://www.lbvorg.live/

來源:站酷  作者:cherish818

 

大家好,最近多肉植物受到了很多人的青睞,她肉肉的外形看起來很Q萌,所以,在此為大家分享一個多肉植物擬物化的UI練習.

之前看到這個圖形很喜歡,就自己嘗試著畫了,

有很多細節的地方不夠精致,

繼續努力!

我們先看下最終效果

現在開始!

1、新建文檔 600x800px  如圖:

來源自愛設計http://www.lbvorg.live/

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

然后適當調低手繪稿的透明度,這里我調的透明度是60%,根據自己方便識別度而定.

調低透明度可以方便我們描繪,就相當于加了一層硫酸紙一樣.

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

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

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

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

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

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

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

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

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

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

給它一個深色的漸變

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

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

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

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

給它一個較深的顏色

同樣我們給它一個高斯模糊

現在頁根部分沒有區分開,重色不夠,我們需要給它一陰影, 可以用過透明漸變來實現

因為多肉植物的質感強,所以我們在給陰影,的時候最好都用高斯模糊來調整一下

現在我們要做的是給葉子一個圓潤的感覺,我們先根據葉子的形狀畫一個弧度

給一個深色的填充,同樣模糊一下

在左上角給一點亮色

在尖角部分給一個紅色的透明漸變

其他葉子上色方法也是如此,大同小異

只要根據葉子的形狀,方向來上色就可以了,在葉子的邊緣適當的用接近白色的亮色來修飾一下,

表現出葉子的厚度和質感…..

8.上完色后記得給葉子們加點投影效果

9.繪制花盆,我們先繪制一個圓角矩形框

我的矩形框半徑設置的是100

10,調整矩形的混合模式

先調整斜面浮雕

添加投影

11.復制一個矩形2,圖層移至矩形1下面,將矩形2下移

12,做盆里面的效果

在矩形圖層下新建圖層,畫矩形,填色

將我們的土壤素材放入PS中,創建剪貼蒙版

將小草的素材移入PS,創建剪貼蒙版

13.添加一個木質背景  OK!

來源自愛設計http://www.lbvorg.live/

好了,整個效果都差不多完成了

總結

整個過程相對來說還是很簡單的,主要就用到,加深減淡、高斯模糊、混合模式幾個工具。

交流微信:qzy8195