Create Live Wallpaper
~ Making a Simple Live Wallpaper ~
Previous Tutorial: Installation Guide
If you have successfully gone throught the Installation tutorial, you are now ready to build live wallpapers. Now, let's make a very simple live wallpaper.
Background
Background
All live wallpaper creation will take place under the Project tab, so make sure you are there.
Select a picture from your Work Folder on the left. Let's pick the Orange Flourish.jpg. You will see the picture appear under the Preview tab.
Select the area to be used as the background for your live wallpaper. You need to select two crop sizes: High Resolution and Medium Resolution. The 2 crop sizes specifically cater to different to common device screen ratios. When you are done positioning the crop frame, click Set.
You can move the crop frame around freely by left-clicking and holding it to move it to the desired position. Right-clicking will result in horizontal movement only. You can also make it bigger or smaller by clicking on the square in the bottom right corner of the frame and dragging it to fit your desired size.
LWC provides some padding for your background in case you want to use it. You can change the colour of the padding if you wish.
Select a picture from your Work Folder on the left. Let's pick the Orange Flourish.jpg. You will see the picture appear under the Preview tab.
Select the area to be used as the background for your live wallpaper. You need to select two crop sizes: High Resolution and Medium Resolution. The 2 crop sizes specifically cater to different to common device screen ratios. When you are done positioning the crop frame, click Set.
You can move the crop frame around freely by left-clicking and holding it to move it to the desired position. Right-clicking will result in horizontal movement only. You can also make it bigger or smaller by clicking on the square in the bottom right corner of the frame and dragging it to fit your desired size.
LWC provides some padding for your background in case you want to use it. You can change the colour of the padding if you wish.
Items
Now that the background for our live wallpaper is set, we need to add some items to it. LWC allows you to add pictures as items that will appear over the top of your background. There are various properties that you can customize in order to conrol the behaviour of your items. But more on that later, let's first pick some pictures as our items.
Click on the Items tab.
Over in the Image Library, click on the Items folder
All the pictures in the Items folder will appear on the right side of the Image Library.
Left-click on some pictures to add them to the Items list (top left section). If you change your mind about an added picture, you can always right-click on them in the Items list to remove them.
To control how many items appear on the screen, we can set the Item Count value.
We'll set ours to 15.
Now we need to decide where we want our items to spawn. The options are:
Border: items spawn at the border of the screen.
Random: items spawn in random locations on the screen.
Centre: items spawn in the centre of the screen.
Touch: items spawn only when the user touches the screen and at the location of the touch.
Let's set our location to Random.
Since we are keeping it simple for our first live wallpaper, we are not going to add any interaction controls. Select None for the Action Style and click the Disable Interaction checkbox.
Over in the Image Library, click on the Items folder
All the pictures in the Items folder will appear on the right side of the Image Library.
Left-click on some pictures to add them to the Items list (top left section). If you change your mind about an added picture, you can always right-click on them in the Items list to remove them.
To control how many items appear on the screen, we can set the Item Count value.
We'll set ours to 15.
Now we need to decide where we want our items to spawn. The options are:
Border: items spawn at the border of the screen.
Random: items spawn in random locations on the screen.
Centre: items spawn in the centre of the screen.
Touch: items spawn only when the user touches the screen and at the location of the touch.
Let's set our location to Random.
Since we are keeping it simple for our first live wallpaper, we are not going to add any interaction controls. Select None for the Action Style and click the Disable Interaction checkbox.
Item Properties
We have picked our items and decided on the spawn and interaction modes (random and non-interactive). It's time to configure the properties of the items.
Click on Item Properties tab. There you will find 6 item properties:
Speed: controls the speed at which the items move on the screen.
Direction: controls the direction in which the items move on the screen.
Scale: controls the size of the items upon spawning.
Angle: controls the orientation of the items upon spawning.
Opacity: controls the transparency of the items upon spawning.
Rotation: controls the speed at which the items rotate (counter-clockwise) on the screen.
List Notation
You can enter multiple values and ranges of values for each property using commas and dashes respectively. This is called list notation and allows for great flexibility in your wallpapers.
Additionally, we are allowed to have multiple presets for Speed and Direction. These presets will appear in the live wallpaper settings when it is installed on the end-user's device. You can also name your presets whatever you want using the Title fields.
Let's set our speed presets as follows:
Slow: 10,20-30
Medium: 40,50-70
Fast: 80,90-120
As you can see, we are using list notation to combine single values with ranges. Whenever the item spawns, it will randomize a speed value from this list of values here.
To figure out how Direction works, you may use the compass chart to orient your items. 0/360 is right/east, 90 is top/north, 180 is left/west and 270 is bottom/south. Let's set our Direction presets as follows:
Straight up: 90
Every direction: 0-360
Left and Right: 135-225,315-405
The other properties are configured in similar fashion, however, they will not appear as selectable presets in user settings, therefore, there are no title fields. Let's set them up as follows:
Scale: 75-100
Angle: 0
Opacity: 50-100
Rotation: 50-60
Additionally, we are allowed to have multiple presets for Speed and Direction. These presets will appear in the live wallpaper settings when it is installed on the end-user's device. You can also name your presets whatever you want using the Title fields.
Let's set our speed presets as follows:
Slow: 10,20-30
Medium: 40,50-70
Fast: 80,90-120
As you can see, we are using list notation to combine single values with ranges. Whenever the item spawns, it will randomize a speed value from this list of values here.
To figure out how Direction works, you may use the compass chart to orient your items. 0/360 is right/east, 90 is top/north, 180 is left/west and 270 is bottom/south. Let's set our Direction presets as follows:
Straight up: 90
Every direction: 0-360
Left and Right: 135-225,315-405
The other properties are configured in similar fashion, however, they will not appear as selectable presets in user settings, therefore, there are no title fields. Let's set them up as follows:
Scale: 75-100
Angle: 0
Opacity: 50-100
Rotation: 50-60
Building
Now that our background, items and their properties are configured, we are ready to build our first live wallpaper. Since this is a very simple live wallpaper, we are skipping Interaction, Fonts and Promotion tabs. These will be covered in the next tutorials. Let's build our wallpaper now!
Click on the Build tab.
Give your wallpaper an appropriate name. We'll call ours Orange Flourish LWP.
Select the company that you want to sign your wallpaper under. You should have an available company from the previous tutorial.
Type in your password and alias (case sensitive).
Click Build.
If you want to build and install the wallpaper to your device right way, you can click on the Build+Install button.
Your project will be compiled into an apk file. The apk file will be created in the corresponding project folder inside the archive. Access your archive folder using the shortcut button on the bottom left of the screen.
Your project will be compiled into an apk file. The apk file will be created in the corresponding project folder inside the archive. Access your archive folder using the shortcut button on the bottom left of the screen.
Testing
To test your newly built live wallpaper application you need to connect an Android device via a usb cable or run an emulator via AVD Manager. You can access the AVD Manager from the Settings tab.
Once a device or emulator are ready, click the Build + Install button to install your wallpaper.
Alternatively, you could transfer the apk file from the archive to your device, and install it manually. You will need to have a file browser app installed to navigate your Android device's file structure.
Congratulations on creating your very first Android live wallpaper using Live Wallpaper Creator.
Previous Tutorial: Installation Guide
----- Thanks for reading my post, hope you'll enjoyed it!
Stay tuned guys to my blogs, so i can create more informations and tutorials about android phone and others... :)))
the photo below is the "Unfinish Experiments" created by me. feel free to ask me and add me on.fb.me/1xUS564
®GRAPHICSCREATIONS |
 |
| THIS PHOTO OF MY UNFINISH MODIFIED ANDROID |
No comments:
Post a Comment