Difference between revisions of "User talk:Davidhewitt"

From Inkscape Wiki
Jump to navigation Jump to search
 
(24 intermediate revisions by one other user not shown)
Line 1: Line 1:
== Auto-Scroll that happens automatically... ==
+
== Auto-Scroll whilst creating paths ... ==
Its curious that inkscape already has functionality called autoscroll, but nothing that causes scrolling to happen automatically...
+
* New type of auto scroll useful whilst creating paths/objects.
 +
* Triggered when the mouse pointer gets with-in a set margin from the edge of the screen. (X pixels).  
  
Whist not for everyone what i call "proper autoscroll" I.E scrolling that happens automatically when you get to the edge of the screen, does exist in other applications and is loved by many....(hated by others)...
+
[[Image:autoscroll.png]]
 +
(Image is a dialogue from a program with a similar fuction)
  
[[Image:autoscroll.png]]
+
=== Parameters ... ===
 +
*1) trigger margin...(ie the width of the virtual boarder (in pixels) around the edge of the screen that triggers the auto-scroll function.)
 +
*2) Pan Incrament... how far the screen moves in relation to the position of the mouse pointer...I.E pan to center on pointer, pan half way to pointer, or pan past the pointer etc....
 +
*3) weather to reposition the mouse pointer relative to the screen (so as to maintain its position relative to the design....)
 +
 
 +
This option is to accommodate pen tablets that map the screen directly to the tablet itself...
 +
 
 +
Anyway the effect of this autoscroll is that when the user gets to the edge of the screen, it is usually set to, automatically re-position the scren to center the area where you were when you hit the edge of the screen so you can continue your path....
 +
 
 +
It can be a little jarring for some people but you quickly get used to this...
 +
I would recommend that an additional option for this function would be a second margin should be able to be defined inside the active area that would be a warning margin..I.E that when you got say between 20-10 pixels from the edge of the screen a warning would happen by way of flashing the cursor once ETC.. and then when you got to with in say 10 pixels (the active area) the autoscroll (re-center) would be executed...
  
Here is a dialogue from an application that does have a genuine autoscroll function.
+
=== Issues ===
  
A similar autoscroll function that kicks in automatically when the cursor gets close to the edge of the screen (centering the cursor and scrolling the screen automatically) would be a welcome addition to the fine scrolling options already present....
+
One main problem with this is that even though the canvas jumps to a new center, the pointer can not because the tablet will keep it at an absolute position. The best that can be done is a standard autoscroll where the motion vector is recorded as the cursor hits the edge/margin of the canvas and the canvas starts to move the opposite of that vector while the cursor stays motionless (or adds slightly to it). [[User:JonCruz|JonCruz]]
  
== The Ultimate New Inkscape input tool and the editing architecture necessary to complement it... ==
+
== New Inkscape input tool... ==
  
  ''This new input tool for inkscape is designed to complement the existing
+
* A new input tool for inkscape, similar to xara,s "shape editor tool", the main input tool for xara extreme.
  tools inkscape already has by providing an new and versatile way of inputting
 
  paths. Similar to xara,s "shape editor tool".
 
  (for those familar with xara).''
 
  ''N.B. This is actually stated as being the main input tool for Xara and it is my opinion that once most users try this they will seldom if ever return to using the bezier tool. Simply put this is a must for inkscape.''
 
  
  ''This new input method is ideal for use with Spiro as it does not require the user to drag out to create Beizier handles in order to produce a "curve node" and shape the resultant curved line segment on the fly ETC......''
+
* Input is with "curve nodes" and "corner nodes"
  
   ''This new input method is ideal for use with Spiro as it does not require the user to drag out to create Beizier handles in order to produce a "curve node" and shape the resultant curved line segment on the fly ETC......''
+
   Input with both types of nodes would be exactly the same as if you were to
 +
  laying down a bunch of corner nodes using the pen tool.
 +
  However the "curve nodes" although created like corner nodes would be like
 +
  corner nodes that had been converted to smooth nodes.  
  
