• 2017年7月2日,氧16网正式改版,增加会员登录注册功能,感谢群里小伙伴的支持!
  • 氧16网设计交流1群:331622745,设计交流2群:536159510,欢迎志同道合的朋友加入!
  •    2年前 (2015-07-07)  教程 |   1 条评论  7 
    文章评分 0 次,平均分 0.0

    机械风格的生锈图标PS制作教程,一步步跟着做,其实不难。闲话少说,直接上成品图:

    机械风格生锈图标PS制作教程

    第一步:新建图像。用圆角矩形工具画出一个圆角矩形,我这里设置的是宽度为200px,高度为200px,半径20px。

    机械风格生锈图标PS制作教程

    第二步:对圆角矩形进行图层样式设置。

    机械风格生锈图标PS制作教程

    机械风格生锈图标PS制作教程

    设置完后得到下图:

    机械风格生锈图标PS制作教程

    第三步:建立选区,新建图层,填充颜色#616161。然后把选区向上移动1像素,Delete删除选区内图形,留下底部1像素描边。

    机械风格生锈图标PS制作教程

    机械风格生锈图标PS制作教程

    第四步:上网选一张锈迹斑斑的图片,对其进行图层叠加,然后复制一层对其进行正片叠底,如果觉得图标底部颜色太深,可以添加蒙版擦除下部你觉得深色的部分。

    机械风格生锈图标PS制作教程

    机械风格生锈图标PS制作教程

    机械风格生锈图标PS制作教程

    第五步:钢笔工具画一个不规则图形,填充#777777,对其进行图层样式设置

    机械风格生锈图标PS制作教程

    机械风格生锈图标PS制作教程

    第六步:用第三步的方法为不规则的图形增加1像素白色描边

    机械风格生锈图标PS制作教程

    机械风格生锈图标PS制作教程

    第七步:居中画出圆角矩形,进行图层样式设置

    机械风格生锈图标PS制作教程

    机械风格生锈图标PS制作教程

    机械风格生锈图标PS制作教程

    第八步:再次用到那张锈迹斑斑的图片,进行图层样式设置

    机械风格生锈图标PS制作教程

    第九步:我用了氧16网的logo,大家可以自选图形,然后对其进行图形设置

    机械风格生锈图标PS制作教程

    机械风格生锈图标PS制作教程

    第十步:再用第三步的方法为中间的图形增加1~1像素描边

    机械风格生锈图标PS制作教程

    机械风格生锈图标PS制作教程

    第十一步:用椭圆工具绘制四个圆形,对其进行图层样式设置

    机械风格生锈图标PS制作教程

    机械风格生锈图标PS制作教程

    机械风格生锈图标PS制作教程

    第十二步:再用矩形工具在图标底部绘制6个矩形,继续跟着下图进行图层样式设置

    机械风格生锈图标PS制作教程

    机械风格生锈图标PS制作教程

    机械风格生锈图标PS制作教程

    机械风格生锈图标PS制作教程

    第十三步:对细节进行一些调整就完成啦!

    机械风格生锈图标PS制作教程

    文字不多,全靠看图,真的不难,你有没有学会?

     

    除特别注明外,本站所有文章均为氧16网原创,转载请注明出处来自http://yang16.com/7631.html

    关于
    氧16是专注于分享设计、摄影的原创独立博客,立志打造成为中国优质的设计摄影分享平台。文章涉及平面设计、交互设计、设计教程、创意广告、美图插画和优秀摄影作品

    发表评论

    表情 格式
    1. 自赞一个

      氧16 评论达人 LV.7 2年前 (2015-07-08) [0] [0]
    切换注册

    登录

    忘记密码 ?

    您也可以使用第三方帐号快捷登录

    切换登录

    注册

    扫一扫二维码分享