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

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

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

【 tulaoshi.com - ps鼠绘 】

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

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

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

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

  添加图层样式。

按此在新窗口浏览图片

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

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

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

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

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

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

  添加图层样式。

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

  效果如下。

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

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

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

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

按此在新窗口浏览图片

  添加一些文字及图形。

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

延伸阅读
标签: PS PS基础
先看效果图。 新建文档550550像素,背景黑色,建新层,前景色4c73f1画一个正圆形状,复制3个,副本1图层缩小5%左右,副本2层缩小位置如下,颜色改为白色。 选择形状1,隐藏其它层,添加图层样式。 描边颜色请采样我的截图,效果如下。 选择副本层,添加图层样式。 效果如下。 选择副本2,填充归零,添...
标签: PS教程
一:点击文件—新建一个文件,模式设置为RGB颜色模式。 二:新建一个透明图层,然后点击圆角矩形工具,设置前景色为蓝色,接着绘制出一个圆角矩形。 三:选择图层—图层样式—混合选项—执行投影和内阴影。 四:继续编辑图层样式,选择内发光;接着选择斜面浮雕。 五:选择—重新选择,然后新建一个图层,填充一个阴影颜色...
ps水晶按钮制作教程 photoshop教程最终效果 1.新建一个300tuLaoShi.com * 200像素的文件,定义圆角矩形大小为250 * 120 2.复制圆角矩形图层并缩小 3.给底部圆角矩形加个渐变叠加,这里具体颜色头可以先不管,是同一色相调整不同明度就可以了。 ps水晶按钮制作教程(2) 4.这是是具体的简便颜色设置 ...
【PS文字特效】PS制作可爱的圆形拼贴文字效果详细教程 1、新建一个700 * 350 像素的文件,背景拉上图1所示的黑白线性渐变 2、新建一个图层,选择椭圆选框工具,按住Shift 键拉一个正圆选区如图 3、选择渐变工具,颜色设置如图,拉出如图所示(图老师整理)的径向渐变 【PS文字特效】PS制作可爱的圆形拼贴文字效...
用ps制作常用的网页水晶按钮 最终效果图 教程 1、新建一个文件,在工具箱中选择圆角矩形工具,如下图所示设置: 2、新建一个图层后,在画布上拉出一个长方形,就得到这样的结果。(为了更好的给大家讲解,这个图放大了400%显示) 如果大家得到这样的结果。 就需要将对齐像素的选项给勾上。 3、为这...

经验教程

373

收藏

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