多语言展示
当前在线:447今日阅读:126今日分享:42

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

产品小图标会用在很多地方,在H5页面中也会常常用到,我们如何来进行相关的制作与处理呢?其实,这一点也不复制,只要我们掌握了相关的技巧,我们就可以大量的进行产品小图标的制作,并且把它用在各个地方。
工具/原料
1

产品图片

2

H5软件

3

photoshop

方法/步骤
1

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

2

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

3

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

4

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

6

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

推荐信息