Here is another great tutorial for everyone’s favourite open source vector graphics editor. (that would be inkscape…)
Today’s tutorial outlines a basic workflow for creating, tweaking and exporting icons with inkscape. If you need some more icon tutorials check out the icon category
I thought you´d teach how to build an icon from scratch instead of showing how its done to export a ready one… but its also nice to have this feature native in the new Inkscape version! ^^
I got a problem using the bitmap export of inkscape.
I draw my icons with a document size of 32x32px.
The I export them to png of size 16x16px. The DPI-Size is set to 45 automatically.
When I open import such a png into MS Word, Word enlarges the icon to the size of approximatively 32x32px.
When I manually edit the dpi of such a png to be 90dpi (by using irfanview for example), MSWord correctly imports the icon.
Why is there a fixed correlation between the icon size and the dpi? Why can’t I export a 16×16 png with a 90dpi from a 32x32px document?
I thought you´d teach how to build an icon from scratch instead of showing how its done to export a ready one… but its also nice to have this feature native in the new Inkscape version! ^^
i think the author’s purpose for that tutorial was to show the basic workflow in inkscape for icon creation.
There are a few tutorials already listed on this blog that show different ways of actually drawing the icons:
http://inkscapetutorials.wordpress.com/category/icons/
[...] creating icons with inkscape – a basic workflow « the inkscape tutorials blog — a big list of coo… [...]
[...] creating icons with inkscape – a basic workflow « the inkscape tutorials blog — a big list of coo… [...]
now i downloading the soft
i will try it and come back for update you
I could not find any e-Mail address of the author, so I post it here, The way to do it without awk is like this:
$ svg=/home/nugget/xxx.whatever.svg
$ file=”$(basename “$svg”)”
$ echo “$file”
$ name=”${file%.*}”
$ echo “$name”
Hannes
thank you hannes for help.
I got a problem using the bitmap export of inkscape.
I draw my icons with a document size of 32x32px.
The I export them to png of size 16x16px. The DPI-Size is set to 45 automatically.
When I open import such a png into MS Word, Word enlarges the icon to the size of approximatively 32x32px.
When I manually edit the dpi of such a png to be 90dpi (by using irfanview for example), MSWord correctly imports the icon.
Why is there a fixed correlation between the icon size and the dpi? Why can’t I export a 16×16 png with a 90dpi from a 32x32px document?
[...] Tutorials: Using Inkscape to Illustrate Tomatoes, Creating Icons in Inkscape: A Basic Workflow, Render a Bitmap Image Using Tiled SVG [...]
What I’d liked to of seen is actually making icon files with the multiple sizes embedded, the process I use with The Gimp is hideous.
My friend on Facebook shared this link with me and I’m not dissapointed at all that I came here.
i am happy that i came here
This is very hot info. I think I’ll share it on Delicious.
p.s. Year One is already on the Internet and you can watch it for free.
believe they went through that whole segment us
link is broken:(
link is broken.. fix it:(
@sham: Sorry, the wiki module has been upgraded and broke the url
The new url is:
http://sidux.com/index.php?module=Wikula&tag=InkscapeIconBasicsEN
I’ll let someone who manages this know
@ Hannes:
Thanks, my bash knowledge and skills have grown since then, I compressed your 4 lines into one:
ICON=$(basename ${MYICONPATH%.svg})
[...] A basic workflow to create icons with Inkscape [...]
I’ve switched from AI to Inkscape on the Mac, and am loving it – especially the cost!
This tutorial helped show me how to do a few things I used to do in AI but hadn’t learnt how to do in IS, cheers!
Heads up – the link to the tutorial no longer works.
Nice useful article keep post like this.. Thanks for sharing this info.
My Blog