Jump to content

High Res Icons


Recommended Posts

Yes, it would be great. It's also a huuuuuuge amount of work. I mean astronomical.

 

If there's a source of high-DPI stock icons similar to (or identical to) http://p.yusukekamiyamane.com/ , that would basically make this possible. Otherwise, it's gonna be awhile, as I'll have to hire someone to do the graphics.

 

(a short-term solution is probably to draw with nearest neighbor filtering ... I find that things like awful at 200% scaling, I prefer the sharper look of nearest neighbor rather than bilinear in this case)

The Paint.NET Blog: https://blog.getpaint.net/

Donations are always appreciated! https://www.getpaint.net/donate.html

forumSig_bmwE60.jpg

Link to comment
Share on other sites

We could just do it?

Fire up Inkscape and start doing them...

What... only 100-200 icons and it could be done to a repo of some sort?

Sure quality wouldn't be professional but I would imagine with enough work it would look good enough.

sig.jpg.7f312affa740bae49243c4439bc4a244.jpg

Link to comment
Share on other sites

Actually, it looks like icons have gotten simpler. For an icon refresh in 2017/2018, I'd want to mimic Office 2016's icons. And there's a lot less fancy color gradients and stuff nowadays.

 

word.png

 

BTW, that whole ribbon area flickers when you resize the window. *facepalm* So embarrassing ...

The Paint.NET Blog: https://blog.getpaint.net/

Donations are always appreciated! https://www.getpaint.net/donate.html

forumSig_bmwE60.jpg

Link to comment
Share on other sites

I was thinking 200 icons over several months with couple people doing it wouldn't be that impossible... I even tried to do Paste and.... my 15 minutes of work didn't really amount to much :P

clipboard.png.9f2df3046d9fd09d639886df58ff734c.pngclipboard2.png.40c26a3f5be326af5def38726c977cb4.png

Edited by Zagna

sig.jpg.7f312affa740bae49243c4439bc4a244.jpg

Link to comment
Share on other sites

I think that looks real good @Zagna.   Simple with a splash of color.   Icons are so much more clean-cut now.   :)

Link to comment
Share on other sites

And set some basic guidelines. For that Paste I had a 256x256px SVG with a grid set to 4px. Line width set to 8px and rounded corners. Colors I chose at semi random.

All that tracing over the bitmap. Paste was really easy since it is all straight corners without any abstract features.

I imagine that things like Cut or Print are more complex.

A template .svg could be used.

 

sig.jpg.7f312affa740bae49243c4439bc4a244.jpg

Link to comment
Share on other sites

  • 1 month later...

Cut and Print look 'meh' to you because the line weight is not the same as the others.

Maybe you can match them up to the others?  Scissors might look funky, though...

 

Other than that, I think these look great!  :)

Link to comment
Share on other sites

2 hours ago, Zagna said:

 

Wow!  These look fantastic!  Nice work Zagna!   :)    (scissors and printer look much better)

  • Like 1
Link to comment
Share on other sites

138 so far but, couple of them will need a bunch of work. Oil Painting, Gauss Blur and Motion Blur need improvement.

And Dents, Polar Inversion, Tiled Reflection, Soften Portrait, Julia and Mandelbrot are quite tricky.

Dents is difficult to vectorize and others would probably be better just with a straight .png.

Edited by Zagna
  • Like 1
  • Upvote 1

sig.jpg.7f312affa740bae49243c4439bc4a244.jpg

Link to comment
Share on other sites

Also, just wanted to say these look great and I'm pretty excited about them. Zagna, would you be willing to license them for use in the actual Paint.NET app?

 

I think a good "next step" for this would be for me to create a little script of some kind that packages these SVGs into PNGs that the main app can load. Then you could see how it looks in the app itself without any guessing games.

 

And then I'll need to do some coding work so that these can be loaded at high-DPI as well. I would not be packaging these as SVGs -- they would be "compiled" down to PNGs at various resolutions. SVG (rather, vector art in general) is too CPU intensive to use directly :)

 

The Paint.NET Blog: https://blog.getpaint.net/

Donations are always appreciated! https://www.getpaint.net/donate.html

forumSig_bmwE60.jpg

Link to comment
Share on other sites

  • 5 months later...
  • 2 months later...

Basically desaturated them? Is it easy to batch process that? If I can get a full icon set (with the right licensing btw -- see my comment above) then it'd be fun to look at it side-by-side, or even have it be configurable.

The Paint.NET Blog: https://blog.getpaint.net/

Donations are always appreciated! https://www.getpaint.net/donate.html

forumSig_bmwE60.jpg

Link to comment
Share on other sites

1 hour ago, Rick Brewster said:

Basically desaturated them? Is it easy to batch process that?

 

Yes, in the sense that the colors specified in the Office icon palette are desaturated. In the case of the Eraser icon, it's actually more saturated, compared to @Zagna's original.

I had to manually changed the HEX values in the SVG files.

 

I did however create a .bat file to automated the conversion from SVG to PNG.  It will process all .svg files in a folder called "svg", and output .png files in a folder called "png". Or you can change the folder names to whatever you want. Same goes for the size; I have it set to 32x32.

Spoiler

@echo off
TITLE Convert SVG files to PNG files
    
set inkscapePath="%ProgramFiles%\Inkscape\inkscape.exe"

if not exist %inkscapePath% (
    echo Inkscape doesn't seemed to be installed.
    echo.
    goto end
)

set iconSize=32
set svgPath="svg"
set pngPath="png"

echo This will create PNG files with a size of %iconSize%x%iconSize%
echo.

pause
echo.

if not exist %pngPath% mkdir %pngPath%

for /f %%f in ('dir /b %svgPath%\*.svg') do (
    %inkscapePath% %svgPath%\%%f --export-png=%pngPath%\%%~nf.png -w%iconSize% -h%iconSize%
    echo %%f ---^> %%~nf.png
    echo.
)

echo All Done!
echo.

:end

pause

 

 

@Zagna and I (and others?) could probably finish fleshing out the SVG files he created, so that they are compliant to the Office icon guidelines. He chose the CC-BY license, so we could just continue using that.

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.

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...