【每日一練】用AI繪制立體感按鈕

??????? 想從今天開始記錄一下學(xué)習(xí)設(shè)計的過程,希望能看見自己從零基礎(chǔ)變成大神?(? ???ω??? ?)?,記錄一些關(guān)鍵步驟防止遺忘。

??????? 剛開始總是會很丑的(安慰自己),但還是要記錄下來,羞澀(????)。



這個是做好的效果圖

(1)繪制一個圓角矩形。

????????? 顏色選擇與你想要的按鈕表面顏色屬同色系且亮度較低的一種可能比較好。)不過我這里選擇的是有點(diǎn)粉的一個紅色。??????????? (ˉ▽ ̄~) ~~嘛。。色彩這個東西,是一門大學(xué)問啊,哈哈。以后還要不斷嘗試,積累經(jīng)驗。

(2)調(diào)整按鈕立體效果。簡單的說,這一步是把圖形從二維的拉成一個三維效果。

????????? 菜單欄→效果→3D→突出和斜角選項。

?????? ?? 單擊“更多選項”,才會出現(xiàn)光照強(qiáng)度等設(shè)置。

3D · 突出和斜角選項

(3)用圓角矩形工具繪制按鈕表面的一層。(其實不要這一步應(yīng)該可以變成另外一種感覺)

????????? 用了一個漸變色填充。


繪制圓角矩形

(4)用畫筆工具給按鈕打“高光”。注意模擬光打過來的方向位置和調(diào)整不透明度是關(guān)鍵。

設(shè)置畫筆參數(shù)
醬~基本就是這樣了

(5)加上文字,調(diào)整一下,收工。



??????? 隨便嘗試了一下不要步驟(3),效果是這樣的:


??????? (⊙v⊙)嗯,所以總結(jié)關(guān)鍵步驟就是:①突出和斜角效果;②畫龍點(diǎn)睛之筆——“打高光”。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容