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

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

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

        当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop设计简洁的iphone网站首页布局

        Photoshop设计简洁的iphone网站首页布局

        最终效果图

        Photoshop设计简洁的iphone网站首页布局

        设计网站前照例先在PS中建立背景图新建一个1200*1200大小的背景设置前景色#f3f3f2与背景色#d2d2d2利用渐变工具中的线条渐变填充背景颜色设置参照下图

        Photoshop设计简洁的iphone网站首页布局

        大约完成后顶部渐变梯度在400px左右

        Photoshop设计简洁的iphone网站首页布局

        为手机网站创建导?#25945;?#20351;用圆角矩形工具设置如下图

        Photoshop设计简洁的iphone网站首页布局

        拖出一个圆角矩形条作为导?#25945;?#32972;景由于布局需要我们的导?#25945;?#38450;止网站靠右部分

        Photoshop设计简洁的iphone网站首页布局

        随后为做出的圆角矩形导?#25945;?#28155;加以下图层样式

        Photoshop设计简洁的iphone网站首页布局
        Photoshop设计简洁的iphone网站首页布局
        Photoshop设计简洁的iphone网站首页布局
        Photoshop设计简洁的iphone网站首页布局
        Photoshop设计简洁的iphone网站首页布局

        完成后的效果图如下

        Photoshop设计简洁的iphone网站首页布局

        分享到: 
        用PS制作炫目的联系我?#21069;?#38062;
        Photoshop设计一个多?#25945;?#32593;站布局教程

        热门推荐

        ڿ¡

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