如何制作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毕业企划活动怎么玩
  • 热门搜索
    关于老师的手抄报 三年级环保手抄报 庆元旦迎新春手抄报 九九重阳节手抄报 51劳动节手抄报 食品卫生手抄报 英语手抄报资料 未来的2035年手抄报 关于夏天的手抄报 小学生法制手抄报