=== What properties would qualify such a tool? ===
+
* This tool would have a 2Button mode where Left mouse would be for "curve points" and "Right mouse" for "corner points"
  
'''1) First, it would have to be super fast to input curves....'''
+
* Ideal host tool for Spiro: as it is not a Beizier input method.
  
''Lets take a look at Bezier (Inkscape's existing "Pen" tool) in this light:''
+
[[Image:Spiro input.png]]
*Bezier can define any line very accurately but inputting this line in the first place both quickly and accurately can be difficult.
 
  
*With Bezier (especially for complex lines) it can be very hard to achieve perfect results first time without edits.
 
  
*Bezier takes allot of experience to do well in all circumstances.
+
* An alternative input tool more accurate than sketching with the pencil tool and twice as fast as the beizier tool.
  
*Bezier has been reported by many to be notoriously hard to master.
 
  
*You can get very accurate results with Bezier but not without taking time to be careful and precise and not always without edits.
+
* Very intuitive: Anyone can use it with virtually no learning curve...
  
 +
* Excellent tool for tracing accurately if you work off raster art...
  
''Lets take a look at Sketch inputs (Inkscape's existing "Pencil" tool) in this light:''
+
  (Allot of artists like to sketch on paper then scan it in and import the art
 +
  and use this as the basis/framework for their vector design....)
 +
  This tool is very good for this type of work....
  
*Sketch is blindingly fast and has a great loose free hand feel.
+
=== Tool synthsis ===
 +
This new input method would allow the user to incorporate sketch, beizier and Curve/corner input modes for different segments of the same path with out changing tools...
 +
And the way this would be executed could be tailored in options to suit the user.
 
   
 
   
*Sketch although fast and easy is not suitable for exacting/accurate work.
+
=== Customization ===
 +
* Totally configurable.
 +
All the input options for this tool would available in options and could be configured individually in its options page...so that it could be taylored to a specific input device of to suit personal taste...
 +
For example:
 +
 
 +
  1) Curve node ------> [left mouse].
 +
  2) corner node -----> [Hold Shift]+[Left Mouse]
 +
  3) Sketch Segment --> [middle Mouse]-(Click & Drag to sketch)
 +
  4) bezier segment --> [alt] - (active whilst held)
 +
  5) finalize --------> [Right mouse] or [Enter]
 +
  6) node reduce -----> [Hold Shift]-[mouse wheel]
 +
 
 +
OR you could configure any way you wanted I.E another example
 +
 
 +
  1) Curve node ------> [right mouse]
 +
  2) corner node -----> [Left Mouse]
 +
  3) Sketch Segment --> [Left Mouse]-[Hold shift]-(Click & Drag to sketch)
 +
  4) bezier segment --> [alt] - (active whilst held)
 +
  5) finalize --------> [Middle mouse]
 +
  6) node reduce -----> [Middle mouse and hold down]-(move mouse to control)
 +
ETC...
 +
 
 +
This would allow great flexibility to accommodate a wide range of input hardware and also personal preferences.
 +
 
 +
 
 +
== New Inkscape "Contour FX" Icon & tool bar... ==
 +
=== General description/about this article... ===
 +
 
 +
* A new Tool bar icon for inkscape that brings up tools for various contour effects on the top info bar...
 +
 
 +
  This new icon would activate the active content bar and serve up all contour
 +
  related functionality in one area up on the top tool space.
 +
  This would house some existing inkscape contour functions, introduce new
 +
  functionality and also be the future stage for future contour tools yet to be
 +
  developed.
 +
 
 +
The top row of icons (colored) shows what functions would appear (If this proposal was fully realized) up on the top tool bar when this "Contour FX icon" was activated and the bottom row shows what additional tool options that would appear along with each contour function (colored button) when it was selected.
 +
 
 +
[[Image:Contour_fx2.png]]
 +
* This article '''does not''' deal with the "standard" contour and Blend tools '''(Shown in PINK)'''as they exist in "Xara Extreme" and "Corel Draw" ETC... As a peek at either one of these apps could give you more and better ideas RE: these functions than i could...(although space for these functions has been reserved: I.E. the two pink icons)
 +
 
 +
 
 +
