Hi.
I’m currently at a point where I need in-game icons (not Game icon) for my game.
I’ve already tried Gravit Designer but it seems to be hard to use for more complicated icons.
Is there any other free software?
I’m also wondering what do most developers do in this case. Do they just take free icons from internet? I’ve seen some but for most of them you have to pay for commerical use so I don’t know if Roblox is considered “commercial use”.
Thank you!
Hi there!
Here’s a plug-in with many helpful icons/interface you can use. And I believe it’s free (at least it was when I first installed it)
Also I wasn’t sure if this would be helpful but I’m attaching it anyway. It’s a website where you can create free logos and use their icons.
I suggest using Photo Editor : Pixlr E - free image editing tool which is basically photoshop for free with a few more extras and the interface is not harsh to look at. Otherwise I suggest www.photopea.com which looks more and functions more like photoshop but is harsh to the eyes.
Here are some images I managed to create with pixlr:
Interesting!
I will give it a try even though I already use paint net for some graphics work but not in-game icons like “coins” or something like that…
You can use GIMP, it is free and easy to use, it offers many tools and effects that you can use, it is also in high demand among designers and is the best alternative to photoshop
best website ever created (for in game icons atleast) https://game-icons.net/
you only need to attribute the website once for commercial use, and you can use and customize all the icons to your liking. If you want to make them yourself, unlike the other great sources that others have mentioned, they aren’t very good for icon making, and can be considered bad practice. In game icons are usually vectors (SVG) that are converted to png.
Before we explain what a vector image is, lets take a step back. if you know what bits are then you are probably a programmer or atleast know some computer science terms. A bitmap or raster image, is an image that is made up of bits or pixels. Thats why when it comes to icons, which dont usually feature a million different colors (i literally mean millions) unless its a gradient, are best to be made as vectors.
raster images like .png, .gif, and .jpg, are the most common formats for images. Now, whats a vector?
a vector, instead of using pixels, uses a mathmatical formula to create the image. using vectors is perfect when it comes to logos, icons and simple artwork. thats why giant companies make their logos out of vectors so they are easily scalable from a bottle to a billboard. i can size a vector image from 10x10px to 100000x1000000px it would not lose a single bit of quality.
an example of the code for an SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="height: 512px; width: 512px;"><g class="" transform="translate(0,0)" style="">
<path d="M445.1 22.93c-3.8.11-7.9 1.81-11.5 5.98C379.2 107.6 318.8 184.7 257.3 261.4c2.3.9 4.5 1.9 6.5 3.1 4.5 2.5 8.4 5.6 11.7 9C339 197.6 401.3 121.1 455.6 40.87c4.3-9.84 1.1-13.83-3.8-16.4-1.2-.65-2.6-1.13-4.1-1.37-.8-.13-1.7-.19-2.6-.17zM63.14 46.41c7.69 13.5 16.6 26.49 2.25 47.15 10.45-10.72 22.95-21.51 42.41-1.4-4.2-10.17-17.26-17.99-6.1-33.71-17.06 8.58-25.86 0-38.56-12.04zM267.2 94.02c-7.4 11.08-18.3 14.68-32.6 10.28 14.3 4.9 21.5 14.5 17.7 31.7 8.3-15.5 18.1-21.4 29.5-17.1-6.4-6.3-17.3-7-14.6-24.88zm181.5 46.78c-4 22.5-6 45.9-43.2 50.9 22.9.8 48.1 3.7 51.7 46.2 5-15-3-37.8 25.6-41.3-28.6-10.4-30.7-29.2-34.1-55.8zm-358.92 96c2.1 24.8-8.1 41.4-37.08 45.6 29.38 3.7 44.88 15.4 45.88 35.5 5.62-13.5-.7-30.8 28.72-36.8-22.1-5.2-34.82-19.7-37.52-44.3zm155.42 39.7l-13.4 16.6c1.5.8 3 1.7 4.5 2.6 4.4 2.8 8.7 6.1 12.3 9.8l15.2-18c-2.3-2.7-5.4-5.4-8.9-7.4-3-1.7-6.3-3-9.7-3.6zM208 304.1c-.8 0-1.5 0-2 .1-1 .2-1.5.5-1.7.7l-.5.6-.6.4c-46.9 36-117.06 70.7-173.97 104.3 14.77 4.4 29.83 9.7 44.58 15.6l36.39-30.5L88.37 432c17.03 7.6 33.43 16.2 48.03 25.6l27.3-43.8-12.2 54.2c9 6.7 17 13.8 23.8 21.1 27.2-59.1 63-100.2 67.7-154.8l.1-.6.1-.6c.6-2.3-.2-5.7-3.1-10-3-4.2-7.9-8.7-13.4-12.2-5.4-3.4-11.5-5.8-15.9-6.5-1.1-.2-2-.3-2.8-.3zm111.2.2c9.7 13.1 9.9 25.8-4.7 38.3 17.6-8.2 30.3-7.2 37.8 3.6-1.7-9.4-11.1-16.8 3-30.4-14 4.8-26.1 1.2-36.1-11.5zm56.7 90.8c11.7 17.4 20 29.5 4.1 47.8 23.4-10 29.5 7 41.2 13.8-19.9-26.8-2.6-39.3 14.1-49.5-30.5 12.8-44.4-.3-59.4-12.1z" fill="#fff" fill-opacity="1" stroke="#ffffff" stroke-opacity="1" stroke-width="5">
</path></g></svg>
if you already have the knowledge from the above mentioned question, then you are probably just looking for a good program. a free one without any paywall of sorts and is open sourced? it exists! introducing https://inkscape.org/. this bad boy can get the job done. you can save to so many file types and its pretty easy to use, its honestly my best friend when it comes to free designing.
Most of the time developers usually hire designers to create there icons (e.g. Thumbnails - UI) some do create there own designs. Some images online is either copyright, regarding if you plan on using things from website or on google it may require a license or permission from the original creator.
As already stated above so far those are good use of programs, many software out there do take time to get the hang with the tools and overall interface. You should find a free program your comfortable using and learning, such as gimp - inkscape - krita ect. There are many other programs out there that produce similar designs.
It’s nice to see another designer using pixlr! It’s extremely underrated and it is very good for making logos, ui’s, and clothing even.
I recommend using Photopea, its just like photoshop but its free! I use it all the time and it works really good.
I don’t know if this works on Roblox, but I personally use Font Awesome for websites, as it has compatibility with the CSS template I use and looks pretty cool. I think you can download the icons, but uploading them to Roblox is probably in the gray area. They work great for websites though!
Just for clarification, I’m looking for software for in-game icons like “Inventory, coins, etc” not thumbnails/game icon