


下載本文檔
版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
1、UI設(shè)計:教你用PS制作筆記本風(fēng)格的UI圖標(biāo)摘要:今天跟大家分享一篇筆記本風(fēng)格的UI圖標(biāo),效果的紋理主要通過圖層樣式制作出來,喜歡的一起學(xué)習(xí)一下。先看看效果:本子的身體這一部分呢,就是個圓角矩形,用到的圖層樣式可以參見下圖:而效果呢,說實在的,真的愁死我了,我是用吸管吸色來做漸變疊加的,出于當(dāng)時考慮的角度問題,最終添加了以上圖層樣式后的效果并不明顯,如圖:所以接下來,我為它單獨添加了高光,一層又一層的疊高光,最后成了這個樣子,注意右上角尤其是邊緣的部分:疊高光用到了圖層蒙版。然后本子的身體部分還有一圈虛線,中間那個belt的上面和下面一共有四條虛線,都是用描邊路徑畫出來的,然后添加圖層樣式,圖
2、層樣式如下:那么到此為止,body部分就算搞定了,接下來先看看body部分的整體效果:然后開始繪制身體中間的那個帶子的部分(最上面的那個扣兒除外,那是第三部分要說的哦)。加上那個belt的效果圖如下,先來看看:下面開始說belt的繪制。Belt主要是用了圖層樣式、濾鏡和畫筆工具,畫筆工具配合圖層蒙版,說了這么多,還是看看更方便,效果圖及其方法:上面第二幅圖中的第一個圖層就是剛剛說到的畫筆配合圖層蒙版,主要是高光的修飾,很微弱的高光。然后帶子上面還有一行字,這行字用到的圖層樣式是:這樣,我們就將belt這一部分也搞定了,下面就只剩下那個button的部分了。這個鈕扣的整體效果圖如下:注意右下角的
3、部分,由于這個button的右端要長過于本子的body,所以長出的部分的投影,應(yīng)該是看不到的,只有當(dāng)本子放到桌子上的時候,你可以稍微的添加一點點很淡很淡的投影,是不是這個道理呢?好了,下面來說說這個button的繪制。投影在最下面一層,由于剛剛說到的長短問題,單獨畫的形狀圖層來作它的投影,如圖:然后再畫上面的那個棕紅色的細(xì)皮帶:用到了圖層樣式和濾鏡,如下:主體部分完成。然后單獨給這部分加個高光,就像剛剛body的那部分一樣,疊上幾層或者調(diào)整調(diào)整,但是仍然是微弱的高光,盡管微弱,細(xì)微的地方,畫與不畫,最終的效果一定是不同的。這里疊了兩層:最后,扣帶兒上還有半圈虛線,同樣用描邊路徑畫出來,然后添加圖層樣式,如下:最后一步,為它
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 私人房產(chǎn)附屬設(shè)施買賣合同
- 清關(guān)代理合同協(xié)議書
- 基于情境學(xué)習(xí)的數(shù)學(xué)邏輯思維培養(yǎng)教學(xué)方案
- 智能化產(chǎn)業(yè)園區(qū)管理平臺合作協(xié)議
- 智能家居產(chǎn)品研發(fā)及銷售協(xié)議
- 電子商務(wù)退換貨免責(zé)條款
- 超市食材進(jìn)銷存協(xié)議
- 混凝土水泥買賣合同
- 自來水管理承包合同
- 血液 課件-2024-2025學(xué)年北師大版生物七年級下冊
- 標(biāo)準(zhǔn)土方工程招標(biāo)文件樣本
- 如何提升管理能力和水平
- 智慧漁政網(wǎng)格管理平臺項目方案
- GB/T 7716-2024聚合級丙烯
- 《弱電知識培訓(xùn)》課件
- 丹麥地理課件
- 住宅小區(qū)供配電設(shè)施建設(shè)和改造技術(shù)標(biāo)準(zhǔn)
- 勞動合同(模版)4篇
- 100道公安基礎(chǔ)知識題目訓(xùn)練含答案
- 口腔耗材采購合同范本
- JBT 14682-2024 多關(guān)節(jié)機(jī)器人用伺服電動機(jī)技術(shù)規(guī)范(正式版)
評論
0/150
提交評論