How to convert a banner from 4:3 to 16:9 aspect ratio

Discussion in 'Wii - Tutorials' started by AbdallahTerro, May 14, 2012.

  1. AbdallahTerro
    OP

    Member AbdallahTerro da KiNG

    Joined:
    Jan 14, 2012
    Messages:
    5,974
    Location:
    Ideas factory :)
    Country:
    Lebanon
    I made this tutorial since many people asked about this topic.

    What do you need:
    * CustomiizeMii 3.11: http://wiibrew.org/wiki/CustomizeMii
    * A paint tool - I use Paint Shop or Corel Photo Paint but any tool with layers support can do the job.
    * Common sense
    * A minute

    This is applicable to some of the channels made in my Gamecube Banners project thread

    Step 1: Open the source wad and extract the banner background
    Open Customiizemii and click browse to chose th source wad
    [​IMG]
    Select your file
    [​IMG]
    Go to Banner tab and chose MenuScreen1.tpl
    [​IMG]
    Hit Preview to check how it looks in 16:9 view, if you see that it's a bit stretched close preview and hit extract t save the png file
    [​IMG]

    The image proportion should be 800x450 pixels to show correctly on 16:9 display
    The extraced PNG has the same ratio, it's actually 590x332 pixels

    When the image is stretched you can do the following:
    1. Open the png in your photo editor and select the image
    2. Chose your background color to match the image's borders and resize the image keeping it centered
    [​IMG]
    [​IMG]

    Now when you feel the proportions are right, center your image again
    Create a new object and send it to back
    Fill this new back object with your background color (black in this case)
    Now add some feather effect (1-20) to the edges o your image if needed
    [​IMG]
    Save your file.

    Replace the background in customiizemii by clicking replace button
    [​IMG]

    And create your new wad.

    Other methods include trimming the original image to the right proportion (not aplicable every time) or pasting the image inside a 16:9 frame.
    You can also fill the empty are with special effects or textures or gradients...
    After all you can do whatever you want as long as the final image has a decent look.
    You might need to place the Wii/GC on the picture in case you trimmed it

    Here are 2 versions of the logo you might need to invert the colors depending on the background colors:
    [​IMG] [​IMG]

    For GX banners extract the new wad to a folder with any tool that can do the job (I use showmiiwads for this)
    rename 0000000000.app file to id3.bnr depending the game's ID and copy the bnr file to the banner cache folder
    Thanks you
    Abz
     
    2 people like this.
  2. pwsincd

    Member pwsincd Garage Flower

    Joined:
    Dec 4, 2011
    Messages:
    2,975
    Location:
    Manchester UK
    Country:
    United Kingdom
    the anticipation is killing me....
     
    1 person likes this.
  3. AbdallahTerro
    OP

    Member AbdallahTerro da KiNG

    Joined:
    Jan 14, 2012
    Messages:
    5,974
    Location:
    Ideas factory :)
    Country:
    Lebanon
    I'll go back to continue the remaining banners now :)
    If you need anything just let me know
    ;)
     
    1 person likes this.
  4. AbdallahTerro
    OP

    Member AbdallahTerro da KiNG

    Joined:
    Jan 14, 2012
    Messages:
    5,974
    Location:
    Ideas factory :)
    Country:
    Lebanon
    It takes time to upload stuff, you know :)
     
    1 person likes this.

Share This Page