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

keai683

keai683

2016-04-05 15:26

下面是个超简单的PS制作蓝色圆形网页按钮详细教程教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

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

  教程学习如何用photoshop制作一个蓝色的高光按钮,要完成本教程photoshop的基础工具命令得非常熟悉,一些细节我是不涉及的,主要用到了加Tulaoshi.com深、减淡工具 图层样式 辅助线 笔刷等等,先看效果图。

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

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

  添加图层样式。

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

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

按此在新窗口浏览图片Tulaoshi.com

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

  添加图层样式。

按此在新窗口浏览图片
按此在新窗口浏览图片

  效果如下。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)
按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

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

按此在新窗口浏览图片

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)
按此在新窗口浏览图片

  添加一些文字及图形。

按此在新窗口浏览图片

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

按此在新窗口浏览图片
展开更多 50%)
分享

猜你喜欢

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

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

Photoshop绘制蓝色圆形网页按钮

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

s8lol主宰符文怎么配

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

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

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

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

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

lol偷钱流符文搭配推荐

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

PS制作蓝色玻璃按钮

PS PS基础 ps平面设计教程 ps去水印教程
PS制作蓝色玻璃按钮

PS制作蓝色质感按钮

电脑网络
PS制作蓝色质感按钮

lolAD刺客新符文搭配推荐

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

PS调出外景花丛MM清新甜美公主色效果教程

PS调出外景花丛MM清新甜美公主色效果教程

Photoshop合成暗黑森林中的天使

Photoshop合成暗黑森林中的天使
下拉加载更多内容 ↓