''This article is related more specifically to:'' (the GREEN Buttons)
 +
And also specifically to what additional on screen UI functionality would be introduced to properly operate each function. (More detail later).
 +
 
 +
These functions are:
 +
 
 +
 
 +
=== 1) '''Expand/Conract''' ===
 +
This is an Expand or Contract function similar (in capability) to what already exists in inkscape via the "[Ctrl] [(]" & "[Ctrl] [)]" Functions...
 +
 
 +
  N.B. However a certain "bug" in the way this existing functionality
 +
  currently works would have to be addressed (illustrated below):
 +
  [[Image:ECon.png]]
 +
  Notice how when a shape is reduced and then re-expanded that that
 +
  calculations do not refer back to the original shape.
 +
  The reason why this will need to be fixed will become apparent as this
 +
  article progresses and more elaborate functionality is shown...
 +
 
 +
This Expand/Contact function would be simply achieved by clicking the appropriate button [Green 1] when an object was selected
 +
 
 +
This would activate the "Special" object handles which would be used to drag in or out to expand or contract the shape as shown...
 +
(In the same way that the xara contour tool is operated.)
 +
Objects could be expanded or contracted in the same way by click dragging any of these special object handles outward or inward respectively.
 +
 
 +
[[Image:Ex_1.png]]
 +
 
 +
*'''This expand/contract function would have an "as copy" option...'''
 +
  Checking this option (a tick box would be sufficient) would create a
 +
  new copy of the source object (in the same position) with the transformation
 +
  applied (when the mouse button was released).
 +
  This copy would be placed on top of the source object for reduction...
 +
  Or just underneath the source object for expansion actions.
 +
 
 +
[[Image:Ex_2.png]]
 +
 
 +
This image shows how an expansion action with the "as copy" option creates another copy of the source object placed underneath the source (based on the expansion of the source object itself).
 +
 
 +
With this option the copy would be a "free agent" and would not be automatically grouped to the source object.
 +
 
 +
 
 +
=== 2) '''Contour Exclusion''' ===
 +
*'''This is an exciting new tool for Inkscape!...'''
 +
  This tool operates exactly like a normal expansion or contraction except that
 +
  the Expansion/Contraction action produces a "donut" effect.
 +
  (In the same way as if a new object had been created with the Expansion/Contraction
 +
  and this was then combined with the source object with Exclude function.
 +
 
 +
[[Image:Ex_3.png]]
 +
 
 +
This next image shows the same object with a reduction action applied with this tool.
 +
 
 +
[[Image:Ex_4.png]]
 +
 
 +
And a powerful option associated with this tool:
 +
'''"Radial Limit"'''
 +
 
 +
 
 +
=== 3) '''Selecting and Resizing Contour Exclusion objects (Externally)''' ===
  
*Anyone can use the sketch tool but it only has a niche application.
+
These objects when clicked on with the normal select tool in inkscape (outside of its own edit mode) these objects have 2 seperate active regions...
  
*It would be impossible to define a complex line quickly or effectively with a sketch action.
+
1) The Outer-most outline. &
  
+
2) The Inner-most outline.
'''2) Second (Whist being fast) it also has to be very very accurate...'''
+
 
 +
*Clicking on the object normally with the select tool and then resizing will resize it as normal.
 +
 
 +
'''HOWEVER.'''
  
''Lets take a look at Bezier (Inkscape's existing "Pen" tool) in this light:''
+
*Clicking on the object in the middle will actually select the innermost outline...in the same way it would if this inner outline was a separate object.
 +
However this would not be the case....
 +
Then re-sizing the whole object from this inner set of object handles would still re-size the whole object but in such a way that maintained the "thickness" of the "donut".
  
*Pen tools that sketch are probably the fastest at creating a line but they lack the accuracy in the process that placing down nodes does...''
+
[[Image:Ex_5.png]]
  
*You can have your speed with a pen tool but at the expense of accuracy.''
+
=== 4) '''Tool Specific Resizing of "Contour Exclusion object"''' ===
 +
This image shows how this these objects can be edited in its native environment.
  
