1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

ITD Animated 3D Smiles Part 1 2014-05-31

ITD Animated 3D Smiles Part 1

  1. Mian Shahid

    Mian Shahid Well-Known Member

  2. topcat

    topcat Well-Known Member

    Are they transparent background of white?
  3. The Forum Heroes

    The Forum Heroes Well-Known Member

    Sadly, white. I just downloaded and checked

  4. topcat

    topcat Well-Known Member

    Cheers. Using my phone so couldn't download them.

    Won't bother if they are white
  5. DaiAku

    DaiAku Active Member

    Yah, these are amazing smiles but transparency is something that you really want for them otherwise they don't look good on dark themes.

    Any chance of updating them to transparent instead of white?
    Lemminator likes this.
  6. Mian Shahid

    Mian Shahid Well-Known Member

    Very hard, but not impossible, its time consuming practice ;)
  7. DaiAku

    DaiAku Active Member

    Well everyone in the xenforo world would love you for doing it! I love dark themes and these smiles are boss!
  8. Mian Shahid

    Mian Shahid Well-Known Member

    initially, i will try with few,if result become acceptable, then will do for all :)
    DaiAku likes this.
  9. sinucello

    sinucello Well-Known Member

    Does it make sense to install smileys that aren`t packed as a CSS sprite? Is it even possible to create a sprite image with animated smileys?
  10. DaiAku

    DaiAku Active Member

  11. Mian Shahid

    Mian Shahid Well-Known Member

    Yes and yes :)
    sinucello likes this.
  12. Mian Shahid

    Mian Shahid Well-Known Member

    So, this is the best possible transparency of background i got after wasting some time :)



  13. DaiAku

    DaiAku Active Member

    Great stuff! It really helps a great deal. I have one minor suggestion:

    Here is what they look like on my forum

    test smiles.jpg

    I would suggest using a neutral grey (127,127, 127) for a background to anti-alias to before added the transparent the mask instead of white. By doing this, the outline from the anti-alias will not stick out on either light or dark themes.
  14. Mian Shahid

    Mian Shahid Well-Known Member

    I am not sure this trick will help


    you can notice the white edges are still showing around smiley and shades are also. And when i change its background to transparent, the result will be the same as i already shared before.
  15. DaiAku

    DaiAku Active Member

    Hrm - yah that does not look quite right. There should only be grey edge not a white edge. I believe this is done in one of two ways:

    1) Create the graphic with a mask - no anti-alias and then anti-alias the masked image to a grey background.

    2) The other is is anti-alias the image with a mask with the actually transparency layer. So the edges are actually more transparent.

    Here is a an example of one that seems to be anti-aliased correctly for any background - light or dark.

    Does this help explain?
  16. Mian Shahid

    Mian Shahid Well-Known Member

    yes, but this is a "hard" project for me :) i will try to do that if time allows me . . . . :(
  17. DaiAku

    DaiAku Active Member

    Awesome - appreciated thank you! You are the best!
  18. Blue chummer

    Blue chummer Active Member

    Hi Guys , quick question.
    I downloaded Waindigo's smilie importer add on. Then I downloaded these. I noticed they are not in a xml file.
    How do I get these to show in the Smilies option in ACP? Also I am a new to sprites etc so I need pretty exact tutorial. thanks
  19. Mian Shahid

    Mian Shahid Well-Known Member

    You can upload complete folder to your web root or any place you like, then:

    1. log in to your admin cp.

Share This Page