当前位置: 首页 > 设计教程 > 网页设计教程 > 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;站布局教程

                                    热门推荐

                                    山东十一选五在线计划