今天咱们来做个超有意思的小案例,用 canvas 绘制游戏卡牌。首先得准备一张空白的卡牌背景图,就像这样,第一步,创建一个 canvas 元素,设置好它的宽高,接着获取 canvas 的 二 d 绘图上下文, 再用 draw image 方法把刚才的背景图绘制到画布上。现在开始创造英雄角色了, 为了方便演示,咱们直接用一个 emoji 图标,当角色形象名字就叫窥秘赤后,再给它配上专属的角色描述和技能。接下来咱们把这个角色的信息一步步绘至到卡牌上。先画角色图像, 给它设置一个超大字号,放在卡牌的中上区域。想要文字定位精准,记得先设置 textline 等于 center, 这样所有文字都能居中对齐。 x 轴的中点直接用 canvas 宽度除以二 y 轴的位置,根据自己的喜好调整就行。然后来绘制角色名称和描述字号调小一点 放在角色图像的正下方,排版会更协调。最后一步,绘制技能列表,这里可以用不同的图标来区分主动技能和被动技能,辨识度更高,这样一张专属的游戏卡牌就大功告成啦。 鼠标右键点击画布,就能把它另存为图片使用。评论区晒一下你的作品,看看谁的卡牌设计最有创意。
粉丝1384获赞1.3万

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

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

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

联谊大家应该都见过吧,那联谊效果的轮播图你们见过吗?今天我们就来实现一个联谊效果的轮播图,这样的轮播效果是不是一下子就高级起来了呢? 一起来看下具体实现代码。 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, 后天画激光雕刻花纹。看似在画不同的图案,其实本质都是在打磨线条、排版、色彩的基本功。 没人天生会画,不过是耐住性子,日复一日的重复。当你画够一百张、五百张,甚至一千张图的时候,那些曾经觉得难的细节,都成了刻在手里的本能。同时,有画史量图的老板可以联系我。

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

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