首页»版块 荣耀互联网服务 荣耀主题 让每个人成为主题制作人(二):圆角图标的制作与命名

让每个人成为主题制作人(二):圆角图标的制作与命名

[复制帖子标题和链接]

30116

上官叮咚  LV7  发表于 2020-8-19 13:14:36 属地未知 来自:MRX-W09
本帖最后由 上官叮咚 于 2020-8-19 13:21 编辑

在上一篇帖子中,对主题制作基本工具ThemeStudio进行了介绍及其相关的主题制作过程,其中就包括对主题图标的替换。怎么样才能将模板主题中的图标换成自己喜欢的,怎么样制作圆角图标呢,这些问题本帖都一并告诉大家!

本帖提要:
->1、圆角图标的选取和制作
          裁剪-填充-圆角化-格式大小
->2、圆角图标的命名规则,以达到替换的标准
->3、注意事项:最重要的就是图标大小192*192,和命名规则

(一)、圆角图标的选取
       图标的选取不用我多说,就是利用各种资源包(酷安上搜索图标包,会有很多图标包app,下载打开app就可以看到里面有很多好看的图标,都支持搜索)或者搜索引擎(百度图片搜索什么的),寻找你喜欢的图标素材,也可以自己制作,我就自己用ps做了许多。如下图,是我下载的图标包app,以及app里面的样子: 让每个人成为主题制作人(二):圆角图标的制作与命名 让每个人成为主题制作人(二):圆角图标的制作与命名 (三)、圆角图标的制作——裁剪
       从图标包app或者百度中找到自己喜欢的图标之后,用截屏工具将其截取下来,然后用设备自带的图片编辑器对其进行剪裁,下面以电脑为例:
       打开我们截取的图片,点击右边的裁剪: 让每个人成为主题制作人(二):圆角图标的制作与命名        因为图标为正方形,所以裁剪比例也设置为正方形(1:1),裁剪的时候沿着图标的四条边将多余的部分减去 让每个人成为主题制作人(二):圆角图标的制作与命名 让每个人成为主题制作人(二):圆角图标的制作与命名        剪裁完之后得到如下一个正方形图标(还未圆角化): 让每个人成为主题制作人(二):圆角图标的制作与命名 (四)、圆角图标的制作——四角填充
       这一步视情况而定,若你第三步裁剪的图标本身四角的圆角率很小(或者通俗的讲,如下图这四个角的蓝色区域很小),不影响第五步圆角化(圆角化之后图标边缘没有杂色),那么可以不执行这一步,可跳过这一步,看下一步教学。否则,需要进行第四步的四角填充: 让每个人成为主题制作人(二):圆角图标的制作与命名        四角填充其实也很简单,就几步:首先打开Photoshop或者微软自带的画板画画工具等(只要是有颜色提取工具和画笔工具的软件皆可),将第三步裁剪完的图标拖进去:
       按如下步骤①先点击色板、,②点击靠近四角的颜色提取该色,③点击确认,这样上色板就提取了四角色: 让每个人成为主题制作人(二):圆角图标的制作与命名        ④点击画笔工具,大小视情况而定,硬度调为百分百,如果是画板工具不用考虑这些,⑤用画笔将四个蓝色的角落涂满刚刚提取的边角色白色: 让每个人成为主题制作人(二):圆角图标的制作与命名        ⑥四角涂满后,点击文件存储即可,原来裁剪的图标就被修改成四角涂满之后的图标了: 让每个人成为主题制作人(二):圆角图标的制作与命名        四角填充工作大功告成!

(五)圆角图标的制作——圆角化
       这里我们需要一个将图片圆角化的网站:www.pcccp.cn
       进入网站后:①点击浏览上传刚刚编辑之后的图标,②调整圆角尺寸,数值越大图标角越圆(这个需要微调,就是转换后下载下来,如果觉得不满意就重新换一个尺寸再次转换下载,继续观察是否满足视觉审美),③点击转换成圆角图标,④点击下载圆角图标。下载完后打开浏览器下载文件夹,进行检查圆角是否过大或过小,从而进行尺寸的更改重新转换,如果完美就不用重新进行此过程。 让每个人成为主题制作人(二):圆角图标的制作与命名        转换后的圆角图标如下: 让每个人成为主题制作人(二):圆角图标的制作与命名 (五)、圆角图标的制作——格式大小调整
       因为ThemeStudio只能识别192*192的图标,所以为了后面替换图标不出错,我们在此将图标的格式大小调整一下:打开刚刚完成的圆角图标:点击右上角的三个点——>点击调整大小 让每个人成为主题制作人(二):圆角图标的制作与命名        点击自定义大小,先把保持纵横比例的√去掉,不要勾选,除非是个标准正方形,更改图像大小尺寸为192*192: 让每个人成为主题制作人(二):圆角图标的制作与命名        之后便可保存调整之后的副本,建议将制作制作的所有应用的图标放在一个文件夹里,系统应用和第三方应用可分开放在两个文件夹里,便于后续的批量替换。保存调整之后的副本会有一个命名,看下一步。

(六)、圆角图标的命名规则:
       副本保存后,便是非常重要的命名环节。命名资源取自手机端的应用信息:
       手机或平板端打开文件管理——>应用 让每个人成为主题制作人(二):圆角图标的制作与命名        长按你要更换图标的应用,然后点击详情 让每个人成为主题制作人(二):圆角图标的制作与命名        详情中的路径,/之后-之前的那段字母便是必须给图标的名字,必须严格把这段com.huawei.fans(以花粉俱乐部为例)点和字母输入到上面副本的命名中,以完成命名环节。 让每个人成为主题制作人(二):圆角图标的制作与命名 (七)、TS替换图标
       打开TS-图标——>点击加号——>找到并选择刚刚保存的副本——>确定,即可替换图标啦,如果制作了多个图标,可以点击批量替换,找到这些图标全选确定即可。 让每个人成为主题制作人(二):圆角图标的制作与命名        如图,替换后的相机: 让每个人成为主题制作人(二):圆角图标的制作与命名        以上便是本帖的教学,下一期我会将我制作过程中的资源包整理共享出来,包括图标包、颜色透明的参数、背景等,敬请期待,希望大家多多支持!


————更多好玩有趣,持续分享哦————
评论6
上官叮咚  LV7  发表于 2020-8-19 16:20 属地未知 来自:荣耀 20
沙发备用
荣耀粉丝33324060  LV8  发表于 2020-8-20 01:39 属地未知 来自:荣耀V20
谢谢分享
荣耀粉丝818995  LV8  发表于 2020-8-20 11:11 属地未知 来自:荣耀V20
技术贴,点赞支持
荣耀粉丝187177504  LV6  发表于 2020-11-19 06:31 属地未知 来自:荣耀30
上官能把你制作的圆角图标图片打包发出来么。这样就可以直接替换位图了
您需要登录后才可以评论 登录 | 立即注册
简体中文 - China
快速回复 返回顶部 返回列表