优艾设计网

Photoshop设计时尚质感的圆形按钮

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:bbs.16xx8.com
 本教程使用Photoshop设计时尚质感的圆形按钮,主要应用了图层样式和自定义形状工具的减法模式

 本教程使用Photoshop设计时尚质感的圆形按钮,主要应用了图层样式和自定义形状工具的减法模式

先看效果图。

Photoshop设计时尚质感的圆形按钮

新建文档400x400像素,背景黑色,建新层,自定义形状工具画一白色正圆。

Photoshop设计时尚质感的圆形按钮

添加图层样式。

Photoshop设计时尚质感的圆形按钮

Photoshop设计时尚质感的圆形按钮

效果如下。

Photoshop设计时尚质感的圆形按钮

建新层,画一白色椭圆,图层不透明度10%,效果如右图。

Photoshop设计时尚质感的圆形按钮

建新层,画一个大的白色正圆,之后减法模式画一个小的正圆,这样我们得到了一个白色圆环。

Photoshop设计时尚质感的圆形按钮

添加图层颜色。

Photoshop设计时尚质感的圆形按钮

效果如下。

Photoshop设计时尚质感的圆形按钮

复制一层,清除图层样式,减法模式画一个椭圆。

Photoshop设计时尚质感的圆形按钮

添加图层样式。

Photoshop设计时尚质感的圆形按钮

效果如下。

Photoshop设计时尚质感的圆形按钮

输入文字,加上阴影,最终效果如下。

Photoshop设计时尚质感的圆形按钮

 

0

精彩评论

暂无评论...
验证码 换一张
取 消