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

2016-04-05 15:26 42 1 收藏

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

【 tulaoshi.com - ps鼠绘 】

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/psshuhuijiaocheng/)
PS制作蓝色圆形网页按钮详细教程 图老师

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

  添加图层样式。

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

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

按此在新窗口浏览图片

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

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

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

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

  添加图层样式。

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

  效果如下。

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

  添加一些文字及图形。

按此在新窗口浏览图片

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

按此在新窗口浏览图片

来源:http://www.tulaoshi.com/n/20160405/2124980.html

延伸阅读
标签: PS PS基础
先看效果图。 新建文档550550像素,背景黑色,建新层,前景色4c73f1画一个正圆形状,复制3个,副本1图层缩小5%左右,副本2层缩小位置如下,颜色改为白色。 选择形状1,隐藏其它层,添加图层样式。 描边颜色请采样我的截图,效果如下。 选择副本层,添加图层样式。 效果如下。 选择副本2,填充归零,添...
标签: PS教程
一:点击文件—新建一个文件,模式设置为RGB颜色模式。 二:新建一个透明图层,然后点击圆角矩形工具,设置前景色为蓝色,接着绘制出一个圆角矩形。 三:选择图层—图层样式—混合选项—执行投影和内阴影。 四:继续编辑图层样式,选择内发光;接着选择斜面浮雕。 五:选择—重新选择,然后新建一个图层,填充一个阴影颜色...
【PS文字特效】PS制作可爱的圆形拼贴文字效果详细教程 1、新建一个700 * 350 像素的文件,背景拉上图1所示的黑白线性渐变 2、新建一个图层,选择椭圆选框工具,按住Shift 键拉一个正圆选区如图 3、选择渐变工具,颜色设置如图,拉出如图所示(图老师整理)的径向渐变 【PS文字特效】PS制作可爱的圆形拼贴文字效...
标签: 电脑入门
看到图1中的水晶按钮,你可能以为是在Photoshop之类的专业图形软件中制作,然后再插入到这个演示文稿中的,其实我们可以利用PowerPoint的绘图功能来制作。这样不用处理插入图片的背景,而且非常简单,只需三步操作即可。 启动PowerPoint 2002或2003,新建一个演示文稿。 新建演示文稿 步骤1:绘制圆形底图 单击绘图工具栏的椭圆按钮,按...
PS制作质感按钮教程 教程使用混合模式和遮罩效果制作网页按钮 打开photoshop,新建空白文档。 为了不让白色背景看起来乏味,增加一个渐变叠加效果。渐变颜色为# f3f3f3到# c6c6c6。 选择圆角矩形工www.tulaoshi.com具,创建按钮的的主要形状,半径为5 px。 添加渐变叠加图层样式。渐变颜色从#0d3079到#5...

经验教程

604

收藏

23
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部