织梦CMS - 轻松建站从此开始!

我的网站

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

时间:2010-10-27 21:02来源:网络 作者:未知 点击:
在导航条里使用#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网站首页布局

(责任编辑:RGB)
织梦二维码生成器
顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
栏目列表
推荐内容