• 《不可思议的妈妈》第二季上线 蔡少芬、胡可、何洁比拼花式育儿 2019-05-25
  • 日本樱岛火山大规模喷发 烟尘高达4700米 2019-05-25
  • 俄罗斯电影《最后一球》定档落魄球星遇上菜鸟球队 2019-05-24
  • 西安启动唐长安城明德门遗址保护工程 2019-05-24
  • 海峡两岸龙舟赛在厦门开赛 两岸53支参赛队伍共同传承中华文化 2019-05-23
  • 朋友圈买过这些东西吗?原来都是不靠谱的! 2019-05-23
  • 孔垂楠曝光时尚大片 多款造型型格满分 2019-05-22
  • 研究:亚洲民众更关注健康食品 2019-05-22
  • 把“就业率首超本科” 当作高职新起点 2019-05-22
  • 回复@大雨582:建议你学学需求层次理论…… 2019-05-21
  • IT热点:工信部调查蹭网APP 携程入局网约车市场 2019-05-21
  • 杭州城研中心陪同里昂政治学院弗朗索瓦帕安赛奇教授一行调研杭州文创产业发展现状 2019-05-20
  • "创造101"杨超越引争议 表演业余人气高别光怨选手 2019-05-20
  • 香港迪士尼推“无现金”体验便利游客 2019-05-19
  • 长治网友:未欠电费却停电半月 这是怎么回事 2019-05-19
  • 六合彩特码诗
    当前位置: 六合彩特码诗 > 设计教程 > 网页设计教程 > Photoshop设计简洁灰色用户登录界面

    另版手写综合资料:Photoshop设计简洁灰色用户登录界面

    六合彩特码诗 www.cecnd.tw 本教程旨在教大家使用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设计金属质感的网页按钮
  • 《不可思议的妈妈》第二季上线 蔡少芬、胡可、何洁比拼花式育儿 2019-05-25
  • 日本樱岛火山大规模喷发 烟尘高达4700米 2019-05-25
  • 俄罗斯电影《最后一球》定档落魄球星遇上菜鸟球队 2019-05-24
  • 西安启动唐长安城明德门遗址保护工程 2019-05-24
  • 海峡两岸龙舟赛在厦门开赛 两岸53支参赛队伍共同传承中华文化 2019-05-23
  • 朋友圈买过这些东西吗?原来都是不靠谱的! 2019-05-23
  • 孔垂楠曝光时尚大片 多款造型型格满分 2019-05-22
  • 研究:亚洲民众更关注健康食品 2019-05-22
  • 把“就业率首超本科” 当作高职新起点 2019-05-22
  • 回复@大雨582:建议你学学需求层次理论…… 2019-05-21
  • IT热点:工信部调查蹭网APP 携程入局网约车市场 2019-05-21
  • 杭州城研中心陪同里昂政治学院弗朗索瓦帕安赛奇教授一行调研杭州文创产业发展现状 2019-05-20
  • "创造101"杨超越引争议 表演业余人气高别光怨选手 2019-05-20
  • 香港迪士尼推“无现金”体验便利游客 2019-05-19
  • 长治网友:未欠电费却停电半月 这是怎么回事 2019-05-19