当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop设计简洁灰色用户登录界面

                                    Photoshop设计简洁灰色用户登录界面

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

                                    本教程简单易学,适合于初学者。

                                    Photoshop设计简洁灰色用户登录界面

                                    登录界面

                                    步骤1

                                    Photoshop设计简洁灰色用户登录界面

                                    新建一个800(H)x600(W)像素的文档。当?#28784;?#21487;根据自己的需求新建。接下来,使用?#27493;?#30697;形工具(U)建立一个320×210像素的?#27493;?#30697;形,并用浅灰色(light gray)填充,以此作为整个登录界面的背景。

                                    步骤2

                                    Photoshop设计简洁灰色用户登录界面

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

                                    投影(Drop shadow): 距离(distance):1px,大小(size):1px,混合模式(blend mode)设为“正片叠底”(Multiply),不?#35813;?#24230;(opacity)设为50%

                                    步骤3

                                    Photoshop设计简洁灰色用户登录界面

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

                                    步骤4

                                    Photoshop设计简洁灰色用户登录界面

                                    最后为背景增添渐变叠加(gradient overlay)的效果。颜色的渐变范围在白色(white)到?#27973;?#27973;的灰色(#f1f1f1)之间。我们希望渐变叠加的效果看起来?#27973;?#31934;细,不着痕迹,因此,不?#35813;?#24230;应保持在60%到65%之间。

                                    分享到: 
                                    Photoshop制作国外木?#21697;?#26684;的网页模板
                                    Photoshop设计金属质感的网页按钮
                                    山东十一选五在线计划