如何制作H5页面里的产品小图标

 时间:2024-10-12 02:06:27

1、把自己准备好的图片在PS里面的打开,去掉不相关的文字,洫曛晗丕让其只有一个白色的背景与图片,从而让其便于接下来的处理工作。

如何制作H5页面里的产品小图标

2、我们用到选择工具,再用一个变形拉伸工具,从而让图片上的文字一一去除,成为一个简单的白色背景的图片。

如何制作H5页面里的产品小图标如何制作H5页面里的产品小图标

3、我们要制作一个圆形背景的图片就必须要改变一下画布的大小,从而让整个图片的大小适合于制作一个圆形的背景。

如何制作H5页面里的产品小图标如何制作H5页面里的产品小图标

4、用圆形的选择工具把白色背景的图片选择出来,把多余的部分去除。

如何制作H5页面里的产品小图标

5、去除不必要的图层,让其成为一个单图层与透明背景的文件,并储存为PNG格式。

如何制作H5页面里的产品小图标如何制作H5页面里的产品小图标

6、在H5页面里面导入这样的一个图片后,再调整一下大小就成了图标了。

如何制作H5页面里的产品小图标
  • 自媒体常用的热点有哪些?
  • 3Dmax茶盘刮模型制作教程
  • 怎么使用PS软件给照片上的眼睛添加睫毛?
  • Adobe国际认证勋章激活方式
  • 网易云音乐2022毕业企划活动怎么玩
  • 热门搜索
    章光101怎么样 如何祛除色斑 如何修改ip地址 颜文字怎么打 当归黄芪泡水喝的功效 如何更改苹果id密码 三亚旅游网 1分钟前刚刚哪里发生了地震 亚龙湾旅游攻略 潮玩人类在哪里