Hi my friends!
UCCW app has changed the interface design, but still remains the same exceptional app.
This tutorial is made on the new interface.
I have decided to use the following settings for the screen:
- 4collumns and 8rows
- no statusbar
- no dock
- no margin
- disable nav bar
All those settings you set on your own launcher. (I use Apexpro)
I will start by creating two 4x4 skins.
Let's begin!
1. Add "uccw 4x4" widget on the screen, than edit (width and height) till it will cover the entire half of the screen.
The same with the other half, covering this way the entire screen.
I remain on my dimensions (848x754), perfect for my S4. Depending on your phone, change it till you obtain the wanted result.
2. Press the skin which you would like to begin with start the screen creation. (I present you the first one, top of the screen).
By pressing "add/remove objects" you'l see the entire list of "things" you can add to the skin.
Select "shape1" and press "close".
"Shape1" appears on the screen and for editing it you must select "edit objects".
A list with what you can edit will appear.
Select "shape1" and you will see the entire list with what you can modify at "shape1".
With "position" you will set "shape1" leaving a widther margin on horizontal than vertical.
With "width" and "height" set your own wanted measurements, so as the terminations for "shape1" to be identicle with the termination for the "background".
3. Now we will try to give effect to the skin.
Now back to "add/remove objects" and add "shape2".
After "shape2" appears on the screen, select "edit objects" - "shape2" and start editing.
With "width" we slim it very much (I set it at 40).
With "height" we make it longer at almost twice the height used at "shape1". (I used "shape1" 724 and "shape2" 1400).
We press "style" and select "oval".
Set "shape2" where we want with "position", than we go to "shadow" and edit: "radius 10" and "dx -10" (the shadow will go to left) and select a dark gray color.
Now we go back to "sort objects" and change the order. "Shape2" first and than "shape1" (drag "shape2" over "shape1").
Press save.
This is the rezult.
4. For the "window" effect we go back to "add/remove objects" and add "shape3" which we will redimension and set it identicly with "shape1".
Afther this is done, we add "special effects".
This is the rezult.
5. In order to make your work (editing) eazyer, my advice to you is to remove the "effect" from "shape3" (readd it at the end).
We go back to "add/remove objects" and add "shape4".
Set "shape4" in the right part of the screen, slightly higher than "shape1".
We are going to add "roundness" half of the setted "width" ("width" 200, "roundness" 100).
For the height, we can't stop anymore at the "background's" margin because of the round shape.
And so we are going to make "height" bigger with at least the dimension of theused round shape ("roundness" 100; "height" +100).
At "shape4" will set "shadow" 2 and chose the color black.
6. For the effect to be created, "shape5" and "shape6" must be added, which we will set exactly as "shape2" (the one with which we created the first effect) but we will set them under "shape4".
The "shape" set in the left will have "dx" with minus, so the one in the right will have "dx" with plus.
7. Go back to "shape3" and readd the effect.
Depending on the wall you use, chose a color for "shape4".
The skin from the bottom is identicle with the one from the top.
You will create them identicle (in the mirror).
After your screen is finished, add anything you want in the skin (image, text, hour, ... )
Do not forget to remove the "effect" from "shape3" till the end of your work when you can addit back.
That is it!
"octa" S4
