PS设计教程网欢迎你!

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

文章来源于 图图网,感谢作者 佚名 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2010-07-11
每个图标边上都加上标题与文字 iphone提供AppStore商店,所以我们在网站添加一个链接到AppStore的链接按钮。 先如上做个椭圆矩形作为按钮背景,再添加图层样式 完成后的按钮背景效果 再为按钮背景上加斜线效果,先

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

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设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa