ps怎么设计配色干净扁平化按钮 ps绘制扁平化风格的风景图

本文主要介绍: 近日有一些小伙伴咨询小编关于 ps 怎么设计配色干净扁平化按钮呢? 下面就为大家带来了 ps 按钮矢量图的设计方法,有需要的小伙伴可以来了解了解哦。

近日有一些小伙伴咨询小编关于 ps 怎么设计配色干净扁平化按钮呢? 下面就为大家带来了 ps 按钮矢量图的设计方法,有需要的小伙伴可以来了解了解哦。

新建 800*800PX 白色画布,选择圆角矩形形状工具绘制一个 450*160PX,半径 80 的圆角矩形,命名为按钮内部,鼠标双击添加内阴影、外发光图层样式,参数设置如图

ps怎么设计配色干净扁平化按钮 ps绘制扁平化风格的风景图插图电脑技术吧

ps怎么设计配色干净扁平化按钮 ps绘制扁平化风格的风景图插图1电脑技术吧

ps怎么设计配色干净扁平化按钮 ps绘制扁平化风格的风景图插图2电脑技术吧

选择圆角矩形形状工具绘制一个上下左右比按钮内部图层大 5PX 的圆角矩形,命名为按钮外部,放到按钮内部图层下方,添加渐变叠加图层样式,参数设置如图。

ps怎么设计配色干净扁平化按钮 ps绘制扁平化风格的风景图插图3电脑技术吧

ps怎么设计配色干净扁平化按钮 ps绘制扁平化风格的风景图插图4电脑技术吧

选择圆角矩形形状工具在左侧绘制一个上下左比按钮内部图层小 PX 的圆角矩形,命名为移动按钮,添加渐变叠加和投影图层样式,参数设置如图。

ps怎么设计配色干净扁平化按钮 ps绘制扁平化风格的风景图插图5电脑技术吧

ps怎么设计配色干净扁平化按钮 ps绘制扁平化风格的风景图插图6电脑技术吧

ps怎么设计配色干净扁平化按钮 ps绘制扁平化风格的风景图插图7电脑技术吧

CTRL+ J 复制一层,命名为立体效果,右键清除图层样式,CTRL+ T 等比例缩放到 97,重新添加渐变叠加图层样式,参数设置如图。

ps怎么设计配色干净扁平化按钮 ps绘制扁平化风格的风景图插图8电脑技术吧

ps怎么设计配色干净扁平化按钮 ps绘制扁平化风格的风景图插图9电脑技术吧

选择椭圆形状工具绘制一个大小合适的圆,移到适当位置,添加渐变叠加图层样式,参数设置如图。

ps怎么设计配色干净扁平化按钮 ps绘制扁平化风格的风景图插图10电脑技术吧

ps怎么设计配色干净扁平化按钮 ps绘制扁平化风格的风景图插图11电脑技术吧

以上就是 ps 按钮矢量图的设计方法,希望大家喜欢哦。

正文完
 0