首页 > 软件专区 > ps教程 >

ps如何制作像素图标

来源:互联网 2023-02-21 17:58:22 446

前面我们已经了解了在Photoshop软件中很多图标的制作方法。今天我们来了解下ps如何制作像素图标。7Vp办公区 - 实用经验教程分享!

ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

工具/原料

  • Photoshop CS6

方法/步骤

  • 1

    打开Photoshop CS6软件,点击【文件】-【新建】,按图示参数新建一个ps文档。将前景色设置为:黑色后,点击【油漆桶工具】将背景填充为黑色(如图所示);7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

  • 2

    点击【文字工具】,按图示设置好文字的字体、大小和颜色后,输入文字内容:MHSJS001,制作出一个文字辅助图案。完成后,调整好文字的位置(如图所示);7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

  • 3

    点击【自定义形状工具】,点击【形状图层】图标并将颜色设置为:白色。完成后,按图示选择相应的形状图案并在作图区域绘制出来,制作出形状辅助图案(如图所示);7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

  • 4

    点击右下角【新建图层】图标,新建一个图层。点击【椭圆选框工具】绘制一个圆形选框后,点击【油漆桶工具】将圆形选框填充为绿色,完成绿圆图案制作(如图所示);7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

  • 5

    通过对绿圆图案的移动复制,以前面制作好的辅助图案为参考,制作出辅助图案1的像素图标。选中所有绿圆图层,点击鼠标右键-【合并图层】进行图层合并。按照同样的步骤,完成其他像素图标的制作后,将辅助图案图层隐藏(如图所示);7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

  • 5相关内容非法爬取自百度经验
  • 6

    最后,鼠标双击图层空白区域,弹出图层样式设置栏,按图示设置好图层样式中的【颜色叠加】和【外发光】的各个参数,给每个像素图标添加图层样式。到这里,我们的像素图标就全部制作完成。7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

    ps如何制作像素图标7Vp办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!7Vp办公区 - 实用经验教程分享!


    标签: 软件图标PS

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码