Warning: include() [function.include]: URL file-access is disabled in the server configuration in /home/mmm/public_html/guides/skinning/leftbar.php on line 13
Warning: include(http://www.modmymoto.com/guides/chooseyourmoto.php) [function.include]: failed to open stream: no suitable wrapper could be found in /home/mmm/public_html/guides/skinning/leftbar.php on line 13
Warning: include() [function.include]: Failed opening 'http://www.modmymoto.com/guides/chooseyourmoto.php' for inclusion (include_path='.:/usr/lib/php:/usr/local/lib/php') in /home/mmm/public_html/guides/skinning/leftbar.php on line 13
Skinning Guides Navigation |
|
themotoguide navmenu
|
Sponsored Links |
|
|
|
TheMotoGuides
- Motorola modding taken to the limits.
|
| |
Creating 1*1 main menu in 10 minutes flat!
by xitiz7728
This tutorial will show you how to create a 1*1 main menu!!!!! Read this tutorial to: 1. Create skins with a custom main menu 2. Create 1*1 main menu skin 3. Create tabbed skins, etc
Lets begin!
STEP 1: CREATING MAIN MENU ICONS
The first step is to decide which icons you want in your main menu. For this tutorial, my main menu will have the following icons:
Phonebook Messages Dialing Services Security Games Multimedia Browser Tools Settings Ring styles Shortcuts Connectivity
Create custom images for these 12 icons using your favourite image editing program like Photoshop or Paint Shop Pro. The sizes of these images should be 176*198 for a 1*1 skin. Name this icon the same as its use, eg. PhoneBook.gif, Messages.gif etc.
Once you have created the 12 icons, create a copy of these 12 icons with one pixel different. That is to say, open the image again and make a very small change (eg, put a small black dot somewhere) and save the copy. Name this as PhoneBook_Copy.gif, Messages_Copy.gif, stc.
STEP 2: ANIMATING THE IMAGES
Download and install ULead GIF Animator. Its free for use (google it)
Drag the first icon (eg. Phonebook.gif) into the window. After that, drag its copy (phonebook_copy.gif) and place it below Phonebook.gif.
Save the image. In the Optimisation Wizard window, in the first screen select No then next, Second window select no and then next. In the third screen select yes for both options. Select Finish at the last screen.
Do this for all the 12 images. Now you’re done!!
STEP 3: REPLACING ICONS
Rename the icons to the names given below: Phonebook 924.gif Messages 919.gif Dialing Services 905.gif Security 929.gif Games 908.gif Multimedia 920.gif Browser 939.gif Tools 936.gif Settings 930.gif Ring styles 916.gif Shortcuts 931.gif Connectivity 902.gif
Open the skin you want to modify using skinner4moto. Click on pictures, and scroll down till you find the name to be 902.gif. Click on change GIF and select the 902.gif you have saved. It will prompt Wrong Dimensions, click on Insert Anyway and press OK.
Follow this procedure for all the 12 icons.
STEP 4: SKINNING
Open skinner4moto and open the skin you want to modify. Select structures and select main menu focused icon position. From the lower section, delete all the columns except 1st icon.
Select first icon and enter the following values: Width:176 Height:198 Left:0 Top:0 To remove the main menu selected icon text, select Position/Size, select Main Menu Title (row 189) and enter the following values: Right : 500
Click on Pictures, Click on GIF directory. Open 46.gif and flood fill with a single color. Then set transparency to that colour and save the image.
Finally click on Save to save your skin.
You’re done! You now have a fully customized 1*1 menu!!
Use your imagination to create amazing skins in this way!
If this helps you in any way! If you need more help, feel free to PM me or post in the skinning forum here on ModMyMoto.com
|