当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop设计简洁的iphone网站首页布局(3)

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

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

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

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

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

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

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

完成后的按钮背景效果

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

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

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

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

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

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

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

用PS制作炫目的联系我们按钮
Photoshop设计一个多媒体网站布局教程