<dd id="rcs5i"><tr id="rcs5i"></tr></dd>
    <div id="rcs5i"></div>

    <div id="rcs5i"></div>

      1. <div id="rcs5i"></div>

        当前位置: 首页 > 设计教程 > 网页设计教程 > 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设计金属质感的网页按钮
        ڿ¡

        <dd id="rcs5i"><tr id="rcs5i"></tr></dd>
          <div id="rcs5i"></div>

          <div id="rcs5i"></div>

            1. <div id="rcs5i"></div>

              <dd id="rcs5i"><tr id="rcs5i"></tr></dd>
                <div id="rcs5i"></div>

                <div id="rcs5i"></div>

                  1. <div id="rcs5i"></div>