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