figma如何制作齿轮图标
粉丝65获赞424
相关视频
06:23查看AI文稿AI文稿本节课呢我们将学习二点五 d 图标的绘制，那么在操作过程中的话呢，依然是使用插件的方式来绘制此类图标， 我们会完成屏幕上的这个造型，通过这个造型绘制的话呢，大家可以掌握插件的一个具体使用方式，那么这个插件呢，大家现在呢可以暂停视频，然后把这个插件的名称放到社区里面搜索并且安装。 我们来看一下这个案例的分解图，这个案例的话呢，它实际上呢是由六个矩形拼贴得到的，那么我们只需要知道呢，如何借助插件快速去生成这种角度，这样呢我们就能轻轻松松的啊 去做出来这个图标。那好，那首先我们需要呢有三个矩形，把三个矩形绘制出来之后呢，打开我们刚刚所安装的这个插件，在插件使用过程中，我们可以选择最后一个啊，最后一个选项， 最后一个选项的话呢，他就会以一个面板的形式给我们进行操作，然后大家注意要把这个选项的给他进行关闭，否则的话呢当你给他产生变化时，这个面板就会自动消失。 先给第一个呢，点击左边，只要轻轻一点，没立马就结束，非常的方便啊，那么第二个的话呢，我们点击右边第三个，我们点一下里面， 这样的话呢，就完成了我们三个啊必备的这个造型，也就是里面这一个，那行我们来拼成啊现在的这个效果，首先这是个底面， 然后给他复制一份就是这边的这个面，然后再给他呢再去复制一份，稍微给他进行微调， 调好之后的话呢，将它的颜色呢进行调节啊，那时间关系我就先使用吸管工具啊，快速去把颜色调出来，但实际的话呢，大家可以根据自己的项目去选择合适的颜色就行。 里面呢做好之后外面的也是相同的做法，我们可以呢把这边的这个面按住 alt 键，对吧？给他进行复制，然后这里的这个面啊，哎，这个地方其实就是他，对吧？是一样的啊，那么这边的话呢，我们也是给他进行复制， 上面这个盖子也是进行复制，复制好之后呢，我们需要将这三份的图层顺序放在最上面，这一层放上去之后呢， 再移动一下位置，这个地方也是移动一下位置，最后把盖子一盖好了，你看一个小立方体也就做出来了。 如果说啊，你不需要去显示里面的那三层，那其实你就不需要去做里面那三层啊，因为我们这个效果的话呢，是要展示这种空间感啊，所以呢我们把里面的这个层也给他做出来， 接下来的话呢，我们需要去降低它透明度，这边透明度也要去降低，这边呢也是需要进行降低， 降低之后呢我们就能清晰的看到里面的这个结构，而为了让他更加的有这种质感，我们还可以呢给他去添加什么效果啊？ 背景模糊，难道其实这个操作呢，就有点像我们之前所完成的磨砂图标那种操作了，给他加一点 点点这个背景模糊功能啊，全部都给他添加上去，对吧？看磨砂的那种感觉就出现了，出现之后呢如何使这个效果变得更加有质感呢，那你可以选择呢给这个表面上添加渐变，还可以呢，选择给他呢去添加一些这个描边， 你比如说啊，我可以先把这边的属性我给他复制一下啊，那复制粘贴属性快捷键分别是啊，我们 ctrl out 键加 c 是复制属性， ctrl out 键加 v 是粘贴属性，那么在这个地方调节过程中，我只是给他加了线性渐变， 然后呢还添加了我们的描边属性，描边类型选择，内部描边宽度的话呢，仅供参考啊，大家可以自己多去尝试一下就可以了。好，那后面这些呢，我就不一一再去进行演示了啊，大家只要 花点时间自己把颜色进行调节就行。那么下面我要说的是呢，如果说你要在你的二点五 d 图标上呢，去添加一些造型，就贴在这个表面上，我们怎么去贴在这个表面上呢？你比如说像这个 logo 啊，怎么去把这个 logo 就直接沿着他的角度贴上去一样的操作， 我们先选中啊，这个造型选完之后呢，依然还是要打开我们插件， 打开粘贴之后呢，你要去想清楚，就是你希望这个图标贴在哪个面上，比如说我们想让他贴在这个面上，那你就选中他点一下这个位置，哎，这就做完了对不对？哎，往这一放， 放上去之后呢话，你可以继续复制，我们给他放到后面也来一层，当然要调整一下图层的这个顺序才行啊，慢慢调一下这个图层顺序，你看这有个前后的 感觉，而想加文字的话呢，文字也是相同的，这个操作，我们输入一下苹果， 输入成功之后呢，把字号给他稍微放大一些，放大以后呢，我想让这个字贴在这个面上，一样的解决办法 还是找到插件，如果说呢，你只是对某一个图层进行调节，那其实你就可以不用点开他，因为他这里呢是把这个属性的提前给你去做好了，对吧？你就先点一下这个字，点完之后呢插件找到，我们插件要根据你想要的一个方向给他进行设置，像我们现在呢，比如点击左， 点击左的话呢，实际上是这边对左边，然后你再给他进行撤销，然后再右键显示，再点击右侧就给他放上去，放上去之后呢自己呢再去调节一下这个大 大小尺寸就完事了来。那么最后做完之后的话呢，这个插件呢，它其实只适合像做一些比较简单的这个造型啊，那如果说呢，各位的工作需求中呢，是设计到那种比较复杂的这种二点五 t 的话呢？哎，那就不太建议用飞格马这个平台呢进行绘制了， 毕竟呢我们要发挥每个软件的这个优势点，这样才行好。那么以上呢，就是关于我们对二点五 d 图标的绘制过程了。
36黑马程序员视频库
00:27查看AI文稿AI文稿菲特曼怎么用插件？首先菲特曼原声插件调用比较麻烦，所以今天推荐一款插件管理插件 facma ex， 这里我们可以看到飞哥们 s 的网页，下载方法很简单，这里就不坠树了。安装完成以后，我们打开飞哥吗？这里会出现一条插件栏，需要哪个点击哪个就可以，这里会显示你当前所有已安装插件，相比较原声插件库会方便很多。关注我更多飞哥吗知识持续更新！
291快乐小狗
01:46查看AI文稿AI文稿前端画图哪家强？ ai 工具选飞马？我对比的这四款 id 工具，自动化 ui 的 效果啊，它们分别是一号佳丽闻名已久的 curser， 二号佳丽亚马逊推出的 kiro， 三号佳丽阿里家的库德，还有四号佳丽字写的 tree。 科斯和 kiro 用的都是编程最强模型 cloud， 索尼四点五，酷德和 tree 就是 用他们自家的最强模型，用同样提示词画五个 app 工具界面，看看谁是你心中的射击王者。好观众朋友们，现在您看到的是 app 界面阅兵方阵， 首先入场的是软件界面被玩烂的番茄，闹钟中心的典型红色小番茄会提醒你劳逸结合。紧随其后的是人手一个的音乐 app， 典型的碟片和音符标签，让我们体验了动次大次的律动。接下来的是个人博客 app， 他 们一切作为钢枪输出思想的子弹。 迎面而来的是购物商城方阵，琳琅满目的物品让人眼花缭乱。最后压轴出场的是我个人设计的冥想呼吸跟随器， 它带你在一壶一吸之间感受生活的美好。还没完呢，我们还有压箱底的底牌工具飞马做前端设计怎么能没有它呢？果然专业的事还得交给专业的工具飞马工具啊，使用起来也很简单。我们首先打开飞马的官网，然后点击 make， 让 ai 自动生成， 在里面输入我们刚刚的提示词，然后点击生成，那他就会疯狂的 think 和工作一会啊就设计好了。我们看一下这个图，我们还可以点击 code 这个按钮来看他的原代码。 现在的 ai 工具发展的这么快，真的很担心前端的开发人员以后怎么办？起码这些界面设计活啊，能够完全交给 u i 设计师来搞。那你觉得前端的程序员会被淘汰吗？欢迎留下你的想法。
243码上成功
00:31查看AI文稿AI文稿收利沃克斯百分之九十的用户都遇到过这个问题，打开某个图档时，提示点确定有几百个零件，就要点几百次，是不是很烦人？十秒钟轻松教你解决这个问题！ 点上面的齿轮图标，进入到系统设置，点默认模板，选下面这个提示，用户选择模板，点确定摘去打开即可以解决。你学会了吗？关注老万主页，有更多精彩内容！
2654SolidWorks老万
02:22
18:29查看AI文稿AI文稿哈喽，大家好，欢迎来到我的频道。那今天我们一起来做一枚坚果手机呃介绍页的关于电池容量的这枚图标。 这个图标其实没有在 smart 在 os 系统里边出现过，他只是在坚果手机的这个外部端的这个介绍页里边出现过。对，就是这个， 大家也可以去这个网址去看一下，都还可以看到。还有一个小技巧，就是锤子之前的这些型号的手机的这些介绍页呢，我们都还是可以看到的。我见过 pro 对吧？艰苦 pro2 全面屏，漂亮的不像实力派。艰苦 pro2 s 双系统无线屏，我非常喜欢这个，见过 pro i rs 的这个纯白色，非常的漂亮。好，那我们还是回到这枚图标，我们一起开始吧。 这个是我之前已经做好的这个图形，那我已经把他的那个形跟色都已经补充完整了。那我们主要还是来做一下这个样式吧。我们一起来做一下这个样式。 这个难点的话，主要是把中间这个绿色的这个区域，他的那种透明的，呃，透光的，那 这种感觉给做出来，以及说他的这个呃有种光感的这种能量，能量环的这种效果给他做出来。这个是一个难点， 我们先给他填充一个渐变色，同样还是上亮下暗。 然后我们把这个图层的这个顺序给调整一下， 中心的这个圆的话，我先给他加一个描边吧， 这样看起来会更结实一些。同样也是需要在填充上给大家渐变色，同样也是上亮下暗， 这样都是有一个呃，这样可以做出他的一个凸起的一个效果。我们再把中心的这个圆给他加一个投影， 可以加一个稍微浅一点的这个描边，把颜色给他调浅一点点， 跳一个零点五的粗细。 然后我再给他加一个内阴影，把他顶部的这个高光的这个部分给他加强一下，对，这样的话上面会有一道比较细的亮光， 这个是比较重要的。然后这个边这个描边的话，我们后边再去细致的处理。嗯呃，主要是先把大体的这个他的这个样式，还有他的 这个造型给他做丰满。最后我们再来调整一下细节， 这个也需要加一些渐变指针的渐变的话，他呃因为飞马他没没法叠加这个颜色的渐变， 这个指针的话，我们再给他加一些这个渐变色， 我们可以旋转给他一个从左往右的这样一个渐变，把他这个左右的这个厚度 给他做出来，然后把他的右侧的这条高光呢给他挤出来， 然后再给一个内阴影，把上边的这个高光也给他挤出来，这样的话立体感就出来了。 我们把它的这个描边也加上， 再稍微调整一下他的这个颜色，感觉有一点点过深了。 好，我们把这个渐变也复制到这个时针的这里， 然后我们再给他加一个阴影，让他把上边的这个投影的这个关系呢给他做出来， 就是中心圆跟这个时针跟分针的这个投影关系，这个层次关系给他做出来。这个投影的颜色要调，透明度要调低一点。 你可以这样点击的来看一下飞马里边这个投影的这个墙， 然后顺序呢也是对于最后的结果也是有影响的， 我们把时针的这个颜色呢再给它调整一下， 感觉有些不自然，再给他细致的调整一下。 好吧， 我们把这个图层的这个顺序先给他调整一下，把里边的这个线条的这一层呢给他整理一下，放到这个绿色的图层的上边去， 然后我们再给他复制一层，放到绿色的图层的下边，这样一上一下的话，我们先给他命个名， 这样通过两个图层去处理的话，就能达到我们这个绿色图层透出底部线条的这样一个效果。当然也有其他的办法，这也就是其中的 一种 内圈的这个绿色的圆呢，加一个描边，把他的那个亮边给他做出来。 我们先设一个黑色，然后调整一下他的这个渐变色，下边是一个非常亮的这样一个绿色， 然后上边的话是也是一个亮的一个边，但是透明度需要细致的再调整一下。 然后我们找到这个这个边缘，把它这个毛点再稍微调的圆润一点点，这个拐角的地方应该是有一点弧度的。 我们再把这个秒变的这个透明度， 再去细致的调整一下， 然后把命名稍微改一下， 复制一个内圈的这个线条，让他有一种 这种错位的感觉， 这个是为了把他的那这个透， 这种半透明的这种质感给他，这种类似于亚克力的这种质感给他做出来。 然后我们找一个这种颗粒的这种材质，给他贴到这个下边这个灰色黑灰色的这个图层里面去， 给他增加一些这种颗粒感。 好，我们再来刻画一下最外围的这个白色的这个区域， 先把他的这个描边给他加上，同样上量 下按，我们要把要细致的，再细致的调整一下他的这个描边， 然后把它的这个填充也再稍微调整一下，同样也是上亮下暗， 有点过于暗了，然后稍微再调亮一点点，同样加一个内衣，然后把它的颜色稍微调亮一点， 这个内阴影的话是增加他的一个光感，给他一个绿色的这个柔光的 效果啊。我们直接在这个内圈的这个圆形上去加一个投影吧，这样可能会更自然一些。 我们先把这个图层的这个命名都重新整理一下。好，我们在内圈的这个 图层上边增加一个绿色的一个阴影，这样去表现他底部的这个这个光感，这样会更合适一些。 然后我们给他把这个图层合并一下， 再给他加一个内阴影，是上部的这个顶部的内阴影，所以给他一个白色的纯白色的这 这个光，这个颜色， 这样处理可能不太合适。我们直接我们直接重新画一个圆形，然后直接把它变成描边，然后给一个纯白色 调细一点，然后再给他一个模糊，把这个模糊直呢调大一些， 让他变成整个的外圈圆的这个高光，对吧，这是处理这种类型的高光的一个办法。 对，这样看起来会舒服一些。 我们把上边的这 这个内阴影，这个颜色呢，再给他调的透明度呢，再调高一点，然后细节再稍微调整一下。 指针的这个投影可能需要再稍微的调暗一点点，稍微调重一点点。 我们再给他加一层眼影，然后把这个 叠加模式给他改成暗色。内圈的这个发光的这个投影呢，我们把它调的再大一些，然后颜色再稍微亮一些， 这样差不多。 然后我们把 这个颜色绿色的颜色再稍微调整一下，细节也要再调整一下，把它的这个大小稍微收一点点，让它露出顶部的这样一个一个小的一个边， 这样看起来会有一种凹陷的感觉，对吧？这个细节一定要注意一下。 其实我们也可以在内圈再给他加一个描边，让他更这个细节呢，更凸显一些。好，我们把这个 里边的这个颜色呢，也给他加一个里边的这个灰色，也给他加一个内衣，让他有一种 凹陷的这个感觉。 然后把里边的这层线条呢，也要调整一个渐变色， 中间暗一点，下边灰一点，中间的这个颜色的话绿色，我们再稍微的调暗一点点，把他的这种翠绿的这种感觉给他再做一下，稍微调整一下。 最后我们用这个沙东梅克呢给他增加一个阴影， 引用一下， 然后把它的这个描边呢，再根据这个阴影的颜色呢，再去稍微的调整一下。 好，大概这枚图标的大概的一个样式就差不多了。那我们后续还会再去做一些细微的调整。这个是我之后 后调整过的一个版本，就是我把呃一些细节又做了一些处理，比如这个高光的这个部分，呃我又提亮了一些，然后包括它整个的这个细节的变化，细微的变化上面会更暗一点点，然后底下它还会有一个 更细的一个深色的边，把这个亮边的给他挤出来，还有包括整个边缘的这个细节，以及说他中心这个指针投影的这些细节，我都有细微的调整了一下。 那如果你在制作过程中遇到了什么问题的话，也欢迎在评论区留言，那我都会给大家一一的回复。那 本期教程就到这里了，那如果你喜欢这个教程的话，欢迎给一个三零，那我们下期再见吧，拜拜。
00:28查看AI文稿AI文稿这个视频跟大家讲解一下 vico 如何修改单位制。首先我们长按中间按键进入设置，点击进入通用下滑找到这个语言啊，点进去里面有这个单位制的选项， 里面点击进去之后呢有公式和音质两种选择，我们根据自己的需求呢，选择相应的这个选项即可。好的，那么这个视频到这结束，感谢各位观看。
- 06:30查看AI文稿AI文稿
本节课呢，我们将学习螺旋图标的绘制，由于菲格尔平台呢，他本身并不具备重复旋转的这种操作，因此的话呢，我们可以借助插件的方式呢，高效的去完成此类图标的绘制。 屏幕上这三个图标的话呢，不难看出他是要先绘制一个造型，再把这一个造型呢进行重复的旋转就可以了，所以呢我们的难点就在于如何去把这一个造型快速的进行一个旋转， 那么我们就需要借助屏幕上的这款插件，那么大家呢可以呢把这个插件的名字放在社区中搜索并进行安装。 这款插件呢他支持三个模式，分别是中心点旋转，顶点旋转以及自定义旋转点模式，我们要弄清楚啊，这三个模式之间如何进行使用，以及呢在自定义旋转点过程中啊，他的坐标值如何进行这个计算。 那好，那下面我们就来看一下他的具体操作是怎样的。进入软件之后呢，我们先看一下这个图标，首先呢我们要把他的基础造型部分呢进行绘制，他的基础造型的话呢就是一个椭圆，然后把这椭圆进行复制就可以了。好，我们来先来绘制一个椭圆造型， 画好椭圆之后的话呢，双击一下这个造型，按住 ctrl 键把上方的点啊给他变成这种转折点，下方的话，同样也是按住 ctrl 键点击第二之后的 画呢框选两个点，在右侧参数中的话，按住 out 键啊滚动这个数值，加上一点点的小圆角， 加好之后呢，再把它的填充属性由纯色修改为线形渐变，那角度的话呢，就是一个九十度的样子就行，那颜色我们就先暂时不用做调节，这个非常简单啊，做好之后打开插件，下面呢给大家去讲解一下这个插件的具体使用方式。 第一个框的话呢，他是来去设置，你要给他旋转几个造型，你要旋转八个，那就转八下就行啊，这大家根据自己需要填写就可以了。 好，那第一个模式的话呢叫中心点模式，他就是以我们物体的这个点，那中心点就在这个地方，当你单击之后的话呢，会进行一次啊，这个旋转操作。好，我们来撤销一下。 第二个的话呢叫顶点模式，这个插件的顶点呢，他会通过这个地方啊，他默认的顶点，其实在这边点击旋转，你看他就会以这边啊进行一个旋转， 这是第二个模式，前两个模式的话呢，非常好去操作，一个中心点，一个是顶点。那么问题来了啊， 我们有的时候呢，在做一些图标时，并不是说啊只只需要说这个点或说中心点，我们是需要自定义一些点，那就会用到第三个模式。第三个模式的使用方法是我们需要手动的把旋转中心点的坐标值填写进去， 那么这里呢给大家去演示一下如何快速的去达到这个旋转注意点。第一步呢，我们需要先把这个椭圆呢给他做成一个复印啊，就是右键啊给他添加画框，添加好画框之后呢， 你在这个里面呢给他画一个非常非常小的这个圆形，那这个圆圈就是我们的自定义旋转中心点，你可以把它呢移动到你想要的这个位置，但是要注意呢这个大小啊，可以尽可能小一点点，这样会对我们的判断带来一些帮助， 比如说我现在把它大小改成了一乘一，那么我是希望呢他的旋转中心点，比方说在这个位置啊，就在这个地方啊， 在这个地方之后的话呢，我们要看一下这个小圆圈的坐标是多少呢？是五十九一九四行，我们把这个数值填写进来，五十九 一九四，填写好之后，我们再选择这个椭圆造型，数量的话呢，我们稍微变多一些，八个点击生成，这样的话呢，他就会 以我们的这个点为中心进行一次旋转，而旋转之后呢，这个圆圈啊就可以给他进行删除了，他就不需要了。 如果说你觉得这个旋转的样式不是自己需要的，那好，那你就可以撤销，对吧？重新去调整，所以说我们最终的一个完美的效果呢，是需要多次的调节，这样才能达到一个最终的一个这种感觉，如果你觉得这个不喜欢，对吧？那我们就直接撤销， ctrl 加 z， 摔跤之后呢，再去把这个小点点啊，给他移动一下位置，然后再看一下坐标是五十九，然后二百。这边我们可以填写一下，或者这一次呢，我们让他稍微离远一些啊， 给他这样离远一点，离远之后的话呢，各位可以看一下我们图层这边，你发现小圆圈呢已经出去了，我们这个组，那怎么办呢？ 在移动的过程中按住空格键，这样他就不会跑出我们的这个框架，比如说放到这个位置看一下，坐标值是六十二二九，所以这边输入六十 二二九，输入成功之后，还是单击我们这个椭圆，让他进行旋转，哎，这样就做出我们这个效果了。 好，那么做出来之后的话呢，剩下的大家就可以根据自己的这个项目呢去调整一下颜色了，所以说我们可以再次选中这些元素，选中之后的话呢，能把小圆圈先删掉啊，选中之后 先行渐变啊，再给他调一些颜色，或者说呢这个顺序你也可以给他反过来啊，都是可以的。行，那因此呢，我们再来总结一下关于这个插件的使用，插件的话呢，第一个模式是让你去填写， 你要复制几层，然后这边的话呢，第一个小选项是以我们物体的中心点进行旋转，第二个的话呢，是以物体的顶点，顶点默认就是上面的这个点。 而第三个的话呢，是我们自定义输入这种输入点啊，旋转中心点，那旋转中点怎么去计算呢？要把你的物体啊给他做成一个框架，然后里面可以画一个小圆形，自己呢去测量一下，把数值填写进去，点击生成，这样就可以了。 好，那么以上呢，就是关于我们对旋转插件的这个使用方式。
60黑马程序员视频库
