svg和canva区别
朋友们，你还在使用 photoshop 进行设计吗？最近卡瓦推出了新的人工智能驱动的设计功能，以下这几个新功能真的可以去试试，效果比 ps 好不少。第一个魔法设计，我们给他一张人物照片，他就自动可以把图像变成完全可定制的模板，自动选择字体、 图像、图形和样式来实现完美的设计，对此我只能说屌。第二个翻译，咱们只需要点击几下，就可以轻松把设计语言翻译成多种语言，比如把英文换成韩文。第三个， ai 文生图，现在 ai 这么火，卡哇也加入了这个功能， 你只需要简单的文字描述，就可以创建出不错的图像。最后一个也是我最喜欢的创建动画，只需绘制咱们希望动画采取的路径，沿途加速或减速速度，沿途加速或减速速度，然后就会有神奇的事情发生了，大家快去体验一下吧，真的挺好用的。
粉丝570获赞5091
相关视频
07:07查看AI文稿AI文稿哈喽，大家好，我是小鱼，好久不见了。这段时间呢，有不少小伙伴向我请教公众号排版，我发现大家对公众号的动态排版很有兴趣，就是那种，比如你点击一下屏幕，页面会展开，再比如页面里的元素是在运动的，看上去像动图，但他又不是动图， 再比如左右滑动会出现不一样的画面等等，这些效果呢，都是可以利用 scg 布局来实现的。那今天呢，我就临摹紧着我遇到过的例子，亲手操作来告诉大家如何做公众号动画效果。 打开少女编辑器，找到 svg 布局模板，他有这么多的效果和模板，可以根据自己的想法来创作。具体怎么操作呢？来看第一个案例，这是我帮客户做的一个红木家具的广告，开头做了一个文字依次自动出现的效果，这效果的做法并不难，点击左 模板中的布局，选择基础布局就好。下拉找到 svg 布局，点击编辑就可以设计效果了。 svg 布局分为两块区域，上面的区域是动画层，下面的区域是内容层。如果要设置动画效果，就要在动画层操作。 这个编辑区域的大小是可以调整的，把事先做好的背景图插到编辑区，图的大小和位置也是可以自由变换的。接着把文字依次插入到编辑区里， 这里我要说明的是，秀敏自带的字体是没有这样的书法体的，大家看到的字体和排版都是我在 ps 里先设计好，再导出成 pmg 格式后导入进来的。选中文字，点击动画，在自动效果中设置想要的效果就好了。 这里的文字出场动画，我设置的都是弹入动画，时长是一到二秒，除了第一行文字以外，下面的 文字都比上一行延迟一秒出现，这样就会有文字一行一行的依次出现的效果了。点击预览来看看最后的效果吧。 这个案例就是这样了，还算简单吧，刚刚讲的是全自动出现的效果。第二个案例来讲一个手动点击后又自动出现的效果。大家看这篇推文中写着，点击爱心，查看所有头像，我点击后，所有的头像也确实依次出现了。这个做法也很简单， 我们也先写好点击爱心，查看所有头像。这样一句话我只是给大家演示方法，不会把版面做的很精美，大家就将就看，学会了方法后，再举一反三，做出更精美的排版来哈。写好文字后，插入 svg 布局，进入编辑区，我就随意在系统自带的形状中找一个爱心，拖入动画区， 调整一下大小。这里不需要设置图片的动画，只需要设置转场效果就可以了。第一页要设置点击转场，而不是自动转场，这样才会有点击后出现其他图片的效果。这里设置的是弹出效果， 然后复制一下，得到第二张页面，把头像拉进来，调整一下大小，从第二页开始，把交互转场效果删除，设置成自动弹出效果。接着再复制第三张，把第二个头像也插入进来，方法和之前一样，第四个头像也是一样的操作， 我这里就不过多演示了。要说明的是，如果最后一个头像操作完了，那么最后一页的转场效果就要删除，这样就能停止自动转场了，我们来预览一下吧。我这里就简单做了四个点击后出现的头像，大家可以用这个方法尝试 做点不一样的画面效果。在秀米的 s v g 模板中找到点击显示效果，里面的模板就利用到了转场方法， 大家可以研究研究。我们再来看个有意思的案例。这篇推文的背景图片是一个地图的样式，点击地图上的路牌，就会弹出路牌名称，对应的地点介绍排版，非常有创意。这种效果用秀米的 spg 的点击弹出就可以做到。如果要做到这样有背景图片， 并且每个路牌都放在指定的位置上的效果，就需要线套布局，还要调整布局定位了，我这就来操作。 我们还是新建一个 scg 布局，因为路牌是产生动画的，而风景图片是动画发生后显现的内容，所以我们把路牌图片放在动画层，风景图片放在内容层，点击显示内容，就会出现内容框，把风景图片拖入 进来，再点击外面一层的 svg 动画层，点击图片，把路牌图片放进来，背景色改成透明，打开，点击穿透，把动画删除。现在内容图很大，我们就需要点击图片，在出现的菜单栏中选择适应，点击放大，缩小数值，这样图的高度就缩小了， 但是这张图片的长度还是有点超出了路牌图片没有被完全遮住，那我们就选中图片调整大小到路牌图片可以遮盖住风景图片就可以了。在手机上预览一下，这个效果就完成啦。 像这种点击一张图片，出现另一张图片的效果，大家还可以去左侧菜单栏中点击 svg 找到点击弹出。这里有一些模板供大家选择，比如这个日历模板，点击标红的日期就会出现其他图片，记得要在 手机上遇了，电脑上是看不出效果的哦。接下来就要做地图的布局了，点击左侧菜单栏中的布局中的基础布局，选择第一个就好。 把这个 svg 布局一整个拖到刚建好的布局里，这样路牌的大小和位置都方便调整了。然后再新建一个基础布局，把背景设置成地图图片， 背景图不重复。接着再把路牌布局拖进来，现在地图没有全部显示出来，可以向下插入空行地图会慢慢显示出来的。复制一遍路牌，再拖入进来，放在合适的位置，这样地图上就有路牌啦。 不过路牌的大小和位置还不是很合适，那就慢慢调整。在调整路牌的过程中，风景图可能又会显露一点出来，那就通过设置组前距和组后距调整他的位置，直到 它被遮住为止。第二块路牌可以移到右边，改变距离参数来调整它的位置。差不多就是这样了，在手机上预览一下。嗯，完成啦， 来看下一个案例。有些公众号的开头都会有自己的 logo 或者标语的动画，如果长按能完整地保存到手机，就说明这是一个 gif。 如果像这样看起来是在运动的，但是长按只有一张背景图，就说明其他元素是设置了 svg 动画。 我们可以用 sfg 图集来实现这个效果。先在 ps 里面画了和案例相似的图片，每个部分分别导出成 pmg， 在基础布局中下拉，找到 sfg 图集， 点击图集设置，把类型改成切换，后面的循环要记得周选上，想让图片切换的快一点就改一下，单张时长我改成了零点三秒， 然后把图片依次添加进来，动画效果都是可以改的，这样操作完后就可以预览了，看这是不是也不难。 暂时呢，就先分享以上四个 s c g 效果的制作方法，大家如果遇到其他的效果也可以来问我，不能保证所有的问题我都能回答的上来，但是我知道的一定会告诉你们，尽我最大的努力，让大家的排版不再难，那就先这样啦，拜拜！
5268长草陈小鱼
01:38查看AI文稿AI文稿首先我不得不吐槽一下，我测评了一下午，也没有找到一个合适的 aippt 工具，可以三分钟快速生成年终总结 ppt。 因为有一部分 aippt 网站是国外站，注册很麻烦，另一部分好注册，但是在 ppt 的美观程度上就稍逊了些。 有两个网站还不错，一个是 aippt， 一个是叉 ppt， 但是的话用几次就要收费了。咱们主打的一个原则就是操作简单，工具免费。推荐两个非常好用的工具，卡卡可画用来在线选模板和画 ppt。 天空 ai 用来优化 ppt 的内容，卡卡可画里面的 ppt 模板特点是样式非常新颖，给大家看一下。 而且免费的模板也很多，他是一列免费一列付费的。另外，你可以直接在线预览，不用像其他的网站一样都要下载下来，一个一个看，喜欢哪一页，你直接点击添加就可以了。然后选择在线编辑，可以免费 导出 ppts 格式。注意哦，这里是不需要花米的。那就目前 ai 生成 ppt 的智能程度来看，我觉得真的不如直接用卡瓦套模板来画。天空 ai 是一个 ai 写作工具，你可以用来美化你的 ppt 文案措辞，重点是完全免费。 我个人用下来是推荐直接使用 ai 创作里面的聊天创作，他的回答更加细致，不用去这些细分场景里面去做提问。还有一个非常好的功能是边搜边写，他在回答完问题之后，下面会跳出相关的优质文章和追问问题。 比如我搜索了二零二三年的求知市场情况，他链接出来的是澎湃新闻、三十六课模糊等等，这些优质的网站文章还可以点开直接看。另外下面的追问也很符合我继续想问的问题，比如说未来几年的发展趋势，所以说这两个工具建议大家可以用一下。
1259悠娜爱咨询-商业PPT
00:46查看AI文稿AI文稿哈喽，冰雨小伙伴们大家好，本期视频主题我们主要和大家分享一下秀米的 svg 布局穿透功能可以做出来怎样的一些效果。比如点击播放动图， 然后展开图文，这里我们用好奇按钮做示范，但是这一条并没有使用到传统功能。然后是点击一张图片查看另一张图片，接着是点击关注按钮弹出图片， 最后使用 svg 布局穿透功能给滑动布局套上一个蒙版，达到一个在车窗里看风景的滑动效果。期待更多的精彩内容吗？那我们下周一再见！
603秀米
03:33查看AI文稿AI文稿既然去不了北大，我们只能给北大打工了，看一下这个北大官网中的这个效果怎么去做的呀，直接用基本图不就行了？嗯，你说的有点道理，走，找一下。又爱小姐姐，小姐姐喂，好嘞， 看看吧，求人不如求己吧。其实啊，这个效果主要是利用了 svg 图标的描边效果，来看一下怎么做。先到我们阿里巴巴图标库里面找一个我们想要的图标这件衣服吧，点击下载。然后呢，我们选的是这种 svg 的格式，放到我们今天的目录下，第一步回到我们的 vsco 的里面，通过 vsco 的打开 svg 小图标，我们双击打开，我们会看到很多的代码，然后我们把它换好。选的时候呢，我们把里面的 svg 这个标签从这开始选，一直选到我们下面来， ctrl 加 c 复制一份，再回到我们的 atmr 页面， ctrl 加 v， 把我们的 svg 复制的这张代码拿过来保存。小伙伴，看到没有，我们这个图标 是不是已经有了？当然了，我们这个想做动画效果主要是利用描边，像你这么描边吗？哎，对，非常好，他其实就是利用线条把这个图啊给他描出来，大家看一下，这呢有三个 pass 来实现的这个图， 那怎么去描标呢？三个 pass 给它加上一个克拉斯类名，比如说我们叫 i c o n e， 那三个 pass 呢，都分别给他们加一个类名，我需要给这一个 iq 一的类名啊，用线条儿说把它描述出来啊，这就是我们的第二步，我们在 style， 我们的类名叫点 icon 一，对不对？小伙伴看，这有四个属性哟。第一个叫做 feel 填充的颜色，比如说啊，这个小图标，那我们要的是线条，不要填充，所以我们选择你们的 feel， 那就可以了。还有第二个呢， stook 其实就是我们说的描边了，好，这个 stook 呢，我们用一个三十三是一个黑色就能描出来的，还有呢， stook 位子爱宽度三像素对不对？ stook line cap 两端的形状， 线条和线条中间是不是有一个交接点呀？那我们改成一个 run 的，或者一个平滑一点的好了。当我写完之后呢，走着看到没有，这样的话，是不是线条就有了？我们想给他做一个动画效果，那动画效果是怎么实现的呢？哎，其实就像我们画画一样，我想画一个线条，原先是没有的，然后我就可以让他不断的让线条变长，是不是可以给他描绘出来呀？ 这个动画所谓一放上去，也说刚开始是没有线条的，然后呢，让他慢慢的绘画出来，哎，这个时候再利用我们这个线条的一个属性，哎， k frames moo 是不是就移动的意思啊？百分之零的时候呢？利用 stuka dash array 来实现。那 dash array 是什么呢？描绘线条的， 那里面有两个参数，第一个参数呢？线条的长度，你比如说我要画一条线，第一个指如果我写了一个五，哎，就是五像素的一个线条的长度，第二个指也是一个五，那就是有一个空隙，也是五像素。根据线条的长度啊，就是五像素的宽，五像素的空隙， 五像素的宽，五像素的空隙，是不是就绘画出了这么一条虚线，哎，通过他来实现的，那我们这个做法是这么做的，刚开始的时候实现零，也说我刚开始不需要画线条，所以应该是看不见的，对不对？好了，那第二个参数是六百像素， 别说我把线条是不画成六百像素长的呀，好，到了百分之百的时候呢？反过来，因为我们的线条刚开始是没有的，那最后把它画出来，是不是整个线条都绘制完了，就可以把整个，哎，小图标全部绘制完毕？第二个参数我就稍微零，让他没有间隙。好了，动画有了，现在我们想鼠标一经过这个小图标，是不是让他有一个动画的效果呀？我们 知道这个字体图标是不是叫做 ico， 这有个 class， 所以我们现在只需要这么写喽。鼠标经过了，是 icoico 冒号 how are 添加刚才定义的这个动画就行了木，假如说我用了一个 es， 一秒钟之内是不会绘画出来呀，注意仔细看哦，走着有没有，哎，是不是可以实现了 这个效果呀？如果我们有多个小图标，我们只需要复制一下写的代码，是可以服用的哟。哎，有没有实现，是不是和我们北大看的效果这么做出来的，小伙伴学会了吗？学会了，有点意思，下课。
6436黑马pink
01:23查看AI文稿AI文稿一个让百分之八十的职场人都非常头痛的工作，那一定是写 ppt！ 就我这种已经没在公司上班的人，我听到 ppt 我都发愁，光是内容好还不够，你排版配色全部都得跟上。网上不是有很多漂亮的模板给你下载吗？没用，把你的图片和内容放进去，马上就不协调了。 一直活在 ppt 噩梦当中的你，我非常推荐你用一下这个 app， 看吧，可话很牛逼的一个在线设计软件，他有一个超神的用处，就是做 ppt， 手机和 ipad 都可以操作，但是网页版更好用，我给你们操作一下。他有非常多很好看的模板，但是这不重要，模板谁没有？如果有一个功能，直接让我惊掉了下巴。 你在模板里替换上自己的图片之后呢？选择这个，将颜色应用于页面，整个页面就会根据你这张图片自动配色，立刻就高级了起来，再也不会跟 好看的模板格格不入了。还有这个一键抠图的功能，抠到头发丝的那种级别，简直是不会 ps 人的福音啊，直击痛点！他的网页版和手机是随时同步的，就算没有带电脑，也可以随时修改，而且还支持多人同时在线制作 ppt。 你就不用那个文件啊，传来传去你都不知道改的 d g 版。 你看，现在彦祖正在帮我改 ppt， 我可以实时看到他正在操作什么内容，直接提高小组工作效率。我把链接放评论区了，你们赶快去试一下。哎，我都玩上瘾了。
171.8万胖达Moer
00:54查看AI文稿AI文稿工作原理，经过电抗器并连在电网上适当的调节调试电路交流侧或直接控制其交流侧电流，迅速吸收或者发出所需的蜈蚣功率，实现快速动态调节蜈蚣的目的。作为有圆形补偿装置， 不仅可以跟踪冲击型负载的冲击电流，而且可以对斜波电流也进行跟踪补偿电压。圆形逆变器包含直流电容和逆变桥两个部分，其中逆变桥由可观段的半导体器件 igbt 组成。工作中，通过调节逆变桥， igbt 器件的开关 可以控制直流逆变到交流的电压的扶植和向位。因此整个装置相当于一个调向电源。通过检测系统中所需的蜈蚣，可以快速发出大小箱等向位。相反的蜈蚣实现蜈蚣的就地平衡，保持系统适时、高高功率因素运行。
4824K重金属
01:55查看AI文稿AI文稿很多公司的市场和运营团队都有做海报啊，做 ppt 啊，做邀请函之类的需求。但是呢，不是每个公司都能请得起一个设计师，一年怎么也得十几万。其实现在有很多设计工具已经非常简单，小白就可以用。你们公司其实百分之九十的设计需求就能够满足。我给大家推荐几个我们自己 团队在用的在线设计。你看吧，是一家国外的公司啊，估值四百亿美金，全球来说都是零龅牙吧。大概百分之八十五的 五百强公司都在用这个工具。你基本上能想到的设计需求啊，他都能满足了。比如说我想发到社交媒体上，做 ppt、 做海报，他会给你分门别类的列在这点进去之后呢，他就会给你自动放到一个编辑器里面， 论大小全部弄好。你只要替换一些文字和素材，一个新的图就出来了。他有大概几千万个有版权的图片素材。付了费之后呢，这些素材都是可以去免费使用的。也支持企业协作，做完图之后， 需要有人去审批等等。他也能支持。个人版，三百多块钱一年。如果是企业版，一个账号好像是两千多。在国内呢，同领域的其实还有两家公司，一个叫创客贴，一个叫搞定设计。创客贴呢是最早我们 课空间好像第二期左右孵化的项目，发展到今天已经非常不错了，也是有几千万的有版权的图片、摄影图、插画、使量图等等， 全有。他还有一个特点，就是你在线设计完图之后，他可以帮你去打印完，然后全国包邮的寄给你。同时呢，也支持团队协作搞定设计也差不多，这些功能呢都有。他还播出了一个叫屏幕营销，就是你去店里边看到门口那个电视上在放着各种素材，你也可以用搞定呢，自己去设计这些图。 以前呢，你需要插个优盘这个素材才能换吗？现在也通过手机端、电脑端就可以去控制去调整。第四个呢，是快设计，这个看起来像是非书籍啊，从页面设计到登录 都跟飞叔有关。今日头条自己调整。公司好像基本上在用这个工具做设计协同。反正这些功能都差不多。我觉得你可以挨个的都点去看一看哪些素材的风格调性更符合你的审美。那你就可以让团队去用其中的一款。
3872王壮（先进版
02:31查看AI文稿AI文稿苹果上有个软件天天用，但其实你根本不会用，白嫖你没见过的游戏神作，解锁各类高质量神仙应用。会用 app store， 你才算真的会用 iphone。 进入 app store， 点击头像下滑，退出，输入你其他区的账号，恭喜你打开了新世界的大门。现在的 app store 可以看到一些你从未见过的游戏应用，例如我的世界、 okmogo gta、 马里奥系列、妇联系列、 roblox 以及正版的 chat gpt。 你以为这就是全部了？白条 apple k 才是重点， r k 是苹果的游戏服务收入，高达二百多款高质量游戏， 你没看错，以上游戏只要点一下就可以畅玩一个月，而且几乎都只是中文， 当然除了游戏还有其他玩法。几千块买的 iphone、 ipad 到手后就不知道该干什么。 输入阿迪特 choice 显示的都是获得过编辑精选的应用和游戏。在这里你会发现一些非常好用的软件，点击软件，作者可以看到他开发的其他应用，大概率你也会感兴趣。 app store 虽好，但也有坑爹的时候，比如一些 app 写着免费体验几天，一旦你点击这里，就代表你同意支付全年的费用。所以不花钱只想体验软件的，记得及时取消就可以。 白嫖十四天，那已经被扣费了，该怎么办呢？ app store 里找到 apple 支持，进入后点击你的设备，选择订阅和购买请求退款之后点开始。在这里你可以看见你订阅过的所有应用，选择请求退款并选择原因。提交后苹果会在四十八小时内给出处理， 每人都有两次的申诉机会，切勿恶意退款，可能会导致直接封了你的 iphone id。 如果你是早期的苹果用户，应该会记得图标上这三条白线分别是铅笔、画笔以及尺子，同时组成了字母 a， 也就是大家常说的 app， 全称 applecation。 相信苹果在设计之初就认为， app star 不单单是带给人们娱乐的应用商店，更应该是你发挥创造力的文具盒。给予人们绝妙的工具，人们就会创造出美妙的事情。
35.4万友人朦
02:35查看AI文稿AI文稿大家好，我是 siep。 今天我们要解析的是卡地亚的这篇一切美好未完待续。我们来简单看一下效果。首先是一些文案和一个 gift 图，紧接着就是一些漂浮着的礼盒。不难发现，这些礼盒也是可以利用 gift 来实现的。 点击不同的礼盒呢，都可以浮现出不同的产品。点击关闭即可恢复到点击前的画面，进而点击不同的礼盒。并且不同的礼盒都可以跳转到小程序当中。这种效果我们可以利用无线选择器来实现。 我们先来看一下素材。开头就是两张无缝图以及一张 gift 图。紧接着就需要准备一张礼盒浮动的背景图，与礼盒对应的浮层图。注意这里需要保证每张浮层图的尺寸都是 是一样。我们来进行实际操作一下。首先我们放入三张无缝图，将开头的三张素材图依次上传即可。接下来我们选择无线选择器，将类型更改为七组任意。我们一共才六个礼盒。那为什么要选择七组呢？ 无限选择器，顾名思义就是可以无限次执行多张图片任意切换的效果。所以我们需要有一个空状态的选择来代替关闭的功能。也就是说呢，不要把关闭课本理解为关闭的行为，而是要掌握 关闭的本质本身就是一种选择。选择回到首页，或者说选择前往空状态。这也就是为什么我们六张浮层图都需要保证尺寸一致，并且关闭的选项都在 在同一个位置这里呢。从上往下对应的就是热区，一到七也就是七个选项。第一个选项我们不需要放任何内容，后面的二到六我们就嵌入热区醒悟图标小程序，将我们的浮层图以及对应的小程序信息上传即可。 记得利用热区功能定位小程序跳转的位置。最后我们再在无线选择器的热区功能中去设置触发选择的区域。特别注意将热区一定位到关闭的位置上来实现我们的关闭功能，也就是切换到空状态当中。 最后呢，我们再上传一张结尾的无缝图，我们这篇推送就大功告成了。注意在这里我们需要将代码导入至公众号后台，才能进行完整的效果预览，大家快去尝试一下吧。这里是一度的库 svg 编辑器，关注我们，掌握更多交互图文设计秘诀！
43黑科技编辑器
01:05查看AI文稿AI文稿那朋友们，我们下面来看一套这个高压动态蜈蚣补偿装置啊，就是也是我们俗称的这个 svg， 这 svg 的名字呢是禁止蜈蚣发声器，他也叫这个动态蜈蚣补偿装置。 那么高压动态蜈蚣补偿装置呢，是以这个 igbt 为核心的这个蜈蚣补偿系统啊，那它能够快速连续的提供咱们的这个感性与溶性的这个蜈蚣功率啊， 他能够实现呢，这个考核点呢，这个恒定蜈蚣，恒定电压和恒定功率因素等控制啊， 保障了咱们这个电力系统，还有咱们这个新能源发电系统的这个稳定、高效、优质的运行。那在咱们新能源电网与配电网中使用这个 svg 呢，可以显著的改善复合与公共 电网连接处的这个电能质量啊，那提高咱们的这个功率因素，平衡了这个三项电压，抑制了这个电压的闪变与电压波动，同时呢它也能治理斜拨污染啊，好，非常感谢大家。
00:43
![[网站开发入门指南69] 案例 | 关于图标和svg #html #css #javascript #前端开发 #网站开发](https://p3-pc-sign.douyinpic.com/image-cut-tos-priv/45f191f039c9e24ac5ae8a72a6296238~tplv-dy-resize-origshort-autoq-75:330.jpeg?lk3s=138a59ce&x-expires=2099408400&x-signature=oFz6FaGDnL2jZUM5H5YNt%2F%2FzwYY%3D&from=327834062&s=PackSourceEnum_AWEME_DETAIL&se=false&sc=cover&biz_tag=pcweb_cover&l=202607150118466D4A3EBCD6B846CF3FCE)
