优艾设计网

Photoshop设计网页登录界面实例

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:设计癖
本教程旨在教大家使用Photoshop创建一个简单的登录界面。只需一些简单技巧,你也可以设计出一个漂亮的登录界面。界面的背景色使用了几种不同的灰色色系,此举可最大程度保持整个界面的简洁和优雅。

制作登录按钮,使用圆角矩形工具创建110 x 35像素的形状,并用颜色#6d6d6d填充。为登录按钮添加白色投影,并将混合模式由“正片叠加”改为“正常”。

步骤11

Photoshop设计网页登录界面实例

给按钮添加内阴影(inner shadow),大小和阻塞(choke)都设为0,距离设为3像素,不透明度:30%,混合模式:叠加(overlay)。

步骤12

Photoshop设计网页登录界面实例

最后给按钮添加颜色为#595656,大小为1像素的边线。

最终效果

Photoshop设计网页登录界面实例

 

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消