canvas矢量图使用教程

接到一单客户要求将图中的花纹给做成矢量文件安排，这个纹路基本都是乱码，跟没有差不多，这就比较靠考验设计师的审美了，就真靠自己想象来跟着纹路来绘出来了。

家人们谁懂啊！化石量图是设计工作中最能休息脑子的工作啦！每天被甲方的再改一版逼到脑壳疼，被复杂的版式、刁钻的配色熬到椰谋。 唯有打开矢量图绘制界面的时候，才能找回片刻的宁静。不用费脑子想创意，不用纠结排版逻辑，我就安安静静的勾线条、填色块 工具，划过去的每一笔，都像在给我紧绷的大脑做按摩。比起改不完的海报、磨人的排版画，适量图更像是设计里的摸鱼式休息。手在动，脑子却在放空， 既能完成工作考核，又能敲枪缓解压力，不用费神费脑，还能收获满满的成就感。这就好比踩缝纫机，不用追求标新立异，不用纠结完美与否，主打一个放空式操作。 这样的订单给我一天来上十个好吗？我求求啦！

接到一单，今天早上刚起床就收到了一个老板的私信，说要把图片下面的图案给绘制成史量图，而且问我今天能不能完成。必须安排呀，像这种简单的图案，不出意外的话只要半个多小时下来就能搞定了。 话不多说，直接开干，效果在视频结尾，有需要做史量图的老板可以随时来找我哈。

联谊大家应该都见过吧，那联谊效果的轮播图你们见过吗？今天我们就来实现一个联谊效果的轮播图，这样的轮播效果是不是一下子就高级起来了呢？ 一起来看下具体实现代码。 i love you i love you 到这里我们就实现了一个连衣效果的轮播图，大家有什么想要实现的效果或者功能也可以在评论区留言， 如果视频有点帮助的话，可以帮忙投币点赞、收藏支持一下， 后面还会继续更新更多有趣的内容，欢迎大家关注。今天的视频就到这里啦，感谢大家的观看，我们下期再见！

同学们大家好，今天咱们讲一个实利用咱们之前所学的东西呢，画一个这个图形，这边呢是我新画的，然后我给大家讲一讲怎么画这个图形啊？然后我把画板复制一个， 同学们先讲，先想一想咱们用哪个工具才能画出这个图形，有的人说是圆是吧？哎，圆，对啊，但是还能用别的方法，那就咱们刚学过的叫 极坐标网格工具用这个，那咱们点开点一下这空白处，看一下什么意思？ 他这个镜像分割线数量是五，也就是一二三四五，这个是对的，是吧？倾斜，咱们上节课讲过，之前讲这个网格工具的时候，倾斜是什么意思？就是说这五根线是不是等分的？可以这样理解 啊，同心圆分割线，那咱们画这个图形的时候，请问同心圆分割线是几啊？是一，也就是说一条线同心圆倾斜，你倾斜或者不倾斜都行，因为后边能改。那咱们呢， 调好了之后点确定，然后按移动工具 v 键盘上的 v， 咱们就得到了一个这样形状 啊，这样的形状咱们得到之后，你想一下，里面这个圆圈太小，咱们需要把它放大一点啊。双击双击，双击进来之后，按住 alt 加 shift 放大，放大到你想要的那个效果，在一个空白处双击进来了， 那咱们得到了这个图形，得到这个图形之后，你看他这个地方，这个白的是镂空的，我填了底色你就看出来了啊， 那这个白的是镂空的，咱们怎么做这个东西？首先咱们加个描边吧，也就说让这个线变粗一点，然后呢让他再剪掉这个线， ok， 咱们双击进来之后选中这个线， 给他变粗。描边咱们之前讲过，比方说变成十磅，十磅感觉还是有点细，那变成二十磅， 二十磅好像还有点细，比方说三十磅，四十磅吧，四十磅， ok， 咱变完了。变完之后呢，咱们需要把这个描边改成填充，双击选择之后点对象有一个拓展，扩展填充和描边点确定， ok， 也就是说这现在这个黑线呢，他不是一个描边了，他已经是一个图形了啊 啊，然后咱们要想要得到的这四个圆啊，你看这个是里面有圆角的，咱们一会再圆角，咱们想得到这四这五个这个小三角，然后这个饼吧， 扇形啊，扇形得到五个小扇形怎么得到？然后咱们要摁，要按 shift 加，当选中之后摁 shift 加 m， 叫形状生成器工具。这个工具咱们没讲啊，没讲，咱们现在先学一学，也没事，形状生成工序呢，就是说选中的这一块，它会形成一个新的图形， ok， 形成一个新的图形了，它呢？形成一个新的图形， 它也是，它也是，它也是，它也是，它也是，它也是，它也是。咱们选完了，咱们需要把这黑的去掉，那就是按住 alt 点一下，或者是直接拖拽都行啊，这样别抬鼠标不要抬， alt 也不要抬。 嗯，细节可以，大家再调一调细节啊，然后用键盘上的 v 改成选择工具，然后咱们呢 将这个外边的一圈改成 i， 吸管工具改成白色，这里面呢 i， 然后 v i， 哎，这个给它改成改一下填充 啊，这个角度呢，可以转一下，转到转正了， 具体多少度大家可以研究一下，那咱们这个图形就得到了，然后咱们再打上文字将这个呢？圆角怎么圆呢？用直接选择工具，快键是 a 这一个圆圈看没？双击，比方说数个三十，先看看吧。可以二十啊，然后点上二十 啊，可以一起选吗？我看看应该不行啊，一起选的话都是都圆角了，还是二十， 二十二十。那咱们呢就用网格工具，不打网格了，用那个极坐标网格工具就会出了一个这样的形状啊，这个同学们可以。 嗯，做个作业啊，做个作业放到评论区，那直接可以到这里再。

