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

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

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

        当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop设计移动APP应用类型网站

        Photoshop设计移动APP应用类型网站

        最终效果

        Photoshop设计移动APP应用类型网站

        教程所需素材

        所有素材打包下载http://urlxf.qq.com/JRbqE37

        第一步

        新建(Ctrl + N)一个 1200 x 1150 px背景为:#FFFFFF的文档使用“矩形选择工具”(M)画一个 1200 x 220px的矩形框然后填充颜色(?#25628;?#33394;不做固定要求)

        Photoshop设计移动APP应用类型网站

        接下来我们把刚刚创建的图层命名为“header”使用“?#27493;?#30697;形工具”(U)并设置半径为20px

        Photoshop设计移动APP应用类型网站

        画一个950 x 60px 的?#27493;?#30697;形

        Photoshop设计移动APP应用类型网站

        命名?#27493;?#30697;形图层“Navigation“重新选择?#27493;?#30697;形工具(U)然后在“Navigation“右?#25103;?#20877;次拖出一个?#27493;?#30697;形作为搜索框把该层命名为 “Search”

        Photoshop设计移动APP应用类型网站

        第二步

        选择 “Header” 图层 按照如下设置添加”图层样式“

        投影设置不?#35813;?#24230;34%;角度90度;距离5px; 大小5px;

        Photoshop设计移动APP应用类型网站

        渐变叠加

        Photoshop设计移动APP应用类型网站

        在“Header”图层?#25103;?#24314;立一个发光图层并命名为“Header Glow”. 选择 “Header”图层并执行命令 “图层 >载入选区”选择 “渐变工具” (G) “镜像渐变”. 如图所示

        Photoshop设计移动APP应用类型网站

        然后把刚刚设置的图层?#35813;?#24230;?#26723;?#20026;“15%”

        Photoshop设计移动APP应用类型网站

        分享到: 
        Photoshop设计?#35813;?#36136;感的产品介绍页面
        Photoshop设计简洁大方的网页UI
        ڿ¡

        <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>