PS中的svg工具是怎么使用的

在代码中只做一般的图形很容易,如果是一个复杂的图案,还用代码编写那就非常的麻烦甚至是不会了,而PS中就有这么个功能,可以直接将复杂的图形生成代码显示,下面我们看具体的方法。

工具/原料

  • 华为MateBook D
  • Windows 10 10.3.3
  • PS2017

方法/步骤

  1. 1

    如图,我们再PS中成立一个稍微庞大点的图形,对图形添加了投影、描边效果,要是是本身打代码实现,长短常的贫苦的。

  2. 2

    我们选择PS中的这个图层,然后右键打开,选择复制SVG

  3. 3

    然后打开一个打代码的软件,成立一个HTML文件

  4. 4

    在html代码中找到body标签,然后将适才复制的svg在这里粘贴

  5. 5

    这就是粘贴后的svg了,有许多的代码,让人看的目炫狼籍。

  6. 6

    将文件生存,然后找个浏览器预览下效果,如图,这就是代码实现的效果了,和PS中建造的一样。

    END

注重事项

  • 要是对你有帮忙,请左侧点赞哦!
  • 发表于 2023-01-25 22:09
  • 阅读 ( 85 )
  • 分类:其他类型

相关问题

0 条评论

请先 登录 后评论