1. <dd id="nlasp"></dd>

        <div id="nlasp"><tr id="nlasp"></tr></div>
        1. <em id="nlasp"></em>
          1. 当前位置: 首页 > 设计教程 > 网页设计教程 > 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;站布局教程
            11ѡ5ѯ