教你如何用photoshop制作網(wǎng)頁外殼界面(2)
來源:
作者:
學(xué)習(xí):4264人次
OK,讓我們開始...
1.
做這個(gè)外殼界面時(shí),我用了相當(dāng)多的技巧,所以教程變的相當(dāng)長, 希望你有耐心去完成它 :)
開始新建一文件 - 600 x 500 pixels. 白色背景.
新建一層 (起名叫 Interface body) 選擇圓形選取工具 畫出一圓形. 填充黑色. 依照圖一,在剛剛的黑圓中再畫一相似的小圓.按下Delete鍵.
(在實(shí)例中我用了大圓 50% 大小的小圓形刪除...)
duplicate(復(fù)制) Interface body 層,回到Interface body copy圖層,一會兒我們要用它. Interface body我們展時(shí)不用,可以先關(guān)閉它,防止干擾我們的視線.
2.
用圓形選取工具畫出如圖二的橢圓選擇區(qū)域.
從頂部開始,每隔40 pixels 按下鍵盤上的Delete 鍵一次 如圖二.
取消選定.
3.
Ctrl+單擊選中Interface body copy 層.
切換置Channels(面板)點(diǎn)擊保存選擇區(qū)域按鈕. 取消選定.
執(zhí)行Filter - Blur - Gaussian Blur(濾鏡 – 模糊 – 高斯模糊) - 4 pixels.
接著執(zhí)行Image - Adjust – Levels(圖像 – 調(diào)整 – 色階) – 將左右兩個(gè)小箭頭向中心拖動,直到圖像的邊緣非常干凈為止. 以下是我的具體設(shè)置.
(通道可以起名為 Interface).
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 界面設(shè)計(jì)
學(xué)習(xí) · 提示
相關(guān)教程
- 陰影效果,教你制作各類陰影教程
- banner教程,設(shè)計(jì)一個(gè)簡單的母親節(jié)Banner教程
- 陰影效果,制作網(wǎng)頁常見的圖片投影效果
- 網(wǎng)頁圖片,設(shè)計(jì)一個(gè)網(wǎng)頁登陸框圖片教程
- 設(shè)計(jì)知識,新手詳情頁制作誤區(qū)
- 界面設(shè)計(jì),設(shè)計(jì)音樂播放器界面圖片
- 圖片教程,教你怎么做圓形圖表
- 圖片設(shè)計(jì),教你設(shè)計(jì)扁平化404錯(cuò)誤頁面圖片
- banner教程,超簡單三步設(shè)計(jì)一個(gè)BANNER
- 圓角教程,教你制作網(wǎng)頁常用的圓角矩形邊角
推薦教程
- banner教程,用ps制作960*90的廣告圖片
- 用ps制作豎列導(dǎo)航
- 界面設(shè)計(jì),設(shè)計(jì)音樂播放器界面圖片
- Photoshop制作網(wǎng)站導(dǎo)航圖
- Photoshop教程:像素化細(xì)節(jié)設(shè)計(jì)技巧
- Photoshop制作網(wǎng)頁搜索條
- Photoshop設(shè)計(jì)網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- 陰影效果,教你制作各類陰影教程
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- PS教程:設(shè)計(jì)導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!