Photoshop样式教程:制作亮丽的金属锁图标

2019-03-15 | [ 添加收藏 ] | 查看: | 来源:PS教程网

您目前的位置:首页 > UI设计教程 > 正文
  • 设计培训
  • PS入门培训
  • PS中级培训
  • PS高级培训
  • PS精品教程
  • 在线报名
  • 以下是“Photoshop样式教程:制作亮丽的金属锁图标”的详细介绍,现在由PS教程网小编带你一起了解详细的内容,正文如下:

    开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    (1)运行Photoshop CS5,打开本书附带光盘“彩色背景.psd”文件。

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    (2)使用“钢笔”工具在视图中绘制路径。

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    (3)新建图层,将路径转换为选区并填充白色。

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    (4)取消选区,为“图层 1”图像添加“渐变叠加”效果。

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    (5)继续为“图层 1”图像添加“投影”效果。

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    (6)新建图层,载入“图层 1”选区,填充白色。

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    (7)取消选区,为“图层 2”图像添加“渐变叠加”效果。

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    (8)调整“图层 2”的图层填充度。

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    (9)将“图层 1”和“图层 2”合并图层,并调整其形状。

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    (10)继续使用“钢笔”工具绘制路径,填充颜色。

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    (11)取消选区,为“图层 3”图像添加“内阴影”效果。

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    (12)复制“图层 3”,并重新设置“图层 3 副本”的“内阴影”选项参数。

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    (13)设置“图层 3”的图层填充度。

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    (14)参照上述制作方法,继续复制图层,设置其图层样式选项。

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    (15)将“图层 3”及其副本图层全选合并图层,调整图层顺序。

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    (16)最后取消选区,添加装饰素材并整体调整,完成制作。

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    Photoshop样式教程:制作亮丽的金属锁图标,PS教程,兽猫教程网

    点击阅读全部
    微信扫码打赏

    如果本教程对你有帮助,请献出您的一份爱心,有您的支持我们会做的更好!
    站长整理教程和视频真的很辛苦!感谢!

    • 附件下载:
  • 标签:Photoshop制作图标 
  • 发布时间:2019-03-15 15:59:21
  • 0
  • UI设计教程相关信息

    • Photoshop设计创意的宇宙场景教程
    • Photoshop设计创意的宇宙场景教程

      PS设计创意的宇宙场景教程最终效果图步骤1现在让我们开始在PS中创建一个新的A4文件。我希望设计作品能够打印,因此最好使用大文件和高品质的资

      标签: 教程 创意  | 更新时间:2019-03-15

    热门设计培训课程 更多>>

    设计论坛 | 学习问答 | 培训课程 | 视频教程 | 资料下载 | 站点地图
    ©2005-2020 兽猫教育 旗下平台 PS教程网 互联网ICP备案:渝ICP备17008327号

    地址:重庆市 · 重庆市沙坪坝区大学城南路23号 客服电话:400-879-2201 商务咨询QQ:785669963 渝公网安备 31011502002407号