当前位置:首页>ps实例教程>ps网页设计>按钮图标>教程内容

图标制作,用图层样式制作旋转按钮(3)

来源:xueuisheji 作者:xueuisheji 学习:12120人次

大小:1

图标制作,用图层样式制作旋转按钮_www.16xx8.com

图层样式:内发光

混合模式:滤色

不透明度:97%

杂色:0

色值:#ffffff(R:255 G:255 B:255)

方法:柔和

源:居中

阻塞:0

大小:0

等高线:默认

范围:33%

抖动:0

图标制作,用图层样式制作旋转按钮_www.16xx8.com

图层样式:外发光

混合模式:叠加

不透明度:90%

杂色:0

色值:# e7fcff(R:231 G:252 B:255)

方法:柔和

扩展:8

大小:6

等高线:默认

范围:100%

抖动:0

图标制作,用图层样式制作旋转按钮_www.16xx8.com

图层样式:投影

混合模式:线性减淡

色值:#ffffff(R:255 G:255 B:255)

不透明度:8%

角度:120

距离:0

扩展0

大小:10

图标制作,用图层样式制作旋转按钮_www.16xx8.com

​2. 选中 发光椭圆 图层

Ctrl+J复制一层。 选中复制的层,Ctrl+T进入自由变换,然后按住 Alt+鼠标左键 将变换中心点拉到整个图标的中心点。并在参数栏中将旋转调整为 -15。然后 回车键 确定。然后按住Shift+Ctrl+Alt+T快速复制。

步骤三:制作文字

选择文字工具,打出自己想要的字体。添加图层样式

最好选用无衬线字体哦,粗细要适中,会看着比较精致

图层样式:颜色叠加

混合模式:叠加

色值:#151617(R:21 G:22 B:23)

不透明度:100%

图标制作,用图层样式制作旋转按钮_www.16xx8.com

图层样式:投影

混合模式:正常

色值:#ffffff(R:255 G:255 B:255)

不透明度:70%

角度:110

距离:2

扩展0

大小:0

图标制作,用图层样式制作旋转按钮_www.16xx8.com

案例到这里已经完成了,做练习的朋友可以根据喜好在修改。

完成:

图标制作,用图层样式制作旋转按钮_www.16xx8.com
www.16xx8.com

制作起来也不难,同学们试一下吧,做出自己想要的风格。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
逗你玩6662019-02-20 03:18
打卡
杨布布2018-11-13 05:11
打卡我的作业:
杨布布2018-11-13 05:09
我的作业:鎮惧煄浜界敗渚炲剼 的原帖:大神,请问你这个循环的灯光是怎么做出来的啊?
小蚂蚁_R82052018-06-17 07:21
赞一个
简单的风格_2018-06-17 01:33
回复一下
简单的风格_2018-06-17 01:33
回复一下
菇凉小小希2018-06-16 09:19
学习学习!!!
菇凉小小希2018-06-16 09:19
学习学习!!!
时间是你的脸2018-06-16 07:53
跟放驴屁一样
时间是你的脸2018-06-16 07:53
跟放驴屁一样
悾城亽甡侞儚2018-06-16 02:13
我的作业:
误闯土木2018-06-16 10:35
谢谢老师 多多学习
圈圈中的12018-06-16 09:48
在哪投稿?
圈圈中的12018-06-16 09:48
在哪投稿?
骑鱼看CAi2018-06-16 03:29
打卡

关注大神微博加入>>

网友求助,请回答!