手机
当前位置:查字典教程网 >ps >PS入门实例教程 >如何在photoshop中创建一个网页按钮
如何在photoshop中创建一个网页按钮
摘要:上面的截图是我从一个英文网站上截取的,目的是教给大家如何在photoshop中做出类似于上图中的”Buyit”那样的...

如何在photoshop中创建一个网页按钮1

上面的截图是我从一个英文网站上截取的,目的是教给大家如何在photoshop中做出类似于上图中的”Buy it”那样的按钮样式。Marko Prljić在《网页设计师应当掌握的5个photoshop高级技巧》一文中教给了我们如何做出左边的”Download Now”的按钮样式,今天我就来说说右边的这个按钮,算是对那篇文章的一个补充,下面我们开始。

第一步

新建一个文档(Ctrl+N),命名为button,大小设置为640×480,其余选项留作默认。

如何在photoshop中创建一个网页按钮2

第二步

在图层面板中新建一个图层,选择圆角矩形工具(U),半径设置为80像素,画出一个矩形。

如何在photoshop中创建一个网页按钮3

如何在photoshop中创建一个网页按钮4

第三步

在图层面板中双击”layer 1″,打开图层样式对话框。勾选渐变叠加(Gradient Overlay),在渐变叠加面板上点击渐变色带,分别选择颜色#1a3a69和#2c62b2。

如何在photoshop中创建一个网页按钮5

勾选描边(Stroke),颜色#0b1b58,2个像素。

如何在photoshop中创建一个网页按钮6

【如何在photoshop中创建一个网页按钮】相关文章:

Photoshop设计超酷的电影网站首页模板

Photoshop怎样使一个图片和另一个图片很好地融合在一起

photoshop仿制图章工具如何使用

Photoshop设计签名教程:爱情只是一场涂鸦

Photoshop教你调出人像油画感效

Photoshop设计时尚大气的网页首页模板

Photoshop给小女孩加上梦幻的天使翅膀

Photoshop制作带有情感的化妆品海报

PS制作质感复古按钮

Photoshop制作水晶球中的精灵

精品推荐
分类导航