ModMyMoto

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
Arrow_TcatSkinning Guides Navigation
themotoguide navmenu
Arrow_TcatSponsored Links

Tcat Arrow 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.

Free Image Hosting at www.ImageShack.us

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.

Free Image Hosting at www.ImageShack.us

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.

Free Image Hosting at www.ImageShack.us

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