Photoshop绘制蓝色圆形网页按钮

zz504003340

zz504003340

2016-02-16 06:18

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐Photoshop绘制蓝色圆形网页按钮,希望大家看完后也有个好心情,快快行动吧!

先看效果图。

Photoshop绘制蓝色圆形网页按钮,PS教程,图老师教程网

新建文档500x500像素,背景白色。画布中心位置设置2条辅助线,以后步骤画圆以辅助线中心为参考点。

Photoshop绘制蓝色圆形网页按钮,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

建新层画一正圆选区,填充50%灰色

Photoshop绘制蓝色圆形网页按钮,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

添加图层样式。

Photoshop绘制蓝色圆形网页按钮,PS教程,图老师教程网

新建图层2,画一个小些的白色正圆。

Photoshop绘制蓝色圆形网页按钮,PS教程,图老师教程网

选择图层1(描边层),做一个大点的正圆选区。

Photoshop绘制蓝色圆形网页按钮,PS教程,图老师教程网

用加深减淡工具涂抹上部和下部,效果如下,隐藏辅助线。

Photoshop绘制蓝色圆形网页按钮,PS教程,图老师教程网

画一个比白色正圆大一些的选区,填充50%灰色。

Photoshop绘制蓝色圆形网页按钮,PS教程,图老师教程网

添加图层样式。

Photoshop绘制蓝色圆形网页按钮,PS教程,图老师教程网

Photoshop绘制蓝色圆形网页按钮,PS教程,图老师教程网

效果如下。

Photoshop绘制蓝色圆形网页按钮,PS教程,图老师教程网

新建图层4,调出图层2(白色正圆)选区,白到透明直线渐变,图层不透明度50%,ctrl+T变形一下

Photoshop绘制蓝色圆形网页按钮,PS教程,图老师教程网

高斯模糊2像素,建新层,用椭圆工具减法模式做如下选区,填充#97e0ff

Photoshop绘制蓝色圆形网页按钮,PS教程,图老师教程网

去掉选区,高斯模糊20像素,图层不透明度40%

Photoshop绘制蓝色圆形网页按钮,PS教程,图老师教程网

添加一些文字及图形。

Photoshop绘制蓝色圆形网页按钮,PS教程,图老师教程网

最后用钢笔画一个路径,前景色#b6edf7画笔描边,你懂的,最终效果如下

Photoshop绘制蓝色圆形网页按钮,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

Photoshop绘制蓝色圆形网页按钮

PS PS基础
Photoshop绘制蓝色圆形网页按钮

Photoshop设计网页蓝色圆形音乐水晶按钮

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计网页蓝色圆形音乐水晶按钮

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

photoshop绘制圆形水晶按钮

电脑网络
photoshop绘制圆形水晶按钮

PS制作蓝色圆形网页按钮详细教程

电脑网络
PS制作蓝色圆形网页按钮详细教程

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop制作漂亮的蓝色圆形水晶按钮

PS PS基础 PS效果
Photoshop制作漂亮的蓝色圆形水晶按钮

Photoshop金属质感的圆形网页按钮

PS PS基础
Photoshop金属质感的圆形网页按钮

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop完美修复偏灰的海边婚片

Photoshop完美修复偏灰的海边婚片

Photoshop绘制逼真的高尔夫球

Photoshop绘制逼真的高尔夫球
下拉加载更多内容 ↓