Icon for Lutris - Open Gaming Platform [$5]

[palob]

"Lutris is an open source gaming platform for GNU/Linux" https://lutris.net/about/

Icon=lutris

Did you help close this issue? Go claim the $5 bounty on Bountysource.

[sergioad]

LOL the gaming day on Numix land :smile: I have requested two games, there are more game requests on this day and the today's Numix update will be about games :laughing:

[palob]

Yeah. But some people keep saying "You can't play no games on Linux."

[ismaelgv]

I only play games on Linux. :smile:

[markubiak]

This is my first go at it. I'm by no means a professional, but the lack of an icon for Lutris was bugging me aswell and I had some time.

[palob]

Thanks for contributing! I like the joystick design but it's definitely a bit big. Could you get the symbol down to 26 px in height? For ultimate sharpness it is best to have the sidelines of the joystick lines straight vertical and aligned to the pixel grid.

[markubiak]

I've been working on this quite a bit more since my comment.

[Here is a link with 10 versions of the icon.](

[markubiak]

I've been working on this quite a bit more since my comment.

Here is a link with 10 versions of the icon.

The one I modified for your request is v10. I used a 28px height instead of a 26px height, it looked much better.

[palob]

Well, apart from exceptions proving the rule 26x26 is the maximum symbol size according to the guidelines.

Anyway I think No.10 is the best design :+1:
I like the simplicity of the top down view design (6,7,8,9) but it doesn't scale too well to sub-48x48 symbol sizes.

However all icons look pretty dark. Could you play a bit with the colours (both baseplate and icon) and maybe simplify that "stick joint thingy"?

[sergioad]

Maybe a red button for the joystick? this could be awesome for get a more classic atari joystick look :smile:

[markubiak]

According to the guidelines, "User 24, 26 or 28 sized symbols and 30 or 32 sized symbols if they are circles." To me, that sounds like a 26x28 icon is perfectly acceptable, but if it's still too high, I can absolutely shrink it.

For this version I played with the joystick colors to make it much lighter and changed the joint to be only 3 colors. I'm trying to follow the design of the Lutris website but the accent color (#F90) isn't working too well as a base color. I could make the button that color, but then what should the base be? If I follow their site and use a dark grey, there will be way to much grey. Hmm.

Link to updated icon

[palob]

As I said, there are some exceptions to the rule, especially for game icons.

The changes did well and you're getting closer now :+1: Some remaining issues:

• There is something wrong with your baseplate. The bevel on the lower right doesn't show for some reason and you (most probably accidently) recoloured the original bevel object.
• The Numix Circle icons use a linear gradient for the baseplate colour instead of a solid colour. 10L lighter at the top than at the bottom. Just have a look on how it's done on the existing icons.
• Currently your baseplate colour is 100% saturated (S255) which makes it look a bit brash. The overall colour combination still looks heavy to me.
• The icon needs a symbol shadow. Basically a duplicate of the outlining symbol stuff, black with 10% opacity (A25).
• Maybe it's just me or the symbol is slightly distorted perspectively for real
• Maybe move the red button a bit down from the upper edge

Don't feel discouraged, seeing what you did so far I'm sure you'll manage it :)

[markubiak]

I didn't know about the background gradient, but the rest of those things were lost while working. Thanks for sticking with me through this, it's a learning experiment. I've added everything above, and changed the stick so that it's more upright and edited the base to match it. I was thinking about the color scheme, and deided the Lutris accent color #f90 was an accent color for a reason and shouldn't be a background. I changed the button on the joystick instead. I am still struggling for a good background color, I'm trying a red but I think it's too deep. I definitely need general color suggestions for the background now that the orange is out of the picture.

Fixed with the light red gradient background And with a turquoise background, just to see

[palob]

There is nothing at all wrong with orange in general. Just use a slightly less dominant one. You could check the symbol on existing orange baseplates like you find in for instance bitcoin.svg, cairo-dock.svg, Foto.svg, google-musicmanager.svg, gufw.svg,kuickshow.svg, jockey.svg, media-player-banshee.svg.

When using a lighter orange for the baseplate you can go for lighter grey on the joystick symbol without compromising the contrast.

[markubiak]

Lighter joystick and better orange background It's very close now. I'm happy with it, personally.

[palob]

Well done.

Things which might be worth a look for the finishing touch:

Perhaps the stick could be a tad darker again + the button could be lighter so as to not to stand out that much. Did you try to have the joystick base symmetric (that's what I meant by the odd perspective)?. Didn't turn out well?

About the 28px in height: I think the symbol looks close to the baseplate bottom so simply shortening the stick by 2px could help here.

The shadow paths has numerous unneeded nodes in it. How did you create the shadow? Duplating all (or only the ones defining the outline) objects and a path union should do it.

Last but not least you can use Inkscape's "unneeded def cleaning" function to reduce the filesize (4th item from bottom up in the File menu). Just do it after finishing all your editing tasks.

I think it's ready for a pull request then. Let's see what's @Foggalong's view.

[palob]

Do you now how to use git for a pull request?

[palob]

I case you don't you can follow this tutorial. By doing the PR you can pick up the 5$ bounty

[markubiak]

I'm sorry, yes I can do a pull request, that's no issue. I addressed some concerns with perspective and color. Take your pick of the final 2 designs and I'll submit the request on the one that's better.

[palob]

Cool :+1: I think I prefer the symmetrical one. What do you think @Foggalong ?

The button colour could be changed to for instance H0 ; L160 (top) and H0 ; L150 (sides) for better contrast.

The shadow is still messy, instead of a path union you've probably done a path combination. What you're looking for is the 5th (from top) path menu item or Ctrl++.

[markubiak]

Pull request submitted