UI設(shè)計：教你用PS制作筆記本風(fēng)格的UI圖標(biāo)_第1頁
UI設(shè)計：教你用PS制作筆記本風(fēng)格的UI圖標(biāo)_第2頁
UI設(shè)計：教你用PS制作筆記本風(fēng)格的UI圖標(biāo)_第3頁
全文預(yù)覽已結(jié)束

下載本文檔

版權(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)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論