'''3) Third this tool would be mouse only...'''
+
  I.E. When the "Contour Exclusion Tool" is active with this object selected...
 +
  Again There are two sets of object handles but in this case these resize each
 +
  outline independantly.
 +
 +
[[Image:Ex_6.png]]
  
''How practical is an input method that requires you to have a free hand to straddle the keyboard or to leave the work space and click on different icons just to get practical results?''
 
  
*4) '''Fourthly it should incorporate all the advantages of the other input tools and in such a way that they are all rolled into one.'''
+
=== 5) '''Radial Limit''' ===
 +
This tool designed to be used with "contour exclusion objects", allows the user to mask out any part of these objects radially.
  
*5) '''Fifthly The results of this input should be node minimized...'''
+
The user simply grabs the large "clock like" handle that appears when this tool is selected and drags this around to mask out an area of the "donut" shape produced whe a "contour excluded object" is created.
  
*6) '''Sixthly It should accommodate Spiro...'''
+
This mask can be rotated around in a circle with-out effecting its "arc" thickness by using the little round handles midway down each "clock arm".
  
 +
Picture (3) in the diagram above shows how the '''"Auto Smooth Ends"''' function works.
  
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+
And picture (4)shows how an adjusted arc can be rotated to mask a different part of the shape.
To be fast i propose this new tool should not require bezier drags at all but should simply employ 2 types of nodes: curve and corner.
 
  
And in addition to this, that to create these 2 types of nodes that no double clicking, back-tracking and clicking over existing nodes, or right click menuing should be allowed to slow down the process of placing down nodes rapid fire...
+
N.B ITs worth noting here that even though this tool does behave like it is masking out the object below... it would actually be as if the masked section was a trimmed!
 +
This is VERY VERY VERY important as the real power of this tool lies in is ability to combine with the other tools here...
  
Also so as the user does not have to use the keyboard, double clicking or any additional functions to switch between these different node types both node types (curve and corner) should be executed with the "naked" mouse...
+
So that even though it would appear like masking the result would be like the trimmed section was an object in itself (outside of this tools editing mode).
  
Left mouse: Curve point.
+
This would allow feathering or expansions to be applied to this segment.
Right mouse" corner point.
 
  
N.B. It should be  noted here that these nodes would be devoid of bezier handles for input purposes... and that to achieve greater accuracy and conformity whilst digitizing, this method would require the user to throttle the node output rate to match the complexity of the curve it was required to follow...
+
[[Image:Ex_7b.png]]
IE more complex curves would require more nodes from a input perspective...
 
  
However even though twice as many nodes would be require with this method than would be the case with the bezier method... these could be pumped out as fast as the user can click...and would not require any fussing about with bezier handles or finicky tweaking.
+
=== 6) '''Feather''' ===
 +
The feather tool would work in much the same way as all the other tools in this series do.
 +
Inside and outside extents of the feather zone are independently adjustable and the extent of the feather can even be expanded beyond the object outline to create a larger object whose UNFEATHERED "inner region is exactly the original outline with the expanded outline being the extent of the blurr.
  
This new input method is perfect for Spiro as this method also does not utilize bezier handles to define its nodes...
+
[[Image:Ex_8.png]]

Latest revision as of 16:50, 31 March 2009

Auto-Scroll whilst creating paths ...

  • New type of auto scroll useful whilst creating paths/objects.
  • Triggered when the mouse pointer gets with-in a set margin from the edge of the screen. (X pixels).

Autoscroll.png (Image is a dialogue from a program with a similar fuction)

Parameters ...

  • 1) trigger margin...(ie the width of the virtual boarder (in pixels) around the edge of the screen that triggers the auto-scroll function.)
  • 2) Pan Incrament... how far the screen moves in relation to the position of the mouse pointer...I.E pan to center on pointer, pan half way to pointer, or pan past the pointer etc....
  • 3) weather to reposition the mouse pointer relative to the screen (so as to maintain its position relative to the design....)

This option is to accommodate pen tablets that map the screen directly to the tablet itself...

