當前位置:首頁>ps入門教程>ps基礎教程>設計知識>教程內(nèi)容

UI知識,UI需要什么樣的美術能力:應用篇(3)

來源:站酷 作者:鐵木士 學習:3529人次

我們現(xiàn)在來加入牛皮扣:

首先這個絕對不ok,扁平化的牛皮扣可以這么做,但是有透視的不行。

UI知識,UI需要什么樣的美術能力:應用篇_tgudhdp.cn

因為牛皮扣是附著在錢包上的,它必須遵守錢包的結構,才能包裹住錢包。

UI知識,UI需要什么樣的美術能力:應用篇_tgudhdp.cn

同樣面片向上移動就有了厚度,復制縮小,就留出了牛皮扣的邊框。當你理解了空間,結構,光原理,其實你就很容易的利用一個最初的形狀去做加減法,大大增加了繪制效率。

UI知識,UI需要什么樣的美術能力:應用篇_tgudhdp.cn

牛皮扣,也不可能是完全平面,所以我們給出了弧面的高光和陰影。

UI知識,UI需要什么樣的美術能力:應用篇_tgudhdp.cn

一個圓形,復制,移動,等于扣子。

我們下面來為錢包增加細節(jié),既然是錢包,那總應該有點錢吧?

UI知識,UI需要什么樣的美術能力:應用篇_tgudhdp.cn

我們做了兩個面片,一個硬幣,但是看起來總有點問題,問題在哪呢?層級!

UI知識,UI需要什么樣的美術能力:應用篇_tgudhdp.cn

用陰影遮擋住錢幣以后,錢幣才看起來像是放在錢包里。UI中有很多層級問題,都是通過陰影遮擋達到的。

先后級問題,需要透視,光,結構,等原理一起解決。

請注意第一個錢幣的陰影,與第二個修正之后的陰影,第二個更尊重錢包本身的結構,也就看起來更舒服。

所以結構影響光,陰影,陰影也必須跟結構的透視關系是一致的。

UI知識,UI需要什么樣的美術能力:應用篇_tgudhdp.cn

我隨便在網(wǎng)上找一個牛皮材質,覆蓋在錢包之上,因為明暗關系都已經(jīng)做完了,所以看起來直接就變成牛皮錢包了。

UI知識,UI需要什么樣的美術能力:應用篇_tgudhdp.cn

我只要更改材質的顏色,就可以更改錢包的顏色。

那么下一步就是手繪修正了,把材質的范圍,收到牛皮部分,調整高光大小增加細節(jié)。

UI知識,UI需要什么樣的美術能力:應用篇_tgudhdp.cn

差距大么?恩,貌似很大,因為這是一個網(wǎng)上的效果圖。感謝作者,省了我很多時間。

總結一下:

這一講,從剪影,到面片,到空間結構。我們在按照結構原理,光原理,透視原理,不停的復雜化一個物品。

我的目的不是要講,怎么畫一個東西好看,我的目的是希望大家能夠通過這些簡單原理,去分析你要做的東西,無論做加法還是減法,都需要尊重這些原理。

UI不是一個繪畫工作,了解繪畫原理是為了,拆解我們的工作過程,合理化,規(guī)劃設計流程。

其實UI里很少涉及到你需要大量手繪的部分。都是基本形狀的應用。所以,繪畫原理也可以淺嘗即止。不需要每個UI都擁有原畫師級別的繪畫能力。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關注大神微博加入>>

網(wǎng)友求助,請回答!