Photoshop绘制蓝色圆形网页按钮

2016-02-16 06:18 16 1 收藏

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

【 tulaoshi.com - PS 】

先看效果图。

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

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

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

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

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

添加图层样式。

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

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

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/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教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160216/1569077.html

延伸阅读
标签: PS PS基础
面对相同的效果,每个人的实现方法都不尽相同,我把我常用的方法在这里写出来,第一次写教程,如有不妥之处望多多包涵。本次为写教程部分地方重新制作了一下,与之前发的图片在色彩等方面多少会有不同之处。 废话少说,先看效果图 1.制作按钮本体。先画一个圆角矩形,并加上渐变滤镜 这里颜色的选择是重点,选择好颜色后就已经有一种柔和...
photoshop绘制透明玻璃质感长圆形按钮 最终效果图 1. 在Photoshop5.5(或者更高版本)中建立新文件120x80 大小, RGB模式Contents,设为Transparent( 透明 ),layer1填充为白色,上加一层,建立40x40 的圆形,放在页面中心填充色#003366,然后将其从中心分解开,左右各20像素,左半圆向左移动30像素,右图老师半圆向右移动30像素...
标签: PS PS基础
形状工具画一个圆角矩形: 添加一个锚点并删除这个新添加的锚点: 选择左下角的2个锚点: CTRL+T并将中心点定位到左边线: 右键,水平翻转: 同理翻转右边: 适用:
标签: PS PS基础
最终效果: 教程开始 最终效果:
标签: PS PS教程
本文由 中国 龟爬树(邓志峰) 原创,转载请保留此信息!   1、新建一个150X150像素的透明文档,用矩形选择工具选取一个方形区域,并填充白色,如下图 2、点击右键设置图层样式如下图 渐变叠加 描边 3、再新建一个6X6像素的文档,用铅笔工具画斜线如下图: 4、现在选择菜单项,编辑--定义图案,取...

经验教程

671

收藏

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