请问上海时时乐
当前位置: 请问上海时时乐 > 设计教程 > 网页设计教程 > Photoshop设计简洁灰色用户登录界面

玩上海时时乐输惨了:Photoshop设计简洁灰色用户登录界面

请问上海时时乐 www.i7b7.com.cn 本教程旨在教大家使用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设计金属质感的网页按钮

热门推荐

  • 【砥砺奋进六十年·全国主流媒体宁夏行】非遗文化技艺助农民脱贫 2018-10-20
  • 纽约餐饮业“拥抱”球迷商机 2018-10-16
  • 震后十年·追忆与新生:那是我生命中最深的印记 2018-10-15
  • 如何像皇帝、老佛爷那样避个暑? 2018-10-15
  • “双奥北京”史无前例 奥博会助力奥林匹克市场新发展 2018-10-14
  • 黄志丽:做新时代的智慧型法官 2018-10-14
  • 2018CPCC中国版权服务年会(定版) 2018-10-11
  • 端午当天赣64地超35℃ 最热的地方在上栗 2018-10-11
  • 【品牌资讯】环球网荣获第六届中国财经峰会 “杰出品牌形象奖” 2018-10-06
  • “世界这么大,我想讲堂课”日本小学老师将骑自行车环游世界 2018-09-30
  • 用责任制拧紧安全阀(快评) 2018-09-30
  • 你没有意识到,也许做空气更好 2018-09-27
  • “一带一路”中小企业国际合作高峰论坛三大亮点 2018-09-26
  • 候选企业:中国民生投资集团 2018-09-18
  • 俄罗斯驻华大使:未来上合的首要任务是加强区域一体化 2018-09-18