惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

人人都是产品经理
人人都是产品经理
博客园_首页
博客园 - 三生石上(FineUI控件)
V
Visual Studio Blog
Hugging Face - Blog
Hugging Face - Blog
美团技术团队
小众软件
小众软件
T
Tailwind CSS Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
月光博客
月光博客
有赞技术团队
有赞技术团队
WordPress大学
WordPress大学
博客园 - 【当耐特】
Apple Machine Learning Research
Apple Machine Learning Research
罗磊的独立博客
V
V2EX
酷 壳 – CoolShell
酷 壳 – CoolShell
IT之家
IT之家
量子位
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Recent Announcements
Recent Announcements
M
MIT News - Artificial intelligence
阮一峰的网络日志
阮一峰的网络日志
The GitHub Blog
The GitHub Blog

叉息的空中咖啡馆

高考后,本科前 梦想实现:新笔电验机流程 十八岁 玩·《Life Is Strange》 《美丽新世界》·关于对未来世界模式的设想 《时间》 《冬夜》 《自习课》 AI破甲词 聊聊小米17:一场“务实”的溃败 聊聊摆烂 关于处理愤怒与抑郁 高三手写日记汇总 单纯是想写点东西:暑假记 植物性神经紊乱笔记 你家的狗看了都会做的煮挂面&煮菜&调汤汁&煎鸡蛋教程 读·《共产党宣言》(敏感话题,密码123) 更新butterfly主题 英语词性转换规则大满贯 博客域名更改步骤 子品牌手机厂跟“正统”厂差在哪里? 为什么图文个人博客是碎片化时间更好的利用方式 暑假计划大纲 暑假闲得蛋疼之:我!要!变!帅! 优秀的高考成绩能为我的人生带来什么? 聊聊集体降智 换机记·真我GT7Pro 聊聊个人实用主义 改掉啃指甲的坏习惯 游记·郑州
PS绘制齿轮
XChere · 2024-07-21 · via 叉息的空中咖啡馆

本文转载,原作者未知,侵删。图片暂时无法引入

这个齿轮在我手里可真是发扬光大啊(虽然没什么卵用)

一、用布尔运算画好外形

1、command+n新建画布,小编建的是800*600的,大家可以随意,但要记住分辨率一定要是72!

2、用椭圆工具按住shift画出一个正圆,颜色可以先随意填充一个,后期还可以再修改,并分别在锚点处拉出两条参考线,如下图;

3、画一个较小的矩形,画之前按住shift,开始画之后可以松手,这样就可以和之前画好的圆在一个图层内,放在圆形的顶部,与圆形相交,并且参考线在矩形中间,如下图;

4、用小白工具水平移动矩形左上角和右上角的锚点,左右移动的距离要相等,使其成为一个梯形,如下图;

5、切换到小黑工具,command,command+v复制粘贴,然后command+t自由变换,鼠标右击,选择垂直翻转,之后按enter键确定,把变换好的梯形放在之前的梯形对称的位置,如下图;

6、使用小黑工具选中画好的两个梯形,command+c,command+v复制粘贴,然后command+t自由变换,按住shift旋转,每次旋转15度,旋转45度即可,之后按enter键确定,如下图;

7、按住command+control+alt+t,执行等距离复制变换,复制两次,如下图;

8、选中最初画好的圆形,command+c,command+v复制粘贴,然后ctrl+t自由变换,按住shift+control往里缩小,就可以得到一个同心圆,只选中这个刚得到的同心圆,在工具栏中的布尔运算内,把他的属性改为"减去顶层形状",如下图;

9、command+c,command+v复制粘贴这个圆,然后按住control+shift+j把它从这个图层拿出来放到新的图层内,在工具栏中的布尔运算内,把他的属性从"减去顶层形状"改为"合并形状",接着随意填充一个颜色,如下图;

10、重复第八步和第九步的操作,再次得到一个跟外面大圆是同心圆的圆环,(注意:这个圆环也是跟最初的圆环不在一个图层哦~)如下图;

11、同第九步的操作一样,复制中心被剪掉的小圆,更改属性,并把它从这个图层拿出来放到新的图层,接着随意填充一个颜色,如下图;

设置图标的外形到这一步就做好啦,为了让它有一点拟物的效果,我们来给它加上图层样式。

二、加图层样式

1、选择齿轮这个图层,双击打开图层样式面板,分别为它加上渐变叠加,杂色,内阴影,描边和投影。有同学会问,杂色在哪里加呢?杂色其实就藏在内阴影这个样式里面哦~大家可以看下图的具体数值;

为了等会加上背景的效果,描边的颜色大家可以选一个比较重的,接近黑色的颜色。

渐变叠加的颜色小编用的是从#afafaf#到#171717#,总的来说就是下面暗,上面亮。

内阴影的颜色要亮一点,要比刚才渐变叠加最浅的颜色更亮一些,小编用的是#c0c0c0#。

这个就是加杂色的参数,距离和大小都给到最大,然后杂色的百分比越大,杂色就越多,大家给一个适当的数值即可,小编用到的颜色是#252427#

小编用到的投影颜色是#0f0f0f#

2、按住control键,拖动图层后面"fx"的字样到小圆环的图层松手,这样就把刚才加好的图层样式原样复制到了小圆环的图层,然后把投影稍微改小一点就可以啦,如下图;

3、为了让效果更炫一些,给齿轮和小圆环中间的这个大圆加上一个渐变叠加,大家也可以根据自己的喜好选择颜色或者不加,如下图;

4、选中中心的小圆,分别为它加上内阴影和杂色,参数如下图;

杂色同样可以复制刚才加好的。

这样设置图标就做好啦,是不是觉得效果还少点什么?

三、制作背景,烘托氛围

1、用矩形工具画一个比画布大小更大一点的矩形,放在设置图标的最下面,背景图层的上面,填充一个渐变,下面颜色稍重,上面颜色较浅,小编用到的色号是从#252525#到#6c6c6c#,大家也可以自行选择。

2、给这个背景加上一个杂色,可以直接复制刚才加好的,效果如下图;

3、用椭圆工具画几个小椭圆,加一点羽化,放在小圆环高光的位置,如下图;

这样就完成了!