新万博万博_万博出事了

当前位置: 万博 > 新万博教程 > 网页新万博教程 > Photoshop新万博简洁灰色用户登录界面

本教程旨在教大家使用Photoshop创建一个简单的登录界面汗想。只需一些简单技巧茎,你也可以新万博出一个漂亮的登录界面斗。界面的背景色使用了几种不同的灰色色系钙,此举可最大程度保持整个界面的简洁和优雅梨。

本教程简单易学佰拿,适合于初学者俺沮娄。

Photoshop新万博简洁灰色用户登录界面

登录界面

步骤1

Photoshop新万博简洁灰色用户登录界面

新建一个800(H)x600(W)像素的文档魏群。当然也可根据自己的需求新建湘馁舒。接下来驴炬,使用圆角矩形工具(U)建立一个320×210像素的圆角矩形醛,并用浅灰色(light gray)填充秀,以此作为整个登录界面的背景喀。

步骤2

Photoshop新万博简洁灰色用户登录界面

为登陆界面背景添加深灰色(#dbdada)投影蹬,参数如下就骗菠:

投影(Drop shadow): 距离(distance):1px涕,大小(size):1px肆镶纲,混合模式(blend mode)设为“正片叠底”(Multiply)丸锻监,不透明度(opacity)设为50%

步骤3

Photoshop新万博简洁灰色用户登录界面

为背景应用大小为1px的描边(stroke)聘爬,描边的颜色与投影的颜色一致佛,即#dbdada刷须。

步骤4

Photoshop新万博简洁灰色用户登录界面

最后为背景增添渐变叠加(gradient overlay)的效果态坡。颜色的渐变范围在白色(white)到非常浅的灰色(#f1f1f1)之间抽毕。我们希望渐变叠加的效果看起来非常精细白,不着痕迹班脖,没有文字记载?廖绍其我吻她在傍晚我们侵寻因此项聘,不透明度应保持在60%到65%之间韧汹。

分享到: 
Photoshop制作国外木纹风格的网页模板
Photoshop新万博金属质感的网页按钮

热门推荐