Professional Documents
Culture Documents
Themes Tutorial PDF
Themes Tutorial PDF
https://huaweimobileservices.com/themes-creation.rar
Please note: Themes tool works only on Windows machines, 32 bit or 64 bit file version according to your computer system.
Download the required files 2/2
The file “Themes template.zip” will be used to create the design layout of the Theme.
It should have the following 5 files:
The “Theme Tool (xx-bit).zip” is the software that will be used to create the Theme.
It should have the following 11 files:
Themes template.zip: All design templates in one place
Use Themes template to create your own Theme design with Adobe Photoshop.
Themes template elements 1: Wallpapers
Each Theme has 2 wallpaper images, the “unlock screen wallpaper” and the “main screen wallpaper”.
The correspondent files for them are: “preview_unlock_0” and “widget_0”.
preview_unlock_0 widget_0
(lock screen wallpaper) (main screen wallpaper)
Themes template elements 2: Widget_0
Addition to the main screen wallpaper, the file “widget_0.psd” can also be used to create the widgets layout
and basic 8 icons.
Themes template element 3: Unlock screen
The file “4.0unlock.zip” is used to create the text layout and any other element that will be displayed in the unlock screen
Themes template element 3: Icons
The files “widget_0.psd”, “icons_0” and “icons_1” should be used to design all other Icons for your Theme.
Please note: Designing new icons is optional. You can also use default Android icons with your Theme.
icons_0 icons_1
HOW TO DESIGN A
WALLPAPER
Creating Wallpapers
There are 2 different wallpapers used in the Theme: unlock screen wallpaper is the image displayed when the
phone is locked and the home screen wallpaper is the wallpaper used after the phone is unlocked.
Now save the changes and go back to the main file “ widget_0.psd ”.
Repeat the process to all other icon layers that you want to modify.
Editing icons 4/4
Inside the PSD file “icons_0.psd” there's an group named “Other Icon” which has 3 layers: Border, Mask and Background.
The visuals of this group will affect all the icons inside your Theme, so if you modify these layers all the icons in your Theme will
obey the layout modification (Also app icons like Facebook). Doubleclick the layer you want to edit.
Path:
Do system icons >
7 > Other icon
There’s 3 options of modification: border (frame), mask (shape) and background. In the example bellow the background
is transparent.
=
Mask (shape) Border (Frame)
HOW TO PACKAGE
YOUR THEME
Theme Tool: Create a new Theme file
When your Theme visual designs are ready its time to use the Theme Tool.
It´s a software which is used to combine all the files into a Huawei Themes file (.HWT)
Start creating the Theme file by clicking ”New”. After that you will need to fill the My Theme form: Name, designer,
creator, description etc.
Note: You don´t need to fill the “Version” as it will be set when the Theme file is ready.
Theme Tool: Import files
Choose the files you want to import: Lock Screen, Widgets (including Home page wallpaper) and/or Icons.
Not imported files will use default Android items.
Note:
Please ignore
Homepage and all
menu choices
below it.
Theme Tool: Import Lock screen
Add your Lock Screen Themes package by choosing the Lock Screen tab, click ”+” button and select the 4.0unlock.ZIP file.
After this the imported files can be seen on the screen and you can jump to Widgets tab.
Please note: Your Lock screen files should be compressed into a 4.0unlock.ZIP before importing them to the Themes tool. Make sure that you
compress only the ”preview_unlock_0.jpg”, ”unlock_wallpaper1.jpg and the ”unlock-folder” in to the zip file. There shouldn´t be any extra files
on the package.
Theme Tool: Import Widgets and Home Screen
Add your Widgets and Home Screen to the Themes package by choosing the Widgets tab, click ”+” button and
select the widget_0.PSD file.
After this the imported files can be seen on the screen and you can jump to Icons tab.
Add your custom icons to the package: Import the the 2 icon PSD files that you modified (icons_0.psd and icons_1.psd).
Choose them together and click Open. After this: The imported files can be seen on the screen side by side.
Please note you can skip this step if you haven´t done any custom icons.
Theme Tool: Export Theme Package
The last step is to export the Theme files, just click the button Export Theme Package and save it to you selected folder.
Theme Tool packages the added design files into a .hwt file (Huawei Themes) which can be uploaded to the Themes Store via
Huawei Developer Alliance (developer.huawei.com).
MAKE THEME COMPATIBLE WITH ALL
HUAWEI OS VERSIONS
What is EMUI (Huawei OS)?
EMUI stands for Emotion UI and it´s the name of Huawei´s smartphone software, that sits on top of the Android OS
and gives Huawei phones a distinctive look and feel.
Step 1: Step 2:
Rename your Theme file from .hwt to .zip and Rename the icons file to .zip
extract the files.
Making your Theme compatible with EMUI 5.0 – 2/5
Step 3:
Delete these 3 files from the unzipped Themes package (these are not needed on EMUI 5.0 version):
com.android.gallery3d, com.android.mediacenter, com.huawei.android.totemweather
icons icons
Making your Theme compatible with EMUI 5.0 – 4/5
Step 5: Edit Theme XML file
Open the file description.xml from Main folder using a Notepad and change the version number from 4.0.1 to 5.0.1.
Save the file.
After you have done all the changes you will need to do the reverse compress & rename.
Step 6: Step 7:
Rename the Icons.zip to Icons (without any ending) Select all files in the Main folder and zip it.
Rename the .zip package to .hwt
TESTING THE THEME
Test your Theme 1/2
Before upload the Theme file to the Theme Store test your .hwt file in your device or send it to us and we will test the file.
Connect your mobile device to your computer and drag your Themes file to the folder:
Computer\Device Name\Internal storage\HWThemes
Test your Theme 2/2
Open your Themes app, go to Local Themes, select the Theme you create and click Apply.
themeseu@huawei.com