Photoshop设计简洁的iphone网站首页布局(2)
- 时间: 2010-10-27 21:02
- 来源: 网络
- 浏览:
-
手机浏览
扫一扫 手机浏览推荐在WIFI环境下使用
在导航条里使用#676767颜色做为超链接文字色,首个文字链接用白色即可
之后我们为第一个导航文字增加一个圆角矩形背景图,画一个圆角矩形,按下图添加图层样式,确保整个圆角矩形是放在第一个链接文字图层的下面
创建网站标志Logo,由于这是手机网站模板教程,所以标志不需要具体设计,只要制作出一段文字,加上一些下图中的图层样式即可
完成后的网站标志
接下来制作iphone手机图片
为了让iphone手机感觉更立体,我们扣出图片后为其底部加上椭圆矩形,进行模糊处理,看似一个底座,效果图如下
将tutu001.com上下载的背面iphone图片缩小后与之前的图片进行合成
既然是iphone手机网站,那么我们尽量会用一些与iphone有关的设计素材,比如选用iphone手机菜单图标来装饰网站标题

关注设计帝国公众号
- 上一篇:用PS制作炫目的联系我们按钮
- 下一篇:Photoshop设计一个多媒体网站布局教程