loading请求处理中...

Photoshop小游戏按钮图标步骤 PS绿色按钮图标制作

2021-12-01 02:51:41 阅读 13966次 标签: ps制作海报ps广告设计 作者: anyi
    本例为PS初学者实例系列教程,今天我们来学习如何简单快速制作一个绿色小游戏按钮,对于各界交互界面大师来说,按钮制作无疑是不可缺少的一个组成部分,但是习惯于运用多个图层叠加出非常漂亮的效果的时候,修改极不方便。
    先看下完成的效果
Photoshop小游戏按钮图标步骤1
    1、新建大小自定的文档,背景填充青色。先用钢笔建立路径,如下图。 
Photoshop小游戏按钮图标步骤2
    2、创建渐变调整图层,渐变颜色位置随意,如下图。
Photoshop小游戏按钮图标步骤3
    3、给当前图层添加图层样式,选择投影,效果如下图。
Photoshop小游戏按钮图标步骤4
    4、设置内阴影,这里省去了文字下方的投影部分,以内阴影代替(注意曲线与数据的变换),数据一定要调试之后再确定。
Photoshop小游戏按钮图标步骤5
    5、设置描边样式,描边中一定要主要渐变颜色。

Photoshop小游戏按钮图标步骤6

    6、设置光泽:随意调整数据,直到自己满意为止。

Photoshop小游戏按钮图标步骤7
    7、设置内发光:这里的内发光代替了内阴影,作为边缘与按钮本身分离的界限。
Photoshop小游戏按钮图标步骤8
    8、添加图案叠加,这里需要注意先预设好图案,这种条纹状的图案比较出效果,制作业相当简单。
    9、添加外发光,参数设置如下图。 
    10、用椭圆工具拉一个正圆,添加渐变叠加样式,参数设置如下图。
Photoshop小游戏按钮图标步骤11
    11、最后添加斜面与浮雕,参数设置如下图。
Photoshop小游戏按钮图标步骤12
    12、整体按钮的“分叉投影”,其实就是将按钮设定在一个组之下,给组一个羽化的三角遮罩,就成为类似分叉的投影了。
Photoshop小游戏按钮图标步骤13
    13、下面制作下一个图层的内容,左上角的斜标相对来说就简单的多了,步骤差不多,还是先建立路径,之后添加渐变调整图层。
Photoshop小游戏按钮图标步骤14 
    14、填充渐变颜色是一定要根据图形的形状来添加,一次为例,渐变的样式应为菱形,如下图。 
  Photoshop小游戏按钮图标步骤15
    15、添加投影,投影一定是与形状相符。 
Photoshop小游戏按钮图标步骤16
    16、添加斜面和浮雕,这里需要注意的是纹理叠加。
Photoshop小游戏按钮图标步骤17
    17、添加内阴影增加立体效果。
Photoshop小游戏按钮图标步骤18
    18、添加渐变叠加。 
Photoshop小游戏按钮图标步骤19
    最后加上文字及其他素材,完成最终按钮图标的效果:
Photoshop小游戏按钮图标步骤20
    通过本例我们将学习到渐变填充、图层样式、选区、滤镜以及阴影的按钮制作方法。
(一品威客 anyi)

软件UI设计公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论

快速发任务

价格是多少?怎样找到合适的人才?

官方顾问免费为您解答

 
软件UI设计相关任务
DESIGN TASK 更多
中式甜品海报设计

¥200 已有0人投标

Ps效果图制作

¥100 已有0人投标

航空公司简介PPT制作

¥100 已有0人投标

3D动画视频效果制作

¥3000 已有2人投标

视频剪辑制作

¥50000 已有0人投标

网络游戏属性修改器制作

¥1000 已有0人投标