Jump to content

Badges


roboticanary
 Share

Recommended Posts

On 9/13/2022 at 8:46 PM, roboticanary said:

also invision seems to like images ending up as png, so for something that will only be used as one tiny size i dont think it will need to be vectorised.

I don't know the Invision admin area. But the the shield / hand icons are FontAwesome glyphs (this font is loaded into the browser). So they're definitely vectorised. Don't know how easily they can be replaced.

Also on the Invision board, you can check that they use SVG badges there. So it seems possible without Invision converting them to PNGs.

Of course, the SVG files I upload are Inkscape SVGs with some peculiarities and should preferably be opened with Inkscape and exported again as a plain SVG.

PS: This board is now overflowing with frogs... I'm slowly starting to doubt that this was a good idea... 😉

:frog::frog::frog::frog:

Edited by DeltaAro
  • Like 1
Link to comment
Share on other sites

1 hour ago, DeltaAro said:

I don't know the Invision admin area. But the the shield / hand icons are FontAwesome glyphs (this font is loaded into the browser). So they're definitely vectorised. Don't know how easily they can be replaced.

Also on the Invision board, you can check that they use SVG badges there. So it seems possible without Invision converting them to SVGs.

Of course, the SVG files I upload are Inkscape SVGs with some peculiarities and should preferably be opened with Inkscape and exported again as a plain SVG.

ok, thank you. i think ive worked it out and might take a look at using svgs again tomorrow. what happened is that the badges still needed to be equal dimentions and i messed that up with the vector images then for some reason my brain went 'oh, that must not work'. so instead i sized them as vectors as close as i could to how they show on the forum then converted. still looks a lot better than it would if they hadnt been vectorised but now i know i can i reckon i could do better.

the only thing that cant be vectors are the emoji ones.

  • Like 1
Link to comment
Share on other sites

10 minutes ago, roboticanary said:

So it seems possible without Invision converting them to SVGs.

ooops, I meant "without Invision converting them to PNGs", of course. 🙃

  • Like 1
Link to comment
Share on other sites

21 hours ago, DeltaAro said:

This board is now overflowing with frogs... I'm slowly starting to doubt that this was a good idea... 😉

 

:frog:What frogs?:frog:

Anyway, I made some hand and shield designs. What are your thoughts? 
17981918-3F6C-4AB9-A01D-1AA7C9636934.jpeg.3091ddcb2600ef0366ccad3e1f83bd90.jpeg

  • Like 2
Link to comment
Share on other sites

3 hours ago, Nix said:

Anyway, I made some hand and shield designs. What are your thoughts? 

I like the middle shield in the lower row the most. It will probably still look good as a small icon.

I also did one, already SVG.

shield.png.1e99b0d70dfc86b0f4a357ef151f27d7.png

so in smaller sizes:

shield.png.9f564fd034fa37905fc9608a5e84f515.png  shield.png.8c14353e2f04c98aec90ebe891de3c56.png

I got a bit carried away and the SVG ended up too complex. I can simplify it a bit and at least remove the wood grain.

The frog hands IMHO should look like this:

1000_F_214052294_QSpyeeeIyNsG2uWQ96Bxuqs

  • Like 1
Link to comment
Share on other sites

PS: simplified version (removed grain + removed some nails + removed transparency of the paint):

124 x 135 px (no anti-aliasing):

shield.png.8011bf900e14514d296ddb3216a0d789.png

531 x 571 px (with anti-aliasing):

shield.png.9de1f06f683bb9bad60e6c28cfcb508e.png

  • Like 1
Link to comment
Share on other sites

1 hour ago, DeltaAro said:

PS: simplified version (removed grain + removed some nails + removed transparency of the paint):

124 x 135 px (no anti-aliasing):

shield.png.8011bf900e14514d296ddb3216a0d789.png

531 x 571 px (with anti-aliasing):

shield.png.9de1f06f683bb9bad60e6c28cfcb508e.png

I really like this one, at first glance I thought there was a small face at the top and it looks so dapper :)

1 hour ago, DeltaAro said:

The frog hands IMHO should look like this:

1000_F_214052294_QSpyeeeIyNsG2uWQ96Bxuqs

Those read a lot better then mine, let me see if I can work that in

  • Like 1
Link to comment
Share on other sites

15 hours ago, roboticanary said:

I'm thinking @Nix 's frog hand for new members and @DeltaAro's simplified shield for the moderator symbol and i could get that sorted this weekend.

Well, this was just a first attempt, so if you have any ideas...?

Otherwise I probably would want to simplify the shield even further. I mean the space for the icon is really tiny.

Link to comment
Share on other sites

1 hour ago, roboticanary said:

well that was fuckin fantastic

balls.png.d0fc3db8c407fbb72ddac26e6f596a8a.png

i may need some time to work out what i actually need to change

Wel at least it is REALLY clear whenever a moderator responds 😅 (And no rush, take your time)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...