教你五分钟把一张想要的图变成矢量图，这里的话就是网上我随便找的素材，然后因为它的角不齐，所以我这边写的是先把米老鼠的角来补齐，这里的话就发送给 ai， 然后让他帮咱们把角补齐，这个时候咱可以看一下哈。 呃，他的脚已经布齐了，就非常完美，然后再让他提取线稿出来，直接就输入帮我提取线稿，然后这个时候线稿就提取完毕，然后咱们再把它下载下来，下载下来之后直接拖进咱们的。 呃， ai 软件里面，拖进 ai 软件里面，这个时候因为它黑白的嘛，咱们就直接点击图像描模，呃，不要选什么低保证，高保证，直接图像描模。图像描模之后，然后窗口 点击忽略白色，然后扩展，扩展之后他现在就是一个线稿图，但是线稿图咱们不能填色，咱们需要就是说给他释放一下复合路径， 就是选中，然后右键释放，释放复合路径，这个时候每一块他就是单独的一个色块。呃。释放完复合路径之后，咱们这个时候直接就是对照咱们的原图来吸取一下颜色， 嗯，这里的话还是适适防复合路径，嗯，该洗。呃，咱们这边的话就是对照咱们的原图来吸取颜色。这个这个这个图的话，这个视频咱们只做参考哈，我只是分享一下怎么来，就是说把咱们， 呃平常用的这种小的，然后可以快速的做成一张能用的矢量图，当然就是说这个仅供参考，因为有的时候可能客户那边要生产的话，可能他不太能用这种图。呃。但是如果咱们比方说咱们要是只是说是，呃，大概看一下，或者是 反正应该能用到，我觉得这个办法应该是可以用到的。

像这样的矢量图，哪个呆子设计师还在用钢笔一点点画顺一爬，你只需要 q 加 k， 打开首选项，点击技术预览，勾选这个奇用内容感知描摹工具，确定再重启一下。 ps， 在工具栏里点击钢笔工具，选择内容感知描模工具，把上面的路径改成形状，然后把鼠标移动到图像上面，点击 就可以自动识别并且描模形状了。而且都是矢量可编辑的，点击上方的填充，还可以任意的改变颜色。学会了没？呆子关注老朱设计不迷路！

这是一个能把任何图片转为超清可编辑矢量图的神器，内置多种导出、转换格式以及多种使用场景，不同场景针对不同的矢量要求 上传图片，不管是几何形状清理、角点切线匹配或者是曲线整流照等等都能完美拟合。导入 adobe 里面就能直接编辑，放大 n 倍都不会模糊和锯齿感就很不错。

有人问我，你画的史量图怎么每次都这么精致又标准？其实就一句话，把简单的事做到不简单，把重复的事做到极致。就像眼前这只吊牌，第一眼看似一个吊牌，其实它是三个。我们画的时候，要画成三个标签， 先从一个圆形的卡通小兔子开始。一般我会先画圆形这种简单的能借助工具的图像，然后再用钢笔工具勾勒出其他的轮廓，调路径，对齐文字，校准颜色。 别人觉得枯燥的步骤，我拆成了肌肉记忆，哪怕只是一个小白点的位置，都要反复调整到舒服。 做史量图这行，最笨也最有效的办法，就是把钢笔工具这件事重复到极致。今天画兔子，明天画 logo， 后天画激光雕刻花纹。看似在画不同的图案，其实本质都是在打磨线条、排版、色彩的基本功。 没人天生会画，不过是耐住性子，日复一日的重复。当你画够一百张、五百张，甚至一千张图的时候，那些曾经觉得难的细节，都成了刻在手里的本能。同时，有画史量图的老板可以联系我。

就这样上传一张图片，模糊位图秒变实量图放大安倍细节依旧清晰，同时保留图层结构，便于后续调整。更准的是，它还能批量一键转五十张图，省下来的时间莫过于真香了。

接到一单客户要求将这上面的图案做成实量图，不知道大家有没有遇到过加急的单子，就是客户表现的很着急，恨不得上一秒发给你，下一秒就让你做出来，但是你顿操作做完之后就找不到客户人了。前两天我就遇到了一个这样的客户，我告诉他这张图需要两个小时左右，他 说他很着急，问我能不能快点，我说最快也要一个半小时，然后他又说一个小时，我花了一个小时十几分钟做完， 想着客户一定等着急了，就赶快找客户定稿，然后发他原文件，结果消息发出去几个小时找不到人，最后实在等不到就睡了会，睡到一半，客户打电话过来说没问题，让我发他，我一看时间已经过去三四个小时了，我就很纳闷，这么着急要图我十万火急画完，然后就消失了。 其实如果真的有客户着急的话，我肯定也会先安排的，但是这种情况真的很打乱我的计划。不知道大家有没有遇到过类似的事，我现在看到加急单，我心里都打怵，感觉很有压力。