您现在的位置:爱折腾>> Photoshop>>正文内容

PhotoShop绘制一枚干净按钮UI设计教程

今天来给大家整理一个简约的应用按钮UI设计教程,教程很简单就是一个按钮的两种状态(鼠标移上-移开),作品是来自一个jianglu1228网友的作品由Monk整理,严谨应用于商业尊重版权。 最终效果: 第一步:首先在PS里面新建一个324px*324px大小的项目,然后用圆角矩形工具绘制一个圆角对象,也可以根据自己的需求设置大

关键词:按钮UI设计,buutton,UI设计教程


  今天来给大家整理一个简约的应用按钮UI设计教程,教程很简单就是一个按钮的两种状态(鼠标移上-移开),作品是来自一个“jianglu1228”网友的作品由Monk整理,严谨应用于商业尊重版权。
最终效果:


第一步:首先在PS里面新建一个324px*324px大小的项目,然后用“圆角矩形”工具绘制一个圆角对象,也可以根据自己的需求设置大小。


第二步:然后打开混合选项,设置内阴影和渐变效果,你可以根据我给你提供的样式进行绘制也可以按照你自己的效果来设置参数。


第三步:在刚刚绘制好了的对象绘制一个合适的原件矩形对象,然后分别设置内阴影和渐变效果。


第四步:输入“Button”文字、也可以是你自己想要的文字样式,接下来就是做按钮的按下状态了,操作很简单复制刚刚做好的样式进行复制,最后修改渐变样式和内阴影效果。


第五步:最后一步就是给按下状态的按钮添加文字样式,我们也会给文字做一个颜色区分,这个就看你自己的喜爱了。


作品来自:交互中国-UI设计教程

相关文章