加微信  “UIchongneng”進(jìn)設(shè)計(jì)交流群  

上次寫了一篇這個(gè)

有人問我：這種詳情效果圖怎么做的？教程來了！

有人問花瓣上這種熱水器效果圖，是怎么做的？

截圖自花瓣。

以上面圖為參照，今天來一個(gè)教程。

其實(shí)設(shè)計(jì)邏輯，和上次那篇文章里的差不多。

1、首先先去花瓣找個(gè)產(chǎn)品圖

2、重點(diǎn)來了，順著產(chǎn)品形狀用鋼筆勾勒區(qū)域，畫出摳圖選區(qū)

3、直接摳圖這個(gè)區(qū)域，就出來了。

4、在復(fù)制一層壓暗，放下面，就有了厚度。

5，繼續(xù)復(fù)制，ctul+u 改個(gè)顏色。又多了一層。想弄幾層，就復(fù)制幾層~

6、最下面一層，填充個(gè)暗色，內(nèi)陰影，做出一個(gè)挖洞的感覺。

7、去花瓣找一些水管素材，放進(jìn)去。

做到這里就基本完成了，一般產(chǎn)品材質(zhì)分層基本都是這種思路做的。

勾勒出形狀復(fù)制就行，都不用貼材質(zhì)，用不了幾分鐘。比上次那個(gè)布料簡(jiǎn)單多了。

8，既然產(chǎn)品搞定了，順勢(shì)繼續(xù)做一張?jiān)斍轫摵?bào)。先給背后來一個(gè)灰色墻壁。

9、完善空間感。灰色墻壁的傾斜角度，順著產(chǎn)品角度來。

10、去花瓣找一個(gè)浴缸，安排上

浴缸的角度得和熱水器差不多，不是很好找。

11、給浴缸加滿水。鋼筆順著浴缸勾勒出來，填充藍(lán)色。

12、去花瓣搜熱氣，加上一堆熱氣。

13、增強(qiáng)浴缸的明暗對(duì)比關(guān)系，與熱水器的明暗感覺保持一致。

14、給背景墻加上影子，同時(shí)墻壁加上一點(diǎn)墻磚縫隙感覺，縫隙的方向和熱水器保持一致。

15、墻外來個(gè)戶外的場(chǎng)景，找個(gè)雪地圖貼上。基本搭建完畢。

15、右下角放個(gè)葉子，作為前景，最后打上文案，搞定。

歡迎評(píng)論區(qū)留言互吹。

小程序控件 | 包圖小白體 | 面試技巧 | 圖標(biāo)規(guī)范

UI設(shè)計(jì)規(guī)范 | UI教程 | AE教程

字體設(shè)計(jì) | 作品集 | 點(diǎn)這里獲取更多資源