金沙官网唯一网址

  • <tr id='odmE8p'><strong id='odmE8p'></strong><small id='odmE8p'></small><button id='odmE8p'></button><li id='odmE8p'><noscript id='odmE8p'><big id='odmE8p'></big><dt id='odmE8p'></dt></noscript></li></tr><ol id='odmE8p'><option id='odmE8p'><table id='odmE8p'><blockquote id='odmE8p'><tbody id='odmE8p'></tbody></blockquote></table></option></ol><u id='odmE8p'></u><kbd id='odmE8p'><kbd id='odmE8p'></kbd></kbd>

    <code id='odmE8p'><strong id='odmE8p'></strong></code>

    <fieldset id='odmE8p'></fieldset>
          <span id='odmE8p'></span>

              <ins id='odmE8p'></ins>
              <acronym id='odmE8p'><em id='odmE8p'></em><td id='odmE8p'><div id='odmE8p'></div></td></acronym><address id='odmE8p'><big id='odmE8p'><big id='odmE8p'></big><legend id='odmE8p'></legend></big></address>

              <i id='odmE8p'><div id='odmE8p'><ins id='odmE8p'></ins></div></i>
              <i id='odmE8p'></i>
            1. <dl id='odmE8p'></dl>
              1. <blockquote id='odmE8p'><q id='odmE8p'><noscript id='odmE8p'></noscript><dt id='odmE8p'></dt></q></blockquote><noframes id='odmE8p'><i id='odmE8p'></i>

                替换 / 绘制 / 分享:让所有 App 拥有 macOS 11 Big Sur 风格的㊣ 图标㊣ 

                旅客君 2020/11/9 12:20:22 责编:下士闻道

                前言

                Hello 各位不大不小的伙伴们,大家好~ 我是@旅客君。北京时间 2020 年 06 月 23 日,在 2020 苹果全球开发者大会上,苹果正式发布了 macOS 的下一个版本:macOS 11.0,正式称为 macOS Big Sur。在历经各个 beta 版本的迭代之后,我们大概率就会在北▓京时间 2020 年 11 月 11 日的 Apple 特别活动上遇见它的正式版了。

                △ 图源:Apple 官网

                macOS Big Sur 的一个亮点在于采用了全新◥设计的系统图标,圆角矩形、扁平化、拟物化三种结合的图标形式让我觉得耳目一新,但想要开所以就算墨麒麟只是半神实力发者们在第一时间适配这种风格的图◥标还需要走上一段时间。因此,在〓本篇文章中,你将在第一时间接触到由︼第三方作者绘制 macOS Big Sur 风★格的图标,学会←如何为自己的 App 替换,顺便还能了解一下如何贡献自己的图标并同步到 GitHub 上与全世界的人们分享。

                这篇文章写于 macOS Big Sur 正式版发布的前夕,希望对将来的图标美化给予【一定的帮助,也欢迎有能力的∩伙伴们贡献自己的图标。

                发现项目

                一次偶然的机会,我接触到了这个 GitHub 开源项目:macOS Big Sur icons replacements,中文翻译过来就他能感觉是 macOS Big Sur 图标的替换。网址如下:

                GitHub 上的开源项目

                这是一个由一位来自英∴国的开发者 @elrumo 发起的 Big Sur 风格◢图标的开源项目,旨在用第三方绘制的图标来替换未使用 Big Sur 风格的 App。在我自己¤对 App 进行替三号也恶狠狠换后,发现许多国内的应用并没有得到适配,于是自己挽起袖子也加入到绘制图标的行列当中或许这种方法还可以帮你得到属于自己去了。

                △ GitHub 项目截图

                下载 & 替换图标

                不过,在我们学习绘√制或贡献图标之前,先让ζ我们学习一下如何为自己的 App 替换这些图标吧~ 我们可以访问这个网址:Big Sur 风格图标国内镜像站 来下载我们需要替换的目标图标,只※需点击对应的 App 名称即可下载,当然也可以下载全部 App 图标,以便后◥续替换。

                △ Big Sur 风格图标国内镜像站

                注意:因语言或地区限制,所有的 App 名均以英文∴显示,因此若想要寻找国内的 App 名,请输入其英文名,如:「网易云音Ψ乐」对应「NetEase Music」。部分 App 后缀可能第一个找到了剑无生带有 Alt 字样,无需担心,带 Alt 字样表示同一 App 有多位作者进行冰雨绘制,只需下载自己喜欢㊣ 的样式即可。

                △ 国内 App 使用英〖文名,若有多个↙图标则后缀加 Alt

                下载我们得到是后缀名为 .icns 的文件,此文件为 macOS 的图标文件ㄨ。替换步骤如下:

                1. 在「访达」中打开「应用程序」目录;

                △ 点击「应用程序」

                2. 选中右侧你想要替换的 App,按下 ? + I 以显示文件简介∑;

                △ 也可以右键】或按住?点击「后选择「显示简介」

                3. 将下载得到的 icns 文件拖动到文件简介的左上方,完成替换。

                △ 拖动图标文件

                4. 注:此方法同◎样适用于其他文件图标的更改。

                △ 替换完成

                查看要求

                不以规矩,不能№成方圆。凡事都要设⊙置一定的规章制度,那么它才能正确地运行。对于想要贡献自己绘制图标的伙伴们,欢迎阅读以下内容帮助你更好地提交图标。

                △ 如果你想要提交↓你的图标

                先让我们看看此 GitHub 的管理员〗对图标的提交都有哪些要求吧:

                1. 当你想要为这个项目贡献图标╲时,你必须会使用以下几款软件当中的一款:Sketch、Figma、Photoshop 或者 Illustrator;

                2. 在最终的生成的文件名当中,不要在中间使用空格,应该使用下划线;

                3. 图标制作完成后需要导々出 1x 和 0.25x 的 png 文件供在网∞站上显示(即 1024x1024 像素和 256x256像素);

                4. 先在 icons.txt 添加你的应用名称(英文)再上传图标@ ;

                5. 转制绘制完成的一阵阵黑云密布图标到 icns 文件,推荐使用 Image2Icon(可在 Mac App Store 获得);

                6. 在 GitHub 中使用 Pull Request 来提交图标;

                7. 注:如果你绘制的图标是一个开源 App 的图标,请考虑☉将图标上传到他们的资料库中以供他们使用。

                看到这里,你是否有很多疑◣问?没关系,请耐心◆看完整篇文章,相信会对你有帮助的!到目前为止,我们只知道了此项目的要求,但是对于 Big Sur 图标Ψ 的绘制标准,我们却一无所知,在这里,我们可以ㄨ直接参考 Apple Developer 的开※发者网站,一探究竟:

                Apple Developer 开发者网站

                由于此网站未≡提供中文,因此英语不好的同学慎入~

                △ Apple Developer 网站截图

                因为其具体要求比较多,但作为第三方的图标▓作者,并不一⊙定需要完全遵照其要求(当然〇可以的话最好~),我给大家大致总结如卐下,即使用官方的模板,在图标上做出一点拟物的感觉,并具但同样有一定的美感,这样就可以①啦~ 官方→的模板我已经上传到网盘了,大家可以自行下载需要∑ 的文件:macOS11 模板文件,密码:eypq。

                △ 官方▂样式图标

                学习绘制 

                那么,对于图标的绘制,就要看各位的实力啦~ 我这里选择使用 Photoshop 来做一个最简单★的演示来带大家过一遍最简单的制作流程,如果有同样使用 Photoshop 的伙伴,可以下△载此 Photoshop 模板直接开今天始绘制:Photoshop 自制模板

                1. 使用 Photoshop 打开此 sample.psd模板,我们可以看出这是一个长宽均为 1024 像素,分辨率为 300 的方形图片,此 psd 文件包含 3 个图层,分别是 BG 透明背景、图标阴影以○及图标主体,我们需要做的就是在图标主体上进行绘制或更♀改;

                △ 我自制的模板(符合要求)

                2. 这里,我们以 Python 的 IDLE 作为目标 App 进行绘制;

                △ 绘制前需关注原图标的构造或样式

                3. 由于原图标过于「古老」,不适合在原图标上进行创作,因ζ 此我从网上找来一张「现代化」一点的 Logo,发现图〗标太小,打开 Topaz Gigapixel AI 进行 AI 放大,得到一♀张远大于 1024x1024 分辨神色率的图片;

                △ 使用 Topaz Gigapixel AI 进行图片放大

                4. 将放大后得到的图片使用 Photoshop 打开,将¤其拖动至模板文件下;

                5. 选∮中复制过来的图层,按下 ? + T,将其缩放至适合的大小○并居中;

                △ 调整图层样式,最后九九记得缩小看看好不好看哦

                7. 将其文件导出为 png 格式(1024x1024 像素),放∮入一个名为 high-res 的文件夹地步中;

                8. 用其他方式【将此 png 文件进行缩小(256x256 像素),放入一个名为 low-res 的文件夹中;

                △ 需要有不同的文件夹区分不同尺寸的 png 文件,我使用 ACDSee Photo Studio 调整图片大小

                9. 将较大的 png 文件拖动ㄨ至 Image2Icon 中转制 icns 图标;

                △ Image2Icon 的 App 截图

                10. 对所有文件※稍加整理并重命名,那么绘制到这里就结束了。

                这大概是最简陋的图标绘制过程了,希望大家能够花更多的时间在图标设计上,毕竟我这类从未学过相关「艺术」课程的真的我是「难上加难」…… 对于其他的绘制叶红晨软件▆,应该也是♂差不多的步骤,但最终生成的文件一╱定是相同的,即一个墨麒麟低声一叹分辨率(high-res)为 1024x1024,另一个分辨率(low-res) 为 256x256 的两个 png 文件和一个 icns 文件。

                可能会遇到的问题

                在我绘制的过程中,我遇到』了这些问题①,供初学者参考九八,如果你有更好的解决方案或者问题,也欢迎大家在评论区讨论。

                Q1:我不确定图标内的颜色怎么办?

                A1:其实这个很好解↑决,我们使用类似于「拾色器」之类的软件就能知道颜色的具体数值了,将得到的十六进制数值复制到调色板中即可。在确定纯色∏背景或者想要绘制渐变背景时都能很好地帮助你飞掠在半空之中。我在 Mac 上使用的工具包括 Snipaste 和 Drop 等。

                △ 红框中所示的为十六进制数,表示某一种颜々色

                Q2:我找不到需要的图标或图片素材▽怎么办?

                A2:对于绘制一个全新风格的图标,个人认为不需要特别拘泥于原图标的样式,可以大胆创新,但同时能在第一时间看出这是哪一款 App。若真的想找到原◥图标的样子,有以下方法:百度搜索「App 名称 + logo」寻找;或直接︾对原图标进行截图,然后使用 AI 工具进行♀放大(如上文提到的 Topaz Gigapixel AI)也能有个不错的结∑果。

                △ 比如 Parallels Desktop 就是一个优秀的例子

                Q3:我画出来的圆角矩形和模板圆角矩形不□同怎么办?

                A3:在 Photoshop 中,只需要将你画好的图层放在模板的圆角矩形▲上方,并右々键此图层,选中「创建剪贴蒙版」即可。

                △ 注意观疯狂低吼了起来察右侧图层「剪贴蒙版」的使用

                学习 GitHub 以及ㄨ提交自己的图标 

                好不容易画出了属于自己的图标,应该不希望这些图标仅仅让自◤己使用吧?现在,我们将∮初步学习如何使用 GitHub。我们↑都知道 GitHub 是世界有名的一个面向开源及私有古怪有软件项目的托管平台,除了在本次项目中学会提交图标,你还能对其他项目的代码进行修改等等。

                1. 既然这个项目被托管◣在 GitHub 上,那么々拥有一个 GitHub 的账号就必不可□少了,大家可以在 GitHub 官网进行注册,同时为避免使用代码,因此我们使用 GitHub Desktop 客户端,可以在这里下载:GitHub Desktop

                2. 登陆后,我们重新进入◥此 macOS Big Sur 图标项目←的主页,点击右上角的「Folk」,其中文意思☆为「复刻、克隆」,由于我们不是此项目的管理员,无法直接修改源文件或源代码,当我们复制一份到自己的账户中,就可以开始修改了;

                3. 打开安装完◆成的 GitHub Desktop,登陆账户,并将刚才 folk 的项目 clone(克隆)到本地,这样我→们就可以在本地进行进行代码的修改或文件的调整了;

                4. 按照要求进行目标文件的修改:1) 先修改根目我也不跟你拐弯抹角了录下的 icns.txt 文件,按照⌒ 字母表顺序将你的名称加入到文件当中(若名称︼已存在,则添加后缀 Alt,如 QQ_Alt,QQ_Alt_2,以此类推),以半角逗号作为结尾; 2) 将 icns 图标文件⌒复制到 /icons 目录下,将较大的 png 文件金岩啊金岩复制到 /icons/png/high-res 目录下,将较小的 png 文件复制到 /icons/png/low-res 目录下(注意,所有文件名必须与之前添加到 icns.txt 中的文件名相同,否则最终显示到网站上会〖显示出错);

                5. 接着我们回『到 GitHub Desktop,软件会检测到你在根目录进行的所有的修改,每一个修改都会记录在 GitHub 中,如果你仅提交一个图标,那么你应该≡看到 4 条修改记录;

                6. 每一次提交都是有原因的◢,所以我们需要在下方的填◥写本次提交的说明,包含标题(必填)+详细内容(可选)。对于我,在本次在标题栏中填写如下图所示;

                7. 点击下面二号苦笑抬起右手的「Commit to master」 以确认,即将提交到 master 分支下,最后点击右上方的「Push origin」上传相关修■改为接下来创建 pull request 做准备;

                8. 让我们回到网页ξ端的 GitHub,点击自己 folk 了的项目,点击上而后化为碎片方的「Pull request」,再点击右侧的「New pull request」以新建一个「拉取」;

                9. 在接下来的页面中你就能看到自己刚才在 GitHub Desktop 上ㄨ传或修改的内容了,我们直接↑点击右侧的「Create pull request」即可;

                10. 最后一步,修改你如果你无法控制自己的内容,如果你没有什么想说的,可以直接点击右下方的「Create pull request」 以确认提交,这样,这个项目的管理员就能看到你的♂提交或修改了,待他确认无Ψ误后即可安排合并,那◥么这一个 pull request 也就完成了。

                简单小王恒和董海涛顿时吓了一跳结一下,看起来这么复杂的提交过程,也是符合代码的↘「严谨」而设立的ぷ流程。这就像小时候的你订正试卷一样:一份写好▓的试卷就是位于 master 的 branch 分支,此时试卷还在老师手上,你无法直接修改;当浏览这份试卷发现有错误需要修改,便将试〗卷拿来看,这个过程叫做◆ folk;你要对错误的题目进行修「改,那么你就会青帝陡然脸色大变改动 clone 到本地的文件,总结好自己的错误以后使用 pull request 提交;当老师,也就是管理员看云兄到后,确认你的订正是正确的,他就会合并你的修改,这就是 merged;这么一来就◣完成了。

                回到这@ 个项目来,据此项目的管理员称,将来会有一个更加简单的提交方▅式,即将 icns 文件拖动到指完全出现定地方并输入名称即可完成提交。也请欢迎大家关注该 GitHub 项目的动态吧■!

                结束语

                这篇文章的全部内容到这里就结束了,希望这篇文章能ζ够让你的 Mac 图标变◆得更加漂亮,也希望对新手入门 GitHub 有一定的帮助。特别感谢项目发起人 @elrumo 以及全●世界众多的图标贡献者!我也希望 macOS Big Sur 正式∞版能够在 11 月 11 日起开始现推送。

                由于自己也是第一次接触图标的绘制以及 GitHub 的使用,因此可能会ω 有较大的疏漏或者理解不透彻的地方脸笑道,还请大家能够在第一时间指出来,我也可以在第一时间改正,先谢谢了!

                在将来我也会〇写几篇关于 Big Sur 的文章,所以…… 欢迎大家【新】[ ~]( ·~ 轰隆隆无数金色力量评论以及关注!

                那么,我们就下次再见啦~

                相关文章

                关键词:macOS

                软媒旗下网站: IT之家 辣品 - 超值导购,优惠券 最会买 - 返利返现优惠券 6655网址之家 Win10之家 Win8之家 Win7之家 Vista之家

                软媒旗下软件: 魔方 旗鱼浏下面选第三件东西览器(极速内核) 云日历 酷点桌面 闪游浏览器(IE内核) Win7优化大师 Win8优化大师 Win10优化大师 软媒手机APP应用