Anyway the effect of this autoscroll is that when the user gets to the edge of the screen, it is usually set to, automatically re-position the scren to center the area where you were when you hit the edge of the screen so you can continue your path....

It can be a little jarring for some people but you quickly get used to this... I would recommend that an additional option for this function would be a second margin should be able to be defined inside the active area that would be a warning margin..I.E that when you got say between 20-10 pixels from the edge of the screen a warning would happen by way of flashing the cursor once ETC.. and then when you got to with in say 10 pixels (the active area) the autoscroll (re-center) would be executed...

Issues

One main problem with this is that even though the canvas jumps to a new center, the pointer can not because the tablet will keep it at an absolute position. The best that can be done is a standard autoscroll where the motion vector is recorded as the cursor hits the edge/margin of the canvas and the canvas starts to move the opposite of that vector while the cursor stays motionless (or adds slightly to it). JonCruz

New Inkscape input tool...

  • A new input tool for inkscape, similar to xara,s "shape editor tool", the main input tool for xara extreme.
  • Input is with "curve nodes" and "corner nodes"
 Input with both types of nodes would be exactly the same as if you were to
 laying down a bunch of corner nodes using the pen tool.
 However the "curve nodes" although created like corner nodes would be like
 corner nodes that had been converted to smooth nodes. 
  • This tool would have a 2Button mode where Left mouse would be for "curve points" and "Right mouse" for "corner points"
  • Ideal host tool for Spiro: as it is not a Beizier input method.

Spiro input.png


  • An alternative input tool more accurate than sketching with the pencil tool and twice as fast as the beizier tool.


  • Very intuitive: Anyone can use it with virtually no learning curve...
  • Excellent tool for tracing accurately if you work off raster art...
 (Allot of artists like to sketch on paper then scan it in and import the art
 and use this as the basis/framework for their vector design....)
 This tool is very good for this type of work....

Tool synthsis

This new input method would allow the user to incorporate sketch, beizier and Curve/corner input modes for different segments of the same path with out changing tools... And the way this would be executed could be tailored in options to suit the user.

Customization

  • Totally configurable.

All the input options for this tool would available in options and could be configured individually in its options page...so that it could be taylored to a specific input device of to suit personal taste... For example:

 1) Curve node ------> [left mouse].
 2) corner node -----> [Hold Shift]+[Left Mouse]
 3) Sketch Segment --> [middle Mouse]-(Click & Drag to sketch)
 4) bezier segment --> [alt] - (active whilst held)
 5) finalize --------> [Right mouse] or [Enter]
 6) node reduce -----> [Hold Shift]-[mouse wheel]

OR you could configure any way you wanted I.E another example

 1) Curve node ------> [right mouse]
 2) corner node -----> [Left Mouse]
 3) Sketch Segment --> [Left Mouse]-[Hold shift]-(Click & Drag to sketch)
 4) bezier segment --> [alt] - (active whilst held)
 5) finalize --------> [Middle mouse]
 6) node reduce -----> [Middle mouse and hold down]-(move mouse to control)

ETC...

This would allow great flexibility to accommodate a wide range of input hardware and also personal preferences.


New Inkscape "Contour FX" Icon & tool bar...

General description/about this article...

  • A new Tool bar icon for inkscape that brings up tools for various contour effects on the top info bar...
 This new icon would activate the active content bar and serve up all contour
 related functionality in one area up on the top tool space.
 This would house some existing inkscape contour functions, introduce new
 functionality and also be the future stage for future contour tools yet to be
 developed.

The top row of icons (colored) shows what functions would appear (If this proposal was fully realized) up on the top tool bar when this "Contour FX icon" was activated and the bottom row shows what additional tool options that would appear along with each contour function (colored button) when it was selected.

Contour fx2.png

  • This article does not deal with the "standard" contour and Blend tools (Shown in PINK)as they exist in "Xara Extreme" and "Corel Draw" ETC... As a peek at either one of these apps could give you more and better ideas RE: these functions than i could...(although space for these functions has been reserved: I.E. the two pink icons)


