gui-47第四章軟件ui設計android應用界面工具包制作實戰(zhàn)

1、Android應用界面UI工具包制作實戰(zhàn)主要內(nèi)容學習重點：形狀工具的使用圖層樣式的使用怎么突出寫實風格的設計學習目標：熟練掌握形狀工具的使用熟練掌握圖層樣式的使用掌握寫實的設計風格接下來制作寫實風格的UI工具包。步驟1：繼續(xù)昨天完成UI工作包制作，首先最底背景圖層。接下來步驟2：白色。制作寫實風格的UI工具包。器制作，首先使用鋼筆工具繪制類似于花瓣形狀，建立選區(qū)，填充為接下來制作寫實風格的UI工具包。步驟3：制作凹凸背景，方法同上。接下來步驟4：制作寫實風格的UI工具包。圖層，去掉圖層樣式，等比例縮小。如圖：接下來制作寫實風格的UI工具包。步驟5：添加圖層樣式-漸變疊加-顏色：# 0c0c0d

2、， 2e3033， 919599。接下來制作寫實風格的UI工具包。步驟6：繼續(xù)添加圖層樣式-斜面與浮雕。接下來制作寫實風格的UI工具包。步驟7：繼續(xù)添加圖層樣式-斜面與浮雕。接下來制作寫實風格的UI工具包。步驟8：繼續(xù)添加圖層樣式-內(nèi)發(fā)光。接下來制作寫實風格的UI工具包。步驟9：繼續(xù)添加圖層樣式-光澤。接下來制作寫實風格的UI工具包。步驟11：中心圓制作，繪制圓形，大小：64*64像素，填充顏色為：#96cc29。接下來制作寫實風格的UI工具包。步驟12：添加圖層樣式-漸變疊加-顏色：# b3e648， 7bba1a。接下來制作寫實風格的UI工具包。步驟13：繼續(xù)添加圖層樣式-描邊-漸變顏色：

3、# 4d4d4d， 000000。接下來制作寫實風格的UI工具包。步驟14：繼續(xù)添加圖層樣式-內(nèi)陰影。接下來制作寫實風格的UI工具包。步驟15：最后添加圖層樣式-內(nèi)發(fā)光。接下來制作寫實風格的UI工具包。步驟16：添加黑色圓形，大小：54*54像素。接下來制作寫實風格的UI工具包。步驟17：添加圖層樣式-漸變疊加-顏色：#505459，252629，0b0c0d。接下來制作寫實風格的UI工具包。步驟18：繼續(xù)添加圖層樣式-斜面與浮雕。接下來制作寫實風格的UI工具包。步驟19：繼續(xù)添加圖層樣式-描邊-漸變顏色：#， 4d4d4d 。接下來制作寫實風格的UI工具包。步驟20：最后添加圖層樣式-內(nèi)陰影

4、。接下來制作寫實風格的UI工具包。步驟21：添加按鈕，使用多邊形工具繪制三角形，顏色填充為白色。如圖：接下來制作寫實風格的UI工具包。步驟22：添加圖層樣式-漸變疊加-顏色：# 8c8c8c， bfbfbf。接下來制作寫實風格的UI工具包。步驟23：添加圖層樣式-投影。接下來制作寫實風格的UI工具包。步驟23：使用圓角矩形工具繪制停止按鈕，按鈕的圖層樣式。接下來步驟24：制作寫實風格的UI工具包。器2制作方法同器，如圖：接下來步驟25：制作寫實風格的UI工具包。制作，導入底紋背景素材，高：91像素。接下來制作寫實風格的UI工具包。步驟26：水晶按鈕設計，繪制圓角矩形，大小：57*57像素。步驟

5、27：添加圖層樣式-漸變疊加-顏色：#0c0c0d，2e3033，919599。接下來制作寫實風格的UI工具包。步驟28：繼續(xù)添加圖層樣式-斜面與浮雕。接下來制作寫實風格的UI工具包。步驟29：繼續(xù)添加圖層樣式-內(nèi)發(fā)光。接下來制作寫實風格的UI工具包。步驟30：繼續(xù)添加圖層樣式-投影。接下來步驟31：制作寫實風格的UI工具包。按鈕文字，如圖：步驟32：給按鈕添加透明層，更突出水晶效果。接下來制作寫實風格的UI工具包。步驟33：同理制作“案例素材”“課堂”按鈕，可直接，調(diào)整顏色。接下來最終效果圖制作寫實風格的UI工具包。接下來制作寫實風格的UI工具包。步驟34：使用以上學習的方作剩下三個工具包，大同小異。思考a)b)如何使用矩形工具？如何正確的使用圖