HOWTO: Make a transparent faction icon

Almuro - Harshlands
Almuro - Harshlands Posts: 5 Arc User
edited February 2011 in Dungeons & Tactics
I am not sure if this has been posted before so I will do it now.

The image must be sent in as a 24 bit BMP format and must be 16*16 pixels with a RGB color mode.

Okay,

So you want to make a transparent faction icon for your faction, well here is how you do it.

First, get the image you want, I will use this one:

timthumb.png

Now resize it down to 16x16 px:

smtim.jpg

Now you need a graphic editing program, I use GIMP which can be found here:

GIMP, the GNU Image Manipulation Program

First, open your BMP image in GIMP:

1.png

Second, Click the % on the bottom as shown and enlarge it to 800%. It is easier to work with the image:

2.png
Post edited by Almuro - Harshlands on

Comments

  • Almuro - Harshlands
    Almuro - Harshlands Posts: 5 Arc User
    edited October 2010
    Third, add your Alpha Channel for the transparency as shown here:

    3.png

    Fourth, click the select tool as shown here:

    4.png

    Fifth, select the area in which you want to add transparency:

    5.png

    Sixth, Press your keyboard DEL key to delete what you want:

    6.png
  • Almuro - Harshlands
    Almuro - Harshlands Posts: 5 Arc User
    edited October 2010
    Seventh, when you have deleted everything that you want, click the select None area as shown here:

    7.png

    Eighth, Now lower your % back to 100%:

    8.png

    Ninth, Click File, Save As and save it where you want under what name you want. MAKE SURE YOU DO NOT CHANGE THE BMP FILE EXTENSION!

    9.png

    When the pop up window opens just click Save:

    a.png


    You have now created a faction icon that is RGB value and 16x16 px in size.
  • Almuro - Harshlands
    Almuro - Harshlands Posts: 5 Arc User
    edited October 2010
    I should mention that I used Windows paint to resize the image from 160x160 px to 16x16 px and set it up as a 24 bit BMP image. It is easier to use paint to do that, then it is GIMP.
  • Silest - Sanctuary
    Silest - Sanctuary Posts: 816 Arc User
    edited October 2010
    Great guide and rather you know it or not, you taught a tiny bit on how to render(not to be confused with graphic rendering) a pic as well.
  • DaAnvil - Heavens Tear
    DaAnvil - Heavens Tear Posts: 1 Arc User
    edited November 2010
    Awesome guide. It really helped out a lot.

    Could a forum moderator sticky this guide so that it doesn't get lost in the others?
    [SIGPIC][/SIGPIC]
  • Baalbak - Dreamweaver
    Baalbak - Dreamweaver Posts: 1,624 Arc User
    edited November 2010
    Don't forget to mention that when you do this, you have to save with the options 32 BIT A8 R8 G8 B8, otherwise the Alpha Layer (which holds the transparency data) will not get saved. Of course it will not display as transparent in most (any?) image viewer.. however they want it done that way for some reason.
    [SIGPIC][/SIGPIC]
    Retired..
  • MoonUsagi - Heavens Tear
    MoonUsagi - Heavens Tear Posts: 4,377 Arc User
    edited November 2010
    Nice, great guide. Sticky for the goods. b:pleased
    [SIGPIC][/SIGPIC]
    Sorry i speak engrish b:chuckle
    Nickname doesn't have anything to do with sailor but related to a folklore
    Use search, it was your best friends to avoid many suffering in internet...
  • Meolin - Lost City
    Meolin - Lost City Posts: 2 Arc User
    edited January 2011
    pictures is dead..
  • sangodoc
    sangodoc Posts: 0 Arc User
    edited January 2011
    pictures is dead..
    Thread was dead too, until you necroed it. :-P

    Anyways, see the How to Get a Faction Icon section of the wiki. It has pictures and a full list of the steps to follow for this.
    [SIGPIC][/SIGPIC]
    Visit the PWI wiki for the useful information. Stay at the PWI wiki for the pie. ;-)
  • Metalpuritan - Sanctuary
    Metalpuritan - Sanctuary Posts: 149 Arc User
    edited February 2011
    dont care if this thread is dead it was helpful till you removed the pics. I could certainly use them, as far as im concerned you all are in league with photoshop (trademark) for that, i ain't paying for some stupid program i can get for free you dumb mod. Reactivate the links noob. jesus you guys can be such nerds sometimes.
  • screamkids
    screamkids Posts: 0 Arc User
    edited February 2011
    wtf all the pics are gone i cant make this work now :S b:sad
  • Marenth_Mist - Heavens Tear
    Marenth_Mist - Heavens Tear Posts: 5 Arc User
    edited February 2011
    Can someone confirm that the transparent background will appear white in most image viewers?

    I've made a faction logo and used alpha layers in photoshop, but the background comes out white when I save the file in .BMP format...
  • Marenth_Mist - Heavens Tear
    Marenth_Mist - Heavens Tear Posts: 5 Arc User
    edited February 2011