PS设计教程网欢迎你!

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

文章来源于 图图网,感谢作者 佚名 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2010-07-11
在导航条里使用#676767颜色做为超链接文字色,首个文字链接用白色即可 之后我们为第一个导航文字增加一个圆角矩形背景图,画一个圆角矩形,按下图添加图层样式,确保整个圆角矩形是放在第一个链接文字图层的下面 创

在导航条里使用#676767颜色做为超链接文字色,首个文字链接用白色即可

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

之后我们为第一个导航文字增加一个圆角矩形背景图,画一个圆角矩形,按下图添加图层样式,确保整个圆角矩形是放在第一个链接文字图层的下面

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

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

创建网站标志LOGO,由于这是手机网站模板教程,所以标志不需要具体设计,只要制作出一段文字,加上一些下图中的图层样式即可

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

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

完成后的网站标志

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

接下来制作iphone手机图片

为了让iphone手机感觉更立体,我们扣出图片后为其底部加上椭圆矩形,进行模糊处理,看似一个底座,效果图如下

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

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

将tutu001.com上下载的背面iphone图片缩小后与之前的图片进行合成

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

既然是iphone手机网站,那么我们尽量会用一些与iphone有关的设计素材,比如选用iphone手机菜单图标来装饰网站标题

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

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa