分享

不求人-Photoshop-ps凹陷按钮素材自己做

 mike011 2020-11-07
凹陷效果小图标和按钮最经常用到的,虽然cdr和Ai也能做出类似效果,但还是Photoshop效率高些,一起了解Photoshop完成类似效果的过程。如果有心得,举一反三最好。
软件是工具,软件的学习从来不是生搬硬套,死记硬背。实际从业时,肯定是客户想要什么效果,你就能做出来效果。
再好的教程只是起到抛砖引玉作用,能独立并灵活应用是学习软件最终目的,这要求学习和使用者对软件理论有充分理解。想提高设计水平,理论的确非常重要,虽然理论不直观,而且也单调。

先看最终效果图


1打开Photoshop,新建文档,尺寸为600×500px。如果是印刷输出,分辨率改为300。

2新建图层,双击图层,图层样式——渐变叠加——径向渐变,参数如下:

3、用圆角矩形工具在画布中央创建圆角矩形,半径为50px。

4双击圆角矩形图层,添加图层样式:描边、内阴影、内发光、渐变叠加。详细参数,打开图片放大浏览。数值参考如下:


5、用椭圆工具,按住Shift+Alt在圆角矩形右侧创建一个正圆,双击正圆图层,添加图层样式:描边、内阴影、内发光、渐变叠加。详细参数,打开图片放大浏览。数值参考如下:


6把正圆图层隐藏,在正圆图层下方新建一个图层,用黑色柔边画笔绘制出阴影,画完再把正圆显示出来。

7、在圆形按钮上方再创建一个圆形,双击图层添加图层样式:内阴影、渐变叠加数值参考如下:


8、利用文字工具在滑动凹槽键输入ON,图层混合模式设置为亮光,给文字添加投影。


按钮开关的OFF也是同样步骤,简单的凹陷开关按钮做好了。

制作的方法非常简单,只是在制作过程中,需要耐心调整适合的参数以及颜色,就能得到一个满意的按钮。
效果满意后,记得取相关名称保存到自己素材库。

官方术语解释-图层样式
图层样式是应用于一个图层或图层组的一种或多种效果。可以应用 Photoshop 附带提供的某一种预设样式,或者使用“图层样式”对话框来创建自定样式。“图层效果”图标 
 将出现在“图层”面板中的图层名称的右侧。可以在“图层”面板中展开样式,以便查看或编辑合成样式的效果。


更多历史链接-阅读公众号菜单-《历史发布》菜单

近十天历史发布链接

  1. 淘宝主图怎么作?

  2. Photoshop-PS图片格式区别

  3. 简单粗暴且实用的平面排版方法

  4. 图片排版的17个实用技巧

  5. InDesign蒙版功能指南

  6. Photoshop基础原理教程-4-基本操作-2

  7. Photoshop基础原理教程-4-基本操作-1

  8. Photoshop基础原理教程-3-图像格式

  9. Photoshop基础原理教程篇-2-颜色模式

  10. Photoshop基础原理教程篇-1

    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多