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

2022-12-26 14:58:57 来源/作者: / 己有:7人学习过

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

先看效果图。

Photoshop设计时尚质感的圆形按钮,PS教程,思缘教程网

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

Photoshop设计时尚质感的圆形按钮,PS教程,思缘教程网

添加图层样式。

Photoshop设计时尚质感的圆形按钮,PS教程,思缘教程网

Photoshop设计时尚质感的圆形按钮,PS教程,思缘教程网

效果如下。

Photoshop设计时尚质感的圆形按钮,PS教程,思缘教程网

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

Photoshop设计时尚质感的圆形按钮,PS教程,思缘教程网

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

Photoshop设计时尚质感的圆形按钮,PS教程,思缘教程网

添加图层颜色。

Photoshop设计时尚质感的圆形按钮,PS教程,思缘教程网

效果如下。

Photoshop设计时尚质感的圆形按钮,PS教程,思缘教程网

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

Photoshop设计时尚质感的圆形按钮,PS教程,思缘教程网

添加图层样式。

Photoshop设计时尚质感的圆形按钮,PS教程,思缘教程网

效果如下。

Photoshop设计时尚质感的圆形按钮,PS教程,思缘教程网

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

Photoshop设计时尚质感的圆形按钮,PS教程,思缘教程网