ps設(shè)計網(wǎng)頁登錄界面實例
來源:未知
作者:設(shè)計癖
學(xué)習(xí):16843人次
本教程旨在教大家使用Photoshop創(chuàng)建一個簡單的登錄界面。只需一些簡單技巧,你也可以設(shè)計出一個漂亮的登錄界面。界面的背景色使用了幾種不同的灰色色系,此舉可最大程度保持整個界面的簡潔和優(yōu)雅。
本教程簡單易學(xué),適合于初學(xué)者。
登錄界面
步驟1
新建一個800(H)x600(W)像素的文檔。當(dāng)然也可根據(jù)自己的需求新建。接下來,使用圓角矩形工具(U)建立一個320×210像素的圓角矩形,并用淺灰色(light gray)填充,以此作為整個登錄界面的背景。
步驟2
為登陸界面背景添加深灰色(#dbdada)投影,參數(shù)如下:
投影(Drop shadow): 距離(distance):1px,大小(size):1px,混合模式(blend mode)設(shè)為“正片疊底”(Multiply),不透明度(opacity)設(shè)為50%
步驟3
為背景應(yīng)用大小為1px的描邊(stroke),描邊的顏色與投影的顏色一致,即#dbdada。
步驟4
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- Photoshop教程:制作網(wǎng)頁文字效果圖片
- 廣告圖片,用ps合成技術(shù)設(shè)計一個化妝品商品的背景圖
- Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版
- 本篇教程是教大家如何用photoshop制作出如下的3D效果很強的三D效果導(dǎo)航條動態(tài)按紐。
- 進度條,設(shè)計一個彩色進度條
- ps基礎(chǔ)制作白紙翹邊的立體陰影特效教
- 利用Photoshop制作網(wǎng)站底部浮動導(dǎo)航欄
- 黑白色系導(dǎo)航條
- photoshop如何設(shè)計黑色導(dǎo)航條教程
- Photoshop設(shè)計教程:UI界面的設(shè)計
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!