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

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

当前位置: 主页 > 设计教程 > 网页设计教程

时间:2010-10-27 21:02来源:网络作者:未知点击: 次

每个图标边上都加上标题与文字 iphone提供AppStore商店，所以我们在网站添加一个链接到AppStore的链接按钮。先如上做个椭圆矩形作为按钮背景，再添加图层

每个图标边上都加上标题与文字

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

iphone提供AppStore商店，所以我们在网站添加一个链接到AppStore的链接按钮。

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

先如上做个椭圆矩形作为按钮背景，再添加图层样式

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

完成后的按钮背景效果

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

再为按钮背景上加斜线效果，先做个25px的矩形大小文件，用铅笔工具绘制成如下的斜线效果，可以先放大到最大，然后按照下图绘制

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

保存图案，编辑>自定义图案。随后将图案设置成前景色

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

用前景色填充按钮背景，设置不透明度为1%,这样可以看到按钮背景上出现了隐约的斜线

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

(责任编辑：RGB)

顶一下

(1)

100%

踩一下

(0)

------分隔线----------------------------

发表评论

栏目列表

推荐内容

热点内容