Photoshop制作网页常用质感按钮图标

芒果不盲669

芒果不盲669

2016-03-18 05:52

下面图老师小编跟大家分享Photoshop制作网页常用质感按钮图标,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~
来源:腾龙视觉 作者:不详
本教程介绍较为精致的圆形按钮的制作方法,由于图层较多,制作的时候需要注意好图层的顺序。另外按钮以水质质感为主,需要用图层样式控制好光感。
最终效果


(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)1、新建一个大小适当的文档,背景填充灰色。


2、新建图层,选择“椭圆”工具进行绘制。


3、为“形状 1”添加图层tulaoShi.com样式“投影”效果。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)4、更改“形状 1”的填充为“0%”。


5、新建图层,使用“椭圆”工具进行绘制。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)6、为“形状 2”添加图层样式效果。




(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)7、复制“形状 2”,重新设置其图层样式。



8、更改“形状 2 副本”的填充为“0%”。


9、新建图层,使用“选框”工具绘制出半圆选区并填充白色。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)10、为“图层 1”添加图层样式“渐变叠加”效果。



11、新建图层,使用“椭圆”工具绘制。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)12、为“形状 3”添加“投影”图层样式并设置。




(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)13、新建图层,选择“椭圆”工具进行绘制。


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

12下一页
展开更多 50%)
分享

猜你喜欢

Photoshop制作网页常用质感按钮图标

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作网页常用质感按钮图标

Photoshop制作高光质感开关按钮图标教程

电脑网络
Photoshop制作高光质感开关按钮图标教程

s8lol主宰符文怎么配

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

Photoshop制作黑色科技感旋转按钮图标

电脑网络
Photoshop制作黑色科技感旋转按钮图标

Photoshop制作精制的立体金属按钮图标

PS PS基础
Photoshop制作精制的立体金属按钮图标

lol偷钱流符文搭配推荐

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

Illustrator制作漂亮水晶按钮图标

Illustrator CorelDRAW
Illustrator制作漂亮水晶按钮图标

Photoshop教程:制作立体金色高光按钮图标

PS PS教程
Photoshop教程:制作立体金色高光按钮图标

lolAD刺客新符文搭配推荐

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

Photoshop制作炫彩色金属按钮

Photoshop制作炫彩色金属按钮

PS一个有质感的导航按钮

PS一个有质感的导航按钮
下拉加载更多内容 ↓