教你用Photoshop绘制简洁大气的扁平化按钮

 时间:2026-04-24 12:26:40

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

教你用Photoshop绘制简洁大气的扁平化按钮

教你用Photoshop绘制简洁大气的扁平化按钮

教你用Photoshop绘制简洁大气的扁平化按钮

教你用Photoshop绘制简洁大气的扁平化按钮

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

教你用Photoshop绘制简洁大气的扁平化按钮

教你用Photoshop绘制简洁大气的扁平化按钮

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

教你用Photoshop绘制简洁大气的扁平化按钮

教你用Photoshop绘制简洁大气的扁平化按钮

教你用Photoshop绘制简洁大气的扁平化按钮

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

教你用Photoshop绘制简洁大气的扁平化按钮

教你用Photoshop绘制简洁大气的扁平化按钮

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

教你用Photoshop绘制简洁大气的扁平化按钮

教你用Photoshop绘制简洁大气的扁平化按钮

  • 常规扁平化图标如何制作?
  • HBuilderX如何粘贴为HTML文本
  • 如何利用Axure RP 8设计树形菜单列表并控制
  • 用C语言编写,选择排序
  • CSS教程 实现不同元素设置不同背景色
  • 热门搜索
    蒸面条的家常做法 申请表怎么写 芦笋的家常做法 酸辣土豆丝的家常做法 油豆腐怎么做好吃 电器着火怎么办 奔图打印机怎么样 韩国维娜化妆品怎么样 半夜出汗是怎么回事 包菜怎么做好吃