Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Some notes on editing icons for the NWN style. Example icons:Shouldn't need general/DM/Emote icons.

Existing Icons Info

NameIconRough
HTML Code
Colour CodesNotes

Feat

Domain

Image Modified

7da8d1

White and black contrast

White fading into blue

Domains are similar although just a different more square design with a rounded black border and the background is two toned blue.

Spell

Image Modified

8b7486 (more drab) or 7c5574

To convert seems 3d2439 works well (61.4/35.8/57.2)

Similar contrast to feats

Purple-ish colouring

Spell Scroll

Image Modified

White version applied to the scroll iconThis is the spell icon but made into a white form. Black is transparent.
Skill

Image Added


Green similar to Good Effects
Good Effect

Image Added

2dca25 or 45/201.6/37.5 when converting other icons with colorizeProject hasn't made these transparent (yet)
Bad Effect

Image Added

Pure red for converting is fineProject hasn't made these transparent (yet)
Class

Image Added


Golden yellow

Colouring Icons

To edit a image to a certain colour first greyscale it (Colours → Desaturate → Mono Mixer).

...

Then a rough 60% opacity Burn use of the Fill tool. You set to foreground colour with the right colour option as per above. Tweak to fit.

Alternatively you can use the Colorize option although sometimes the blacks change excessively with using it.

Then add the border ala Overhaul Icon Drop Shadow Workflow after removing bits with the magic wand. This example below doesn't seem to show the alpha, but it is meant to be there!

Image Removed Image RemovedImage Removed

Spell Scrolls

...

may be easier done when black and white. Remember you can add areas to the existing selected ones to do two separately coloured but still relevant areas.

Image Added Image Added

To get a version with a black alpha layer export with no background colours and set the background colour in the selector to black. https://www.gimp-forum.net/Thread-Change-transparent-color-to-white 

Making Icons Transparent

Some notes above - magic wand and so forth. This is also a potentially useful method from here:

  • Opened file with GIMP, Zoomed at it to see pixels better, Right-Clicked on Image, chose Layer, chose Transparency, Added Alpha Channel.
  • Then pressed Shift+O to choose pixels by color, clicked on darkest pixel I could find, and Deleted the dark area that cropped up. Selected by color another dark color pixel: if you think it'll still be too dark, remove the area again via Delete (and so on until you think they are transparent enough); if you want it to have a darker aura on the background, then stop at that.
  • Either way, chose the darkest pixels that you do not want to remove, then proceed to Filter, Blur, Gaussian Blur and see how blurry you'd like it to be (I opted to have both numbers by 2.00).
  • Save and use.

Spell Scrolls

This is based off only having a purple spell icon. For a new icon I'd expect there to be a suitably white source file used to generate it and the spell icon so they're identical.

IconStep ActionsNotes

Image Added

Start with normal icon (transparent of course since we have them already like this)

Image Added

Convert the purple icon to white, with Color → Desaturate → Colour to Grey

Image Added

Make all the black/grey left over into alpha with Color → Color to Alpha selecting the Color as pure black.

Image Added


Image Added

Get the blank scroll background.

This was upscaled previously/separately: iit_scroll_001.png

The colours of the original icon were not the same as the actual spell scroll icons so recreated it based off scrolls like Aid, Darkness and Summon Shadow with White to Alpha, then combining them, which was too dark, so did a tweak with Shadows - Highlights too with 30 more shadows setting or so. Looks reasonably approximate to the upscaled Bioware spell scroll backgrounds now.

Also added border and cleared some transparency artefacts.

Image Added

Add the now white image to it.

Note to make it fit better lowering the opacity of the layer with the scroll icon on it might be a good idea. At 60% it looks a bit better and more in line with the Bioware icons. 75% looks a bit more whiter too is probably fine.

Might need to tweak a bit to look semi-similar. Some of the Bioware icons differ quite a bit in the "whiteness".

As a comparison here is the upscaled Bless spell scroll. Note the slightly different texture - evidently some tweaking may be needed for better results.

Image Added