https://wiki.inkscape.org/wiki/api.php?action=feedcontributions&user=Valessio&feedformat=atomInkscape Wiki - User contributions [en]2024-03-29T10:20:10ZUser contributionsMediaWiki 1.36.1https://wiki.inkscape.org/wiki/index.php?title=Hackfest2018_Attendees&diff=109516Hackfest2018 Attendees2018-03-27T19:46:58Z<p>Valessio: /* Who is Attending? */</p>
<hr />
<div>Other pages: [[Hackfest2018]], [[Hackfest2018 Topics]].<br />
<br />
== Who is Attending? ==<br />
<br />
{| class="wikitable" style="text-align: center;"<br />
|+ List of Attendees<br />
Hackfest<br />
|-<br />
! rowspan="2" | Who<br />
! rowspan="2" | Dates<br />
! rowspan="2" | Allocation<br />
! colspan="2" | Arrival<br />
! colspan="2" | Departure<br />
! rowspan="2" | Hotel<br />
|-<br />
! Date/Time<br />
! Detail<br />
! Date/Time<br />
! Detail<br />
|-<br />
| Martin Owens (doctormo) [host]<br />
| 3/26, 3/27, 3/28, 3/29, 3/30<br />
| $2000<br />
| colspan="4" | Local<br />
|<br />
|-<br />
| Máirín Duffy (mizmo) [host]<br />
| 3/26, 3/27, 3/28<br />
| N/A<br />
| colspan="4" | Local<br />
|<br />
|-<br />
| David Cantrell (?) [host]<br />
| 3/29, 3/30<br />
| N/A<br />
| colspan="4" | Local<br />
|<br />
|-<br />
| Tavmjong Bah (tav)<br />
| 3/26, 3/27, 3/28, 3/29, 3/30<br />
| $2000<br />
| 3/24 13:24pm<br />
| Air France 3616 (Delta)<br />
| 4/01 7:10pm<br />
| Air France 0333<br />
|<br />
|-<br />
| Bryce Harrington (bryce)<br />
| 3/26, 3/27, 3/28, 3/29, 3/30<br />
| $2000<br />
| 3/25 4:44pm<br />
| Alaska Air<br />
| 3/31 4:32pm<br />
| Alaska Air<br />
| Yotel<br />
|-<br />
| Ryan Gorley (ryan)<br />
| 3/26, 3/27, 3/28, 3/29, 3/30<br />
| $1000<br />
| 3/25 6:13am<br />
| JetBlue<br />
| 3/30 7:15pm<br />
| JetBlue<br />
| w/Doctormo<br />
|-<br />
| Alex Valavanis (valavanisalex)<br />
| 3/26, 3/27, 3/28, 3/29, 3/30<br />
| $2000<br />
| 3/25 4:55pm<br />
| United 1202<br />
| 4/4 4:28pm<br />
| United 1425<br />
| AirBnB (South Boston)<br />
|-<br />
| Felipe Sanches (juca)<br />
| 3/26, 3/27, 3/28, 3/29, 3/30 (TBC)<br />
| 3/26, 3/27<br />
|<br />
|<br />
|<br />
|<br />
|-<br />
| Matthias Clasen (mclasen)<br />
| 3/26, 3/27<br />
| N/A<br />
| colspan="4" | Local<br />
|<br />
|-<br />
| Valessio Brito (valessio)<br />
| 3/26, 3/27, 3/28<br />
| N/A<br />
| colspan="4" |<br />
|<br />
|-<br />
! Total<br />
!<br />
! $11,000<sup>2</sup><br />
!<br />
!<br />
!<br />
!<br />
|}<br />
<br />
TBD: "To Be Determined"<br />
<br />
Budget $13,000. Separate allocation for Inkscape dinner ($600). Venue: Free.<br />
<br />
<sup>1</sup> Sponsored by outside organization.<br />
<sup>2</sup> Actual expenditure expected to be much smaller.<br />
<br />
Allocation for attending hackfest:<br />
* Up to $2000 each for Inkscape developers who have contributed for 3+ years and > 200 commits.<br />
* Up to $1500 each for Inkscape developers who have contributed for 2+ years and > 100 commits.<br />
* Up to $1000 each for Inkscape developers who have contributed for 1+ year and > 50 commits.<br />
* Up to $500 each for any Inkscape contributor listed in AUTHORS file with at least 10 commits by Jan 1, 2018.<br />
<br />
If your are an active contributor to Inkscape but are NOT in the AUTHORS file (translator, documentor, etc.) we may still be able to provide some funding on a case-by-case basis.<br />
<br />
<b>To receive reimbursement for travel expenses you MUST follow [https://sfconservancy.org/projects/policies/conservancy-travel-policy.html SFC travel policy]!</b></div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=User:Valessio&diff=109511User:Valessio2018-03-27T19:43:15Z<p>Valessio: </p>
<hr />
<div>== Valessio S Brito ==<br />
<br />
'''Jacobinense, Baiano, Brasileiro, Artista Digital.'''<br />
<br />
Página pessoal: http://valessiobrito.com.br<br />
<br />
Email: contato@valessiobrito.com.br<br />
<br />
Jabber: valessio@jabber.org<br />
<br />
Inkscape no Brasil: http://softwarelivre.org/inkscape , participe!</div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=UI_Mockup_Screenshots&diff=87080UI Mockup Screenshots2012-10-12T05:46:48Z<p>Valessio: </p>
<hr />
<div>== UI Mockup Screenshots ==<br />
<br />
<gallery caption="Load splash" widths="200px" perrow="3"><br />
Image:Compact_load_splash.png<br />
</gallery><br />
<br />
<gallery caption="Commom Progress Pannel" widths="300px" perrow="3"><br />
File:Extension-progress.png<br />
File:Saveing-progress.png<br />
File:Loading-fonts-progress.png<br />
</gallery><br />
Read [[Class Inkscape::UI::Widget::ProgressPannel]] for more information<br />
<br />
<gallery caption="Fill and Stroke" widths="300px" perrow="3"><br />
Image:Fillstroke1.png<br />
Image:Fillstroke2.png<br />
Image:Mockup-Fill-Stroke-Toolbar.png<br />
</gallery><br />
<br />
<gallery caption="Styles editor and Toolbars" widths="300px" perrow="3"><br />
Image:Styleseditor.png<br />
Image:Mockup-Font-Style-Toolbar.png<br />
</gallery><br />
<br />
<gallery caption="Others and Bug fix" widths="300px" perrow="3"><br />
Image:Nitpicksquad1.png<br />
Image:Nitpicksquad2.png<br />
</gallery><br />
<br />
== UI Source SVG Version ==<br />
<br />
Get Version UI SVG to create Mockups: http://valessiobrito.com.br/projetos/inkscape/ink-ui/</div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=Animation-(Timeline)&diff=66007Animation-(Timeline)2010-11-21T13:49:54Z<p>Valessio: </p>
<hr />
<div>[[Animation|Back to main page for animation]]<br />
<br />
=== User interface for timeline-based animation ===<br />
<br />
==== Existing animation programs (Free &amp; non-Free) ====<br />
<br />
Free (or Open Source)<br />
<br />
* [[Ajax Animator]] is a FUNCTIONAL web-based (ajax) free-software clone of the flash interface, and uses a SVG based format for saving and compiling animations (http://osflash.org/ajaxanimator)<br />
* QFlash is a FUNCTIONAL free-software mock-up of the Flash 4 interface, which can import SVG files but not edit them. (http://qflash.sourceforge.net)<br />
* F4l is a non-functional free-software mock-up of the Flash 4 interface.(http://f4l.sf.net/)<br />
* [[LimSee2]] (http://wam.inrialpes.fr/software/limsee2/) is an excellent almost-free basis. (visible-source limited-use license)<br />
* Spalah Flash (http://spalah.sourceforge.net/?p=10) (not to be confused with Spalah CMS) "is a GTK2[[/GNOME2]] based application for generating Macromedia SWF and [[W3C]] SVG animations." The GUI is today minimalist but the author is trying to integrate it with inkscape. See http://spalah.sourceforge.net/?p=25<br />
* Jahshaka (http://www.jahshaka.org/) multi-platform QT animation program powered mostly by OpenGL (GPL)<br />
* Ktoon (http://ktoon.toonka.com/) is a 2D Animation Toolkit designed by animators for animators, focused to the Cartoon Industry. (GPL)<br />
* SMIL 2.1 player: http://www.cwi.nl/projects/Ambulant/distPlayer.html (GPL)<br />
* [[Synfig]] <span style="font-size:smaller">([http://www.synfig.com/ link])</span> is a film-quality 2D vector animation editor and renderer. It features image morphing between drawings and output animation that is resolution independent both visually and temporally. (GPL)<br />
* Pencil (http://www.les-stooges.org/pascal/pencil/index.php?id=Home) vector and bitmap free animation package using Qt toolkit run on Win32 (XP and works fine on wine), and MacOSX. Simple but already powerful basic animation. It uses blender like time line with multiple layers and Author plan to export SVG.<br />
* Blender3D (http://blender.org/) is a 3d (eq. vector) animation program featuring [http://wiki.blender.org/index.php/Manual/Animation_Basics key frame, motion curve, path animation] using [http://wiki.blender.org/index.php/Manual/Ipo_Curves_and_Keyframes interpolation (IPO) curve editing] combining with [http://wiki.blender.org/index.php/Manual/Shape_Keys shape keys] and [http://wiki.blender.org/index.php/Manual/Animation/Lattice_Animation deforming by a lattice] (GPL)<br />
* [http://gimp.org Gimp] the bitmap editor and it's included animation script for gif is really minimalistic and frame based<br />
* [http://gimp.org Gimp-GAP] (Gimp Animation Plugin) is a gimp plugin has some good interfaces for managing movements of objects (menu video=>movepath), layer management and apply effects along animation. A powerful onionskin management, and notions of clip/storyboard, but could be slow in complex cases and slow computers.<br />
* [http://www.thebest3d.com/dogwaffle/free/index.html PD1.2] Free program for digital painting and limited animation<br />
<br />
Non-Free (Fee Based, or Proprietary)<br />
<br />
* CSS3 Animator + HTML5 - http://www.sencha.com/products/animator/<br />
* [[PICMO]] - http://picmo.com/en/features.html<br />
* [[MacromediaFlash]] is a good non-Free example.<br />
* Ikivo Animator is a good non-Free example producing SVG Tiny animations (http://www.ikivo.com/animator/index.html)<br />
* Macromedia Director prior to version MX had a different interface (http://www.rice.edu/fondren/erc/howto/director.html) which I prefer(ed) over Flash<br />
* Anime Studio, formerly known as [[Moho]] (http://www.e-frontier.com/article/articleview/1913/1/793?sbss=793) a non-free example. (Written in Java.) Features skeletal animation ([http://www.e-frontier.com/article/articleview/1918/1/800?sbss=80х, unique bone rigging for 2D]) and automatic tweening of vector operations, [http://img.osnews.com/img/2547/moho4-rh.png view screenshot].<br />
* Bob Sabiston's proprietary animation software http://www.flatblackfilms.com<br />
* Powerpoint (http://office.microsoft.com) has an easy but basic interface. No flash killer, but some nice ideas.<br />
* The Tab (http://www.the-tab.com/) Another non-free example that features elegant systems for parent-child animation and a very interesting feature that is designed for pseudo-3D camera moves.<br />
* SVGDeveloper (http://www.perfectsvg.com/) is a non-free SVG authoring tool with animation support.<br />
* [http://www.tvpaint.com TV Paint] is a non-free bitmap based compositing and animation package. It works with a timeline and layers. Notable feature is the onion skin "mixer", which let's you adjust the brightness of multiple frames before and after the current one.<br />
* [http://www.toonboom.com/ Toon Boom] is a non-free vector based frame by frame animation package. It simulates a lot of the tools familiar to traditional animators, such as a dope sheet, field charts and more. Has two modes, one for drawing "cells" and one for placing them in front of a virtual camera in basic 3D space.<br />
* [http://www.thebest3d.com/ PD 2 through PD4] A series non-free programs combining various capabilities for digital painting and animation. The high end program allows creation of special effects<br />
* Mewafilm ( http://www.mewatools.com/images/curveeditor_mainwindow.png , http://www.mewatools.com/screenshots.html )<br />
<br />
==== Fantavision example ====<br />
Back in the '80's there was a program on Apple IIE (Amiga and MS-DOS too) called "Fantavision". It allowed one to create vector artwork (although I didn't understand at the time that that was what it was called) and animations. It allowed one to create frames of animation where you manually repositioned, recolored, scaled, rotated etc. the objects from one frame to the next. However, it then automatically interpolated frames between the 2 frames (the number of interpolated frames was configurable) such that it create a smooth transition of the object moving from one frame to the other. The effect was very similiar to the "Morphing" effect for raster graphics (popularized in a Michael Jackson video, I believe). That is, the system calculated the trajectory of "Key Points" of the objects from one frame to the next. This process is often called "Tweening" (a term used by Macromedia Flash). [[Sketch|Skencil]] (formerly known as [[Sketch]]) supports this functionality and describes it as "Blending".<br />
<br />
I guess what I'm saying is that I think a nice interface to create animations would be similiar. So to animate you would do the following:<br />
<br />
* Draw the initial SVG Image <br />
<br />
* Increment Frame (from say 1 to 20)<br />
<br />
* Reposition the elements in frame 20 (including scaling, color changes, adding removing objects, etc, etc, etc)<br />
<br />
* System would then calculate a trajectory for each key point from frame 1 to frame 20. Trajectories would be calculated for things like:<br />
** Each "node" of an object<br />
** Color <br />
** Transformation Matrix<br />
** etc<br />
<br />
* You could display/manipulate the trajectories (using the trajectory editor shown above by the original creator of this topic)<br />
<br />
* The system would then store the animations using SVG trajectories and the "Key Points" would be the frames you manually created<br />
<br />
:So, to create say a 100 frame animation, one might only need to manually create/modify 10 frames and the system would interpolate the additional frames as necessary.<br />
<br />
* Also, once the system interpolated frames it would allow you to manually modify the interpolated frames creating further "Key Points" and allow further refinement and interpolation.<br />
<br />
<br />
NOTE: 3D apps such as blender also use a technique like this, which I think is most widely known as "keyframe animation" or simply "keyframing". However, many such systems tie the keys too closely to actual animation frames, and this creates problems when the frames-per-second rate changes. Particularly in the case of vector apps which are not so low-level as bitmaps and animation frames, I would suggest that frames should be as abstract as possible.<br />
<br />
Having key positions in simple percentages of the total animation time might be a better solution. This would also need to be a global/local system, of course: animated objects would have their own animation time specified when inserted into a larger document. A character's walkcycle would end at 100%, but in the larger animation, it would perhaps only be 5% of the total time, yet repeating as the object moves across the screen.<br />
<br />
One issue with this abstraction of frames might be that important animation effects do not occur exactly within frames: small things could be mistimed, or simply missed altogether. If you set the frame rate too low, this would be an obvious side effect, so it's not necessarily a problem<br />
that Inkscape should try to fix. On the other hand, a few things could be done to ease this. For instance, "snapping" animation events to frames when exporting (thereby slightly altering the timing), or perhaps just warning that certain animation events are not visible at such a low frame rate.<br />
<br />
Of course, on the web, with SVG and DHTML, where most Inkscape animations will hopefully be used one day, frames are not an issue at all, and we just worry about keys in time :)<br />
<br />
ANOTHER NOTE: Interpolation does not necessarily occur along straight lines and linearly in time. Paths are already part of Inkscape, so points could move along paths; also he time-length graph can be something like a path, instead of a straight line.<br />
<br />
==== Jahshaka example ====<br />
<br />
I have used jahshaka for a small animation. This was my first real experience with animation. Thought rough, jahshaka is all about key frames and setting properties for those key frames.<br />
<br />
Things I liked<br />
<br />
* Key frames are on a per object basis<br />
* When an object is selected you can quickly move from one key frame to another<br />
* properties values for rotation can span beyond 0 and 360, permetting to set three or more complete rotation with too key frame. I think this kind of feature could be used for all bounded values (like color, transparency and so on). Is this compatible with SVG or should it be an artifact ?<br />
* representation of properties values on a time line graph. This functionnality was still not very usable, but being to interact through that kind of object could be very useful (see below)<br />
<br />
Things that lacks (and Inkscape shall have)<br />
<br />
* possibility to copy animation properties from one object to another (say copy color animation, or whole animation)<br />
* possibility to modify a property value for all key frames at once (eg. translation of object for all key frames or a selcted group). I think this could happen through the value = f(time) graph metioned above. You could select points (representing keyframes) and move them up (more), down (less), right (sooner). This graph could be organised by properties set (color, position). I think this kind of graph would be very close to SVG animations tag.<br />
* macro that helps sets common effects (like blinking for example, or crossing the screen....)<br />
<br />
==== Bob Sabiston Example ====<br />
Bob Sabiston's animation software is an amazing vector-based package that stores line width within the points that make up a line -- derived from a tablet pen. usually in a simple stroke there could be a hundred data points storing width information. Then in the next keyframe, a line from a previous key is selected and re-drawn restricted to the same number of points. The software allow sthe points to be "repositioned" as you watch their previous locations be re-positioned. When you run out, the line ends automatically. This information is interpolated in tweening frames to change shape, width, position, but retains the same number of data-points. See the film "Waking Life" for the making-of video for a demonstration. Also visit his website for examples of it's capabilities converted to flash. http://www.flatblackfilms.com<br />
<br />
==== Other thoughts ====<br />
<br />
Suggestion from someone else: working like [[CinePaint]] (compared with Gimp), with each frame independently from each svg document (working like this or providing this feature) - providing vectorial edition quality we can't get on apps like Macromedia Flash or any other (maybe [[ToonBoom]] or Moho) - allowing us to make our work fast publish without further lack of quality.<br />
(One more suggestion about it: being able to convert .swf to .svg sequence (or animated .sgv) and vice versa.)<br />
<br />
It is suggested that there be basically two modes: Local (Object) mode and Global mode. Below is a picture showing a very rough design of the local mode:<br />
<br />
http://www.inkscape.org/wiki_uploads/anim_gui1.png<br />
<br />
In local modes, all properties of the object editing will be shown on a timeline, and one can create and edit frame within the timeline. Then one may assign different value of that properties on different timeline, or make it change linearly, or nonlinearly :)<br />
<br />
----<br />
<br />
Animation support in Inkscape offers great new opportunities. Here are some points that I think are important to keep in mind when adding animation to the GUI:<br />
<br />
* ''Originality''<br>Don't do as other do - except it's the best way.<br />
* ''Simplicity''<br>Animation should not stand in the way of the user. Only show as much as necessary to perform a certain task, and do things in the most natural way.<br />
* ''SVG-Orientation''<br>SVG animation is different in some ways. The UI should reflect this, and not reassemble concepts of tools that just work differently. E.g.,<br />
** SMIL animation has no concept of frames. So we don't need a frame-based timeline, but a time-based one.<br />
** SMIL animation in general is to animation what vector graphics is to graphics: It's declarative and object oriented. So one doesn't animate a scene, one animates objects on a scene, etc.<br />
* ''Coherence''<br>The animation UI should reassemble concepts that Inkscape users are already familiar with:<br />
** Animation timelines can in some contexts be treated as paths that one can add points to (keyTimes). Or one can control animation timing with splines (keySplines).<br />
<br />
I composed a mockup that reflects the above mentioned characteristics to some extend:<br />
http://www.uni-bremen.de/~felwert/inkscape/Animation01.html<br />
<br />
==== Powerpoint Example ====<br />
You select an object and add types of animation. These are listed in the custom animation pane. They can be set to occur all at once, one at a time, onclick, with previous or after previous. A number appears next to each object in the editing window when the object has animation applied to it, representing the sequence of the animations. When an object has an Entrance type animation added to it as the first animation, it will not appear on screen until the timeline reaches this point. animations can be linked together to create quite complicated sequences.<br />
<br />
==== Onion Skinning ====<br />
Onion skinning is a standard animator tool, previous or next frames (sometime both) are displayed under the current frame with differrent color, or less contrast, allowing to understand wich drawing the animator is actually working on, and wich frame is 1 step or 2 step before or after the actual frame.<br />
<br />
This can easily be implemented using transparency parameter of layer, and automatize selection of layers to be displayed, parameters following a specialized gui entries.<br />
<br />
Onionskin in gimp-GAP is a good example of what should be a minimal requirement. that is managin backword, forward and both direction onion skin, with variable visiblity increase decrease. Color changes on onionskinning could be another useful option to increase visiblity of different frames, as generally the onionskinning is done at the sketching animation step (meaning mostly grey or black & white drawing)<br />
<br />
[http://en.wikipedia.org/wiki/Onion-skinning Onion skinning on wikipedia].<br />
<br />
==== Interactive ====<br />
I have started using svg to develop interactive displays. Having used several other svg tools currently on the market, I am interested in a more generic implementation that doesn't have animation effects get in the way of interactive controls. <br />
<br />
<br />
==== Playback of Construction Steps ====<br />
We, at [http://www.classapart.org Class Apart] ( www.classapart.org ), plan to use Inkscape in a manner similar to the classroom whitebord to create taught lectures and record the screen in an mpeg movie. The problem is that raster based formats would take about 50 MB for an hour of content, and does not go very well with our unstated goal of getting a whole course on a cd or all courses of a semester on one dvd. It would be great if we could store the construction steps of the svg keyed against time while recording. Then while playback we can patch the svg dom with the steps as needed, using something similar to smil script. How does one go about implementing this? We could find some members willing to implement.<br />
<br />
<br />
==== Using Bones ====<br />
Anime Studio (and all 3D animation software) uses bones to animate with. In Anime Studio you draw up a basic skeleton and then attach the drawing to the bones This is done automatically based on the distance between the bone and the points on the curve. You can then move, rotate or scale the bones to animate the characters. You can store these values per frame, and have the computer interpolate them. This is a much faster way to work than to interpolate the points on the drawing directly. 3D software is probably a better reference here than Anime Studio. Usefull features include:<br />
* Weighting of individual points to bones<br />
* Combining tweening and frame by frame animation. To create replaceable mouths, rotating heads and more. <br />
* Inverse kinematics, to speed up animation. With it you can grab the hand of a character and have the arm follow, rather than rotate the upper arm and lower arm separately to move the hand.<br />
* Constraining. Making one bone follow another, limiting the movement of a bone and so on.<br />
* Graph/Curve editor. A time based editor with b-splines representing the individual move, rotate and scale transformations. This gives the animator great control over the animation.<br />
<br />
==== Drawing Frames ====<br />
Toon Boom, Plastic Animation Paper, TV Paint, Animo and traditional 2D animation on paper, all use individual drawings per frame. This gives you by far the best control when doing character animation, but at the cost of a lot of work. Features that are needed for traditional 2D animation to work well include:<br />
* Onion skinning, preferably multiple levels back and forward and adjustable transparency.<br />
* Dope sheet or timeline where you can move frames back and forth and repeat/hold frames.<br />
* Cut-outs, where you move a whole or part of a frame to a different position for tracing on another frame.<br />
* Some way to do rough sketching. Plastic Animation Paper is a good example here, though it's bit map based. With a tablet it gives you pencil like feel when drawing, giving darker lines the harder you press. This helps the animator "find the line". It should be possible to do in vectors if using a central line that stores the pressure along each point (width and/or opacity), rather than an outline.<br />
Combining tweening animation and frame by frame animation can in many cases give the best results.<br />
<br />
==== SMIL Animation (SVG Animation) vs SMIL Timing and Sync ====<br />
What should the scope of Inkscape's animation capabilities be?<br />
Many people are talking about mimicking other software's ability to do frame-by-frame animation and cartoon animation (particularly Flash's).<br />
<br />
SVG inherits from [http://www.w3.org/TR/2005/REC-SMIL2-20051213/animation.html SMIL's "Animation" module], with a [http://www.w3.org/TR/SVG11/animate.html#RelationshipToSMILAnimation few added animation controls] for animating a path, transform, or animating along a path.<br />
<br />
SMIL's animation module however does not provide for elements to begin or end, although we can fake this by having elements initially invisible, and animating their visibility to 'true' during their lifespan.<br />
<br />
While this may be feasible for a few long animations (ie, scenes), will it work for someone attempting to do traditional 2D (even Flash-style) animation? Said hypothetical user, while they may take some advantage of shape and motion tweens, will also likely need to replace the entire drawing when elements of the drawing (characters et al) change their logical structure (a motion requiring a line to appear or disappear). If this is to be supported, Inkscape will need some VERY fast code for switching visibility on-and-off during previewing, as it may be considering the visibility of hundreds if not thousands of graphic elements at a time, to over a dozen times per timeline-second.<br />
<br />
Will other SVG viewers be able to handle that, too, or is it a special use of SVG that's not central to the aim of Inkscape?<br />
<br />
[http://www.w3.org/TR/2005/REC-SMIL2-20051213/smil-timing.html SMIL's "Timing and Synchronization" module] supports elements that allow for massive numbers of sequential images or animation elements, as well as defining animation attributes for begin/end/duration timelines. While it's not part of the SVG spec, would this be something Inkscape should look into implementing, or even proposing as an addition in a revision of the SVG spec?<br />
<br />
<br />
==== A new idea I think ====<br />
I can't let go of an idea I'll try to explain as clearly as possible. How about having Inkscape calculate frames in a certain resolution (say 1 to 28 a second) and depth (number of frames displayed) and displaying a number of subsequent frames in over or underlay (transparancy is possible, but eats time) with fading outline colours to depict passing time.<br />
<br />
You set either the framerate (calculated) and begin and end frame in time, or select from begin and end instances of an animate. Alternatively, selecting paths from a list and showing all objects following that path. That way you could (if hardware allows) browse through your animation and look for hiccups in its motion.<br />
<br />
The same interface depicting frame number could be used to display page numbers in a multi page document. Would be nice in combination with an object manager similar to Coreldraws, enabling to select an object in either defs and see what happens to it in the animation, a path or all USE, XLINK etc.<br />
<br />
Using some shifting switch to go forward and backwards in time to follow your animation (or mouse gesture, but button press would be more useful). That way you have a direct interaction with the user and the document.<br />
[[Category:Developer Discussion]]<br />
<br />
::I strongly disagree with a model, that bases on frames. SVG is and should be only time-dependent. Start-duration-end. --[[User:VonHalenbach|SvH]] 16:41, 28 February 2009 (UTC)<br />
<br />
====Custom Keytime-based Timeline====<br />
<br />
Not based on frames at all, although the ability to select a frames-per-second setting allows for a grid that could be used to emulate frame-based animation. I posted the concept along with a mockup on the [[SpecSVGAnimation]] page. ("An example of the third..." to the end of that section)<br />
--[[User:JadeMatrix|JadeMatrix]] 16:32, 6 February 2009 (UTC)<br />
<br />
::In the animation, frames are of no use. You only edit the moving objects in time and when you are ready, you let it render into a number of frames or define, how much frames per second you need. But that is all after the file is saved as svg. Then the rendering can start. Construction and rendering are two different things, which we don't want to mix up in this process. --[[User:VonHalenbach|SvH]] 16:49, 28 February 2009 (UTC)<br />
<br />
::Responded over at [[SpecSVGAnimation]].--[[User:JadeMatrix|JadeMatrix]] 04:43, 4 March 2009 (UTC)<br />
<br />
== SVG-animation THE object-oriented approach to animation ==<br />
SVG-animation is compared to a framebased movieeditor like comparing turbo pascal with c++. These are two different worlds or paradigms. You have to relearn your language, because you have to forget to think in frames. Every object, Line, Rectangle, Path has his own time and space. You could move everything on one single path or give every object a different path to move on. Or you could change the size or its color over time. SVG-animation is designed to get animation on mobile devices. Inkscape should focus on those for animation. We certainly need a global-timeline, on which all animated things get a colored representation (a color bar for each object) of their movement in time. There are already programs to render animated svg into a number of png's or animated png. Inkscape must only be conformant to the svg-standard. --[[User:VonHalenbach|SvH]] 17:13, 28 February 2009 (UTC)</div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=PICMO&diff=55293PICMO2009-12-21T02:49:47Z<p>Valessio: Created page with 'Source: http://picmo.com/en/features.html == Basic Features == Computer as a true drawing tool == The superb touch that makes mouse actions fun == Drawing with your mouse or ta...'</p>
<hr />
<div>Source: http://picmo.com/en/features.html<br />
<br />
== Basic Features ==<br />
Computer as a true drawing tool<br />
<br />
== The superb touch that makes mouse actions fun ==<br />
Drawing with your mouse or tablet―that’s the foundation on which PICMO is built on. Through rigorous coordination and an adjustment of hardware, a superbly real and soft drawing touch―much like that of a marker―was realized.<br />
<br />
== Newly designed interfaces ==<br />
You want a big canvas when you draw. PICMO does not display unnecessary windows, so that you can focus on the canvas alone. Even the toolbar buttons may be hidden. If that’s not enough, switch to full screen mode and maximize the canvas size. Use your computer as a large sheet of paper.<br />
Drawing Features<br />
Fun Doodling for the Drawing Challenged<br />
<br />
== Easy corrections with Good Boy! Pen ==<br />
Nobody can draw well at first. But that’s perfectly fine as long as you take the time to fix the errors later, and this is when you need the help of the computer the most. PICMO is equipped with a fantastic tool for this purpose: Good Boy! Pen. Utter the words “Good Boy!” while gently stroke the lines with the pen―as you would a little boy’s head―and watch the rough edges vanish and the lines become tamer (smoother).<br />
<br />
== Shape-Memory Drag Pen for wilder deformation ==<br />
The drag pen is suited for major corrections. Apply it on a line or a side of a shape, and simply drag it to deform the shape. What makes PICMO’s drag pen special is its shape-memory function; the shape tries to retain its form, so major deformations do not affect the shape’s original characteristics. Unlike spline control, which requires experience, the drag pen allows the user to create an ideal form by feel.<br />
<br />
== Pick and choose with Dynamic Color Change ==<br />
Few people know what colors they want to use from the start. It’s only natural to test various colors in the creation process and see what fits the best. That’s where Dynamic Color Change comes into picture. Modify the RGB/HSV values on the palette and see the colors on the canvas change in real-time.<br />
<br />
== Animation Features ==<br />
Create Animation in 10 Minutes<br />
<br />
== Animation in three simple steps: AnimClip ==<br />
Once you have drawn something, let’s infuse some life into it with animation, and AnimClip is just the right tool for this purpose. Place red pins on the parts you want to apply movement to, and then drag them with your mouse. Notice the movements are astonishingly natural, like you are playing with a real stuffed animal. Record the mouse action and, incredibly, you’ll have your own work of animation just like that.<br />
<br />
== Baton Mode for sophisticated action ==<br />
The Baton Mode is very convenient if you’re working with a complex character or want to create a complex series of actions. Save the character’s appearance at each base point of your choice, and see the character move smoothly within the range determined by the selected points. Dealing with eight tentacles has never been so easy!<br />
<br />
== Easy to Add Sound ==<br />
Using PICMO, you can add sounds or music to your animation easily. Load the sound file, attach to AnimClip and record by the button. That's all you have to do. We provide free sound library with PICMO application file.<br />
<br />
== Import and Export ==<br />
Animating pictures, moving hearts<br />
<br />
== Animate pictures with Bitmap importing ==<br />
PICMO can import images taken by a digital camera and BMP files created by other software. Apply animation to the imported images using AnimClip, and make your friends and families dance like they’ve never danced before.<br />
<br />
== Share Your Animation at YouTube ==<br />
By selecting only one menu item, you can upload your animation to YouTube. Not only to your YouTube account, but also PICMO shared account.<br />
<br />
== Exporting in Flash or QuickTime format ==<br />
Your work may be exported in JPG or PNG format, or in Flash or QuickTime format if it contains animation. Upload it to your website, blog site, or YouTube. You can even make your own DVD!</div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=Animation-(Timeline)&diff=55291Animation-(Timeline)2009-12-21T02:46:36Z<p>Valessio: /* Existing animation programs (Free &amp; non-Free) */</p>
<hr />
<div>[[Animation|Back to main page for animation]]<br />
<br />
=== User interface for timeline-based animation ===<br />
<br />
==== Existing animation programs (Free &amp; non-Free) ====<br />
<br />
Free (or Open Source)<br />
<br />
* [[Ajax Animator]] is a FUNCTIONAL web-based (ajax) free-software clone of the flash interface, and uses a SVG based format for saving and compiling animations (http://osflash.org/ajaxanimator)<br />
* QFlash is a FUNCTIONAL free-software mock-up of the Flash 4 interface, which can import SVG files but not edit them. (http://qflash.sourceforge.net)<br />
* F4l is a non-functional free-software mock-up of the Flash 4 interface.(http://f4l.sf.net/)<br />
* [[LimSee2]] (http://wam.inrialpes.fr/software/limsee2/) is an excellent almost-free basis. (visible-source limited-use license)<br />
* Spalah Flash (http://spalah.sourceforge.net/?p=10) (not to be confused with Spalah CMS) "is a GTK2[[/GNOME2]] based application for generating Macromedia SWF and [[W3C]] SVG animations." The GUI is today minimalist but the author is trying to integrate it with inkscape. See http://spalah.sourceforge.net/?p=25<br />
* Jahshaka (http://www.jahshaka.org/) multi-platform QT animation program powered mostly by OpenGL (GPL)<br />
* Ktoon (http://ktoon.toonka.com/) is a 2D Animation Toolkit designed by animators for animators, focused to the Cartoon Industry. (GPL)<br />
* SMIL 2.1 player: http://www.cwi.nl/projects/Ambulant/distPlayer.html (GPL)<br />
* [[Synfig]] <span style="font-size:smaller">([http://www.synfig.com/ link])</span> is a film-quality 2D vector animation editor and renderer. It features image morphing between drawings and output animation that is resolution independent both visually and temporally. (GPL)<br />
* Pencil (http://www.les-stooges.org/pascal/pencil/index.php?id=Home) vector and bitmap free animation package using Qt toolkit run on Win32 (XP and works fine on wine), and MacOSX. Simple but already powerful basic animation. It uses blender like time line with multiple layers and Author plan to export SVG.<br />
* Blender3D (http://blender.org/) is a 3d (eq. vector) animation program featuring [http://wiki.blender.org/index.php/Manual/Animation_Basics key frame, motion curve, path animation] using [http://wiki.blender.org/index.php/Manual/Ipo_Curves_and_Keyframes interpolation (IPO) curve editing] combining with [http://wiki.blender.org/index.php/Manual/Shape_Keys shape keys] and [http://wiki.blender.org/index.php/Manual/Animation/Lattice_Animation deforming by a lattice] (GPL)<br />
* [http://gimp.org Gimp] the bitmap editor and it's included animation script for gif is really minimalistic and frame based<br />
* [http://gimp.org Gimp-GAP] (Gimp Animation Plugin) is a gimp plugin has some good interfaces for managing movements of objects (menu video=>movepath), layer management and apply effects along animation. A powerful onionskin management, and notions of clip/storyboard, but could be slow in complex cases and slow computers.<br />
* [http://www.thebest3d.com/dogwaffle/free/index.html PD1.2] Free program for digital painting and limited animation<br />
<br />
Non-Free (Fee Based, or Proprietary)<br />
<br />
* [[PICMO]] - http://picmo.com/en/features.html<br />
* [[MacromediaFlash]] is a good non-Free example.<br />
* Ikivo Animator is a good non-Free example producing SVG Tiny animations (http://www.ikivo.com/animator/index.html)<br />
* Macromedia Director prior to version MX had a different interface (http://www.rice.edu/fondren/erc/howto/director.html) which I prefer(ed) over Flash<br />
* Anime Studio, formerly known as [[Moho]] (http://www.e-frontier.com/article/articleview/1913/1/793?sbss=793) a non-free example. (Written in Java.) Features skeletal animation ([http://www.e-frontier.com/article/articleview/1918/1/800?sbss=80х, unique bone rigging for 2D]) and automatic tweening of vector operations, [http://img.osnews.com/img/2547/moho4-rh.png view screenshot].<br />
* Bob Sabiston's proprietary animation software http://www.flatblackfilms.com<br />
* Powerpoint (http://office.microsoft.com) has an easy but basic interface. No flash killer, but some nice ideas.<br />
* The Tab (http://www.the-tab.com/) Another non-free example that features elegant systems for parent-child animation and a very interesting feature that is designed for pseudo-3D camera moves.<br />
* SVGDeveloper (http://www.perfectsvg.com/) is a non-free SVG authoring tool with animation support.<br />
* [http://www.tvpaint.com TV Paint] is a non-free bitmap based compositing and animation package. It works with a timeline and layers. Notable feature is the onion skin "mixer", which let's you adjust the brightness of multiple frames before and after the current one.<br />
* [http://www.toonboom.com/ Toon Boom] is a non-free vector based frame by frame animation package. It simulates a lot of the tools familiar to traditional animators, such as a dope sheet, field charts and more. Has two modes, one for drawing "cells" and one for placing them in front of a virtual camera in basic 3D space.<br />
* [http://www.thebest3d.com/ PD 2 through PD4] A series non-free programs combining various capabilities for digital painting and animation. The high end program allows creation of special effects<br />
* Mewafilm ( http://www.mewatools.com/images/curveeditor_mainwindow.png , http://www.mewatools.com/screenshots.html )<br />
<br />
==== Fantavision example ====<br />
Back in the '80's there was a program on Apple IIE (Amiga and MS-DOS too) called "Fantavision". It allowed one to create vector artwork (although I didn't understand at the time that that was what it was called) and animations. It allowed one to create frames of animation where you manually repositioned, recolored, scaled, rotated etc. the objects from one frame to the next. However, it then automatically interpolated frames between the 2 frames (the number of interpolated frames was configurable) such that it create a smooth transition of the object moving from one frame to the other. The effect was very similiar to the "Morphing" effect for raster graphics (popularized in a Michael Jackson video, I believe). That is, the system calculated the trajectory of "Key Points" of the objects from one frame to the next. This process is often called "Tweening" (a term used by Macromedia Flash). [[Sketch|Skencil]] (formerly known as [[Sketch]]) supports this functionality and describes it as "Blending".<br />
<br />
I guess what I'm saying is that I think a nice interface to create animations would be similiar. So to animate you would do the following:<br />
<br />
* Draw the initial SVG Image <br />
<br />
* Increment Frame (from say 1 to 20)<br />
<br />
* Reposition the elements in frame 20 (including scaling, color changes, adding removing objects, etc, etc, etc)<br />
<br />
* System would then calculate a trajectory for each key point from frame 1 to frame 20. Trajectories would be calculated for things like:<br />
** Each "node" of an object<br />
** Color <br />
** Transformation Matrix<br />
** etc<br />
<br />
* You could display/manipulate the trajectories (using the trajectory editor shown above by the original creator of this topic)<br />
<br />
* The system would then store the animations using SVG trajectories and the "Key Points" would be the frames you manually created<br />
<br />
:So, to create say a 100 frame animation, one might only need to manually create/modify 10 frames and the system would interpolate the additional frames as necessary.<br />
<br />
* Also, once the system interpolated frames it would allow you to manually modify the interpolated frames creating further "Key Points" and allow further refinement and interpolation.<br />
<br />
<br />
NOTE: 3D apps such as blender also use a technique like this, which I think is most widely known as "keyframe animation" or simply "keyframing". However, many such systems tie the keys too closely to actual animation frames, and this creates problems when the frames-per-second rate changes. Particularly in the case of vector apps which are not so low-level as bitmaps and animation frames, I would suggest that frames should be as abstract as possible.<br />
<br />
Having key positions in simple percentages of the total animation time might be a better solution. This would also need to be a global/local system, of course: animated objects would have their own animation time specified when inserted into a larger document. A character's walkcycle would end at 100%, but in the larger animation, it would perhaps only be 5% of the total time, yet repeating as the object moves across the screen.<br />
<br />
One issue with this abstraction of frames might be that important animation effects do not occur exactly within frames: small things could be mistimed, or simply missed altogether. If you set the frame rate too low, this would be an obvious side effect, so it's not necessarily a problem<br />
that Inkscape should try to fix. On the other hand, a few things could be done to ease this. For instance, "snapping" animation events to frames when exporting (thereby slightly altering the timing), or perhaps just warning that certain animation events are not visible at such a low frame rate.<br />
<br />
Of course, on the web, with SVG and DHTML, where most Inkscape animations will hopefully be used one day, frames are not an issue at all, and we just worry about keys in time :)<br />
<br />
ANOTHER NOTE: Interpolation does not necessarily occur along straight lines and linearly in time. Paths are already part of Inkscape, so points could move along paths; also he time-length graph can be something like a path, instead of a straight line.<br />
<br />
==== Jahshaka example ====<br />
<br />
I have used jahshaka for a small animation. This was my first real experience with animation. Thought rough, jahshaka is all about key frames and setting properties for those key frames.<br />
<br />
Things I liked<br />
<br />
* Key frames are on a per object basis<br />
* When an object is selected you can quickly move from one key frame to another<br />
* properties values for rotation can span beyond 0 and 360, permetting to set three or more complete rotation with too key frame. I think this kind of feature could be used for all bounded values (like color, transparency and so on). Is this compatible with SVG or should it be an artifact ?<br />
* representation of properties values on a time line graph. This functionnality was still not very usable, but being to interact through that kind of object could be very useful (see below)<br />
<br />
Things that lacks (and Inkscape shall have)<br />
<br />
* possibility to copy animation properties from one object to another (say copy color animation, or whole animation)<br />
* possibility to modify a property value for all key frames at once (eg. translation of object for all key frames or a selcted group). I think this could happen through the value = f(time) graph metioned above. You could select points (representing keyframes) and move them up (more), down (less), right (sooner). This graph could be organised by properties set (color, position). I think this kind of graph would be very close to SVG animations tag.<br />
* macro that helps sets common effects (like blinking for example, or crossing the screen....)<br />
<br />
==== Bob Sabiston Example ====<br />
Bob Sabiston's animation software is an amazing vector-based package that stores line width within the points that make up a line -- derived from a tablet pen. usually in a simple stroke there could be a hundred data points storing width information. Then in the next keyframe, a line from a previous key is selected and re-drawn restricted to the same number of points. The software allow sthe points to be "repositioned" as you watch their previous locations be re-positioned. When you run out, the line ends automatically. This information is interpolated in tweening frames to change shape, width, position, but retains the same number of data-points. See the film "Waking Life" for the making-of video for a demonstration. Also visit his website for examples of it's capabilities converted to flash. http://www.flatblackfilms.com<br />
<br />
==== Other thoughts ====<br />
<br />
Suggestion from someone else: working like [[CinePaint]] (compared with Gimp), with each frame independently from each svg document (working like this or providing this feature) - providing vectorial edition quality we can't get on apps like Macromedia Flash or any other (maybe [[ToonBoom]] or Moho) - allowing us to make our work fast publish without further lack of quality.<br />
(One more suggestion about it: being able to convert .swf to .svg sequence (or animated .sgv) and vice versa.)<br />
<br />
It is suggested that there be basically two modes: Local (Object) mode and Global mode. Below is a picture showing a very rough design of the local mode:<br />
<br />
http://www.inkscape.org/wiki_uploads/anim_gui1.png<br />
<br />
In local modes, all properties of the object editing will be shown on a timeline, and one can create and edit frame within the timeline. Then one may assign different value of that properties on different timeline, or make it change linearly, or nonlinearly :)<br />
<br />
----<br />
<br />
Animation support in Inkscape offers great new opportunities. Here are some points that I think are important to keep in mind when adding animation to the GUI:<br />
<br />
* ''Originality''<br>Don't do as other do - except it's the best way.<br />
* ''Simplicity''<br>Animation should not stand in the way of the user. Only show as much as necessary to perform a certain task, and do things in the most natural way.<br />
* ''SVG-Orientation''<br>SVG animation is different in some ways. The UI should reflect this, and not reassemble concepts of tools that just work differently. E.g.,<br />
** SMIL animation has no concept of frames. So we don't need a frame-based timeline, but a time-based one.<br />
** SMIL animation in general is to animation what vector graphics is to graphics: It's declarative and object oriented. So one doesn't animate a scene, one animates objects on a scene, etc.<br />
* ''Coherence''<br>The animation UI should reassemble concepts that Inkscape users are already familiar with:<br />
** Animation timelines can in some contexts be treated as paths that one can add points to (keyTimes). Or one can control animation timing with splines (keySplines).<br />
<br />
I composed a mockup that reflects the above mentioned characteristics to some extend:<br />
http://www.uni-bremen.de/~felwert/inkscape/Animation01.html<br />
<br />
==== Powerpoint Example ====<br />
You select an object and add types of animation. These are listed in the custom animation pane. They can be set to occur all at once, one at a time, onclick, with previous or after previous. A number appears next to each object in the editing window when the object has animation applied to it, representing the sequence of the animations. When an object has an Entrance type animation added to it as the first animation, it will not appear on screen until the timeline reaches this point. animations can be linked together to create quite complicated sequences.<br />
<br />
==== Onion Skinning ====<br />
Onion skinning is a standard animator tool, previous or next frames (sometime both) are displayed under the current frame with differrent color, or less contrast, allowing to understand wich drawing the animator is actually working on, and wich frame is 1 step or 2 step before or after the actual frame.<br />
<br />
This can easily be implemented using transparency parameter of layer, and automatize selection of layers to be displayed, parameters following a specialized gui entries.<br />
<br />
Onionskin in gimp-GAP is a good example of what should be a minimal requirement. that is managin backword, forward and both direction onion skin, with variable visiblity increase decrease. Color changes on onionskinning could be another useful option to increase visiblity of different frames, as generally the onionskinning is done at the sketching animation step (meaning mostly grey or black & white drawing)<br />
<br />
[http://en.wikipedia.org/wiki/Onion-skinning Onion skinning on wikipedia].<br />
<br />
==== Interactive ====<br />
I have started using svg to develop interactive displays. Having used several other svg tools currently on the market, I am interested in a more generic implementation that doesn't have animation effects get in the way of interactive controls. <br />
<br />
<br />
==== Playback of Construction Steps ====<br />
We, at [http://www.classapart.org Class Apart] ( www.classapart.org ), plan to use Inkscape in a manner similar to the classroom whitebord to create taught lectures and record the screen in an mpeg movie. The problem is that raster based formats would take about 50 MB for an hour of content, and does not go very well with our unstated goal of getting a whole course on a cd or all courses of a semester on one dvd. It would be great if we could store the construction steps of the svg keyed against time while recording. Then while playback we can patch the svg dom with the steps as needed, using something similar to smil script. How does one go about implementing this? We could find some members willing to implement.<br />
<br />
<br />
==== Using Bones ====<br />
Anime Studio (and all 3D animation software) uses bones to animate with. In Anime Studio you draw up a basic skeleton and then attach the drawing to the bones This is done automatically based on the distance between the bone and the points on the curve. You can then move, rotate or scale the bones to animate the characters. You can store these values per frame, and have the computer interpolate them. This is a much faster way to work than to interpolate the points on the drawing directly. 3D software is probably a better reference here than Anime Studio. Usefull features include:<br />
* Weighting of individual points to bones<br />
* Combining tweening and frame by frame animation. To create replaceable mouths, rotating heads and more. <br />
* Inverse kinematics, to speed up animation. With it you can grab the hand of a character and have the arm follow, rather than rotate the upper arm and lower arm separately to move the hand.<br />
* Constraining. Making one bone follow another, limiting the movement of a bone and so on.<br />
* Graph/Curve editor. A time based editor with b-splines representing the individual move, rotate and scale transformations. This gives the animator great control over the animation.<br />
<br />
==== Drawing Frames ====<br />
Toon Boom, Plastic Animation Paper, TV Paint, Animo and traditional 2D animation on paper, all use individual drawings per frame. This gives you by far the best control when doing character animation, but at the cost of a lot of work. Features that are needed for traditional 2D animation to work well include:<br />
* Onion skinning, preferably multiple levels back and forward and adjustable transparency.<br />
* Dope sheet or timeline where you can move frames back and forth and repeat/hold frames.<br />
* Cut-outs, where you move a whole or part of a frame to a different position for tracing on another frame.<br />
* Some way to do rough sketching. Plastic Animation Paper is a good example here, though it's bit map based. With a tablet it gives you pencil like feel when drawing, giving darker lines the harder you press. This helps the animator "find the line". It should be possible to do in vectors if using a central line that stores the pressure along each point (width and/or opacity), rather than an outline.<br />
Combining tweening animation and frame by frame animation can in many cases give the best results.<br />
<br />
==== SMIL Animation (SVG Animation) vs SMIL Timing and Sync ====<br />
What should the scope of Inkscape's animation capabilities be?<br />
Many people are talking about mimicking other software's ability to do frame-by-frame animation and cartoon animation (particularly Flash's).<br />
<br />
SVG inherits from [http://www.w3.org/TR/2005/REC-SMIL2-20051213/animation.html SMIL's "Animation" module], with a [http://www.w3.org/TR/SVG11/animate.html#RelationshipToSMILAnimation few added animation controls] for animating a path, transform, or animating along a path.<br />
<br />
SMIL's animation module however does not provide for elements to begin or end, although we can fake this by having elements initially invisible, and animating their visibility to 'true' during their lifespan.<br />
<br />
While this may be feasible for a few long animations (ie, scenes), will it work for someone attempting to do traditional 2D (even Flash-style) animation? Said hypothetical user, while they may take some advantage of shape and motion tweens, will also likely need to replace the entire drawing when elements of the drawing (characters et al) change their logical structure (a motion requiring a line to appear or disappear). If this is to be supported, Inkscape will need some VERY fast code for switching visibility on-and-off during previewing, as it may be considering the visibility of hundreds if not thousands of graphic elements at a time, to over a dozen times per timeline-second.<br />
<br />
Will other SVG viewers be able to handle that, too, or is it a special use of SVG that's not central to the aim of Inkscape?<br />
<br />
[http://www.w3.org/TR/2005/REC-SMIL2-20051213/smil-timing.html SMIL's "Timing and Synchronization" module] supports elements that allow for massive numbers of sequential images or animation elements, as well as defining animation attributes for begin/end/duration timelines. While it's not part of the SVG spec, would this be something Inkscape should look into implementing, or even proposing as an addition in a revision of the SVG spec?<br />
<br />
<br />
==== A new idea I think ====<br />
I can't let go of an idea I'll try to explain as clearly as possible. How about having Inkscape calculate frames in a certain resolution (say 1 to 28 a second) and depth (number of frames displayed) and displaying a number of subsequent frames in over or underlay (transparancy is possible, but eats time) with fading outline colours to depict passing time.<br />
<br />
You set either the framerate (calculated) and begin and end frame in time, or select from begin and end instances of an animate. Alternatively, selecting paths from a list and showing all objects following that path. That way you could (if hardware allows) browse through your animation and look for hiccups in its motion.<br />
<br />
The same interface depicting frame number could be used to display page numbers in a multi page document. Would be nice in combination with an object manager similar to Coreldraws, enabling to select an object in either defs and see what happens to it in the animation, a path or all USE, XLINK etc.<br />
<br />
Using some shifting switch to go forward and backwards in time to follow your animation (or mouse gesture, but button press would be more useful). That way you have a direct interaction with the user and the document.<br />
[[Category:Developer Discussion]]<br />
<br />
::I strongly disagree with a model, that bases on frames. SVG is and should be only time-dependent. Start-duration-end. --[[User:VonHalenbach|SvH]] 16:41, 28 February 2009 (UTC)<br />
<br />
====Custom Keytime-based Timeline====<br />
<br />
Not based on frames at all, although the ability to select a frames-per-second setting allows for a grid that could be used to emulate frame-based animation. I posted the concept along with a mockup on the [[SpecSVGAnimation]] page. ("An example of the third..." to the end of that section)<br />
--[[User:JadeMatrix|JadeMatrix]] 16:32, 6 February 2009 (UTC)<br />
<br />
::In the animation, frames are of no use. You only edit the moving objects in time and when you are ready, you let it render into a number of frames or define, how much frames per second you need. But that is all after the file is saved as svg. Then the rendering can start. Construction and rendering are two different things, which we don't want to mix up in this process. --[[User:VonHalenbach|SvH]] 16:49, 28 February 2009 (UTC)<br />
<br />
::Responded over at [[SpecSVGAnimation]].--[[User:JadeMatrix|JadeMatrix]] 04:43, 4 March 2009 (UTC)<br />
<br />
== SVG-animation THE object-oriented approach to animation ==<br />
SVG-animation is compared to a framebased movieeditor like comparing turbo pascal with c++. These are two different worlds or paradigms. You have to relearn your language, because you have to forget to think in frames. Every object, Line, Rectangle, Path has his own time and space. You could move everything on one single path or give every object a different path to move on. Or you could change the size or its color over time. SVG-animation is designed to get animation on mobile devices. Inkscape should focus on those for animation. We certainly need a global-timeline, on which all animated things get a colored representation (a color bar for each object) of their movement in time. There are already programs to render animated svg into a number of png's or animated png. Inkscape must only be conformant to the svg-standard. --[[User:VonHalenbach|SvH]] 17:13, 28 February 2009 (UTC)</div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=Inkscape_popularity&diff=50674Inkscape popularity2009-04-21T22:20:14Z<p>Valessio: </p>
<hr />
<div>== Idea ==<br />
<br />
The idea of this is mostly about helping Inkscape and other open-source apps being more popular in the professional and academic graphic design world.<br />
<br />
The needed is getting help from arts/design and engineering universities, associations (like http://www.icograda.org), design-related studios, offset printing companies, etc., the most worldwidely as possible.<br />
<br />
Getting contact from both arts/design and engineering worlds would provide us to get the best features and intensive testing (specially on the speed and accuracy we need from this kind of application)<br />
<br />
What also would help on Inkcape popularity is making it more visible from graphic design related magazines, like Eye (http://www.eyemagazine.com/), Communication Arts (http://www.commarts.com/), U&LC (http://www.uandlc.com/), Emigre (http://www.emigre.com/), [[DotDotDot]], etc.<br />
<br />
Comments and helps on this task is hugely welcome!<br />
<br />
How to attract graphic design professionals: Prioritise the UI<br />
<br />
* Clarity and usability. If Freehand and Illustrator do things a certain way in terms of layout or terminology then so should Inkscape - unless it is seriously sub-optimal.<br />
<br />
::I agree, except that Illustrator ways are indeed often suboptimal, especially in the context of Inkscape. Anyway, please make specific proposals. --bb<br />
<br />
* The default keyboard shortcuts should be the same as the industry leaders. Reduce clutter and look at the UI trends Adobe are pushing. They have a lot of historical baggage to accomodate which Inkscape doesn't so we can get there quicker and cleaner. Another point.<br />
<br />
::See my comment in your RFE on this. --bb<br />
<br />
(I'll eventually edit this rant and move it to a more appropriate place.)<br />
<br />
<br />
== others ==<br />
<br />
[[http://www.google.pt/trends?q=inkscape%2Cxara&ctab=0&geo=all&date=all&sort=2 Google Trends to Inkscape and Xara]]<br />
<br />
<br />
<br />
<br />
[[Category:Developer Discussion]]</div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=InkscapeHistory&diff=50664InkscapeHistory2009-04-21T20:35:57Z<p>Valessio: </p>
<hr />
<div>== Overview ==<br />
<br />
''from the inkscape manpage by [[BryceHarrington]]''<br />
<br />
The codebase that would become Inkscape began life in 1999 as the program Gill, the GNOME Illustrator application, created by Raph Levien. The stated objective for Gill was to eventually support all of SVG. Raph implemented the PostScript bezier imaging model, including stroking and filling, line cap style, line join style, text, etc. Raph's Gill page is at http://www.levien.com/svg/. Work on Gill appears to have slowed or ceased in 2000. <br />
<br />
The next incarnation of the codebase was to become the highly popular program Sodipodi, led by Lauris Kaplinski. The codebase was turned into a powerful illustration program over the course of several year's work, adding several new features, multi-lingual support, porting to Windows and other operating systems, and eliminating dependencies. <br />
<br />
Inkscape was formed in 2003 by four active Sodipodi developers, Bryce Harrington, MenTaLguY, Nathan Hurst, and Ted Gould, wanting to take a different direction with the codebase in terms of focus on SVG compliance, interface look-and-feel, and a desire to open development opportunities to more participants.<br />
<br />
== Timeline ==<br />
<br />
=== 1998 ===<br />
<br />
[http://www.levien.com/svg/ Gill] starts as an effort to implement SVG on the Gnome canvas.<br />
<br />
Sodipodi starts as a private branch? See [http://linux.omnipotent.net/article.php?article_id=12529 interview with Lauris].<br />
<br />
=== 1999 ===<br />
<br />
The SodiPodi 0.17 Changelog shows major changes on 1999-09-02.<br />
<br />
=== 2000 ===<br />
<br />
Sodipodi gets a sourceforge page, 0.17 release lists 3 authors.<br />
<br />
=== 2003 ===<br />
<br />
Inkscape forks from SodiPodi.<br />
<br />
<br />
== References ==<br />
<br />
[http://gould.cx/ted/ink-about/ Ted's pages of "about dialogs"]<br />
<br />
== Release History ==<br />
<br />
This is straight off of the sourceforge pages. These raw facts are here to help spur your memory. Please add what you know in a timeline format above.<br />
<br />
See also: [http://en.wikipedia.org/wiki/Inkscape#Versions release history at Wikipedia], [http://wiki.inkscape.org/wiki/index.php/Release_Notes#Previous_releases list of past release notes].<br />
<br />
: '''Inkscape'''<br />
:: 2008-04-01 0.46 <br />
:: 2007-02-05 0.45 <br />
:: 2006-06-25 0.44<br />
:: 2005-11-19 0.43<br />
:: 2005-08-21 0.42.2<br />
:: 2005-07-24 0.42<br />
:: 2005-02-08 0.41<br />
:: 2004-11-28 0.40<br />
:: 2004-10-27 Snapshots<br />
:: 2004-07-15 0.39<br />
:: 2004-04-08 0.38.1<br />
:: 2004-02-10 0.37<br />
<br />
: '''SodiPodi'''<br />
:: 2004-02-10 0.34<br />
:: 2003-11-29 0.33<br />
:: 2003-06-19 0.32<br />
:: 2003-02-21 0.31<br />
:: 2003-02-06 0.30<br />
:: 2003-01-27 0.29<br />
:: 2002-11-24 0.28<br />
:: 2002-10-08 0.27<br />
:: 2002-09-21 0.26<br />
:: 2002-09-10 0.25<br />
:: 2001-10-04 0.24.1<br />
:: 2001-09-26 0.24<br />
:: 2001-05-17 0.23<br />
:: 2001-03-09 0.22<br />
:: 2001-01-25 0.21<br />
:: 2000-10-08 0.20<br />
:: 2000-08-18 0.19<br />
:: 2000-04-13 0.18.2<br />
:: 2000-03-27 0.17-2<br />
:: 2000-03-27 0.17<br />
<br />
See too [[AboutScreen About screen history]].</div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=AboutScreen&diff=50654AboutScreen2009-04-21T20:33:08Z<p>Valessio: </p>
<hr />
<div>== About Screen ==<br />
<br />
The About Screen is choice with [[AboutScreenContest]].<br />
<br />
== About Screen History ==<br />
<br />
<gallery caption="About Screen" widths="200px" perrow="4"><br />
Image:About.0.46.png|0.46 - 2008-01-04<br />
Image:About.0.45.png|0.45 - 2007-02-05<br />
Image:About.0.44.png|0.44 - 2006-06-25<br />
Image:About.0.43.png|0.43 - 2005-11-19<br />
Image:About.0.42.png|0.42 - 2005-07-24<br />
Image:About.0.41.png|0.41 - 2005-02-08<br />
Image:About.0.40.png|0.40 - 2004-11-28<br />
Image:About.0.39.png|0.39 - 2004-07-15<br />
Image:About.0.38.png|0.38 - 2004-04-08<br />
Image:About.0.37.png|0.37 - 2004-02-10<br />
Image:About.0.32.png|0.32 - 2003-06-19<br />
Image:About.0.31.png|0.31 - 2003-02-21<br />
Image:About.0.30.png|0.30 - 2003-02-06<br />
Image:About.0.29.png|0.29 - 2003-01-27<br />
Image:About.0.28.png|0.28 - 2002-11-24<br />
Image:About.0.27.png|0.27 - 2002-10-08<br />
Image:About.0.26.png|0.26 - 2002-09-21<br />
Image:About.0.25.png|0.25 - 2002-09-10<br />
</gallery><br />
<br />
Thanks to the History page of Ted original http://gould.cx/ted/ink-about/ .<br />
<br />
== About Screen old Proposal ==<br />
<br />
Here are the submissions for old About Screen for Inkscape.<br />
<br />
[http://inkscapers.deviantart.com/journal/16298574/ All proposal contest 0.46] and [http://inkscapers.deviantart.com/journal/16518035/ Result].</div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=File:About.0.46.png&diff=50644File:About.0.46.png2009-04-21T20:11:01Z<p>Valessio: </p>
<hr />
<div></div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=AboutScreen&diff=50634AboutScreen2009-04-21T20:10:47Z<p>Valessio: </p>
<hr />
<div>== About Screen ==<br />
<br />
The About Screen is choice with [[AboutScreenContest]].<br />
<br />
== About Screen History ==<br />
<br />
<gallery caption="About Screen" widths="200px" perrow="4"><br />
Image:About.0.46.png<br />
Image:About.0.45.png<br />
Image:About.0.44.png<br />
Image:About.0.43.png<br />
Image:About.0.42.png<br />
Image:About.0.41.png<br />
Image:About.0.40.png<br />
Image:About.0.39.png<br />
Image:About.0.38.png<br />
Image:About.0.37.png<br />
Image:About.0.32.png<br />
Image:About.0.31.png<br />
Image:About.0.30.png<br />
Image:About.0.29.png<br />
Image:About.0.28.png<br />
Image:About.0.27.png<br />
Image:About.0.26.png<br />
Image:About.0.25.png<br />
</gallery><br />
<br />
Thanks to the History page of Ted original http://gould.cx/ted/ink-about/ .<br />
<br />
== About Screen old Proposal ==<br />
<br />
Here are the submissions for old About Screen for Inkscape.<br />
<br />
[http://inkscapers.deviantart.com/journal/16298574/ All proposal contest 0.46] and [http://inkscapers.deviantart.com/journal/16518035/ Result].</div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=File:About.0.43.png&diff=50624File:About.0.43.png2009-04-21T19:56:35Z<p>Valessio: </p>
<hr />
<div></div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=File:About.0.44.png&diff=50614File:About.0.44.png2009-04-21T19:56:29Z<p>Valessio: </p>
<hr />
<div></div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=File:About.0.45.png&diff=50604File:About.0.45.png2009-04-21T19:55:13Z<p>Valessio: </p>
<hr />
<div></div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=File:About.0.42.png&diff=50594File:About.0.42.png2009-04-21T19:53:55Z<p>Valessio: </p>
<hr />
<div></div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=File:About.0.41.png&diff=50584File:About.0.41.png2009-04-21T19:53:47Z<p>Valessio: </p>
<hr />
<div></div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=File:About.0.30.png&diff=50574File:About.0.30.png2009-04-21T19:53:22Z<p>Valessio: </p>
<hr />
<div></div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=File:About.0.40.png&diff=50564File:About.0.40.png2009-04-21T19:53:04Z<p>Valessio: </p>
<hr />
<div></div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=File:About.0.38.png&diff=50554File:About.0.38.png2009-04-21T19:52:37Z<p>Valessio: </p>
<hr />
<div></div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=File:About.0.39.png&diff=50544File:About.0.39.png2009-04-21T19:52:22Z<p>Valessio: </p>
<hr />
<div></div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=File:About.0.37.png&diff=50534File:About.0.37.png2009-04-21T19:51:45Z<p>Valessio: </p>
<hr />
<div></div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=File:About.0.32.png&diff=50524File:About.0.32.png2009-04-21T19:50:56Z<p>Valessio: </p>
<hr />
<div></div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=File:About.0.31.png&diff=50514File:About.0.31.png2009-04-21T19:50:36Z<p>Valessio: </p>
<hr />
<div></div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=File:About.0.29.png&diff=50504File:About.0.29.png2009-04-21T19:50:33Z<p>Valessio: </p>
<hr />
<div></div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=File:About.0.28.png&diff=50494File:About.0.28.png2009-04-21T19:50:09Z<p>Valessio: </p>
<hr />
<div></div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=File:About.0.27.png&diff=50484File:About.0.27.png2009-04-21T19:49:57Z<p>Valessio: </p>
<hr />
<div></div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=File:About.0.26.png&diff=50474File:About.0.26.png2009-04-21T19:49:00Z<p>Valessio: </p>
<hr />
<div></div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=AboutScreen&diff=50464AboutScreen2009-04-21T19:45:40Z<p>Valessio: </p>
<hr />
<div>== About Screen ==<br />
<br />
The About Screen is choice with AboutScreenContest .<br />
<br />
== About Screen History ==<br />
<br />
<gallery caption="About Screen" widths="300px" perrow="3"><br />
Image:About.0.25.png<br />
Image:About.0.26.png<br />
Image:About.0.27.png<br />
Image:About.0.28.png<br />
Image:About.0.29.png<br />
Image:About.0.30.png<br />
Image:About.0.31.png<br />
Image:About.0.32.png<br />
Image:About.0.37.png<br />
Image:About.0.38.png<br />
Image:About.0.39.png<br />
Image:About.0.40.png<br />
Image:About.0.41.png<br />
Image:About.0.42.png<br />
Image:About.0.43.png<br />
Image:About.0.44.png<br />
Image:About.0.45.png<br />
Image:About.0.46.png<br />
</gallery><br />
<br />
Thanks to the History page of Ted original http://gould.cx/ted/ink-about/ .<br />
<br />
== About Screen old Proposal ==<br />
<br />
<br />
=== Contest 0.46 ==<br />
Here are the current submissions for the About Screen for Inkscape version 0.46:<br />
<br />
[http://artguy10.deviantart.com/art/Inkscape-0-46-About-Screen-72819990]<br />
[http://av-2.deviantart.com/art/About-Inkscape-72938301]<br />
[http://valessiobrito.info/projetos/inkscape/about46/InkAbout46.png]<br />
[http://unicko.deviantart.com/art/INKSCAPE-0-46-SPLASH-SCREEN-73091557]<br />
[http://hrum.deviantart.com/art/shinig-star-73166368]<br />
[http://prkos.deviantart.com/art/Stitched-Gold-73418805]<br />
[http://needcoffee.deviantart.com/art/Inkscape-0-46-About-Screen-73478652]<br />
[http://www.designstyles.de/images/anderes/aboutscreen_inkscape.png]<br />
[http://archaemic.deviantart.com/art/Inkscape-0-46-entry-73547422]<br />
[http://humoram.deviantart.com/art/Hi-comunity-73567841]<br />
[http://dnfjud.deviantart.com/art/inkscape-0-46-about-screen-73668915]</div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=File:About.0.25.png&diff=50454File:About.0.25.png2009-04-21T19:38:32Z<p>Valessio: </p>
<hr />
<div></div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=UI_Mockup_Screenshots&diff=50444UI Mockup Screenshots2009-04-21T19:04:25Z<p>Valessio: </p>
<hr />
<div>== UI Mockup Screenshots ==<br />
<br />
<gallery caption="Load splash" widths="200px" perrow="3"><br />
Image:Compact_load_splash.png<br />
</gallery><br />
<br />
<gallery caption="Fill and Stroke" widths="300px" perrow="3"><br />
Image:Fillstroke1.png<br />
Image:Fillstroke2.png<br />
Image:Mockup-Fill-Stroke-Toolbar.png<br />
</gallery><br />
<br />
<gallery caption="Styles editor and Toolbars" widths="300px" perrow="3"><br />
Image:Styleseditor.png<br />
Image:Mockup-Font-Style-Toolbar.png<br />
</gallery><br />
<br />
<gallery caption="Others and Bug fix" widths="300px" perrow="3"><br />
Image:Nitpicksquad1.png<br />
Image:Nitpicksquad2.png<br />
</gallery><br />
<br />
<br />
== UI Source SVG Version ==<br />
<br />
Get Version UI SVG to create Mockups: http://valessiobrito.info/projetos/inkscape/ink-ui/</div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=UI_Mockup_Screenshots&diff=50434UI Mockup Screenshots2009-04-21T18:53:40Z<p>Valessio: </p>
<hr />
<div>== UI Mockup Screenshots ==<br />
<br />
<gallery caption="Load splash" widths="200px" perrow="3"><br />
Image:Compact_load_splash.png<br />
</gallery><br />
<br />
<gallery caption="Fill and Stroke" widths="200px" perrow="3"><br />
Image:Fillstroke1.png<br />
Image:Fillstroke2.png<br />
Image:Mockup-Fill-Stroke-Toolbar.png<br />
</gallery><br />
<br />
<gallery caption="Fill and Stroke" widths="200px" perrow="3"><br />
Image:Styleseditor.png<br />
Image:Mockup-Font-Style-Toolbar.png<br />
</gallery><br />
<br />
<gallery caption="Others" widths="200px" perrow="3"><br />
Image:Nitpicksquad1.png<br />
Image:Nitpicksquad2.png<br />
</gallery></div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=User:Valessio&diff=43474User:Valessio2009-02-08T13:28:34Z<p>Valessio: /* Valessio S Brito */</p>
<hr />
<div>== Valessio S Brito ==<br />
<br />
'''Jacobinense, Baiano, Brasileiro, Artista Digital.'''<br />
<br />
Página pessoal: http://valessiobrito.info<br />
<br />
Email: valessio@inkscapebrasil.org<br />
<br />
Jabber: valessio@jabber.org<br />
<br />
Inkscape no Brasil: http://www.InkscapeBrasil.org , participe!</div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=Animation-(Timeline)&diff=40594Animation-(Timeline)2008-12-16T16:15:02Z<p>Valessio: /* Existing animation programs (Free &amp; non-Free) */</p>
<hr />
<div>[[Animation|Back to main page for animation]]<br />
<br />
=== User interface for timeline-based animation ===<br />
<br />
==== Existing animation programs (Free &amp; non-Free) ====<br />
<br />
Free (or Open Source)<br />
<br />
* [[Ajax Animator]] is a FUNCTIONAL web-based (ajax) free-software clone of the flash interface, and uses a SVG based format for saving and compiling animations (http://osflash.org/ajaxanimator)<br />
* QFlash is a FUNCTIONAL free-software mock-up of the Flash 4 interface, which can import SVG files but not edit them. (http://qflash.sourceforge.net)<br />
* F4l is a non-functional free-software mock-up of the Flash 4 interface.(http://f4l.sf.net/)<br />
* [[LimSee2]] (http://wam.inrialpes.fr/software/limsee2/) is an excellent almost-free basis. (visible-source limited-use license)<br />
* Spalah Flash (http://spalah.sourceforge.net/?p=10) (not to be confused with Spalah CMS) "is a GTK2[[/GNOME2]] based application for generating Macromedia SWF and [[W3C]] SVG animations." The GUI is today minimalist but the author is trying to integrate it with inkscape. See http://spalah.sourceforge.net/?p=25<br />
* Jahshaka (http://www.jahshaka.org/) multi-platform QT animation program powered mostly by OpenGL (GPL)<br />
* Ktoon (http://ktoon.toonka.com/) is a 2D Animation Toolkit designed by animators for animators, focused to the Cartoon Industry. (GPL)<br />
* SMIL 2.1 player: http://www.cwi.nl/projects/Ambulant/distPlayer.html (GPL)<br />
* [[Synfig]] <span style="font-size:smaller">([http://www.synfig.com/ link])</span> is a film-quality 2D vector animation editor and renderer. It features image morphing between drawings and output animation that is resolution independent both visually and temporally. (GPL)<br />
* Pencil (http://www.les-stooges.org/pascal/pencil/index.php?id=Home) vector and bitmap free animation package using Qt toolkit run on Win32 (XP and works fine on wine), and MacOSX. Simple but already powerful basic animation. It uses blender like time line with multiple layers and Author plan to export SVG.<br />
* Blender3D (http://blender.org/) is a 3d (eq. vector) animation program featuring [http://wiki.blender.org/index.php/Manual/Animation_Basics key frame, motion curve, path animation] using [http://wiki.blender.org/index.php/Manual/Ipo_Curves_and_Keyframes interpolation (IPO) curve editing] combining with [http://wiki.blender.org/index.php/Manual/Shape_Keys shape keys] and [http://wiki.blender.org/index.php/Manual/Animation/Lattice_Animation deforming by a lattice] (GPL)<br />
* [http://gimp.org Gimp] the bitmap editor and it's included animation script for gif is really minimalistic and frame based<br />
* [http://gimp.org Gimp-GAP] (Gimp Animation Plugin) is a gimp plugin has some good interfaces for managing movements of objects (menu video=>movepath), layer management and apply effects along animation. A powerful onionskin management, and notions of clip/storyboard, but could be slow in complex cases and slow computers.<br />
* [http://www.thebest3d.com/dogwaffle/free/index.html PD1.2] Free program for digital painting and limited animation<br />
<br />
Non-Free (Fee Based, or Proprietary)<br />
<br />
* [[MacromediaFlash]] is a good non-Free example.<br />
* Ikivo Animator is a good non-Free example producing SVG Tiny animations (http://www.ikivo.com/animator/index.html)<br />
* Macromedia Director prior to version MX had a different interface (http://www.rice.edu/fondren/erc/howto/director.html) which I prefer(ed) over Flash<br />
* Anime Studio, formerly known as [[Moho]] (http://www.e-frontier.com/article/articleview/1913/1/793?sbss=793) a non-free example. (Written in Java.) Features skeletal animation ([http://www.e-frontier.com/article/articleview/1918/1/800?sbss=80х, unique bone rigging for 2D]) and automatic tweening of vector operations, [http://img.osnews.com/img/2547/moho4-rh.png view screenshot].<br />
* Bob Sabiston's proprietary animation software http://www.flatblackfilms.com<br />
* Powerpoint (http://office.microsoft.com) has an easy but basic interface. No flash killer, but some nice ideas.<br />
* The Tab (http://www.the-tab.com/) Another non-free example that features elegant systems for parent-child animation and a very interesting feature that is designed for pseudo-3D camera moves.<br />
* SVGDeveloper (http://www.perfectsvg.com/) is a non-free SVG authoring tool with animation support.<br />
* [http://www.tvpaint.com TV Paint] is a non-free bitmap based compositing and animation package. It works with a timeline and layers. Notable feature is the onion skin "mixer", which let's you adjust the brightness of multiple frames before and after the current one.<br />
* [http://www.toonboom.com/ Toon Boom] is a non-free vector based frame by frame animation package. It simulates a lot of the tools familiar to traditional animators, such as a dope sheet, field charts and more. Has two modes, one for drawing "cells" and one for placing them in front of a virtual camera in basic 3D space.<br />
* [http://www.thebest3d.com/ PD 2 through PD4] A series non-free programs combining various capabilities for digital painting and animation. The high end program allows creation of special effects<br />
* Mewafilm ( http://www.mewatools.com/images/curveeditor_mainwindow.png , http://www.mewatools.com/screenshots.html )<br />
<br />
==== Fantavision example ====<br />
Back in the '80's there was a program on Apple IIE (Amiga and MS-DOS too) called "Fantavision". It allowed one to create vector artwork (although I didn't understand at the time that that was what it was called) and animations. It allowed one to create frames of animation where you manually repositioned, recolored, scaled, rotated etc. the objects from one frame to the next. However, it then automatically interpolated frames between the 2 frames (the number of interpolated frames was configurable) such that it create a smooth transition of the object moving from one frame to the other. The effect was very similiar to the "Morphing" effect for raster graphics (popularized in a Michael Jackson video, I believe). That is, the system calculated the trajectory of "Key Points" of the objects from one frame to the next. This process is often called "Tweening" (a term used by Macromedia Flash). [[Sketch|Skencil]] (formerly known as [[Sketch]]) supports this functionality and describes it as "Blending".<br />
<br />
I guess what I'm saying is that I think a nice interface to create animations would be similiar. So to animate you would do the following:<br />
<br />
* Draw the initial SVG Image <br />
<br />
* Increment Frame (from say 1 to 20)<br />
<br />
* Reposition the elements in frame 20 (including scaling, color changes, adding removing objects, etc, etc, etc)<br />
<br />
* System would then calculate a trajectory for each key point from frame 1 to frame 20. Trajectories would be calculated for things like:<br />
** Each "node" of an object<br />
** Color <br />
** Transformation Matrix<br />
** etc<br />
<br />
* You could display/manipulate the trajectories (using the trajectory editor shown above by the original creator of this topic)<br />
<br />
* The system would then store the animations using SVG trajectories and the "Key Points" would be the frames you manually created<br />
<br />
:So, to create say a 100 frame animation, one might only need to manually create/modify 10 frames and the system would interpolate the additional frames as necessary.<br />
<br />
* Also, once the system interpolated frames it would allow you to manually modify the interpolated frames creating further "Key Points" and allow further refinement and interpolation.<br />
<br />
<br />
NOTE: 3D apps such as blender also use a technique like this, which I think is most widely known as "keyframe animation" or simply "keyframing". However, many such systems tie the keys too closely to actual animation frames, and this creates problems when the frames-per-second rate changes. Particularly in the case of vector apps which are not so low-level as bitmaps and animation frames, I would suggest that frames should be as abstract as possible.<br />
<br />
Having key positions in simple percentages of the total animation time might be a better solution. This would also need to be a global/local system, of course: animated objects would have their own animation time specified when inserted into a larger document. A character's walkcycle would end at 100%, but in the larger animation, it would perhaps only be 5% of the total time, yet repeating as the object moves across the screen.<br />
<br />
One issue with this abstraction of frames might be that important animation effects do not occur exactly within frames: small things could be mistimed, or simply missed altogether. If you set the frame rate too low, this would be an obvious side effect, so it's not necessarily a problem<br />
that Inkscape should try to fix. On the other hand, a few things could be done to ease this. For instance, "snapping" animation events to frames when exporting (thereby slightly altering the timing), or perhaps just warning that certain animation events are not visible at such a low frame rate.<br />
<br />
Of course, on the web, with SVG and DHTML, where most Inkscape animations will hopefully be used one day, frames are not an issue at all, and we just worry about keys in time :)<br />
<br />
ANOTHER NOTE: Interpolation does not necessarily occur along straight lines and linearly in time. Paths are already part of Inkscape, so points could move along paths; also he time-length graph can be something like a path, instead of a straight line.<br />
<br />
==== Jahshaka example ====<br />
<br />
I have used jahshaka for a small animation. This was my first real experience with animation. Thought rough, jahshaka is all about key frames and setting properties for those key frames.<br />
<br />
Things I liked<br />
<br />
* Key frames are on a per object basis<br />
* When an object is selected you can quickly move from one key frame to another<br />
* properties values for rotation can span beyond 0 and 360, permetting to set three or more complete rotation with too key frame. I think this kind of feature could be used for all bounded values (like color, transparency and so on). Is this compatible with SVG or should it be an artifact ?<br />
* representation of properties values on a time line graph. This functionnality was still not very usable, but being to interact through that kind of object could be very useful (see below)<br />
<br />
Things that lacks (and Inkscape shall have)<br />
<br />
* possibility to copy animation properties from one object to another (say copy color animation, or whole animation)<br />
* possibility to modify a property value for all key frames at once (eg. translation of object for all key frames or a selcted group). I think this could happen through the value = f(time) graph metioned above. You could select points (representing keyframes) and move them up (more), down (less), right (sooner). This graph could be organised by properties set (color, position). I think this kind of graph would be very close to SVG animations tag.<br />
* macro that helps sets common effects (like blinking for example, or crossing the screen....)<br />
<br />
==== Bob Sabiston Example ====<br />
Bob Sabiston's animation software is an amazing vector-based package that stores line width within the points that make up a line -- derived from a tablet pen. usually in a simple stroke there could be a hundred data points storing width information. Then in the next keyframe, a line from a previous key is selected and re-drawn restricted to the same number of points. The software allow sthe points to be "repositioned" as you watch their previous locations be re-positioned. When you run out, the line ends automatically. This information is interpolated in tweening frames to change shape, width, position, but retains the same number of data-points. See the film "Waking Life" for the making-of video for a demonstration. Also visit his website for examples of it's capabilities converted to flash. http://www.flatblackfilms.com<br />
<br />
==== Other thoughts ====<br />
<br />
Suggestion from someone else: working like [[CinePaint]] (compared with Gimp), with each frame independently from each svg document (working like this or providing this feature) - providing vectorial edition quality we can't get on apps like Macromedia Flash or any other (maybe [[ToonBoom]] or Moho) - allowing us to make our work fast publish without further lack of quality.<br />
(One more suggestion about it: being able to convert .swf to .svg sequence (or animated .sgv) and vice versa.)<br />
<br />
It is suggested that there be basically two modes: Local (Object) mode and Global mode. Below is a picture showing a very rough design of the local mode:<br />
<br />
http://www.inkscape.org/wiki_uploads/anim_gui1.png<br />
<br />
In local modes, all properties of the object editing will be shown on a timeline, and one can create and edit frame within the timeline. Then one may assign different value of that properties on different timeline, or make it change linearly, or nonlinearly :)<br />
<br />
----<br />
<br />
Animation support in Inkscape offers great new opportunities. Here are some points that I think are important to keep in mind when adding animation to the GUI:<br />
<br />
* ''Originality''<br>Don't do as other do - except it's the best way.<br />
* ''Simplicity''<br>Animation should not stand in the way of the user. Only show as much as necessary to perform a certain task, and do things in the most natural way.<br />
* ''SVG-Orientation''<br>SVG animation is different in some ways. The UI should reflect this, and not reassemble concepts of tools that just work differently. E.g.,<br />
** SMIL animation has no concept of frames. So we don't need a frame-based timeline, but a time-based one.<br />
** SMIL animation in general is to animation what vector graphics is to graphics: It's declarative and object oriented. So one doesn't animate a scene, one animates objects on a scene, etc.<br />
* ''Coherence''<br>The animation UI should reassemble concepts that Inkscape users are already familiar with:<br />
** Animation timelines can in some contexts be treated as paths that one can add points to (keyTimes). Or one can control animation timing with splines (keySplines).<br />
<br />
I composed a mockup that reflects the above mentioned characteristics to some extend:<br />
http://www.uni-bremen.de/~felwert/inkscape/Animation01.html<br />
<br />
==== Powerpoint Example ====<br />
You select an object and add types of animation. These are listed in the custom animation pane. They can be set to occur all at once, one at a time, onclick, with previous or after previous. A number appears next to each object in the editing window when the object has animation applied to it, representing the sequence of the animations. When an object has an Entrance type animation added to it as the first animation, it will not appear on screen until the timeline reaches this point. animations can be linked together to create quite complicated sequences.<br />
<br />
==== Onion Skinning ====<br />
Onion skinning is a standard animator tool, previous or next frames (sometime both) are displayed under the current frame with differrent color, or less contrast, allowing to understand wich drawing the animator is actually working on, and wich frame is 1 step or 2 step before or after the actual frame.<br />
<br />
This can easily be implemented using transparency parameter of layer, and automatize selection of layers to be displayed, parameters following a specialized gui entries.<br />
<br />
Onionskin in gimp-GAP is a good example of what should be a minimal requirement. that is managin backword, forward and both direction onion skin, with variable visiblity increase decrease. Color changes on onionskinning could be another useful option to increase visiblity of different frames, as generally the onionskinning is done at the sketching animation step (meaning mostly grey or black & white drawing)<br />
<br />
[http://en.wikipedia.org/wiki/Onion-skinning Onion skinning on wikipedia].<br />
<br />
==== Interactive ====<br />
I have started using svg to develop interactive displays. Having used several other svg tools currently on the market, I am interested in a more generic implementation that doesn't have animation effects get in the way of interactive controls. <br />
<br />
<br />
==== Playback of Construction Steps ====<br />
We, at [http://www.classapart.org Class Apart] ( www.classapart.org ), plan to use Inkscape in a manner similar to the classroom whitebord to create taught lectures and record the screen in an mpeg movie. The problem is that raster based formats would take about 50 MB for an hour of content, and does not go very well with our unstated goal of getting a whole course on a cd or all courses of a semester on one dvd. It would be great if we could store the construction steps of the svg keyed against time while recording. Then while playback we can patch the svg dom with the steps as needed, using something similar to smil script. How does one go about implementing this? We could find some members willing to implement.<br />
<br />
<br />
==== Using Bones ====<br />
Anime Studio (and all 3D animation software) uses bones to animate with. In Anime Studio you draw up a basic skeleton and then attach the drawing to the bones This is done automatically based on the distance between the bone and the points on the curve. You can then move, rotate or scale the bones to animate the characters. You can store these values per frame, and have the computer interpolate them. This is a much faster way to work than to interpolate the points on the drawing directly. 3D software is probably a better reference here than Anime Studio. Usefull features include:<br />
* Weighting of individual points to bones<br />
* Combining tweening and frame by frame animation. To create replaceable mouths, rotating heads and more. <br />
* Inverse kinematics, to speed up animation. With it you can grab the hand of a character and have the arm follow, rather than rotate the upper arm and lower arm separately to move the hand.<br />
* Constraining. Making one bone follow another, limiting the movement of a bone and so on.<br />
* Graph/Curve editor. A time based editor with b-splines representing the individual move, rotate and scale transformations. This gives the animator great control over the animation.<br />
<br />
==== Drawing Frames ====<br />
Toon Boom, Plastic Animation Paper, TV Paint, Animo and traditional 2D animation on paper, all use individual drawings per frame. This gives you by far the best control when doing character animation, but at the cost of a lot of work. Features that are needed for traditional 2D animation to work well include:<br />
* Onion skinning, preferably multiple levels back and forward and adjustable transparency.<br />
* Dope sheet or timeline where you can move frames back and forth and repeat/hold frames.<br />
* Cut-outs, where you move a whole or part of a frame to a different position for tracing on another frame.<br />
* Some way to do rough sketching. Plastic Animation Paper is a good example here, though it's bit map based. With a tablet it gives you pencil like feel when drawing, giving darker lines the harder you press. This helps the animator "find the line". It should be possible to do in vectors if using a central line that stores the pressure along each point (width and/or opacity), rather than an outline.<br />
Combining tweening animation and frame by frame animation can in many cases give the best results.<br />
<br />
==== SMIL Animation (SVG Animation) vs SMIL Timing and Sync ====<br />
What should the scope of Inkscape's animation capabilities be?<br />
Many people are talking about mimicking other software's ability to do frame-by-frame animation and cartoon animation (particularly Flash's).<br />
<br />
SVG inherits from [http://www.w3.org/TR/2005/REC-SMIL2-20051213/animation.html SMIL's "Animation" module], with a [http://www.w3.org/TR/SVG11/animate.html#RelationshipToSMILAnimation few added animation controls] for animating a path, transform, or animating along a path.<br />
<br />
SMIL's animation module however does not provide for elements to begin or end, although we can fake this by having elements initially invisible, and animating their visibility to 'true' during their lifespan.<br />
<br />
While this may be feasible for a few long animations (ie, scenes), will it work for someone attempting to do traditional 2D (even Flash-style) animation? Said hypothetical user, while they may take some advantage of shape and motion tweens, will also likely need to replace the entire drawing when elements of the drawing (characters et al) change their logical structure (a motion requiring a line to appear or disappear). If this is to be supported, Inkscape will need some VERY fast code for switching visibility on-and-off during previewing, as it may be considering the visibility of hundreds if not thousands of graphic elements at a time, to over a dozen times per timeline-second.<br />
<br />
Will other SVG viewers be able to handle that, too, or is it a special use of SVG that's not central to the aim of Inkscape?<br />
<br />
[http://www.w3.org/TR/2005/REC-SMIL2-20051213/smil-timing.html SMIL's "Timing and Synchronization" module] supports elements that allow for massive numbers of sequential images or animation elements, as well as defining animation attributes for begin/end/duration timelines. While it's not part of the SVG spec, would this be something Inkscape should look into implementing, or even proposing as an addition in a revision of the SVG spec?<br />
<br />
<br />
==== A new idea I think ====<br />
I can't let go of an idea I'll try to explain as clearly as possible. How about having Inkscape calculate frames in a certain resolution (say 1 to 28 a second) and depth (number of frames displayed) and displaying a number of subsequent frames in over or underlay (transparancy is possible, but eats time) with fading outline colours to depict passing time.<br />
<br />
You set either the framerate (calculated) and begin and end frame in time, or select from begin and end instances of an animate. Alternatively, selecting paths from a list and showing all objects following that path. That way you could (if hardware allows) browse through your animation and look for hiccups in its motion.<br />
<br />
The same interface depicting frame number could be used to display page numbers in a multi page document. Would be nice in combination with an object manager similar to Coreldraws, enabling to select an object in either defs and see what happens to it in the animation, a path or all USE, XLINK etc.<br />
<br />
Using some shifting switch to go forward and backwards in time to follow your animation (or mouse gesture, but button press would be more useful). That way you have a direct interaction with the user and the document.<br />
[[Category:Developer Discussion]]</div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=Galleries&diff=35744Galleries2008-09-10T01:33:58Z<p>Valessio: /* Multiple-author galleries */</p>
<hr />
<div>== Localized Versions ==<br />
Localized versions of this gallery list:<br />
* [[BenutzerGalerien|Benutzergalerien auf deutsch]]<br />
<br />
== Galleries ==<br />
<br />
=== Multiple-author galleries ===<br />
<br />
* [http://openclipart.org Open Clip Art Library]<br />
* [http://www.flickr.com/groups/547272@N22/ Flickr@Inkscape]<br />
* [http://InkscapeBrasil.org/.Galeria Inkscape Brasil Galeria]<br />
* [http://commons.wikimedia.org/wiki/Category:Created_with_Inkscape Category:Created with Inkscape] at Wikimedia Commons contains thousands of Inkscape SVG images of all kinds<br />
* [http://inkscape.deviantart.com/favourites/ inkscape.deviantart.com] The Inkscape group on deviantART<br />
* [http://gould.cx/ted/ink-about/ Museum of Sodipodi and Inkscape About Screens]<br />
* [http://commons.wikimedia.org/wiki/Category:Created_with_Inkscape Wikimedia Commons Category, "Created with Inkscape"]<br />
* [http://www.inkscapegallery.net Inkscape Gallery ]- a community gallery website with svg support and js slideshows<br />
<br />
=== Single-author galleries ===<br />
* VitalBodies Blog: [http://vitalbodies.wordpress.com/2008/07/13/open-source-inkscape-scalable-vector-graphics-svg-software/ Open Source Inkscape Scalable Vector Graphics SVG Software] - Inkscape License Plate, Article and how to install Inkscape in Ubuntu. <br />
* [http://www.17deg.com/ www.17deg.com] Illustrations, button badges, t-shirts - made with Inkscape.<br />
* [http://blog.keegan3d.com/?tag=inkscape Keegan3d] Art done with Inkscape!<br />
* [http://watersoul.ca/comics/ WaterSoul's] Web comics! (xkcd style)<br />
* [http://www.pixelpalaces.com/dk/ PixelPalaces pressents: ''Dragon Knights''] Super Hero/Science fiction comic mostly drawn in Inkscape and mostly in SVGZ with interactiy and animation<br />
* [http://manowarrior.deviantart.com/ ManoWarrior] Inkscape vectors by Luchezar Petkov<br />
* [http://ostan-collections.net/imeeji/index.php?cat=10570 C-chan @ OS-tan Collections] Anime-style artwork produced almost entirely in Inkscape (see the "Finished Works" Gallery for best examples). Other User Galleries also contain works produced fully or partially in Inkscape.<br />
* [http://conichiwua.wordpress.com/ Conichiwua] - Inkscape art<br />
* [http://www.ufowebfactory.net/download/free-svg_en.htm illustrations] and associated SVG files <br />
* [http://www.revis.co.uk/site/?q=taxonomy/term/7 Inkscape animations] and CC licensed SVG source files, plus a gear making tutorial<br />
* A tiny selection of [http://marksinkscape.blogspot.com/ Mark H's] inkscape pics.<br />
* [http://www.jeromehouix.info/ Jiije] artworks by jiije<br />
* [http://www.pictura4.1gb.at picturi,reproduceri,portrete]<br />
* [http://www.dushkin.org/ Dushkin] is an artist of the digital age. A graduate of iidabashi hoikuen. Please be sure to leave a comment in his blog. Check out his gallery for the latest Inkscape creations.<br />
* [[Haypo]]<br />
* A few experimental Inkscape creations from [http://clik.to/cal Cal Russell-Thompson]; more on his [http://rubberkeith.deviantart.com DeviantART page].<br />
* Dan Wells' beautiful gallery of Inkscape art is viewable [http://monkeydan1.deviantart.com here.]<br />
* [http://lunar8.rydia.net/ Mental's Lunar 8 Comics]<br />
* [[simarilius]]<br />
* [http://www.le-radar.com/?art/galerie Cedric Gemy]<br />
* [[Jofo]]<br />
* [http://www.kde-look.org/usermanager/search.php?username=salahuddin66 Great Wallpapers!]<br />
* [[Simondebelem]]<br />
* [http://david.bellot.free.fr SVG-cards]<br />
* [http://art-zone.ro pictura,reproduceri,poezii,portrete,tablouri] paintings with inkscape aport<br />
* [http://zubauza.deviantart.com/gallery zubauza's gallery @ deviantART]<br />
* [[Gwyn]]<br />
* [http://edeca.net/graphics.xml Free SVG nautical flags]<br />
* [http://gatonegro.ceibes.org Gatonegro deseño - gatonegro.ceibes.org]. Inkscape-based graphic design, with the occasional aid of the GIMP and Scribus. Stickers, posters, tee-shirts, pamphlets, logotypes, wallpapers... Most of them released under the Creative Commons Attribution-Sharealike. (Language: galizan.)<br />
* [http://imaginaciongnu.iespana.es/ Imaginacion GNU] Artwork created with Inkscape by Daniel Cremades (Graphic designer, spanish)<br />
* [http://www.bakedbabies.com Baked Babies] (a few comics created with inkscape WARNING: not for kids)<br />
* [http://www.pictura4.1gb.at/portrete_in_creion_pe_hartie.html portrete la comanda in creion] (portraits by pictures)<br />
* [http://kde-look.org/content/show.php?content=16627 AmaroK Icon], [http://kde-look.org/content/show.php?content=18204 Mupen64 Icon] KDE artwork by Zekant<br />
* [http://www.insert.waw.net.pl/vector/firecat_large.jpg Piotr Kosmala]<br />
* [http://erture.webpark.pl/vinci.html Radek Turek]<br />
* [http://haef.szm.sk/ Henrich Fichna]<br />
* [http://blog.die-scheiss-kiste.de/wordpress/ Andy's Blog] Blog german. Inkscape is one topic, w. Examples & free SVG Downloads.<br />
* [http://mooouette.tuxfamily.org/ LaMouette] French OpenOffice.org Mascot by Ben Bois made with Inkscape<br />
* [http://www.joncampbell.ca/inkscape/gallery.php Jon Campbell] Variety of projects done in inkscape<br />
* [http://f-r-e-d.org/ Fred's SVG Wallpapers]<br />
* [http://panzi.deviantart.com/gallery/#SVG panzi.deviantArt.com/gallery/#SVG] (IMHO the best is [http://www.deviantart.com/view/4617948/ my orc])<br />
* [http://dump.c7.se/tribal.png Tribal tattoo drawn in Inkscape] ([http://c7.se/?entry=69 Result])<br />
* [http://ggw.stfu.ee/ GeeksGoneWild] A webcomic drawn with inkscape<br />
* [http://www.braincud.com/ Brain Cud] A webcomic now drawn with Inkscape (starting with installment number 24).<br />
* [http://popolon.org/inkscape/ popolon.org/inkscape/] Tutorial for Inkscape and pictures made with Inkscape, mostly in french some in english or chinese.<br />
* [http://www.protemporeevents.com/larrys/ Larry's Main Entrance] A restaurant menu redesign project done in Inkscape!<br />
* [http://yeknan.free.fr/blog/index.php?2006/03/22/74-galerie-svg yeKcim] Free SVG (Wormux, Crocobox, Mille bornes,...)<br />
* [[Paramate]]<br />
* [http://jhuss.com/category/arte/ jhuss's artwork] a some works made in inkscape<br />
* [http://www.awns.com/galeri/ Galeri] A growing collection of colourful and stylish artwork. <br />
* [http://blog.organicadtm.com/wp-gallery2.php OrganicaDTM Studio's gallery] Our projects are doing with Inkscape, Gimp and Blender.<br />
* [http://cejasbravas.com CejasBravas TV serie webpage] All the artwork, characters design, wallpapers, etc. of the TV serie is done with Inkscape and Gimp.<br />
*[http://www.freewaydesign.com/ freewaydesign] Dr-Hamza`s Blog Misc. Designs<br />
* [http://proximus1.deviantart.com/gallery/?catpath=digitalart/vector/&offset=0 Proximus1] Vector Artwork by Proximus1<br />
* [http://singularityblues.com Singularity Blues] A webcomic done in Inkscape. SVG files available upon request.<br />
*[http://hrum.deviantart.com/gallery ~hrum] Konstantin R. page on deviantart with pictures made in Inkscape (most of them) and GIMP<br />
* [http://www.kde-files.org/index.php?xcontentmode=644 KDE-Files Inkscape directory] artwork by various contrubters, you can also upload your own work.<br />
* [http://sunedonath.de/bilder.htm Sune Donath] anime wallpapers made with Inkscape incl. SVG download.<br />
* [http://www.rammbauer.nl/?cat=3 Rayart Rammbauer] some poster and cartoons made with Inkscape<br />
* [http://vorg.pl/design/tag/vector Vorg.pl] artwork by graphic designer Marcin Ignac<br />
* [http://playful-geometer.deviantart.com | A Playful Geometer's deviantart gallery] Images made mostly using [http://sourceforge.net/projects/play-svg pLAySVG] the GPL'd python libraries for the easy generation of SVG vector graphics <br />
* [http://www.alpha-release.com Alpha Release] an online comic under a Creative Commons license, drawn entirely in Inkscape<br />
* [http://geronimo89.deviantart.com geronimo89@deviantART.com] He often uses Inkscape for his vector works and tries to give an impression how powerful Inkscape is.<br />
* [http://mathburton.deviantart.com/ Mathburton] Inkscape vectors by James Avila<br />
* [http://hamletothehamster.blogspot.com Hamleto The Hamster] An online comic strips about an hamster called Hamleto entirely drawn in Inkscape (now in english)<br />
* [http://rockraikar.deviantart.com/gallery/#Inkscape rockraikar@deviantART] Few illustrations & tutorials with Inkscape.<br />
* [http://chezmodelshop.blogspot.com Modelshop] A girly french blog with illustrations made with Inkscape.<br />
* [http://aumat.unipv.it/~arecchi/miatesi.pdf Topological images] An example of thesis is which all images, except for the Mobius strip, are made with Inkscape!<br />
* [http://plurib.us/svg_gallery/ Plurib.us SVG Art Gallery] Gallery of Inkscape created SVG art (most CC licensed).<br />
<!-- these sites not responding/working <br />
* [http://gallery.crypt.cc Crypt.cc Gallery] artwork by J, others can also upload your own work to showcase here<br />
* [http://programmer-art.org/artwork Daniel G. Taylor's Art Page]<br />
* [http://gallery.urosevic.net/svg Urke MMI]<br />
* [http://widdma.dyndns.org/wc/widdmoprev.html Widdmotions] (Not found) Smiley Set<br />
* http://www.hinterlandcasa.it An Italian svg panels & buttons based site made with Inkscape.<br />
* [http://www.grafixport.org/ grafixport] A new Forum for SVG and Inkscape Friends!<br />
* [http://mathburton.deviantart.com/ Mathburton] Inkscape vectors by James Avila<br />
* [http://i231.photobucket.com/albums/ee54/warpigelp/LOscaleEP4png.png]Low Observable Chart #1 Created in Inkscape and exported to .png by E. Palmer<br />
* [http://i231.photobucket.com/albums/ee54/warpigelp/LOscaleEP3png.png]Low Observable Chart #2 Created in Inkscape and exported to .png by E. Palmer<br />
* [http://animedieval.com/?page_id=16]A character made for inkscape by windknight<br />
* [http://quiche-shamelessself-promotion.blogspot.com/] blog, artwork including SVG (displayed in PNG) done in Inkscape by Quiche Loraine<br />
--><br />
* [http://members.home.nl/rouweler/bnt/index.htm] 30 pages of visual poetry made with Inkscape by Marcel Rouweler<br />
* [http://www.plastik-models.com Plastik Models] A digital magazine made with Inkscape and Scribus<br />
* [http://www.mondada.net/gabriele/school/?view=geo&chap=PAV gab@school] A collection of geometry exercices for children from 12 to 14 years old (in French, SVG files available, GFDL)<br />
* [http://ludami.deviantart.com/gallery/ Ludamillion] Ludami's DeviantArt page, yup another one. Everything there (one pic so far) is Inkscaped.<br />
* [http://peileppe.wordpress.com Peileppe Production] FanArt for Wesnoth, this blog is committed to build a comic (using mainly Inkscape) based on the Battle for Wesnoth's campaign "Heir to the Throne".<br />
* [http://flsixtyfour.blogspot.com/search/label/Inkscape/ fl64]<br />
Add a link to your Inkscape gallery here!<br />
<br />
<br />
[[Category:About Inkscape]]</div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=Tutorials_and_help&diff=30784Tutorials and help2008-06-24T01:11:47Z<p>Valessio: /* pt_BR */</p>
<hr />
<div>==Tutorial targets for future releases==<br />
[http://wiki.inkscape.org/wiki/index.php/TutorialUpdates-0.46 0.46 dev cycle]<br />
<br />
== Unofficial tutorials ==<br />
<br />
{| class="wikitable" cellspacing="0" cellpadding="5" width=100% style="text-align:center; background-color:#f3f3f3;"<br />
|-<br />
| width=33% style="border: white 2px solid;"| <br />
[[Image:Quickguide.png]] <br/><br />
<strong>Name: </strong>[http://www.deviantart.com/deviation/53832833/ Quick Guide to Inkscape]<br/><br />
<strong>Overview: </strong> This is a great concise quick guide for getting started with Inkscape.<br />
| width=33% style="border: white 2px solid;"|<br />
[[Image:Icons_in_Inkscape.png]]<br/><br />
<strong>Name: </strong>[http://www.deviantart.com/view/14703295/ Icon Creation (Mini-Tutorial)] <br/><br />
<strong>Overview: </strong> A quick little tutorial demonstrating the design process in creating an SVG icon in Inkscape. The finished product of this tutorial is actually in the [http://openclipart.org Open Clip Art Library ] <br />
| width=33% style="border: white 2px solid;"|<br />
[[Image:Orb-tutorial-thumb.png]]<br/><br />
<strong>Name: </strong>[http://ryanler.wordpress.com/2007/02/16/simple-bubble-in-inkscape-orb-ball-bubble/ Simple Bubble/Orb in inkscape] <br/><br />
<strong>Overview: </strong> A tutorial that demonstrates the use of the blur filter and clipping to create a simple bubble or orb. <br />
|-<br />
| width=33% style="border: white 2px solid;"|<br />
[[Image:Inkscape overview tut thumb.png]]<br/><br />
<strong>Name: </strong>[http://members.gamedev.net/trapperzoid/ia/inkscape_introduction.html inkscape interface tutorial] <br/><br />
<strong>Overview: </strong> A detailed tutorial that describes the Inkscape user interface in detail and explains how they can be used for creating cartoony art. <br />
| width=33% style="border: white 2px solid;"| <br />
[[Image:3d-beveltext-thumb.png]]<br/><br />
<strong>Name: </strong>[http://ryanler.wordpress.com/2007/02/06/24/ 3d like text effect in Inkscape] <br/><br />
<strong>Overview: </strong> A tutorial that demonstrates a technique to create text with a beveled edge effect.<br />
| width=33% style="border: white 2px solid;"| <br />
[[Image:Slime_tutorial_thumnail.png]]<br/><br />
<strong>Name: </strong>[http://members.gamedev.net/trapperzoid/ia/tutorial_slime.html slime to start] <br/><br />
<strong>Overview: </strong> A detailed tutorial that shows the reader how to draw a simple cartoony slime creature using Inkscape. This tutorial also provides great detail on the thought and development process that is used for basic character development.<br />
|-<br />
| width=33% style="border: white 2px solid;"|<br />
[[Image:Starfish_tutorial_thumb.png]]<br/><br />
<strong>Name: </strong>[http://www.christianmontoya.com/2007/01/11/tutorial-a-starfish-with-inkscape/ a starfish with inkscape] <br/><br />
<strong>Overview: </strong> a simple tutorial that shows how to make a simple starfish in Inkscape. great for Inkscape "newbies" <br />
| width=33% style="border: white 2px solid;"| <br />
[[Image:Starburst_tut_thumb.jpg]]<br/><br />
<strong>Name: </strong>[http://foreach.awardspace.com/random/inkscape-two.html Sun background with inkscape] <br/><br />
<strong>Overview: </strong> A tutorial that demonstrates the technique of creating the "starburst" effect using Inkscape.<br />
| width=33% style="border: white 2px solid;"| <br />
[[Image:Eye_tut_thumbnail.png]]<br/><br />
<strong>Name: </strong>[http://www.wisetome.com/splat/2007/02/01/11-step-tutorial-to-create-eyeball-vector-art 11 Step Tutorial To Create Eyeball Vector Art] <br/><br />
<strong>Overview: </strong> A tutorial that shows the process to create an eyeball in Inkscape.<br />
|-<br />
| width=33% style="border: white 2px solid;"|<br />
[[Image:Ball_tut_thumbnail.png]]<br/><br />
<strong>Name: </strong>[http://www.wisetome.com/splat/2006/12/13/10-step-tutorial-to-create-shiny-ball-vector-art/ 10 step tutorial to create shinyball vector art] <br/><br />
<strong>Overview: </strong> a tutorial that shows you how to create a shiny little ball using Inkscape.<br />
| width=33% style="border: white 2px solid;"| <br />
[[Image:inkscape_fonts.png]]<br/><br />
<strong>Name: </strong>[http://inkscape.teekoo.com/index.php?select=kid Kiddy Font and Tigger Font Tutorial] <br/><br />
<strong>Overview: </strong> a tutorial on how to create interesting font effects with the help of Inkscape.<br />
| width=33% style="border: white 2px solid;"| <br />
[[Image:Graph-tut-thumbnail.png]]<br/><br />
<strong>Name: </strong>[http://trinifar.wordpress.com/2007/02/21/creating-graphs-with-inkscape/ Graphs in Inkscape] <br/><br />
<strong>Overview: </strong> a tutorial on how to create accurate line graphs in Inkscape.<br />
|-<br />
| width=33% style="border: white 2px solid;"|<br />
[[Image:spring.png]]<br/><br />
<strong>Name: </strong>[http://inkscape.teekoo.com/index.php?select=spring It is spring time] <br/><br />
<strong>Overview: </strong> a simple tutorial that shows how to make use of <br />
"tiled clone" with tracing. <br />
| width=33% style="border: white 2px solid;"|<br />
[[Image:Furboa_head.png]] <br/><br />
<strong>Name: </strong>[http://www.glitchnyc.com/cgi-bin/blosxom.cgi/technology/opensource/furboa_tutoria.phblox Furboa-Tutorial]<br/><br />
<strong>Overview: </strong> Learn how to create a cute little cartoony animal in Inkscape. The test subject in this case is a cute little guy named Furboa.<br />
|width=33% style="border: white 2px solid;"|<br />
[[Image:Box.png]]<br/><br />
<strong>Name: </strong>[http://inkscape.teekoo.com/index.php?select=box 3D Box] <br/><br />
<strong>Overview: </strong> How to make perspective 3D boxes. <br />
|-<br />
| width=33% style="border: white 2px solid;"|<br />
[[Image:tc_bar.png]]<br/><br />
<strong>Name: </strong>[http://inkscape.teekoo.com/index.php?select=bar How far can a bar go?] <br/><br />
<strong>Overview: </strong> a tile clone tutorial that shows how to make use of <br />
Rotation, Shift, and Color.<br />
| width=33% style="border: white 2px solid;"|<br />
[[Image:Coloring_B%26W_images.png|100px]] <br/><br />
<strong>Name: </strong>[http://fiestoforo.blogspot.com/2007/11/tutorial-with-inkscape.html Color B&W images]<br/><br />
<strong>Overview: </strong> Learn how to color a black and white image using Inkscape trace Bitmap feature.<br />
| width=33% style="border: white 2px solid;"|<br />
[[Image:Chrome.png|200px]] <br/><br />
<strong>Name:<br />
</strong>[http://troy-sobotka.blogspot.com/2007/11/inkscape-tutorial-1-chrome-effect.html Dynamic Chrome Effect]<br/><br />
<strong>Overview: </strong> A twelve step tutorial on creating a dynamic chrome effect with explanations.<br />
|-}<br />
<br />
=== English ===<br />
* <strike>[http://70.24.158.31:8080/inktut.php Making Icons]</strike> currently down (2008-06-22) (en)<br />
* <strike>http://programmer-art.org/inkscape</strike> currently down (2008-06-22); video-tutorials planned. (en)<br />
* [http://www.glitchnyc.com/cgi-bin/blosxom.cgi/technology/opensource/furboa_tutoria.phblox Furboa-Tutorial] (en)<br />
* [http://www.deviantart.com/view/14703295/ Icon Creation], devianart.com-mini-Tutorial, without text<br />
* [http://www.artcamilla.dk/vaultage/articles/the6502s/articles-gimp/cartoon-effects-1/article.html Cartoon Effekt]] Inkscape and Gimp (en)<br />
* <strike>[http://linuxcult.com/?m=show&id=272 Glossy Triangle (sodipodi)]</strike> currently down (2008-06-22) <br />
* [http://www.sitepoint.com/article/create-xp-style-icons article about how to create Icons] (en)<br />
* [http://www.closing-gaps.org/tutorial-ink1.htm Tutorial for product illustration using Inkscape.] (en)<br />
* [http://jimmac.musichall.cz/demos/inkscape/key-status.avi Video about Inkscape], avi<br />
* <strike>[http://le-radar.com/?articles/drawinginkscapeEn Beginner tutorial]</strike> currently down (2008-06-22) (en)<br />
* [http://popolon.org/inkscape/?sub=blogtutorial List of tutorials] (en)<br />
* [http://members.gamedev.net/trapperzoid/ia/index.html Inkscape Adventures] by Trapper Zoid<br />
* [http://www.christianmontoya.com/2007/01/11/tutorial-a-starfish-with-inkscape/ A Starfish with Inkscape] (en) in two parts.<br />
* [http://inkscape.teekoo.com/ Inkscape in Six Steps] by Jingshao Chen<br />
* [http://choupil.blogspot.com/ Inkscape isometrics and tutorials] by Choupil<br />
* [http://www.twoheadedpuppy.com/news/?p=400 How to create a gherkin in Inkscape] by Two Headed Puppy<br />
* [[Drawing a Floor Plan]]<br />
<br />
=== de ===<br />
* [http://inkscape-forum.de/comments.php?DiscussionID=3&page=1#Item_0 Silhouette-tutorial] inkscape-forum.de, (de)<br />
* [http://inkscape-forum.de/comments.php?DiscussionID=6&page=1#Item_0 Glassbutton-tutorial] inkscape-forum.de, (de)<br />
* [http://shirts.gleichjetzt.de/Vektorisieren_mit_Inkscape Vektorisieren mit Inkscape] shirts.gleichjetzt.de, (de)<br />
* [http://www.primfaktor.de/index.php?section=tutorials Farbverläufe (Video)] primfaktor.de, (de)<br />
* [http://www.primfaktor.de/index.php?section=tutorials Sterne und Polygone (Video)] primfaktor.de, (de)<br />
<br />
=== fr ===<br />
* [http://popolon.org/gblog2/comment-faire-une-illustration-de-a-a-z-avec-inkscape Comment faire une illustration de A à Z avec inkscape.] (fr), same as above<br />
*[http://le-radar.com/?articles/drawinginkscape Pour grands débutants] (fr)<br />
* [http://popolon.org/inkscape/?sub=didacticielblog Liste des didacticiels du blog] de Popolon (fr)<br />
*[http://www.inkscape-fr.org/spip.php?rubrique2 Liste des didacticiels en français du site inkscape-fr] (fr).<br />
*[http://ticeblog.ycombe.net/index.php/2007/07/17/98-calligrammes-avec-inkscapev Caligrammes avec Inkscape] (fr)<br />
<br />
=== it ===<br />
*[http://inkscape.altervista.org/tutorials/colorare/index.htm Simulare l'uso del secchiello] (it)<br />
*[http://inkscape.altervista.org/tutorials/logo_ati_I/index.htm Il logo ATi con Inkscape - Parte I] (it)<br />
*[http://inkscape.altervista.org/tutorials/logo_ati_II/index.htm Il logo ATi con Inkscape - Parte II] (it)<br />
*[http://inkscape.altervista.org/tutorials/logo_ati_III/index.htm Il logo ATi con Inkscape - Parte III] (it)<br />
*[http://inkscape.altervista.org/tutorials/vettorializzare_I/index.htm Vettorializzare un'immagine (es.pratico)] (it)<br />
*[http://inkscape.altervista.org/tutorials/unire_tracciati/index.htm Unire tracciati differenti] (it)<br />
*[http://inkscape.altervista.org/tutorials/creare_ingranaggi/index.htm Come creare semplici ingranaggi] (it)<br />
*[http://www.inkscapeitalia.org/tutorial/visualizza.php?id=9 Effetto silhouette] (it)<br />
*[http://www.inkscapeitalia.org/tutorial/visualizza.php?id=7 Bottoni in stile web 2.0] (it)<br />
*[http://blog.sviluppoweb.eu/2007/09/26/13/ Guida al web design - Tutorial Inkscape] (it)<br />
<br />
=== pl ===<br />
*[http://www.inf.sgsp.edu.pl/lab/filmiki/filmiki.php Video tutorials / Filmiki szkoleniowe] (pl)<br />
*[http://pl.wikibooks.org/wiki/Inkscape_w_praktyce Inkscape in Practice / Inkscape w praktyce] on GNU FDL licence / na licencji GNU FDL (pl)<br />
<br />
=== pt_BR ===<br />
*[http://twiki.softwarelivre.org/bin/view/InkscapeBrasil/Tutoriais Vários Tutoriais da comunidade Inkscape Brasil] (pt_BR)<br />
*[http://www.colivre.coop.br/CursoInkscape Material do Curso de Inkscape da Colivre] (pt_BR)<br />
*[http://www.imasters.com.br/artigo/3500/livre/inkscape_brilho_luz_e_vida_aos_logos Brilho, Luz e Vida aos logos] (pt_BR)<br />
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=172&tid=6 Criando a logo do Ubuntu] (pt_BR)<br />
*[http://www.imasters.com.br/artigo/4159/livre/criando_personagens Criando Personagens] (pt_BR)<br />
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=143&tid=6 Manual Desenho Vectorial do Inkscape] (pt_BR)<br />
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=158&tid=6 Manual do inkscape 0.40] (pt_BR)<br />
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=157&tid=6 Utilização de Imagens SVG em Páginas Web] (pt_BR)<br />
*[http://www.allanbrito.com/2007/08/06/tutorial-inkscape-interface/ Introdução a interface do Inkscape] (pt_BR)<br />
<br />
=== zh_CN ===<br />
*[http://popolon.org/inkscape/?sub=blogjiaoyu 一些中文Inkscape教育]<br />
<br />
<br />
=== Screen casts ===<br />
* [http://www.hardon.co.il/alma/ Drawing a simple woman face] (video)<br />
* [http://www.primfaktor.de/index.php?section=tutorials Farbverläufe (Video)] (de)<br />
* [http://www.primfaktor.de/index.php?section=tutorials Sterne und Polygone (Video)] (de)<br />
* [http://screencasters.heathenx.org/ A collection of Inkscape video tutorials from screencasters.heathenx.org] (en)<br />
<br />
<br />
=== Japanese 日本語 ===<br />
*[http://o-server.dyndns.org/inkscape/ Inkscapeの使い方](How To Use Inkscape) (japanese)<br />
<br />
== Outside Tutorials and Tips ==<br />
* [http://collou.f2o.org/inkspot/ Spotcolors!] Tutorial to create spotcolor separations using Inkscape<br />
* [http://popolon.org/gblog2/made-business-cards-easily-with-inkscape Make business cards easily with Inkscape] short tutorial and 85×54mm SVGz templates provided [http://popolon.org/gblog2/categorie/didacticiel/didacticiel-graphique/didacticiel-inkscape/ more Inkscape tutorials] are available<br />
* [http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.php A Guide to Inkscape] by Tavmjong Bah<br />
* [http://jimmac.musichall.cz/weblog.php/Inkscape?flav=php Stopped Clock Blog] Has some good Flash tutorials & other Inkscape writings<br />
* [http://www.deviantart.com/view/14703295/ Icons in Inkscape - mini-tut] by Daj<br />
* [http://www.glitchnyc.com/cgi-bin/blosxom.cgi/technology/opensource/furboa_tutoria.phblox Tutorial: A Simple Approach to Drawing Complex Characters With Inkscape]<br />
* [http://www.angelfire.com/mi/kevincharles/inkscape/index.html Unofficial Inkscape Documentation] a great work-in-progress by Kevin Charles<br />
* [http://www.coofercat.com/wiki/InkScape Some Inkscape Know-How], a beginner's guide to creating complex shapes and flowing text into them<br />
* [http://blog.vybiral.info/my_files/helps/tutorial.png Text following a circle's curve]<br />
* [http://www.out-of-order.ca/tutorial/inkscape-tutorial Making Icons With Inkscape] A beginner's guide to creating nice icons in Inkscape by Ben Powers.<br />
* [http://www.coswellproductions.org/digital_minicomic_scanning_pasteup.php Using Free Software to Do Inexpensive Digital Paste-Up] A guide to using The GIMP and Inkscape to paste up pages for minicomics.<br />
* [http://www.coswellproductions.org/wordpress/2007/08/05/practical-inkscape-for-comic-artists-the-right-handed-illustration-keyboard-layout/ The Right-Handed Illustration Keyboard Layout] A guide aimed at tablet users that want to have a keyboard layout that is better tuned to illustration work.<br />
<br />
== Help & helpful articles ==<br />
* [http://le-radar.com/?mm/inkscape Inkscape User manual] (en, fr) or get from user_manual branch of SVN<br />
* [http://www.linux-magazine.com/issue/56/Inkscape_Vector_Graphics.pdf Inkscape Vector Graphics] pdf, by Peter Kreussel (en)<br />
* [http://www.linux-user.de/ausgabe/2005/05/053-inkscape/ Inkscape Vector Graphics], by Peter Kreußel (de), same as above<br />
* [http://ubuntuforums.org/showpost.php?p=2183007&postcount=13 How to draw an arrow or line with marker with Inkscape 0.45] (en)<br />
* [http://jimmac.musichall.cz/weblog.php/Inkscape?flav=php art-weblog with inkscape-category] (en)<br />
* [http://blog.die-scheiss-kiste.de/wordpress/index.php?cat=4 Andy's weblog with inkscape-category] (de)<br />
* [http://popolon.org/gblog2/categorie/didacticiel/didacticiel-graphique/inkscape-tutorial/ Popolongraphical Blog] (fr, en)<br />
* [http://inkscape.le-radar.com Cours Inkscape, by Cédric GEMY (pygmee)] (fr) <br />
* [http://www.archive.org/download/Inkscape_Path_Tutorial/inkscapePaths.swf Flashvideo about drawing with the pen-tool and Bezier curves] (en)<br />
* [http://www.archive.org/download/Inkscape_Gradient_Tutorial/gradient.swf Flashvideo about creating gradients] (en)<br />
* [http://www.coofercat.com/wiki/InkScape some annotations about "Flowing Text, Portable SVG Files & Producing A4-pdf-files] (en)<br />
* [http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?down=158 Portugese Inscape Manual] zipped svg (0.40)] (pt)<br />
* [http://www.linuxplanet.com/linuxplanet/tutorials/5757/5/ Inkscape: Vector Graphics For Linux] Rob, Reilly (en)<br />
* [http://www.sketchpad.net/drawing2.htm Bezier Curves And The Different Kinds Of Anchor Points] (en)<br />
* [http://software.newsforge.com/software/05/09/08/1835253.shtml?tid=131&tid=130&tid=132| article about inkscape], Bruce Byfield (en)<br />
* [http://www.redhat.com/magazine/010aug05/features/inkscape/ Creating vector graphics with Inkscape] by Rosanna Yuen, redhat.com (en)<br />
<br />
== Creating New Tutorials ==<br />
Easy way: <br />
# Load up one of the existing tutorials<br />
# Replace its text and images with your own<br />
# Upload it to the [http://sourceforge.net/tracker/?func=add&group_id=93438&atid=604308 Patch Tracker]. Make SURE to click the "Upload and Attach a File" checkbox!<br />
<br />
Official way:<br />
# Create a DocBook XML file like the [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/basic/tutorial-basic.xml?view=markup Basic Tutorial DocBook]<br />
# Follow directions in the tutorial directory [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/README?view=markup README] for formatting and handling of embedded non-SVG images<br />
# Create a subdirectory in the [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/ doc-docbook] module and place the new tutorial docbook file there<br />
# Test tutorial generation using the `make-html`, `make-svg`, and `make-all` scripts<br />
# Announce the availability of the new tutorial<br />
<br />
<br />
== Tutorial Ideas ==<br />
This section will consist of brainstorming and basic development of new tutorials that will be useful for new/old users.<br />
<br />
<br />
=== Completed Tutorials ===<br />
<br />
* [http://home.programmer-art.org/?page=inkscape Daniel Taylor's Web-Based Inkscape Tutorials] - Hopefully he will make SVG tutorials that we can inlude with Inkscape, like our current [[DefaultTutorial]].<br />
* making shiny marbles... http://inkscape.org/wiki_uploads/marbles_tut.svg<br />
* also see [http://inkscape.org/cgi-bin/wiki.pl?OtherProjects#outsidetut Outside Tutorials and Tips]<br />
* [[ElementsPrinciplesOfDesign]] (rejon)<br />
* [http://kargs.net/docs/easter_egg_tutorial.svg Easter Egg Tutorial]<br />
<br />
=== Tutorials in development ===<br />
<br />
* [http://homepage.univie.ac.at/reinhard.stepanek/fxos80/metchart.html How to create meteorological charts with Inkscape], Tutorial by Reinhard Stepanek<br />
* Daniel Pope's Clownfish Tutorial - [http://www.mauveweb.co.uk/misc/tutorials/clownfish.svg Part 1] [http://www.mauveweb.co.uk/misc/tutorials/clownfish2.svg Part 2] - drop me an email at mauve@mauveweb.co.uk to suggest changes.<br />
* A very small sheet with instructions for doing [http://www.gimpforum.de/album/file.php?n=4323&w=o isometric transformations] - if anyone has comments or wants to have a look at the original svg, contact me at daniel dot hornung <at> gmx dot de (this is useful for e.g. icon work, see [http://fedoraproject.org/wiki/Artwork/BluecurveIconGuidelines Bluecurve Icon Guidelines])<br />
* [http://www.coofercat.com/wiki/InkScape Coofer Cat's Inkscape Page] - Some miscellaneous meanderings with Inkscape. There are a few hints and tips that might be of use to the less experienced Inkscape user. There are also a few random bits of clipart too.<br />
<br />
=== Planned Tutorials ===<br />
<br />
* [[UsingTheCloneTiler]] - Clones<br />
<br />
* Text and Typography<br />
<br />
* Clippath/Mask/Pattern<br />
<br />
* Effects<br />
<br />
* SVG Filters<br />
<br />
* XML Editor<br />
<br />
=== Tutorial Scratchpad ===<br />
<br />
* How to create an icon<br />
* How to build a presentation using Inkview.<br />
* How to build complex shapes using boolean operations.<br />
* How to use Inkscape to create graphics for LaTeX / ConTeXt documents.<br />
* etc<br />
<br />
A tutorial in progress of writing by John Griessen<br />
<br />
This writing is a journal of how a project to recreate a business card originally <br />
made with Illutrator 7, after losing the original file, so the comparison to Illustrator is <br />
much from memory and not to be taken as the last word, but a guide as to how the programs compare.<br />
<br />
<br />
Attached is a png of the printed business card:<br />
<br />
It originally was a collection of paths filled with colors and text objects with grouping to<br />
make replicating some objects easy. <br />
<br />
The shell command '$inkscape --version' tells us this is Inkscape 0.39cvs (Jul 2 2004) .<br />
<br />
The logo main element is a pseudo sine wave, and I made it before with grid snap and stretching and replicating, so now I set my units to mm and grid spacing and snap to 1 and remember how it would be nice to have major and minor grids instead of just one, so I want to create some vertical guides evenly spaced and cannot remember and start looking in docs. In Illustrator 7, clicking on the ruler bar created a guide if I recall... Once created, it could be moved with grid snap like any object, so getting it on grid or off was easy. As I read around, I find the usage of guides in "Keys and Mouse" "drag off a ruler" is the way... and a guide is on the page, and I can't snap it to easily make the accurate secondary grid I had wanted....Is there a way to? I try duplicate on the guide, but alas, it is not a regular object... it cannot be selected as they are...so I cannot replicate guides to make other grids after all... note for the beginner, to get bezier curves out of the line/bezier tool, you must click-drag. A click-only will give you only connected straight line segments. I'll have to use lines as guides, <br />
http://home.austin.rr.com/jgriessen/ill2ink-tut1.png<br />
<br />
[[Category:Help Wanted]]<br />
<br />
=== Other SVG Tutorials ===<br />
<br />
* http://www.codeproject.com/books/learnsvgchapter07.asp</div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=BenutzerGalerien&diff=30764BenutzerGalerien2008-06-22T17:25:44Z<p>Valessio: /* Comics & Cartoons */</p>
<hr />
<div>== Urprungsfassung ==<br />
<br />
Englische Ursprungsfassung [[Galleries|hier]]<br />
<br />
== Galerien ==<br />
<br />
Füg hier einen Link zu deiner eigenen Inkscape-Galerie an<br />
<br />
* [http://commons.wikimedia.org/wiki/Category:SVG Kategorie:SVG im Wikimedia-Projekt]<br />
<br />
=== Clipart ===<br />
* [http://openclipart.org Open Clip Art Library] (en)<br />
* [http://edeca.net/site/graphics [[NauticalFlags]]] freie SVG-Flaggen (nautisches Alphabet; en)<br />
* [http://inkscapeBrasil.org/.Galeria Inkscape Brasil Galeria (pt_BR)]<br />
<br />
=== Comics & Cartoons ===<br />
* [http://www.poulejapon.com [[PouleJapon]]] täglicher Comic, gemacht mit Inkscape (en, fr, jap)<br />
* [http://www.inkpipe.com Inkpipe.com] SVG-Cartoons und -Gekritzel (en)<br />
* [http://www.xp-swiss.org/wiki/index.php?title=Comics_%28english%29 X-Coders] die XP-Swiss eXtreme Programming Cartoons (en)<br />
* [http://lunar8.rydia.net/ Mental's Lunar 8 Comics] (en)<br />
* [http://www.bakedbabies.com Baked Babies] (ein paar mit Inkscape erstellte Comics; WARNUNG: nicht für Kinder!; en)<br />
* [http://thmayos.free.fr/inkscape/manga_inspiration.svgz Manga Inspiration] schnelle Zeichnung mit Inkscape 0.42 (SVG)<br />
* [http://www.nerdson.com Nerdson.com] Karlisson make Nerdson with Inkscape (pt_BR)<br />
<br />
== Artwork & Wallpapers ==<br />
* [http://programmer-art.org/artwork Daniel G. Taylor's Art Page] (funktioniert wieder!; en)<br />
* [http://www.le-radar.com/?art/galerie Cedric Gemy] (fr)<br />
* [http://urke.deviantart.com/gallery/ Urke MMI] (en)<br />
* [http://hooboo.free.fr/index.php franz. [[OpenOffice]].org Maskottchen] von Ben Bois, gemacht mit Inkscape (fr)<br />
* [http://kde-look.org/content/show.php?content=16627 [[AmaroK]] Icon] KDE Artwork von Zekant (en)<br />
* [http://kde-look.org/content/show.php?content=18204 Mupen64 Icon] KDE Artwork von Zekant (en)<br />
* [http://www.volvoguy.net/ubuntu/ Ubuntu SVG Artwork] (en)<br />
* [http://www.smartart.it/albums/wallpapers/abducted_1600x1200.sized.png Gentoo SVG Artwork] Wenn es sich bewegt, kompilier es!<br />
* [http://www.kde-look.org/usermanager/search.php?username=salahuddin66 Großartige Wallpapers!] (en)<br />
* [http://zvonsully.home.ro/ zvonSully Wallpapers] powered by Inkscape & SVG (en)<br />
* [http://www.senses0.org.mv/popzees/artwork_white.html Artwork von Senses0 mit Inkscape] (en)<br />
* [http://gatonegro.ceibes.org Gatonegro deseño - gatonegro.ceibes.org] (gl)<br />
* [http://sunedonath.de/bilder.htm Wallpaper von Sune Donath] inkl. SVG download (de)<br />
''' SVG Artworks von mr.manders <br />
http://pixel-pics.de/upload/1180029955.png[/img][/url]<br />
http://pixel-pics.de/upload/1180030022.png[/img][/url]'''<br />
<br />
=== Künstler/innen, die Inkscape verwenden ===<br />
* [http://www.dushkin.org/ Dushkin] ist ein Digital-Künstler des modernen Zeitalters. Die meisten seiner Werke sind mit Inkscape gemacht.<br />
* [http://www.coggy.de/ www.coggy.de] Einige Grafiken und Projekte (kommerziell und nichtkommerziell) werden mit Inkscape umgesetzt, oft in Kombination mit Gimp.<br />
<br />
=== Inkscapebezogenes ===<br />
* [http://popolon.org/inkscape/ Popolon Inkscape Tutorials and Illustrationen] das meiste auf Französisch, manches auf Englisch oder Chinesisch<br />
<br />
=== Mit Inkscape erstellte Projekte ===<br />
* [http://www.joncampbell.ca/inkscape/gallery.php Jon Campbell] Auswahl von mit Inkscape gemachten Projekten (en)<br />
* [http://david.bellot.free.fr/svg-cards SVG-Spielkarten] (en)<br />
* [http://nicubunu.ro/pictures/rpg/inkscape_rpg_map.png RPG-Landkarte] (Screenshot) von [http://nicubunu.ro/ Nicu Buculei]<br />
<br />
=== Andere ===<br />
* [http://inkscape.deviantart.com/ inkscape.deviantart.com] die Inkscape-Gruppe auf deviantART 1 (en)<br />
* [http://inkscapers.deviantart.com/ inkscapers.deviantart.com] die Inkscape-Gruppe auf deviantART 2 (en)<br />
* [http://zubauza.deviantart.com/gallery zubauza's Galerie @ deviantART] (en)<br />
* [[Haypo]] (en)<br />
* [[simarilius]] (en)<br />
* [[Jofo]] (en)<br />
* [[Simondebelem]] (en)<br />
* [[Gwyn]] (en)<br />
* [http://www.insert.waw.net.pl/vector/firecat_large.jpg Piotr Kosmala]<br />
* [http://erture.webpark.pl/vinci.html Radek Turek] (en)<br />
* [http://haef.szm.sk/ Henrich Fichna] (en)<br />
* [http://blog.die-scheiss-kiste.de/wordpress/ Andy's Blog] Blog; Inkscape ist eines der Themen, mit Beispielen und freien SVG-Downloads (de)<br />
* [http://www.dirk-hoeschen.de/content/index.php?opi=view&id=8 Bevel Tutorial] Tutorial für Anfänger/innen über das Erzeugen von Schrägen-[[/Kanten]]-Effekten mittels Farbverläufen (de)<br />
* [http://imaginaciongnu.tk Imaginación GNU] (esp)<br />
<br />
[[Category:German]]</div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=User:Valessio&diff=30584User:Valessio2008-06-14T07:07:07Z<p>Valessio: /* Valessio S Brito */</p>
<hr />
<div>== Valessio S Brito ==<br />
<br />
'''Jacobinense, Baiano, Brasileiro, Artista Digital.'''<br />
<br />
Faço parte da Cooperativa de Tecnologias Livre, [http://www.colivre.coop.br Colivre].<br />
<br />
Página pessoal: http://valessiobrito.info<br />
<br />
Email: valessio@colivre.coop.br<br />
<br />
Jabber: valessio@jabber.org<br />
<br />
Inkscape no Brasil: http://www.InkscapeBrasil.org , contribua!</div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=SVG_Animation_UI&diff=24954SVG Animation UI2008-03-16T06:00:37Z<p>Valessio: </p>
<hr />
<div>'''work in progress''' - [[User:ToF|ToF]]<br />
<br />
== User Interface ideas for SVG Animation ==<br />
<br />
This page gathers some ideas to bind a decent UI to the [[SVG_Animation|SMIL animation features]] of SVG. The bias is toward '''time-based''' animation. I believe that '''frame-based''' animation can easily be layered on top of that, if one's considers a frame as a snapshot of the continuous animation at a particular point in time.<br />
<br />
=== Timeline widget ===<br />
<br />
[[Image:anim_ui_01.png]]<br />
<br />
<br />
=== Editing IPO curves ===<br />
Those dialogs are popped up when double clicking (or via right click menu) on an animation segment in the timeline widget.<br />
<br />
The idea is to make the edition of interpolation curves as similar as the edition of a standard path as done elsewhere in Inkscape. Some code reuse would be great too.<br />
<br />
[[Image:ipo_edit_spline.png]] [[Image:ipo_edit_paced.png]]<br />
<br />
[[Image:ipo_edit_linear.png]] [[Image:ipo_edit_discrete.png]]<br />
<br />
<br />
== Others Proposal ==<br />
<br />
* [[SVG_Animation_MockupUI|Mockup UI Animation Proposal - ValessioBrito]]<br />
* [http://andy.brisgeek.com/archives/39 Andy Fitzsimon - Mockscape]<br />
* [http://www-user.uni-bremen.de/~felwert/inkscape/Animation01.html Animation with Inkscape – A fictitious tutorial]<br />
* [http://blogs.kiyut.com/tonny/2007/12/06/svg-animation-editor-feedback/ SVG Animation Editor Feedback ?]</div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=SVG_Animation_MockupUI&diff=24944SVG Animation MockupUI2008-03-16T05:34:01Z<p>Valessio: </p>
<hr />
<div>== SVG Animation Mockup UI - Proposal ==<br />
Files SVG: http://valessiobrito.info/projetos/inkscape/animation-ui/<br />
<br />
<br />
=== New Dock ===<br />
[[Image:InkMoc_01_NewDock.png]]<br />
<br />
=== Animation Path ===<br />
[[Image:InkMoc_02_AnimationPath.png]]<br />
<br />
=== Animation Time Line ===<br />
[[Image:InkMoc_02_AnimationTime.png]]<br />
<br />
=== Animation Preferences and Curves ===<br />
[[Image:InkMoc_03_PrefeTerreno.png]]</div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=File:InkMoc_03_PrefeTerreno.png&diff=24934File:InkMoc 03 PrefeTerreno.png2008-03-16T05:29:53Z<p>Valessio: </p>
<hr />
<div></div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=File:InkMoc_02_AnimationTime.png&diff=24924File:InkMoc 02 AnimationTime.png2008-03-16T05:29:22Z<p>Valessio: </p>
<hr />
<div></div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=File:InkMoc_02_AnimationPath.png&diff=24914File:InkMoc 02 AnimationPath.png2008-03-16T05:28:42Z<p>Valessio: </p>
<hr />
<div></div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=File:InkMoc_01_NewDock.png&diff=24904File:InkMoc 01 NewDock.png2008-03-16T05:27:49Z<p>Valessio: </p>
<hr />
<div></div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=SVG_Animation_MockupUI&diff=24894SVG Animation MockupUI2008-03-16T05:26:42Z<p>Valessio: New page: Files SVG in: http://valessiobrito.info/projetos/inkscape/animation-ui/ http://valessiobrito.info/projetos/inkscape/animation-ui/InkMoc_01_NewDock.png http://valessiobrito.info/projetos/...</p>
<hr />
<div>Files SVG in: http://valessiobrito.info/projetos/inkscape/animation-ui/<br />
<br />
http://valessiobrito.info/projetos/inkscape/animation-ui/InkMoc_01_NewDock.png<br />
<br />
http://valessiobrito.info/projetos/inkscape/animation-ui/InkMoc_02_AnimationPath.png<br />
<br />
http://valessiobrito.info/projetos/inkscape/animation-ui/InkMoc_02_AnimationTime.png<br />
<br />
http://valessiobrito.info/projetos/inkscape/animation-ui/InkMoc_03_PrefeTerreno.png</div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=SVG_Animation_UI&diff=24884SVG Animation UI2008-03-16T05:09:24Z<p>Valessio: others proposal</p>
<hr />
<div>'''work in progress''' - [[User:ToF|ToF]]<br />
<br />
== User Interface ideas for SVG Animation ==<br />
<br />
This page gathers some ideas to bind a decent UI to the [[SVG_Animation|SMIL animation features]] of SVG. The bias is toward '''time-based''' animation. I believe that '''frame-based''' animation can easily be layered on top of that, if one's considers a frame as a snapshot of the continuous animation at a particular point in time.<br />
<br />
=== Timeline widget ===<br />
<br />
[[Image:anim_ui_01.png]]<br />
<br />
<br />
=== Editing IPO curves ===<br />
Those dialogs are popped up when double clicking (or via right click menu) on an animation segment in the timeline widget.<br />
<br />
The idea is to make the edition of interpolation curves as similar as the edition of a standard path as done elsewhere in Inkscape. Some code reuse would be great too.<br />
<br />
[[Image:ipo_edit_spline.png]] [[Image:ipo_edit_paced.png]]<br />
<br />
[[Image:ipo_edit_linear.png]] [[Image:ipo_edit_discrete.png]]<br />
<br />
<br />
== Others Proposal ==<br />
<br />
* [[SVG_Animation_MockupUI|Mockup UI Animation Proposal - ValessioBrito]]<br />
* [http://andy.brisgeek.com/archives/39|Andy Fitzsimon - Mockscape]<br />
* [http://www-user.uni-bremen.de/~felwert/inkscape/Animation01.html|Animation with Inkscape – A fictitious tutorial]<br />
* [http://blogs.kiyut.com/tonny/2007/12/06/svg-animation-editor-feedback/|SVG Animation Editor Feedback ?]</div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=Tutorials_and_help&diff=14737Tutorials and help2007-05-28T19:40:04Z<p>Valessio: /* pt_BR */</p>
<hr />
<div>== Unofficial tutorials ==<br />
<br />
=== en ===<br />
{| class="wikitable" cellspacing="0" cellpadding="5" width=100% style="text-align:center; background-color:#f3f3f3;"<br />
|-<br />
| width=33% style="border: white 2px solid;"| <br />
[[Image:Quickguide.png]] <br/><br />
<strong>Name: </strong>[http://www.deviantart.com/deviation/53832833/ Quick Guide to Inkscape]<br/><br />
<strong>Overview: </strong> This is a great consise quick guide for getting started with inkscape.<br />
| width=33% style="border: white 2px solid;"|<br />
[[Image:Icons_in_Inkscape.png]]<br/><br />
<strong>Name: </strong>[http://www.deviantart.com/view/14703295/ Icon Creation (Mini-Tutorial)] <br/><br />
<strong>Overview: </strong> A quick little tutorial demonstrating the design process in creating an SVG icon in inkscape. The finished product of this tutorial is actually in the [http://openclipart.org Open Clip Art Library ] <br />
| width=33% style="border: white 2px solid;"|<br />
[[Image:Orb-tutorial-thumb.png]]<br/><br />
<strong>Name: </strong>[http://ryanler.wordpress.com/2007/02/16/simple-bubble-in-inkscape-orb-ball-bubble/ Simple Bubble/Orb in inkscape] <br/><br />
<strong>Overview: </strong> A tutorial that demonstrates the use of the blur filter and clipping to create a simple bubble or orb. <br />
|-<br />
| width=33% style="border: white 2px solid;"|<br />
[[Image:Inkscape overview tut thumb.png]]<br/><br />
<strong>Name: </strong>[http://members.gamedev.net/trapperzoid/ia/inkscape_introduction.html inkscape interface tutorial] <br/><br />
<strong>Overview: </strong> A detailed tutorial that descibes the inkscape user interface in detail and explains how they can be used for creating cartoony art. <br />
| width=33% style="border: white 2px solid;"| <br />
[[Image:3d-beveltext-thumb.png]]<br/><br />
<strong>Name: </strong>[http://ryanler.wordpress.com/2007/02/06/24/ 3d like text effect in inkscape] <br/><br />
<strong>Overview: </strong> A tutorial that demonstrates a technique to create text with a bevelled edge effect.<br />
| width=33% style="border: white 2px solid;"| <br />
[[Image:Slime_tutorial_thumnail.png]]<br/><br />
<strong>Name: </strong>[http://members.gamedev.net/trapperzoid/ia/tutorial_slime.html slime to start] <br/><br />
<strong>Overview: </strong> A detailed tutorial that shows the reader how to draw a simple cartoony slime creature using inkscape. This tutorial also provides great detail on the thought and development process that is used for basic character development.<br />
|-<br />
| width=33% style="border: white 2px solid;"|<br />
[[Image:Starfish_tutorial_thumb.png]]<br/><br />
<strong>Name: </strong>[http://www.christianmontoya.com/2007/01/11/tutorial-a-starfish-with-inkscape/ a starfish with inkscape] <br/><br />
<strong>Overview: </strong> a simple tutorial that shows how to make a simple starfish in inkscape. great for inkscape "newbies" <br />
| width=33% style="border: white 2px solid;"| <br />
[[Image:Starburst_tut_thumb.jpg]]<br/><br />
<strong>Name: </strong>[http://foreach.awardspace.com/random/inkscape-two.html Sun background with inkscape] <br/><br />
<strong>Overview: </strong> A tutorial that demonstrates the technique of creating the "starburst" effect using inkscape.<br />
| width=33% style="border: white 2px solid;"| <br />
[[Image:Eye_tut_thumbnail.png]]<br/><br />
<strong>Name: </strong>[http://www.wisetome.com/splat/2007/02/01/11-step-tutorial-to-create-eyeball-vector-art 11 Step Tutorial To Create Eyeball Vector Art] <br/><br />
<strong>Overview: </strong> A tutorial that shows the process to create an eyeball in inkscape.<br />
|-<br />
| width=33% style="border: white 2px solid;"|<br />
[[Image:Ball_tut_thumbnail.png]]<br/><br />
<strong>Name: </strong>[http://www.wisetome.com/splat/2006/12/13/10-step-tutorial-to-create-shiny-ball-vector-art/ 10 step tutorial to create shinyball vector art] <br/><br />
<strong>Overview: </strong> a tutorial that shows you how to create a shiny little ball using inkscape.<br />
| width=33% style="border: white 2px solid;"| <br />
[[Image:inkscape_fonts.png]]<br/><br />
<strong>Name: </strong>[http://inkscape.teekoo.com Kiddy Font and Tigger Font Tutorial] <br/><br />
<strong>Overview: </strong> a tutorial on how to create interesting font effects with the help of Inkscape.<br />
| width=33% style="border: white 2px solid;"| <br />
[[Image:Graph-tut-thumbnail.png]]<br/><br />
<strong>Name: </strong>[http://trinifar.wordpress.com/2007/02/21/creating-graphs-with-inkscape/ Graphs in Inkscape] <br/><br />
<strong>Overview: </strong> a tutorial on how to create accurate line graphs in Inkscape.<br />
|-<br />
| width=33% style="border: white 2px solid;"|<br />
[[Image:spring.png]]<br/><br />
<strong>Name: </strong>[http://inkscape.teekoo.com/#spring It is spring time] <br/><br />
<strong>Overview: </strong> a simple tutorial that shows how to make use of <br />
"tiled clone" with tracing. <br />
| width=33% style="border: white 2px solid;"| <br />
[[Image:Furboa_head.png]] <br/><br />
<strong>Name: </strong>[http://www.glitchnyc.com/cgi-bin/blosxom.cgi/technology/opensource/furboa_tutoria.phblox Furboa-Tutorial]<br/><br />
<strong>Overview: </strong> Learn how to create a cute little cartoony animal in inkscape. The test subject in this case is a cute little guy named Furboa.<br />
|}<br />
<br />
* [http://70.24.158.31:8080/inktut.php Making Icons] (en)<br />
* http://programmer-art.org/inkscape currently down video-tutorials planned. (en)<br />
* [http://www.glitchnyc.com/cgi-bin/blosxom.cgi/technology/opensource/furboa_tutoria.phblox Furboa-Tutorial] (en)<br />
* [http://www.deviantart.com/view/14703295/ Icon Creation], devianart.com-mini-Tutorial, without text<br />
* [http://www.artcamilla.dk/vaultage/articles/the6502s/articles-gimp/cartoon-effects-1/article.html Cartoon Effekt]] Inkscape and Gimp (en)<br />
* [http://linuxcult.com/?m=show&id=272 Glossy Triangle (sodipodi)]<br />
* [http://www.sitepoint.com/article/create-xp-style-icons article about how to create Icons] (en)<br />
* [http://www.closing-gaps.org/tutorial-ink1.htm Tutorial for product illustration using Inkscape.] (en)<br />
* [http://jimmac.musichall.cz/demos/inkscape/key-status.avi Video about Inkscape], avi<br />
* [http://le-radar.com/?articles/drawinginkscapeEn Beginner tutorial] (en)<br />
* [http://popolon.org/inkscape/?sub=blogtutorial List of tutorials] (en)<br />
* [http://members.gamedev.net/trapperzoid/ia/index.html Inkscape Adventures] by Trapper Zoid<br />
* [http://www.christianmontoya.com/2007/01/11/tutorial-a-starfish-with-inkscape/ A Starfish with Inkscape] (en) in two parts.<br />
* [http://inkscape.teekoo.com/ Inkscape in Six Steps] by Jingshao Chen<br />
* [http://choupil.blogspot.com/ Inkscape isometrics and tutorials] by Choupil<br />
<br />
=== de ===<br />
* [http://inkscape-forum.de/comments.php?DiscussionID=3&page=1#Item_0 Silhouette-tutorial] inkscape-forum.de, (de)<br />
* [http://inkscape-forum.de/comments.php?DiscussionID=6&page=1#Item_0 Glassbutton-tutorial] inkscape-forum.de, (de)<br />
* [http://shirts.gleichjetzt.de/Vektorisieren_mit_Inkscape Vektorisieren mit Inkscape] shirts.gleichjetzt.de, (de)<br />
<br />
=== fr ===<br />
* [http://popolon.org/gblog2/comment-faire-une-illustration-de-a-a-z-avec-inkscape Comment faire une illustration de A à Z avec inkscape.] (fr), same as above<br />
*[http://le-radar.com/?articles/drawinginkscape Pour grands débutants] (fr)<br />
* [http://popolon.org/inkscape/?sub=didacticielblog Liste des didacticiels du blog] de Popolon<br />
<br />
=== it ===<br />
*[http://inkscape.altervista.org/tutorials/colorare/index.htm Simulare l'uso del secchiello] (it)<br />
*[http://inkscape.altervista.org/tutorials/logo_ati_I/index.htm Il logo ATi con Inkscape - Parte I] (it)<br />
*[http://inkscape.altervista.org/tutorials/logo_ati_II/index.htm Il logo ATi con Inkscape - Parte II] (it)<br />
*[http://inkscape.altervista.org/tutorials/logo_ati_III/index.htm Il logo ATi con Inkscape - Parte III] (it)<br />
*[http://inkscape.altervista.org/tutorials/vettorializzare_I/index.htm Vettorializzare un'immagine (es.pratico)] (it)<br />
*[http://inkscape.altervista.org/tutorials/unire_tracciati/index.htm Unire tracciati differenti] (it)<br />
*[http://inkscape.altervista.org/tutorials/creare_ingranaggi/index.htm Come creare semplici ingranaggi] (it)<br />
<br />
=== pl ===<br />
*[http://www.inf.sgsp.edu.pl/lab/filmiki/filmiki.php Video tutorials / Filmiki szkoleniowe] (pl)<br />
<br />
=== pt_BR ===<br />
*[http://twiki.softwarelivre.org/bin/view/InkscapeBrasil/Tutoriais Vários Tutoriais da comunidade Inkscape Brasil] (pt_BR)<br />
*[http://www.imasters.com.br/artigo/3500/livre/inkscape_brilho_luz_e_vida_aos_logos Brilho, Luz e Vida aos logos] (pt_BR)<br />
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=172&tid=6 Criando a logo do Ubuntu] (pt_BR)<br />
*[http://www.imasters.com.br/artigo/4159/livre/criando_personagens Criando Personagens] (pt_BR)<br />
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=143&tid=6 Manual Desenho Vectorial do Inkscape] (pt_BR)<br />
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=158&tid=6 Manual do inkscape 0.40] (pt_BR)<br />
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=157&tid=6 Utilização de Imagens SVG em Páginas Web] (pt_BR)<br />
<br />
=== zh_CN ===<br />
*[http://popolon.org/inkscape/?sub=blogjiaoyu 一些中文Inkscape教育]<br />
<br />
== Help & helpful articles ==<br />
* [http://le-radar.com/?mm/inkscape Inkscape User manual] (en, fr) or get from user_manual branch of SVN<br />
* [http://www.linux-magazine.com/issue/56/Inkscape_Vector_Graphics.pdf Inkscape Vector Graphics] pdf, by Peter Kreussel (en)<br />
* [http://www.linux-user.de/ausgabe/2005/05/053-inkscape/ Inkscape Vector Graphics], by Peter Kreußel (de), same as above<br />
* [http://ubuntuforums.org/showpost.php?p=2183007&postcount=13 How to draw an arrow or line with marker with Inkscape 0.45] (en)<br />
* [http://jimmac.musichall.cz/weblog.php/Inkscape?flav=php art-weblog with inkscape-category] (en)<br />
* [http://blog.die-scheiss-kiste.de/wordpress/index.php?cat=4 Andy's weblog with inkscape-category] (de)<br />
* [http://popolon.org/gblog2/categorie/didacticiel/didacticiel-graphique/inkscape-tutorial/ Popolongraphical Blog] (fr, en)<br />
* [http://inkscape.le-radar.com Cours Inkscape, by Cédric GEMY (pygmee)] (fr) <br />
* [http://www.archive.org/download/Inkscape_Path_Tutorial/inkscapePaths.swf Flashvideo about drawing with the pen-tool and Bezier curves] (en)<br />
* [http://www.archive.org/download/Inkscape_Gradient_Tutorial/gradient.swf Flashvideo about creating gradients] (en)<br />
* [http://www.coofercat.com/wiki/InkScape some annotations about "Flowing Text, Portable SVG Files & Producing A4-pdf-files] (en)<br />
* [http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?down=158 Portugese Inscape Manual] zipped svg (0.40)] (pt)<br />
* [http://www.linuxplanet.com/linuxplanet/tutorials/5757/5/ Inkscape: Vector Graphics For Linux] Rob, Reilly (en)<br />
* [http://www.sketchpad.net/drawing2.htm Bezier Curves And The Different Kinds Of Anchor Points] (en)<br />
* [http://software.newsforge.com/software/05/09/08/1835253.shtml?tid=131&tid=130&tid=132| article about inkscape], Bruce Byfield (en)<br />
* [http://www.redhat.com/magazine/010aug05/features/inkscape/ Creating vector graphics with Inkscape] by Rosanna Yuen, redhat.com (en)<br />
<br />
== Creating New Tutorials ==<br />
Easy way: <br />
# Load up one of the existing tutorials<br />
# Replace its text and images with your own<br />
# Upload it to the [http://sourceforge.net/tracker/?func=add&group_id=93438&atid=604308 Patch Tracker]. Make SURE to click the "Upload and Attach a File" checkbox!<br />
<br />
Official way:<br />
# Create a DocBook XML file like the [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/basic/tutorial-basic.xml?view=markup Basic Tutorial DocBook]<br />
# Follow directions in the tutorial directory [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/README?view=markup README] for formatting and handling of embedded non-SVG images<br />
# Create a subdirectory in the [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/ doc-docbook] module and place the new tutorial docbook file there<br />
# Test tutorial generation using the `make-html`, `make-svg`, and `make-all` scripts<br />
# Announce the availability of the new tutorial<br />
<br />
<br />
== Tutorial Ideas ==<br />
This section will consist of brainstorming and basic development of new tutorials that will be useful for new/old users.<br />
<br />
<br />
=== Completed Tutorials ===<br />
<br />
* [http://home.programmer-art.org/?page=inkscape Daniel Taylor's Web-Based Inkscape Tutorials] - Hopefully he will make SVG tutorials that we can inlude with Inkscape, like our current [[DefaultTutorial]].<br />
* making shiny marbles... http://inkscape.org/wiki_uploads/marbles_tut.svg<br />
* also see [http://inkscape.org/cgi-bin/wiki.pl?OtherProjects#outsidetut Outside Tutorials and Tips]<br />
* [[ElementsPrinciplesOfDesign]] (rejon)<br />
* [http://kargs.net/docs/easter_egg_tutorial.svg Easter Egg Tutorial]<br />
<br />
=== Tutorials in development ===<br />
<br />
* [http://homepage.univie.ac.at/reinhard.stepanek/fxos80/metchart.html How to create meteorological charts with Inkscape], Tutorial by Reinhard Stepanek<br />
* Daniel Pope's Clownfish Tutorial - [http://www.mauveweb.co.uk/misc/tutorials/clownfish.svg Part 1] [http://www.mauveweb.co.uk/misc/tutorials/clownfish2.svg Part 2] - drop me an email at mauve@mauveweb.co.uk to suggest changes.<br />
* A very small sheet with instructions for doing [http://www.gimpforum.de/album/file.php?n=4323&w=o isometric transformations] - if anyone has comments or wants to have a look at the original svg, contact me at daniel dot hornung <at> gmx dot de (this is useful for e.g. icon work, see [http://fedoraproject.org/wiki/Artwork/BluecurveIconGuidelines Bluecurve Icon Guidelines])<br />
* [http://www.coofercat.com/wiki/InkScape Coofer Cat's Inkscape Page] - Some miscellaneous meanderings with Inkscape. There are a few hints and tips that might be of use to the less experienced Inkscape user. There are also a few random bits of clipart too.<br />
<br />
=== Planned Tutorials ===<br />
<br />
* [[UsingTheCloneTiler]] - Clones<br />
<br />
* Text and Typography<br />
<br />
* Clippath/Mask/Pattern<br />
<br />
* Effects<br />
<br />
* SVG Filters<br />
<br />
* XML Editor<br />
<br />
=== Tutorial Scratchpad ===<br />
<br />
* How to create an icon<br />
* How to build a presentation using Inkview.<br />
* How to build complex shapes using boolean operations.<br />
* How to use Inkscape to create graphics for LaTeX / ConTeXt documents.<br />
* etc<br />
<br />
A tutorial in progress of writing by John Griessen<br />
<br />
This writing is a journal of how a project to recreate a business card originally <br />
made with Illutrator 7, after losing the original file, so the comparison to Illustrator is <br />
much from memory and not to be taken as the last word, but a guide as to how the programs compare.<br />
<br />
<br />
Attached is a png of the printed business card:<br />
<br />
It originally was a collection of paths filled with colors and text objects with grouping to<br />
make replicating some objects easy. <br />
<br />
The shell command '$inkscape --version' tells us this is Inkscape 0.39cvs (Jul 2 2004) .<br />
<br />
The logo main element is a pseudo sine wave, and I made it before with grid snap and stretching and replicating, so now I set my units to mm and grid spacing and snap to 1 and remember how it would be nice to have major and minor grids instead of just one, so I want to create some vertical guides evenly spaced and cannot remember and start looking in docs. In Illustrator 7, clicking on the ruler bar created a guide if I recall... Once created, it could be moved with grid snap like any object, so getting it on grid or off was easy. As I read around, I find the usage of guides in "Keys and Mouse" "drag off a ruler" is the way... and a guide is on the page, and I can't snap it to easily make the accurate secondary grid I had wanted....Is there a way to? I try duplicate on the guide, but alas, it is not a regular object... it cannot be selected as they are...so I cannot replicate guides to make other grids after all... note for the beginner, to get bezier curves out of the line/bezier tool, you must click-drag. A click-only will give you only connected straight line segments. I'll have to use lines as guides, <br />
http://home.austin.rr.com/jgriessen/ill2ink-tut1.png<br />
<br />
[[Category:Help Wanted]]<br />
<br />
=== Other SVG Tutorials ===<br />
<br />
* http://www.codeproject.com/books/learnsvgchapter07.asp</div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=ReleaseAnnounce045-ptBR&diff=13124ReleaseAnnounce045-ptBR2007-02-04T14:27:09Z<p>Valessio: </p>
<hr />
<div>Esta é uma concepção do Anuncio de Lançamento para a versão 0.45.<br />
<br />
== Inkscape Anuncia Lançamento 0.45 :: http://www.inkscape.org :: Desenhando Livrimente ==<br />
<br />
A comunidade Inkscape anuncia hoje a mais nova versão do programa para edição gráfica vectorial. Inkscape 0.45 sua novidade é o novo filtro Gaussiano de borrão SVG. Patrocinado pela Google's Summer of Code, o borrão Gaussiano permite borra e macia naturalmente todos os objetos do Inkscape, incluindo formas, texto, e imagens. Isto permite uma escala larga de efeitos Fotorealistas: as máscaras e as luzes arbitrariamente dadas forma, profundidade de campo, sombras da gota, incandescem, etc. Também, os objetos borrados podem ser usados como máscaras para outros objetos conseguindo “o efeito da máscara feathered”.<br />
<br />
<br />
Inumeras outras novas características, melhorias nas características existentes, e reparos de erros foram incluídos. Um diálogo com histórico permite que você navegue na sua história de mudanças. Muitos efeitos novos como extensão foram adicionados incluindo o padrão ao longo do trajeto e dos efeitos de cores. Houve algumas melhorias com a velocidade e desempenho de render, na ordem de 2-3% no geral, e um até 5-10% para desenhos usando a transparência pesada ou gradientes radiais. A qualidade de composição foi também melhorada com a remoção das bordas vistas nos gradientes.<br />
<br />
Download para Linux, Windows, e Mac OS X:<br />
<br />
http://sourceforge.net/project/showfiles.php?group_id=93438<br />
<br />
Para muito mais detalhes, veja a Nota de Anuncio completo para 0.45 em:<br />
<br />
http://wiki.inkscape.org/wiki/index.php/Release_Notes<br />
<br />
Screenshot enviado pela comunidade:<br />
<br />
http://www.inkscape.org/screenshots/<br />
<br />
<br />
===About Inkscape===<br />
<br />
Inkscape is an open source drawing tool that uses the World Wide Web Consortium's ([[W3C]]) scalable vector graphics format (SVG). Some supported SVG features include basic shapes, paths, text, markers, clones, alpha blending, transforms, gradients, and grouping. In addition, Inkscape supports Creative Commons' metadata, node-editing, layers, complex path operations, text-on-path, text-in-shape, and SVG XML editing. It can also import EPS, <nowiki>PostScript</nowiki>, and most bitmap formats, and exports PNG, PS, PDF and various vector formats.<br />
<br />
Inkscape's main motivation is to provide the Open Source community with a fully [[W3C]] compliant XML, SVG, and CSS2 drawing tool. Additional work includes conversion of the codebase from <nowiki>C/Gtk</nowiki> to <nowiki>C++/Gtkmm</nowiki>, emphasizing a lightweight core with powerful features added through an extension mechanism, and maintaining a friendly, open, community-oriented development process.<br />
<br />
== Release announce translations ==<br />
<br />
Catalan: http://wiki.inkscape.org/wiki/index.php/NotaAlliberament045<br />
<br />
Czech: http://wiki.inkscape.org/wiki/index.php/ReleaseAnnounce045-cs<br />
<br />
Deutsch: http://wiki.inkscape.org/wiki/index.php/ReleaseAnnounce045-de<br />
<br />
French: http://wiki.inkscape.org/wiki/index.php/ReleaseAnnounce045-fr<br />
<br />
Italian: http://wiki.inkscape.org/wiki/index.php/ReleaseAnnounce045-it<br />
<br />
Japanese: http://wiki.inkscape.org/wiki/index.php/ReleaseAnnounce045-ja<br />
<br />
Portuguese: http://wiki.inkscape.org/wiki/index.php/ReleaseAnnounce045-ptBR<br />
<br />
Vietnamese: http://wiki.inkscape.org/wiki/index.php/ReleaseAnnounce045-vi<br />
<br />
Español: http://wiki.inkscape.org/wiki/index.php/ReleaseAnnounce045-es<br />
<br />
[[Category:Marketing]]</div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=BenutzerGalerien&diff=12994BenutzerGalerien2007-01-29T01:24:10Z<p>Valessio: /* Clipart */</p>
<hr />
<div>== Urprungsfassung ==<br />
<br />
Englische Ursprungsfassung [[Galleries|hier]]<br />
<br />
== Galerien ==<br />
<br />
Füg hier einen Link zu deiner eigenen Inkscape-Galerie an<br />
<br />
* [http://commons.wikimedia.org/wiki/Category:SVG Kategorie:SVG im Wikimedia-Projekt]<br />
<br />
=== Clipart ===<br />
* [http://openclipart.org Open Clip Art Library] (en)<br />
* [http://edeca.net/site/graphics [[NauticalFlags]]] freie SVG-Flaggen (nautisches Alphabet; en)<br />
* [http://twiki.softwarelivre.org/bin/view/InkscapeBrasil/Galeria Inkscape Brasil Galeria (pt_BR)]<br />
<br />
=== Comics & Cartoons ===<br />
* [http://www.poulejapon.com [[PouleJapon]]] täglicher Comic, gemacht mit Inkscape (en, fr, jap)<br />
* [http://www.inkpipe.com Inkpipe.com] SVG-Cartoons und -Gekritzel (en)<br />
* [http://www.xp-swiss.org/wiki/index.php?title=Comics_%28english%29 X-Coders] die XP-Swiss eXtreme Programming Cartoons (en)<br />
* [http://lunar8.rydia.net/ Mental's Lunar 8 Comics] (en)<br />
* [http://www.bakedbabies.com Baked Babies] (ein paar mit Inkscape erstellte Comics; WARNUNG: nicht für Kinder!; en)<br />
* [http://thmayos.free.fr/inkscape/manga_inspiration.svgz Manga Inspiration] schnelle Zeichnung mit Inkscape 0.42 (SVG)<br />
<br />
=== Artwork & Wallpapers ===<br />
* [http://programmer-art.org/artwork Daniel G. Taylor's Art Page] (funktioniert wieder!; en)<br />
* [http://www.le-radar.com/?art/galerie Cedric Gemy] (fr)<br />
* [http://urke.deviantart.com/gallery/ Urke MMI] (en)<br />
* [http://hooboo.free.fr/index.php franz. [[OpenOffice]].org Maskottchen] von Ben Bois, gemacht mit Inkscape (fr)<br />
* [http://kde-look.org/content/show.php?content=16627 [[AmaroK]] Icon] KDE Artwork von Zekant (en)<br />
* [http://kde-look.org/content/show.php?content=18204 Mupen64 Icon] KDE Artwork von Zekant (en)<br />
* [http://www.volvoguy.net/ubuntu/ Ubuntu SVG Artwork] (en)<br />
* [http://www.smartart.it/albums/wallpapers/abducted_1600x1200.sized.png Gentoo SVG Artwork] Wenn es sich bewegt, kompilier es!<br />
* [http://www.kde-look.org/usermanager/search.php?username=salahuddin66 Großartige Wallpapers!] (en)<br />
* [http://zvonsully.home.ro/ zvonSully Wallpapers] powered by Inkscape & SVG (en)<br />
* [http://www.senses0.org.mv/popzees/artwork_white.html Artwork von Senses0 mit Inkscape] (en)<br />
* [http://gatonegro.ceibes.org Gatonegro deseño - gatonegro.ceibes.org] (gl)<br />
* [http://sunedonath.de/bilder.htm Wallpaper von Sune Donath] inkl. SVG download (de)<br />
<br />
=== Künstler/innen, die Inkscape verwenden ===<br />
* [http://www.dushkin.org/ Dushkin] ist ein Digital-Künstler des modernen Zeitalters. Die meisten seiner Werke sind mit Inkscape gemacht.<br />
<br />
=== Inkscapebezogenes ===<br />
* [http://popolon.org/inkscape/ Popolon Inkscape Tutorials and Illustrationen] das meiste auf Französisch, manches auf Englisch oder Chinesisch<br />
<br />
=== Mit Inkscape erstellte Projekte ===<br />
* http://www.hinterlandcasa.it SVG Panele & Buttons, gemacht mit Inkscape (it)<br />
* [http://www.joncampbell.ca/inkscape/gallery.php Jon Campbell] Auswahl von mit Inkscape gemachten Projekten (en)<br />
* [http://david.bellot.free.fr/svg-cards SVG-Spielkarten] (en)<br />
* [http://nicubunu.ro/pictures/rpg/inkscape_rpg_map.png RPG-Landkarte] (Screenshot) von [http://nicubunu.ro/ Nicu Buculei]<br />
* [http://www.coggy.de www.coggy.de / Webseite] (de)<br />
<br />
=== Andere ===<br />
* [http://inkscape.deviantart.com/ inkscape.deviantart.com] die Inkscape-Gruppe auf deviantART 1 (en)<br />
* [http://inkscapers.deviantart.com/ inkscapers.deviantart.com] die Inkscape-Gruppe auf deviantART 2 (en)<br />
* [http://zubauza.deviantart.com/gallery zubauza's Galerie @ deviantART] (en)<br />
* [[Haypo]] (en)<br />
* [[simarilius]] (en)<br />
* [[Jofo]] (en)<br />
* [[ChromeCat]] (en)<br />
* [[Simondebelem]] (en)<br />
* [[Gwyn]] (en)<br />
* [http://www.insert.waw.net.pl/vector/firecat_large.jpg Piotr Kosmala]<br />
* [http://erture.webpark.pl/vinci.html Radek Turek] (en)<br />
* [http://haef.szm.sk/ Henrich Fichna] (en)<br />
* [http://blog.die-scheiss-kiste.de/wordpress/ Andy's Blog] Blog; Inkscape ist eines der Themen, mit Beispielen und freien SVG-Downloads (de)<br />
* [http://www.dirk-hoeschen.de/content/index.php?opi=view&id=8 Bevel Tutorial] Tutorial für Anfänger/innen über das Erzeugen von Schrägen-[[/Kanten]]-Effekten mittels Farbverläufen (de)<br />
* [http://imaginaciongnu.tk Imaginación GNU] (esp)<br />
<br />
[[Category:German]]</div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=Galleries&diff=12992Galleries2007-01-29T01:22:34Z<p>Valessio: /* Multiple-author galleries */</p>
<hr />
<div>== localized versions ==<br />
localized versions of that link list<br />
* [[BenutzerGalerien|Benutzergalerien auf deutsch]]<br />
<br />
== Galleries ==<br />
<br />
=== Multiple-author galleries ===<br />
<br />
* [http://openclipart.org Open Clip Art Library]<br />
* [http://twiki.softwarelivre.org/bin/view/InkscapeBrasil/Galeria Inkscape Brasil Galeria]<br />
* [http://commons.wikimedia.org/wiki/Category:Created_with_Inkscape Category:Created with Inkscape] at Wikimedia Commons contains thousands of Inkscape SVG images of all kinds<br />
* [http://inkscape.deviantart.com/favourites/ inkscape.deviantart.com] The Inkscape group on deviantART<br />
* [http://gould.cx/ted/ink-about/ Museum of Sodipodi and Inkscape About Screens]<br />
<br />
=== Single-author galleries ===<br />
<br />
* [http://conichiwua.wordpress.com/ Conichiwua] - Inkscape art<br />
* Some beautiful [http://www.ufowebfactory.net/index.php?vector illustration] and associated SVG files <br />
* [http://www.revis.co.uk/site/?q=taxonomy/term/7 Inkscape animations] and CC licensed SVG source files, plus a gear making tutorial<br />
* A tiny selection of [http://marksinkscape.blogspot.com/ Mark H's] inkscape pics.<br />
* [http://freedraw.blogspot.com/ Desenho Livre Blog] - a collection of SVG samples are [http://rapidshare.de/files/26338515/InkSamples.tar.bz2.html available for download] ''(learning proposes)''.<br />
* [http://www.jeromehouix.info/ Jiije] artworks by jiije<br />
* [http://www.pictura4.1gb.at picturi,reproduceri,portrete]<br />
* [http://www.dushkin.org/ Dushkin] is an artist of the digital age. A graduate of iidabashi hoikuen. Please be sure to leave a comment in his blog. Check out his gallery for the latest Inkscape creations.<br />
* [[Haypo]]<br />
* [http://lunar8.rydia.net/ Mental's Lunar 8 Comics]<br />
* [[simarilius]]<br />
* [http://www.le-radar.com/?art/galerie Cedric Gemy]<br />
* [[Jofo]]<br />
* [[ChromeCat]]<br />
* [http://www.kde-look.org/usermanager/search.php?username=salahuddin66 Great Wallpapers!]<br />
* [[Simondebelem]]<br />
* [http://david.bellot.free.fr SVG-cards]<br />
* [http://zubauza.deviantart.com/gallery zubauza's gallery @ deviantART]<br />
* [[Gwyn]]<br />
* [http://edeca.net/graphics.xml Free SVG nautical flags]<br />
* [http://gatonegro.ceibes.org Gatonegro deseño - gatonegro.ceibes.org]. Inkscape-based graphic design, with the occasional aid of the GIMP and Scribus. Stickers, posters, tee-shirts, pamphlets, logotypes, wallpapers... Most of them released under the Creative Commons Attribution-Sharealike. (Language: galizan.)<br />
* [http://imaginaciongnu.iespana.es/ Imaginacion GNU] Artwork created with Inkscape by Daniel Cremades (Graphic designer, spanish)<br />
* [http://www.bakedbabies.com Baked Babies] (a few comics created with inkscape WARNING: not for kids)<br />
* [http://www.pictura4.1gb.at/portrete_in_creion_pe_hartie.html portrete la comanda in creion] (portraits by pictures)<br />
* [http://kde-look.org/content/show.php?content=16627 AmaroK Icon], [http://kde-look.org/content/show.php?content=18204 Mupen64 Icon] KDE artwork by Zekant<br />
* [http://www.insert.waw.net.pl/vector/firecat_large.jpg Piotr Kosmala]<br />
* [http://erture.webpark.pl/vinci.html Radek Turek]<br />
* [http://haef.szm.sk/ Henrich Fichna]<br />
* [http://blog.die-scheiss-kiste.de/wordpress/ Andy's Blog] Blog german. Inkscape is one topic, w. Examples & free SVG Downloads.<br />
* [http://hooboo.free.fr/index.php french OpenOffice.org Mascot] by Ben Bois made with Inkscape<br />
* [http://www.joncampbell.ca/inkscape/gallery.php Jon Campbell] Variety of projects done in inkscape<br />
* [http://f-r-e-d.org/ Fred's SVG Wallpapers]<br />
* [http://panzi.deviantart.com/gallery/ panzi.deviantArt.com] only some pictures are SVG (e.g. see: [http://www.deviantart.com/view/4617948/ my orc])<br />
* [http://dump.c7.se/tribal.png Tribal tattoo drawn in Inkscape] ([http://c7.se/?entry=69 Result])<br />
* [http://ggw.stfu.ee/ GeeksGoneWild] A webcomic drawn with inkscape<br />
* [http://xterminador.deviantart.com/gallery/ xterminador.deviantart.com] Artwork by Xterminator at Deviantart Parental Advisory Explicit Content<br />
* [http://www.braincud.com/ Brain Cud] A webcomic now drawn with Inkscape (starting with installment number 24).<br />
* [http://popolon.org/inkscape/ popolon.org/inkscape/] Tutorial for Inkscape and pictures made with Inkscape, mostly in french some in english or chinese.<br />
* [http://www.protemporeevents.com/larrys/ Larry's Main Entrance] A restaurant menu redesign project done in Inkscape!<br />
* [http://yeknan.free.fr/blog/index.php?2006/03/22/74-galerie-svg yeKcim] Free SVG (Wormux, Crocobox, Mille bornes,...)<br />
* [[Paramate]]<br />
* [http://jhuss.com/download.php?list.3 jhuss's artwork] a some works, all made in inkscape<br />
* [http://www.awns.com/galeri/ Galeri] A growing collection of colourful and stylish artwork. <br />
* [http://blog.organicadtm.com/wp-gallery2.php OrganicaDTM Studio's gallery] Our projects are doing with Inkscape, Gimp and Blender.<br />
*[http://www.freewaydesign.com/ freewaydesign] Dr-Hamza`s Blog Misc. Designs<br />
* [http://proximus1.deviantart.com/gallery/?catpath=digitalart/vector/&offset=0 Proximus1] Vector Artwork by Proximus1<br />
* [http://singularityblues.com Singularity Blues] A webcomic done in Inkscape. SVG files available upon request.<br />
*[http://hrum.deviantart.com/gallery ~hrum] Konstantin R. page on deviantart with pictures made in Inkscape (most of them) and GIMP<br />
* [http://www.kde-files.org/index.php?xcontentmode=644 KDE-Files Inkscape directory] artwork by various contrubters, you can also upload your own work.<br />
* [http://sunedonath.de/bilder.htm Sune Donath] anime wallpapers made with Inkscape incl. SVG download.<br />
<br />
<!-- these sites not responding/working <br />
* [http://gallery.crypt.cc Crypt.cc Gallery] artwork by J, others can also upload your own work to showcase here<br />
* [http://programmer-art.org/artwork Daniel G. Taylor's Art Page]<br />
* [http://gallery.urosevic.net/svg Urke MMI]<br />
* [http://widdma.dyndns.org/wc/widdmoprev.html Widdmotions] (Not found) Smiley Set<br />
* http://www.hinterlandcasa.it An Italian svg panels & buttons based site made with Inkscape.<br />
* [http://www.grafixport.org/ grafixport] A new Forum for SVG and Inkscape Friends!<br />
--><br />
<br />
Add a link to your Inkscape gallery here!<br />
<br />
<br />
[[Category:About Inkscape]]</div>Valessiohttps://wiki.inkscape.org/wiki/index.php?title=Galleries&diff=12990Galleries2007-01-29T01:22:03Z<p>Valessio: /* Multiple-author galleries */</p>
<hr />
<div>== localized versions ==<br />
localized versions of that link list<br />
* [[BenutzerGalerien|Benutzergalerien auf deutsch]]<br />
<br />
== Galleries ==<br />
<br />
=== Multiple-author galleries ===<br />
<br />
* [http://openclipart.org Open Clip Art Library]<br />
* [http://twiki.softwarelivre.org/bin/view/InkscapeBrasil Inkscape Brasil Galeria]<br />
* [http://commons.wikimedia.org/wiki/Category:Created_with_Inkscape Category:Created with Inkscape] at Wikimedia Commons contains thousands of Inkscape SVG images of all kinds<br />
* [http://inkscape.deviantart.com/favourites/ inkscape.deviantart.com] The Inkscape group on deviantART<br />
* [http://gould.cx/ted/ink-about/ Museum of Sodipodi and Inkscape About Screens]<br />
<br />
=== Single-author galleries ===<br />
<br />
* [http://conichiwua.wordpress.com/ Conichiwua] - Inkscape art<br />
* Some beautiful [http://www.ufowebfactory.net/index.php?vector illustration] and associated SVG files <br />
* [http://www.revis.co.uk/site/?q=taxonomy/term/7 Inkscape animations] and CC licensed SVG source files, plus a gear making tutorial<br />
* A tiny selection of [http://marksinkscape.blogspot.com/ Mark H's] inkscape pics.<br />
* [http://freedraw.blogspot.com/ Desenho Livre Blog] - a collection of SVG samples are [http://rapidshare.de/files/26338515/InkSamples.tar.bz2.html available for download] ''(learning proposes)''.<br />
* [http://www.jeromehouix.info/ Jiije] artworks by jiije<br />
* [http://www.pictura4.1gb.at picturi,reproduceri,portrete]<br />
* [http://www.dushkin.org/ Dushkin] is an artist of the digital age. A graduate of iidabashi hoikuen. Please be sure to leave a comment in his blog. Check out his gallery for the latest Inkscape creations.<br />
* [[Haypo]]<br />
* [http://lunar8.rydia.net/ Mental's Lunar 8 Comics]<br />
* [[simarilius]]<br />
* [http://www.le-radar.com/?art/galerie Cedric Gemy]<br />
* [[Jofo]]<br />
* [[ChromeCat]]<br />
* [http://www.kde-look.org/usermanager/search.php?username=salahuddin66 Great Wallpapers!]<br />
* [[Simondebelem]]<br />
* [http://david.bellot.free.fr SVG-cards]<br />
* [http://zubauza.deviantart.com/gallery zubauza's gallery @ deviantART]<br />
* [[Gwyn]]<br />
* [http://edeca.net/graphics.xml Free SVG nautical flags]<br />
* [http://gatonegro.ceibes.org Gatonegro deseño - gatonegro.ceibes.org]. Inkscape-based graphic design, with the occasional aid of the GIMP and Scribus. Stickers, posters, tee-shirts, pamphlets, logotypes, wallpapers... Most of them released under the Creative Commons Attribution-Sharealike. (Language: galizan.)<br />
* [http://imaginaciongnu.iespana.es/ Imaginacion GNU] Artwork created with Inkscape by Daniel Cremades (Graphic designer, spanish)<br />
* [http://www.bakedbabies.com Baked Babies] (a few comics created with inkscape WARNING: not for kids)<br />
* [http://www.pictura4.1gb.at/portrete_in_creion_pe_hartie.html portrete la comanda in creion] (portraits by pictures)<br />
* [http://kde-look.org/content/show.php?content=16627 AmaroK Icon], [http://kde-look.org/content/show.php?content=18204 Mupen64 Icon] KDE artwork by Zekant<br />
* [http://www.insert.waw.net.pl/vector/firecat_large.jpg Piotr Kosmala]<br />
* [http://erture.webpark.pl/vinci.html Radek Turek]<br />
* [http://haef.szm.sk/ Henrich Fichna]<br />
* [http://blog.die-scheiss-kiste.de/wordpress/ Andy's Blog] Blog german. Inkscape is one topic, w. Examples & free SVG Downloads.<br />
* [http://hooboo.free.fr/index.php french OpenOffice.org Mascot] by Ben Bois made with Inkscape<br />
* [http://www.joncampbell.ca/inkscape/gallery.php Jon Campbell] Variety of projects done in inkscape<br />
* [http://f-r-e-d.org/ Fred's SVG Wallpapers]<br />
* [http://panzi.deviantart.com/gallery/ panzi.deviantArt.com] only some pictures are SVG (e.g. see: [http://www.deviantart.com/view/4617948/ my orc])<br />
* [http://dump.c7.se/tribal.png Tribal tattoo drawn in Inkscape] ([http://c7.se/?entry=69 Result])<br />
* [http://ggw.stfu.ee/ GeeksGoneWild] A webcomic drawn with inkscape<br />
* [http://xterminador.deviantart.com/gallery/ xterminador.deviantart.com] Artwork by Xterminator at Deviantart Parental Advisory Explicit Content<br />
* [http://www.braincud.com/ Brain Cud] A webcomic now drawn with Inkscape (starting with installment number 24).<br />
* [http://popolon.org/inkscape/ popolon.org/inkscape/] Tutorial for Inkscape and pictures made with Inkscape, mostly in french some in english or chinese.<br />
* [http://www.protemporeevents.com/larrys/ Larry's Main Entrance] A restaurant menu redesign project done in Inkscape!<br />
* [http://yeknan.free.fr/blog/index.php?2006/03/22/74-galerie-svg yeKcim] Free SVG (Wormux, Crocobox, Mille bornes,...)<br />
* [[Paramate]]<br />
* [http://jhuss.com/download.php?list.3 jhuss's artwork] a some works, all made in inkscape<br />
* [http://www.awns.com/galeri/ Galeri] A growing collection of colourful and stylish artwork. <br />
* [http://blog.organicadtm.com/wp-gallery2.php OrganicaDTM Studio's gallery] Our projects are doing with Inkscape, Gimp and Blender.<br />
*[http://www.freewaydesign.com/ freewaydesign] Dr-Hamza`s Blog Misc. Designs<br />
* [http://proximus1.deviantart.com/gallery/?catpath=digitalart/vector/&offset=0 Proximus1] Vector Artwork by Proximus1<br />
* [http://singularityblues.com Singularity Blues] A webcomic done in Inkscape. SVG files available upon request.<br />
*[http://hrum.deviantart.com/gallery ~hrum] Konstantin R. page on deviantart with pictures made in Inkscape (most of them) and GIMP<br />
* [http://www.kde-files.org/index.php?xcontentmode=644 KDE-Files Inkscape directory] artwork by various contrubters, you can also upload your own work.<br />
* [http://sunedonath.de/bilder.htm Sune Donath] anime wallpapers made with Inkscape incl. SVG download.<br />
<br />
<!-- these sites not responding/working <br />
* [http://gallery.crypt.cc Crypt.cc Gallery] artwork by J, others can also upload your own work to showcase here<br />
* [http://programmer-art.org/artwork Daniel G. Taylor's Art Page]<br />
* [http://gallery.urosevic.net/svg Urke MMI]<br />
* [http://widdma.dyndns.org/wc/widdmoprev.html Widdmotions] (Not found) Smiley Set<br />
* http://www.hinterlandcasa.it An Italian svg panels & buttons based site made with Inkscape.<br />
* [http://www.grafixport.org/ grafixport] A new Forum for SVG and Inkscape Friends!<br />
--><br />
<br />
Add a link to your Inkscape gallery here!<br />
<br />
<br />
[[Category:About Inkscape]]</div>Valessio