Leadership

Open source web design example using Inkscape and git

Inkscape is an open source graphics tool similar to Illustrator and CorelDraw. Check out this example of a web comic who makes use of it along with the git repository to create video projects.

I ran across this post on boingboing.net, "Webcomic artists uses version control software to produce automated "making of" videos of his workflow," and thought it was pretty cool. It also points out some of the open source web design programs and tools that are out there.

The video below is an example of how web comic author Mark V uses the git repository to help him create "making of" videos for his strip, Electric Puppet Theater, by playing the git repository through ffmpeg, an audio/video converter and streaming solution.

Mark V also uses the open source program Inkscape to actually draw his comic strip:

An Open Source vector graphics editor, with capabilities similar to Illustrator, CorelDraw, or Xara X, using the W3C standard Scalable Vector Graphics (SVG) file format.

Inkscape supports many advanced SVG features (markers, clones, alpha blending, etc.) and great care is taken in designing a streamlined interface. It is very easy to edit nodes, perform complex path operations, trace bitmaps and much more. We also aim to maintain a thriving user and developer community by using open, community-oriented development.

The current stable  version of Inkscape is 0.48.2 and can be downloaded here. There are versions for both Windows and Mac, if you want to try it out. If you have tried Inkscape, share your experience below and feel free to recommend other open source tools that you use.

About

Selena has been at TechRepublic since 2002. She is currently a Senior Editor with a background in technical writing, editing, and research. She edits Data Center, Linux and Open Source, Apple in the Enterprise, The Enterprise Cloud, Web Designer, and...

3 comments
fishystory
fishystory

I started using Inkscape in 2007, however I haven't kept up to date with the latest versions. When I tried out the GIMP and Adobe Photoshop, both in 2006, I always preferred Photoshop, but the same did not apply to Illustrator. I found Illustrator, although powerful, was much harder to learn and slower to accomplish most tasks when compared to Inkscape. The fact that it is open-source and uses the SVG standard further heightens my respect for the program and its developers. The only difficulty I found with the program, when I was using it, was the rather awkward gradient tool. Hopefully this feature has improved. I can remember writing tutorials for Inkscape, though sadly I don't have the time to write anymore. If you're interested in learning Inkscape, check out Pixel2Life's dedicated Inkscape section: http://www.pixel2life.com/tutorials/inkscape/

Sagax-
Sagax-

@xaKira - You have discovered some superb basic tools (Apps). But you had to find them for yourself. No one is selling them. On the other hand, beginning with "Office 97", M$ began selling the "complete suite" package concept. Once they sold them to schools and the HR departments or this nation, they became the "Gold Standard".

xaKira
xaKira

Someone has pointed out Inkscape exists. I've been using Inkscape for over 5 years for every project that requires drawing. It replaces Corel, Adobe, M$ (including Viso), OpenOffice drawing programs. It replaces all the stupid CD rom printing packages that come with your burning software (just make a CD template outlining the printing area in a layer that you can hide before printing). People waste soooo much time learning all different drawing packages when they could just learn InkScape one time and use it forever after on Linux, Mac or Windows. And WHY oh WHY isn't it installed by default in all the Linux distros????! It's the 21st century now and most computers still have the BloatWare Dinosaurs (Office Suites) installed instead of running lean programs like Abi Word, Gnemeric and InkScape.