请选择 进入手机版 | 继续访问电脑版

查看: 8431|回复: 2

[教程分享] Theme Creator自制主题教程分享

[复制链接]
  • TA的每日心情
    可爱
    2017-12-18 17:52
  • 发表于 2016-3-15 14:15 | 显示全部楼层 |阅读模式
    索尼在3月2日发布了对Xperia™设备进行主体定制的工具——Theme Creator。
    官网连接https://developer.sony.com/develop/smartphones-and-tablets/theme-creator/
    当然,根据0.0.1的版本号和醒目的BETA,该工具目前还在起步阶段。
    如果你能看懂英文的话,就自己在官网学习一下好了。
    首先必需要安装Java Runtime Environment (JRE),版本7或者以上。
    JAVA官网连接http://www.oracle.com/technetwork/java/javase/downloads/index.html
    你也可以随手百度一下(网上又免配置版的,不过会报毒)。
    然后下载Theme Creator。可以在上面的官网自己点进去,然后下载,或者下面这个链接另存为。你晓得的。
    http://dl.developer.sony.com/mobile/tools/theme-creator-v1_0_0-BETA.zip
    双击即可打开。界面如下。 1.jpg
    一开始界面不是全屏,但不要紧。
    下面有两种新建方式:essential(基本),complete(完整)。区别下面展示。
    2.jpg
    先随你自己点一个。输入文件名,打包信息,选择存储位置。
    根据官网说明,第二个有格式要求[domain].[company name].[applicationname]。所以我们也要xx.xx.xx,注意只允许英文小写字母。
    3.jpg
    因为输出了psd格式的文件,所以需要一点时间。
    4.jpg
    刚才选了complete的,时间会明显比选essential的长。因为一个文件303MB,另一个为786MB。(我的是32位系统,具体大小不用在意。)
    正式界面如下图。
    5.jpg
    左边导航栏,后边预览窗口,坐下那个姑且算进度条。
    忘了存储地址,就点菜单栏edit里的projectproperties看一下。
    选择导航栏里的项目,预览会变化。你可以选择预览窗口上方的two rows以显示所有内容而不用使用鼠标的滚轮,也可以选择phone/tablet进行设备的选择。点那个类似循环的标志是横屏和竖屏的切换。
    当然,由于工具刚发布,并不完善。官网说明默认你有photoshopCS6及以上的版本,这样你在后面可进行更深度的修改。
    在这个工具里,你能修改的只是颜色。要点导航栏里每个项目框右方的那个竖条。选择set to color,看到可以更改颜色和透明度。
    移除更改是用set to color下面的removecolor。后面会介绍深度修改。
    6.jpg
    不过我不太清楚下面两个功能不能使用是我自己的原因还是什么。因为该工具没法识别我的photoshop CC,手动设置也不行。
    英语捉急,大概理解错了说明里的意思。(在edit的imageeditor preferences里。)
    点击每个项目,发现预览窗口里对应的地方会闪一下。长按每个项目,就一直亮着,让你明白修改的是什么。
    不过有时候会出现下面的情况。即没法修改和没有预览。
    另外根据官网说明,由于设备间尺寸和分辨率的差异,预览仅供参考。
    7.jpg
    8.jpg
    完成更改后,选菜单栏里的build-export test apk,就可以自己选择一个位置用来生成主体的APK文件。
    直接在设备上安装,然后在主题设置里就可以更换了。
    不知道什么原因,我那里build and install不能使用,原则上是连接设备后直接进行安装更改。
    export unsigned apk生产的APK没法直接安装,应为没有署名(大概)。
    刚才的test apk是工具帮你弄了一个临时用的,因此没法上传到google play。但用来分享是足够了。

    下面介绍深度修改的方法。
    比如:不要吐槽,电脑性能不行,就修改了比较方便的。
    9.jpg
    前提:photoshopCS6及以上的版本。
    打开最开始设置的存储位置所在的文件夹,打开templates,看到psd文件,文件名都说明了内容。
    第一张截图里的XPERIA要在SystemUI-NavBar(v1.0)里修改home键。
    打开任意一个psd文件,看到图层面板里有说明。
    10.jpg
    Help: Hide me first就是打开之后的一些说明,点击眼睛标志进行隐藏。
    打开图层里的每个文件夹,有不少切片文件,名字和图标一一对应,也和工具导航栏里有对应。
    11.jpg
    现在你可以随意修改了。觉得东西太多,就点击一下想修改的部分,图层栏里变深色被选中,右键编辑内容,切片被独立出来。
    现在可以将原来的大文件关掉了,不用选存储更改。
    12.jpg
    修改完之后,点文件-存储为WEB所用格式,注意选择PNG-24,透明度被选中,交错不要选,Matte dropdown没有使用。
    我一般选择原稿,不过官网没说,优化的应该也没关系吧。
    存储时格式-仅限图像,设置-自定,切片-所有切片。(官网这么说就照做呗。)
    出现警告之类的确定就行。
    存储在之前的文件夹里面,注意一定要在里面。
    至于你想放在里面的哪个位置,无所谓,在里面新建文件夹也行。
    13.jpg
    如果刚才使用了编辑内容对一个切片进行操作,那么你得到的文件名是这种形式的。
    xxhdpi_ic_sysbar_home1.png
    为了让工具识别,必需更改为
    com.android.systemui_xxhdpi_ic_sysbar_home.png
    也就是加上com.android.systemui_,(应该都是一样的吧,大概……),保持和整个PSD文件输出时同一文件名。
    这样你就可以在工具里看到修改后的主题了。

    由于我的笔记本是五年前的便宜货,性能跟不上,PSD操作我就懒得弄了。
    希望各位大神制作更多好看、有趣的主题。




    虽然很无聊,但如果在PS里把虚拟按键的图删掉的话就会这样。看不到虚拟按键了。
    另外官网说了是这工具是对于Android 4.4以上的,虽然PSD文件里有各种分辨率的,但不知道其它系统会怎样。
    14.jpg

    回复

    使用道具 举报

    该用户从未签到

    发表于 2016-3-15 23:52 | 显示全部楼层
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    发表于 2016-3-25 11:26 | 显示全部楼层
    好难的啊,自己表示不会玩
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|索尼手机论坛 ( 北京市公安局海淀分局网监中心备案编号:11010802020118  

    GMT+8, 2019-9-22 22:07 , Processed in 0.064663 second(s), 30 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表