admin管理员组

文章数量:1530847

2023年12月14日发(作者:)

主题制作教程

目前主题大赛设计阶段已经结束,涌现出了很多优秀的设计作品,很多花粉在问,这些主题什么时候才能下载呢?别急,从一个主题设计稿转变为可以在手机上使用的主题,还有很多的工作需要做,希望各位能够参与其中,尽快的把这些优秀的主题开发出来和大家见面哦。那么现在我们就来说说怎么入手做这件事情吧。

一、前期准备

1. 准备好主题设计稿,需要是PSD或者AI分层源文件,因为制作时需要将设计稿按规范尺寸进行切图,分成一张张小的图片用于主题包中。

2. 下载华为Emotion UI手机主题制作工具,有了这个主题工具,制作主题就不再是一件很难的事情啦。目前主题工具正在根据大家的反馈不断优化,会越来越好用的哦。

主题工具下载地址:/c035hci8qe

主题工具的使用教程请见:/?mod=viewthread&tid=28015&extra=page%3D1&page=1

主题工具包含在Hi suite中,下载安装后在侧边栏就可以看到主题工具了。

3. 目前主题设计大赛优先开发的设计尺寸为xhdpi(720x1280px),目前华为只有D1手机支持此分辨率。如果你手头上正好有华为D1手机,那么就再好不过了,可以拿来测试你的主题包。(后续会推出hdpi(540x960px)分辨率的主题制作,可以支持P1手机。)如果没有华为D1手机,主题包打好后可以发给华为Emotion UI 编外团队代为测试,后续会公布测试地址(这里是否先公布下发布测试地址?请俞丰安排)

二、Emotion UI 主题包简介

主题包是一个用zip打包的压缩包,命名时用hwt作为后缀,里面包含了该主题的描述、预览图以及各种图片资源,并按一定的目录结构进行组织。主题工具中已经包含一个主题包模版,可以通过点击主题工具左上方的保存按钮将主题包模版存出来查看。

有些文件夹里有一个res的文件夹,这个就是主题的图片资源存放路径,你可以对照这些切图将自己主题中相应的资源用photoshop软件存出来。如果有些图片不清楚是用在哪里的,请查看“主题包资源图片清单.xlsx”文档。替换优先级高的图片资源是对主题风格有比较大的影响的,建议你替换以保证主题的效果哦。另外,替换的时候要注意的是一定要保证图片名称保持一致,如果有改动,软件是无法读取的哦。

三、制作简单主题包

请先打开主题工具,对照侧边栏中的界面名称,按下面步骤一步一步来吧,主题看似复杂,实际上只需要在主题工具中将对应的切图资源一一换掉就可以了哦。

1. 描述文件

标题:请填入主题名字,你可以取一个合适的主题名填在此处。

设计者:请填入主题设计师的名字

开发者:请填入主题制作者的名字

版本、分辨率、保存路径目前暂不涉及,不用修改。

2. 解锁

四方向键解锁、向下滑动解锁、左右滑动解锁这三种最基本的解锁方式(如下图)可以通过主题工具直接完成。

如果需要做复杂一点的解锁方式,就需要通过软件代码来实现了,可以参考锁屏教程。你也可以提出你的创意,经过审核后,将由华为Emotion UI软件团队来帮你实现你的想法。

3. 桌面

桌面中所显示的widget和图标均分别在图标资源包和widget资源包中,所以桌面资源中包含的主要是底部栏背景图片、文件夹、桌面编辑时出现的垃圾桶等图片资源(如图)。 如下是桌面的文件夹打开、缩略图等页面。作为低优先级的替换要求。其中涉及到缩略图卡片的.9文件、文件夹打开等资源图片。如果想保证你的主题的完整度,不妨也可以替换这部分图片。

4. Me widget

Me widget是华为合一桌面上第一屏的widget,我们一般用网格来表明其尺寸规格。如桌面整屏为4x4个网格,Me widget占4x3个网格(如图1-1)。其中各个不同的Unit各自占相应的网格数,用户可以根据规格自定义排列。

如默认页面上:天气unit 2x1个网格/ 时钟Unit 2x1个网格/ 相册Unit 2x1个网格/

联系人Unit 1x1个网格/ 音乐Unit 2x1个网格。这些内容在桌面第一屏,在主题中作为高优先级替换内容。(如图1-2)

同时我们也可以提供4x1网格的天气unit/4x1网格的音乐unit(如图1-3),用户可以在配置页面中看到并选择它们。 图1-1 图1-2 图1-3

如下是Me widget的编辑配置页面。作为低优先级的替换要求。其中涉及到编辑状态下的选框/按钮等资源图片。如果想保证你的主题的完整度,不妨也可以替换这部分图片。

