網(wǎng)頁(yè)圖片,設(shè)計(jì)一個(gè)網(wǎng)頁(yè)登陸框圖片教程
來(lái)源:pdadians
作者:P大點(diǎn)S
學(xué)習(xí):16545人次
每個(gè)網(wǎng)站都需要一個(gè)漂亮的登陸框,今天就幫大家做一個(gè)清爽的登陸框圖片,整體效果主要是運(yùn)用了圖層樣式制作出來(lái),效果十分細(xì)致好看。喜歡的可以跟著練練手,做完交作業(yè)。
源文件打包 百度云下載鏈接:http://pan.baidu.com/s/1hq34ivM 密碼:7rb1
先看看最終效果:
1、新建一個(gè)文檔,這里我用的是400*300像素,填充一個(gè)#d0c0be的顏色填充調(diào)整層。
2、選擇畫筆工具,使用圓角柔邊畫筆,設(shè)置前景色為#364e35,畫出如下圖中的形狀出來(lái)。
3、執(zhí)行“濾鏡—模糊—高斯模糊”,我用的數(shù)值是46.9像素,賦予這個(gè)顏色層一個(gè)模糊效果,跟我們的背景融合。
4、選擇圓角矩形工具,并設(shè)置前景色為#313c45,畫一個(gè)圓角矩形,并將圓角矩形的填充設(shè)置為11%
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- P大點(diǎn)S
- ps網(wǎng)頁(yè)設(shè)計(jì)
- 登陸界面
- 登錄界面
- 登陸框
學(xué)習(xí) · 提示
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
崔青林2017-01-16 02:41
我做的登錄頁(yè)面
回復(fù)
過(guò)客匆匆2016-09-15 10:10
一只帥羊羊2016-09-06 09:31
相關(guān)教程
- 陰影效果,教你制作各類陰影教程
- banner教程,設(shè)計(jì)一個(gè)簡(jiǎn)單的母親節(jié)Banner教程
- 陰影效果,制作網(wǎng)頁(yè)常見(jiàn)的圖片投影效果
- 設(shè)計(jì)知識(shí),新手詳情頁(yè)制作誤區(qū)
- 界面設(shè)計(jì),設(shè)計(jì)音樂(lè)播放器界面圖片
- 圖片教程,教你怎么做圓形圖表
- 圖片設(shè)計(jì),教你設(shè)計(jì)扁平化404錯(cuò)誤頁(yè)面圖片
- 圓角教程,教你制作網(wǎng)頁(yè)常用的圓角矩形邊角
- 進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條
- 圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)六邊形圖標(biāo)實(shí)例
推薦教程
- Photoshop教程:像素化細(xì)節(jié)設(shè)計(jì)技巧
- Photoshop設(shè)計(jì)網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- PS教程:設(shè)計(jì)導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果
- Photoshop制作網(wǎng)頁(yè)搜索條
- banner教程,用ps制作960*90的廣告圖片
- 陰影效果,教你制作各類陰影教程
- Photoshop制作網(wǎng)站導(dǎo)航圖
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- 界面設(shè)計(jì),設(shè)計(jì)音樂(lè)播放器界面圖片
- 用ps制作豎列導(dǎo)航
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!