This article is related more specifically to: (the GREEN Buttons) And also specifically to what additional on screen UI functionality would be introduced to properly operate each function. (More detail later).

These functions are:


1) Expand/Conract

This is an Expand or Contract function similar (in capability) to what already exists in inkscape via the "[Ctrl] [(]" & "[Ctrl] [)]" Functions...

 N.B. However a certain "bug" in the way this existing functionality
 currently works would have to be addressed (illustrated below):
 ECon.png
 Notice how when a shape is reduced and then re-expanded that that
 calculations do not refer back to the original shape.
 The reason why this will need to be fixed will become apparent as this
 article progresses and more elaborate functionality is shown...

This Expand/Contact function would be simply achieved by clicking the appropriate button [Green 1] when an object was selected

This would activate the "Special" object handles which would be used to drag in or out to expand or contract the shape as shown... (In the same way that the xara contour tool is operated.) Objects could be expanded or contracted in the same way by click dragging any of these special object handles outward or inward respectively.

Ex 1.png

  • This expand/contract function would have an "as copy" option...
 Checking this option (a tick box would be sufficient) would create a
 new copy of the source object (in the same position) with the transformation
 applied (when the mouse button was released).
 This copy would be placed on top of the source object for reduction...
 Or just underneath the source object for expansion actions.

Ex 2.png

This image shows how an expansion action with the "as copy" option creates another copy of the source object placed underneath the source (based on the expansion of the source object itself).

With this option the copy would be a "free agent" and would not be automatically grouped to the source object.


2) Contour Exclusion

  • This is an exciting new tool for Inkscape!...
 This tool operates exactly like a normal expansion or contraction except that
 the Expansion/Contraction action produces a "donut" effect.
 (In the same way as if a new object had been created with the Expansion/Contraction
 and this was then combined with the source object with Exclude function.

Ex 3.png

This next image shows the same object with a reduction action applied with this tool.

Ex 4.png

And a powerful option associated with this tool: "Radial Limit"


3) Selecting and Resizing Contour Exclusion objects (Externally)

These objects when clicked on with the normal select tool in inkscape (outside of its own edit mode) these objects have 2 seperate active regions...

1) The Outer-most outline. &

2) The Inner-most outline.

  • Clicking on the object normally with the select tool and then resizing will resize it as normal.

HOWEVER.

  • Clicking on the object in the middle will actually select the innermost outline...in the same way it would if this inner outline was a separate object.

However this would not be the case.... Then re-sizing the whole object from this inner set of object handles would still re-size the whole object but in such a way that maintained the "thickness" of the "donut".

Ex 5.png

4) Tool Specific Resizing of "Contour Exclusion object"

This image shows how this these objects can be edited in its native environment.

 I.E. When the "Contour Exclusion Tool" is active with this object selected...
 Again There are two sets of object handles but in this case these resize each
 outline independantly.

Ex 6.png


5) Radial Limit

This tool designed to be used with "contour exclusion objects", allows the user to mask out any part of these objects radially.

The user simply grabs the large "clock like" handle that appears when this tool is selected and drags this around to mask out an area of the "donut" shape produced whe a "contour excluded object" is created.

This mask can be rotated around in a circle with-out effecting its "arc" thickness by using the little round handles midway down each "clock arm".

Picture (3) in the diagram above shows how the "Auto Smooth Ends" function works.

And picture (4)shows how an adjusted arc can be rotated to mask a different part of the shape.

N.B ITs worth noting here that even though this tool does behave like it is masking out the object below... it would actually be as if the masked section was a trimmed! This is VERY VERY VERY important as the real power of this tool lies in is ability to combine with the other tools here...

So that even though it would appear like masking the result would be like the trimmed section was an object in itself (outside of this tools editing mode).

This would allow feathering or expansions to be applied to this segment.

Ex 7b.png

6) Feather

The feather tool would work in much the same way as all the other tools in this series do. Inside and outside extents of the feather zone are independently adjustable and the extent of the feather can even be expanded beyond the object outline to create a larger object whose UNFEATHERED "inner region is exactly the original outline with the expanded outline being the extent of the blurr.

Ex 8.png