当你看到Me widget的主题资源包时会发现,它包含两个目录。这是由于联系人Unit图片我们是直接从联系人模块中读取的。所以在打包的时候,联系人Unit相应的资源(如默认联系人头像)应该放在这个目录下;其他Me widget资源则全部放在et这个目录下。

值得强调的是,Me widget的资源包中涉及到的内容,如果需要替换则一定要保证文件名/文件类型(点九或非点九)的一致,否则不能被正确读取。如果是非点九的图片,也请保证切图大小的一致,以免布局上会发生错误。具体资源的描述请参考“主题包资源图片清单.xlsx”文档查看。

5. 图标

主题大赛已经包含的26个常用图标:应用商店、设置、主题、相机、电话、联系人、短信、浏览器、情景模式、音乐、图库、电子邮件、语音助手、记事本、文件管理、日历、时钟、应用安装、备份、同步、系统升级、天气、手电筒、计算器、录音机、收音机。但实际上一套主题的图标数量不止26个,而是四十多个,如果要保证你的主题效果,最好能够将剩余的图标补全。

需要补全的图标有11个,包括DLNA、SIM卡、手机找回、帮助中心、视频、安全卫士、华为云服务、 壁纸、窗口小工具(Widget)、缩略图、转场效果。请参考“主题包资源图片清单.xlsx”文档查看,标为高优先级的图片最好全部补全以保证主题效果,没有补全的图标,在主题中将像第三方图标一样用加底板的形式处理。

6. 铃声资源

铃声资源也是主题的一部分,主题工具提供了跟随主题切换铃声的功能。如果主题对铃声没有特殊要求,那么这一项可以忽略而过,不替换也没有关系。

如果有配套的铃声需要加入,就按照下面的流程来吧。

一、 选择资源。每个主题包可以添加9个模块的铃声资源,每个模块对应一首铃声,分别对应的命名请参考,可以选择全部加入或者部分铃声加入。

主题包铃声资源规格表

文件名(打包时的文件名,注意首字母大小写)

显示名(在手机中的显示名)通过工具可自定义

对应功能

例:Huawei Tune 来电铃声

信息提示音

闹铃提示音

邮件提示音

日历提示音

其它消息提示音

Effect_ 触屏音

锁屏音

解锁音

二、 格式要求。请使用.OGG格式,关于这个格式本身就不多做解释了,可以到网上搜索了解,下面主要讲如何输出这个格式。

1) 如果使用一些音乐制作软件(含MIDI制作)如:Cubase、Nuendo等,是可以直接输出OGG格式的。

2) 如果输出的是MP3、WAV、WMA、AAC、M4A等常见音频格式,可以使用一些转换工具,如:魔影工厂、狸窝全能视频转换器。

3) 备注:转换时可以在输出高级选项里选择高质量的级别。 三、 显示命名。OGG格式制作好了,但是想要在手机中显示出铃声的名称,还需要一步工作,就是写入铃声标题信息。

信息写入工具。推荐:foorbar2000播放器;ID3TagEditor工具等。

例:将铃声文件(OGG格式)拖入foorbar2000,右击文件点击最后一项“properties”属性,在Track Title项写入要显示的铃声名字(如下图1),当然作者的名字也可以写入Artist Name项,注意如果有多余的信息请删除掉(如图2),

注意:如果写入的名字过长是无法完整显示的。

四、 打包合入。把编辑好的铃声放到“audio”文件夹里。

注意:铃声的文件名要按照“主题包铃声资源规格表.xlsx”的命名要求。

好了,大功告成!

7. 预览图

目前主题预览图有5张,分别为主题封面图、图标预览、桌面预览、解锁预览、字体预览。这5张图将在主题商店、手机中的主题管理工具中出现,用户可以通过这5张预览图大致了解你的主题设计风格(如下图)。因此这5张图非常重要,一定要按你的设计如实而又精致的表现出来。这5张效果图中元素的摆放布局请参考主题模版来制作。制作完成后在主题工具里替换就可以了。

8. 墙纸

HD屏幕下桌面墙纸为1440x1280大小,同一套主题可以预置多张墙纸选择。home_wallpaper_为此套主题的默认壁纸。锁屏墙纸为单屏墙纸,尺寸大小为720x1280px。

主题资源替换完成后,就可以通过主题工具上方工具栏的打包至本地或者打包至手机的功能进行打包啦。打包出来后你会发现你的主题已经变成了后缀为hmt的一个主题包了,接下来也不要忘了测试和优化哦,看看你的主题是否能够成功的如你所想的在手机上显示了吧。

本文标签: 主题资源工具铃声图片