Inkscape Wiki - User contributions [en]

SpecSimpleFiltersUi

2008-08-24T21:58:10Z

Jarek: /* Discussion */

Launchpad Entry:
https://blueprints.launchpad.net/inkscape/+spec/non-advanced-filters-ui

== Summary ==

== Release Note ==

== Rationale ==

== Design ==

=== Basic filter dialog mock-up ===
[[Image:Basic_dialog.png|755 px|center]]

=== Custom (advanced) filter dialog mock-up ===
[[Image:Custom_filter_dialog.png|760 px|center]]

=== Proposed menu structure and built-in filters ===
Add:
<ul>
<li>Recent</li>
<ul>
<li>- - -List of last 10 used filters - - -</li>
</ul>
<li>Artistic</li>
<ul>
<li>Ink bleed</li>
<li>Oil painting</li>
<li>Oil slick</li>
</ul>
<li>Blur</li>
<ul>
<li>Blur</li>
<li>Gaussian blur</li>
<li>Motion</li>
<li>Radial blur</li>
<li>Zoom blur</li>
</ul>
<li>Color</li>
<ul>
<li>Black and white</li>
<li>Saturize</li>
<li>Sepia</li>
</ul>
<li>Render</li>
<ul>
<li>Blue cheese</li>
<li>Barbed wire</li>
<li>Brushed metal</li>
<li>Clouds</li>
<li>Fire</li>
<li>Leopard fur</li>
<li>Metal</li>
<li>Organic</li>
<li>Snow</li>
<li>Swiss cheese</li>
<li>Zebra</li>
</ul>
<li>Noise and deformation</li>
<ul>
<li>Ridged border</li>
<li>Ripple</li>
<li>Roughen</li>
<li>Scratched</li>
<li>Speckle</li>
<li>Smudge</li>
<li>Waves</li>
</ul>
<li>Edge detection</li>
<ul>
<li>Edge detect</li>
<li>Pencil</li>
<li>Blueprint</li>
</ul>
<li>Stylize</li>
<ul>
<li>Age</li>
<li>Apparition</li>
<li>Button</li>
<li>Drop shadow</li>
<li>Inset</li>
<li>Crystal</li>
<li>Splat</li>
<li>Rubber stamp</li>
<li>Bloom</li>
<li>Jigsaw piece</li>
<li>Jelly bean</li>
</ul>
<li>custom</li>
<ul>
<li>Create & manage custom filters...<li>
<li>- - - List of custom filters - - -</li>
</ul>
</ul>

== Workflow ==
=== 1. Open "Filter effects" dialog ===
[[Image:Filter-workflow1.png|501px|center]]
=== 2. Select object to which you want to add filter ===
[[Image:Filter-workflow2.png|501px|center]]
=== 3. Click on "Add" button and select one of the built-in filters ===
[[Image:Filter-workflow3.png|501|center]]
=== 4. Selected filter is now applied, tweak it by changing amount of Gaussian blur ===
[[Image:Filter-workflow4.png|500|center]]
=== 5. Click on "Crop" icon to resize (on canvas) visible area of filter ===
[[Image:Filter-workflow5.png|500x439|center]]
=== 6. Add more filters by repeating previous steps, note that "Configure selected filter" box changes its content according to type of selected filter ===
[[Image:Filter-workflow6.png|500|center]]
=== 7. If you can't find a built-in filter which would meet your needs - create your own one by going to "Add -> Custom -> Create & manage custom filters" ===
[[Image:Filter-workflow7.png|500|center]]
=== 8. "Custom filters" dialog shows up. Click on "New filter" icon on the left side - new filter is added to the list of custom filters ===
[[Image:Filter-workflow8.png|500|center]]
=== 9. Add some effects to your filter and customise them. When you are done - simply close "Custom filters" window===
[[Image:Filter-workflow9.png|500|center]]

=== 10. New filter is now accesible from "Filter effects" dialog under: "Add -> Custom ->" ===
[[Image:Filter-workflow10.png|500|center]]
=== 11. ===
[[Image:Filter-workflow11.png|500|center]]

== TODO ==

* Flesh this specification out in more detail

== Discussion ==
I like this, but don't like the Path effects to be on a tab on the Effects dialog. I think LPE has to be separated from the filters, as it is now.
--[[User:Pajarico|Pajarico]] 11:26, 24 August 2008 (UTC)

:Yes, this probably wasn't a good idea - mock-ups have been updated. But both dialogs should have similar look & feel. Although LPEs and filters don't share to much code under the hood, they have the same purpose from users point of view (do magic things on paths and objects in non-destructive way). Current mock-ups seem to be consistent with planned LPE dialog [http://www.nabble.com/LPE-dropdown-box-(was-%3A-NEW%3A-LPE-Interpolate)-td18695687.html discussed on mailing list]. --[[User:Jarek|Jarek]] 21:58, 24 August 2008 (UTC)

SpecSimpleFiltersUi

2008-08-24T20:58:53Z

Jarek: /* 9. Add some effects to your filter and customise them. When you are done - simply close "Custom filter" window */

SpecSimpleFiltersUi

2008-08-24T20:58:32Z

Jarek: /* 9. Add some effects to your filter add customise them. When you are done - simply close "Custom filter" window */

Launchpad Entry:
https://blueprints.launchpad.net/inkscape/+spec/non-advanced-filters-ui

== Summary ==

== Release Note ==

== Rationale ==

== Design ==

=== Basic filter dialog mock-up ===
[[Image:Basic_dialog.png|755 px|center]]

=== Custom (advanced) filter dialog mock-up ===
[[Image:Custom_filter_dialog.png|760 px|center]]

=== Proposed menu structure and built-in filters ===
Add:
<ul>
<li>Recent</li>
<ul>
<li>- - -List of last 10 used filters - - -</li>
</ul>
<li>Artistic</li>
<ul>
<li>Ink bleed</li>
<li>Oil painting</li>
<li>Oil slick</li>
</ul>
<li>Blur</li>
<ul>
<li>Blur</li>
<li>Gaussian blur</li>
<li>Motion</li>
<li>Radial blur</li>
<li>Zoom blur</li>
</ul>
<li>Color</li>
<ul>
<li>Black and white</li>
<li>Saturize</li>
<li>Sepia</li>
</ul>
<li>Render</li>
<ul>
<li>Blue cheese</li>
<li>Barbed wire</li>
<li>Brushed metal</li>
<li>Clouds</li>
<li>Fire</li>
<li>Leopard fur</li>
<li>Metal</li>
<li>Organic</li>
<li>Snow</li>
<li>Swiss cheese</li>
<li>Zebra</li>
</ul>
<li>Noise and deformation</li>
<ul>
<li>Ridged border</li>
<li>Ripple</li>
<li>Roughen</li>
<li>Scratched</li>
<li>Speckle</li>
<li>Smudge</li>
<li>Waves</li>
</ul>
<li>Edge detection</li>
<ul>
<li>Edge detect</li>
<li>Pencil</li>
<li>Blueprint</li>
</ul>
<li>Stylize</li>
<ul>
<li>Age</li>
<li>Apparition</li>
<li>Button</li>
<li>Drop shadow</li>
<li>Inset</li>
<li>Crystal</li>
<li>Splat</li>
<li>Rubber stamp</li>
<li>Bloom</li>
<li>Jigsaw piece</li>
<li>Jelly bean</li>
</ul>
<li>custom</li>
<ul>
<li>Create & manage custom filters...<li>
<li>- - - List of custom filters - - -</li>
</ul>
</ul>

== Workflow ==
=== 1. Open "Filter effects" dialog ===
[[Image:Filter-workflow1.png|501px|center]]
=== 2. Select object to which you want to add filter ===
[[Image:Filter-workflow2.png|501px|center]]
=== 3. Click on "Add" button and select one of the built-in filters ===
[[Image:Filter-workflow3.png|501|center]]
=== 4. Selected filter is now applied, tweak it by changing amount of Gaussian blur ===
[[Image:Filter-workflow4.png|500|center]]
=== 5. Click on "Crop" icon to resize (on canvas) visible area of filter ===
[[Image:Filter-workflow5.png|500x439|center]]
=== 6. Add more filters by repeating previous steps, note that "Configure selected filter" box changes its content according to type of selected filter ===
[[Image:Filter-workflow6.png|500|center]]
=== 7. If you can't find a built-in filter which would meet your needs - create your own one by going to "Add -> Custom -> Create & manage custom filters" ===
[[Image:Filter-workflow7.png|500|center]]
=== 8. "Custom filters" dialog shows up. Click on "New filter" icon on the left side - new filter is added to the list of custom filters ===
[[Image:Filter-workflow8.png|500|center]]
=== 9. Add some effects to your filter and customise them. When you are done - simply close "Custom filter" window===
[[Image:Filter-workflow9.png|500|center]]

=== 10. New filter is now accesible from "Filter effects" dialog under: "Add -> Custom ->" ===
[[Image:Filter-workflow10.png|500|center]]
=== 11. ===
[[Image:Filter-workflow11.png|500|center]]

== TODO ==

* Flesh this specification out in more detail

== Discussion ==
I like this, but don't like the Path effects to be on a tab on the Effects dialog. I think LPE has to be separated from the filters, as it is now.
--[[User:Pajarico|Pajarico]] 11:26, 24 August 2008 (UTC)

SpecSimpleFiltersUi

2008-08-24T20:56:41Z

Jarek: /* Workflow */

Launchpad Entry:
https://blueprints.launchpad.net/inkscape/+spec/non-advanced-filters-ui

== Summary ==

== Release Note ==

== Rationale ==

== Design ==

=== Basic filter dialog mock-up ===
[[Image:Basic_dialog.png|755 px|center]]

=== Custom (advanced) filter dialog mock-up ===
[[Image:Custom_filter_dialog.png|760 px|center]]

=== Proposed menu structure and built-in filters ===
Add:
<ul>
<li>Recent</li>
<ul>
<li>- - -List of last 10 used filters - - -</li>
</ul>
<li>Artistic</li>
<ul>
<li>Ink bleed</li>
<li>Oil painting</li>
<li>Oil slick</li>
</ul>
<li>Blur</li>
<ul>
<li>Blur</li>
<li>Gaussian blur</li>
<li>Motion</li>
<li>Radial blur</li>
<li>Zoom blur</li>
</ul>
<li>Color</li>
<ul>
<li>Black and white</li>
<li>Saturize</li>
<li>Sepia</li>
</ul>
<li>Render</li>
<ul>
<li>Blue cheese</li>
<li>Barbed wire</li>
<li>Brushed metal</li>
<li>Clouds</li>
<li>Fire</li>
<li>Leopard fur</li>
<li>Metal</li>
<li>Organic</li>
<li>Snow</li>
<li>Swiss cheese</li>
<li>Zebra</li>
</ul>
<li>Noise and deformation</li>
<ul>
<li>Ridged border</li>
<li>Ripple</li>
<li>Roughen</li>
<li>Scratched</li>
<li>Speckle</li>
<li>Smudge</li>
<li>Waves</li>
</ul>
<li>Edge detection</li>
<ul>
<li>Edge detect</li>
<li>Pencil</li>
<li>Blueprint</li>
</ul>
<li>Stylize</li>
<ul>
<li>Age</li>
<li>Apparition</li>
<li>Button</li>
<li>Drop shadow</li>
<li>Inset</li>
<li>Crystal</li>
<li>Splat</li>
<li>Rubber stamp</li>
<li>Bloom</li>
<li>Jigsaw piece</li>
<li>Jelly bean</li>
</ul>
<li>custom</li>
<ul>
<li>Create & manage custom filters...<li>
<li>- - - List of custom filters - - -</li>
</ul>
</ul>

== Workflow ==
=== 1. Open "Filter effects" dialog ===
[[Image:Filter-workflow1.png|501px|center]]
=== 2. Select object to which you want to add filter ===
[[Image:Filter-workflow2.png|501px|center]]
=== 3. Click on "Add" button and select one of the built-in filters ===
[[Image:Filter-workflow3.png|501|center]]
=== 4. Selected filter is now applied, tweak it by changing amount of Gaussian blur ===
[[Image:Filter-workflow4.png|500|center]]
=== 5. Click on "Crop" icon to resize (on canvas) visible area of filter ===
[[Image:Filter-workflow5.png|500x439|center]]
=== 6. Add more filters by repeating previous steps, note that "Configure selected filter" box changes its content according to type of selected filter ===
[[Image:Filter-workflow6.png|500|center]]
=== 7. If you can't find a built-in filter which would meet your needs - create your own one by going to "Add -> Custom -> Create & manage custom filters" ===
[[Image:Filter-workflow7.png|500|center]]
=== 8. "Custom filters" dialog shows up. Click on "New filter" icon on the left side - new filter is added to the list of custom filters ===
[[Image:Filter-workflow8.png|500|center]]
=== 9. Add some effects to your filter add customise them. When you are done - simply close "Custom filter" window===
[[Image:Filter-workflow9.png|500|center]]
=== 10. New filter is now accesible from "Filter effects" dialog under: "Add -> Custom ->" ===
[[Image:Filter-workflow10.png|500|center]]
=== 11. ===
[[Image:Filter-workflow11.png|500|center]]

== TODO ==

* Flesh this specification out in more detail

== Discussion ==
I like this, but don't like the Path effects to be on a tab on the Effects dialog. I think LPE has to be separated from the filters, as it is now.
--[[User:Pajarico|Pajarico]] 11:26, 24 August 2008 (UTC)

SpecSimpleFiltersUi

2008-08-24T20:33:54Z

Jarek: /* Workflow */

Launchpad Entry:
https://blueprints.launchpad.net/inkscape/+spec/non-advanced-filters-ui

== Summary ==

== Release Note ==

== Rationale ==

== Design ==

=== Basic filter dialog mock-up ===
[[Image:Basic_dialog.png|755 px|center]]

=== Custom (advanced) filter dialog mock-up ===
[[Image:Custom_filter_dialog.png|760 px|center]]

=== Proposed menu structure and built-in filters ===
Add:
<ul>
<li>Recent</li>
<ul>
<li>- - -List of last 10 used filters - - -</li>
</ul>
<li>Artistic</li>
<ul>
<li>Ink bleed</li>
<li>Oil painting</li>
<li>Oil slick</li>
</ul>
<li>Blur</li>
<ul>
<li>Blur</li>
<li>Gaussian blur</li>
<li>Motion</li>
<li>Radial blur</li>
<li>Zoom blur</li>
</ul>
<li>Color</li>
<ul>
<li>Black and white</li>
<li>Saturize</li>
<li>Sepia</li>
</ul>
<li>Render</li>
<ul>
<li>Blue cheese</li>
<li>Barbed wire</li>
<li>Brushed metal</li>
<li>Clouds</li>
<li>Fire</li>
<li>Leopard fur</li>
<li>Metal</li>
<li>Organic</li>
<li>Snow</li>
<li>Swiss cheese</li>
<li>Zebra</li>
</ul>
<li>Noise and deformation</li>
<ul>
<li>Ridged border</li>
<li>Ripple</li>
<li>Roughen</li>
<li>Scratched</li>
<li>Speckle</li>
<li>Smudge</li>
<li>Waves</li>
</ul>
<li>Edge detection</li>
<ul>
<li>Edge detect</li>
<li>Pencil</li>
<li>Blueprint</li>
</ul>
<li>Stylize</li>
<ul>
<li>Age</li>
<li>Apparition</li>
<li>Button</li>
<li>Drop shadow</li>
<li>Inset</li>
<li>Crystal</li>
<li>Splat</li>
<li>Rubber stamp</li>
<li>Bloom</li>
<li>Jigsaw piece</li>
<li>Jelly bean</li>
</ul>
<li>custom</li>
<ul>
<li>Create & manage custom filters...<li>
<li>- - - List of custom filters - - -</li>
</ul>
</ul>

== Workflow ==
=== 1. Open Effects dialog ===
[[Image:Filter-workflow1.png|501px|center]]
=== 2. Select object to which you want to add filter ===
[[Image:Filter-workflow2.png|501px|center]]
=== 3. Click on "Add" button and select one of the built-in filters ===
[[Image:Filter-workflow3.png|501|center]]
=== 4. Selected filter is now applied, in this case you can tweak it by changing amount of Gaussian blur ===
[[Image:Filter-workflow4.png|500|center]]
=== 5. Click on "Crop" icon to resize (on canvas) visible area of filter ===
[[Image:Filter-workflow5.png|500x439|center]]
=== 6. Add more filters by repeating previous steps, note that "Configure selected filter" box changes its content according to type of selected filter ===
[[Image:Filter-workflow6.png|500|center]]
=== 7. If you can't find a built-in filter which would meet your needs - create your own one by going to "Add -> Custom -> Create & manage custom filters" ===
[[Image:Filter-workflow7.png|500|center]]
=== 8. Click on "New filter" icon on the left side - newly created filter will show up on the list ===
[[Image:Filter-workflow8.png|500|center]]
=== 9. Add some effects to your filter add customise them. When you are done - simply close "Custom filter" window===
[[Image:Filter-workflow9.png|500|center]]
=== 10. New filter is now accesible from basic filter dialog under: "Add -> Custom ->" ===
[[Image:Filter-workflow10.png|500|center]]
=== 11. ===
[[Image:Filter-workflow11.png|500|center]]

== TODO ==

* Flesh this specification out in more detail

== Discussion ==
I like this, but don't like the Path effects to be on a tab on the Effects dialog. I think LPE has to be separated from the filters, as it is now.
--[[User:Pajarico|Pajarico]] 11:26, 24 August 2008 (UTC)

SpecSimpleFiltersUi

2008-08-24T19:59:57Z

Jarek: /* Workflow */

Launchpad Entry:
https://blueprints.launchpad.net/inkscape/+spec/non-advanced-filters-ui

== Summary ==

== Release Note ==

== Rationale ==

== Design ==

=== Basic filter dialog mock-up ===
[[Image:Basic_dialog.png|755 px|center]]

=== Custom (advanced) filter dialog mock-up ===
[[Image:Custom_filter_dialog.png|760 px|center]]

=== Proposed menu structure and built-in filters ===
Add:
<ul>
<li>Recent</li>
<ul>
<li>- - -List of last 10 used filters - - -</li>
</ul>
<li>Artistic</li>
<ul>
<li>Ink bleed</li>
<li>Oil painting</li>
<li>Oil slick</li>
</ul>
<li>Blur</li>
<ul>
<li>Blur</li>
<li>Gaussian blur</li>
<li>Motion</li>
<li>Radial blur</li>
<li>Zoom blur</li>
</ul>
<li>Color</li>
<ul>
<li>Black and white</li>
<li>Saturize</li>
<li>Sepia</li>
</ul>
<li>Render</li>
<ul>
<li>Blue cheese</li>
<li>Barbed wire</li>
<li>Brushed metal</li>
<li>Clouds</li>
<li>Fire</li>
<li>Leopard fur</li>
<li>Metal</li>
<li>Organic</li>
<li>Snow</li>
<li>Swiss cheese</li>
<li>Zebra</li>
</ul>
<li>Noise and deformation</li>
<ul>
<li>Ridged border</li>
<li>Ripple</li>
<li>Roughen</li>
<li>Scratched</li>
<li>Speckle</li>
<li>Smudge</li>
<li>Waves</li>
</ul>
<li>Edge detection</li>
<ul>
<li>Edge detect</li>
<li>Pencil</li>
<li>Blueprint</li>
</ul>
<li>Stylize</li>
<ul>
<li>Age</li>
<li>Apparition</li>
<li>Button</li>
<li>Drop shadow</li>
<li>Inset</li>
<li>Crystal</li>
<li>Splat</li>
<li>Rubber stamp</li>
<li>Bloom</li>
<li>Jigsaw piece</li>
<li>Jelly bean</li>
</ul>
<li>custom</li>
<ul>
<li>Create & manage custom filters...<li>
<li>- - - List of custom filters - - -</li>
</ul>
</ul>

== Workflow ==
=== 1. Open Effects dialog ===
[[Image:Filter-workflow1.png|501px|center]]
=== 2. Select object to which you want to add filter ===
[[Image:Filter-workflow2.png|501px|center]]
=== 3. Click on "Add" button and select one of the built-in filters ===
[[Image:Filter-workflow3.png|501|center]]
=== 4. Selected filter is now applied, in this case you can tweak it by changing amount of Gaussian blur ===
[[Image:Filter-workflow4.png|500|center]]
=== 5. Click on "Crop" icon to resize (on canvas) visible area of filter ===
[[Image:Filter-workflow5.png|500x439|center]]
=== 6. Add more filters by repeating previous steps, note that "Configure selected filter" box changes its content according to type of selected filter ===
[[Image:Filter-workflow6.png|500|center]]
=== 7. If you can't find a built-in filter which would meet your needs - create your own one by going to "Add -> Custom -> Create & manage custom filters" ===
[[Image:Filter-workflow7.png|500|center]]
=== 8. ===
[[Image:Filter-workflow8.png|540x453|center]]
=== 9. ===
[[Image:Filter-workflow9.png|726x659|center]]
=== 10. Close "Custom filter" dialog. New filter is now accesible from basic filter dialog under: "Add -> Custom ->" ===
[[Image:Filter-workflow10.png|500|center]]
=== 11. ===
[[Image:Filter-workflow11.png|500|center]]

== TODO ==

* Flesh this specification out in more detail

== Discussion ==
I like this, but don't like the Path effects to be on a tab on the Effects dialog. I think LPE has to be separated from the filters, as it is now.
--[[User:Pajarico|Pajarico]] 11:26, 24 August 2008 (UTC)

SpecSimpleFiltersUi

2008-08-24T19:31:31Z

Jarek: /* Workflow */

SpecSimpleFiltersUi

2008-08-24T19:17:39Z

Jarek: /* Workflow */

SpecSimpleFiltersUi

2008-08-24T19:13:37Z

Jarek: /* Workflow */

SpecSimpleFiltersUi

2008-08-24T19:04:50Z

Jarek: /* Open Effects dialog */

SpecSimpleFiltersUi

2008-08-24T19:01:08Z

Jarek: /* Workflow */

SpecSimpleFiltersUi

2008-08-24T18:37:39Z

Jarek: /* Basic filter dialog mock-up */

SpecSimpleFiltersUi

2008-08-24T18:36:48Z

Jarek: /* Custom (advanced) filter dialog mock-up */

SpecSimpleFiltersUi

2008-08-24T05:23:30Z

Jarek: /* Proposed menu structure and built-in filters */

SpecSimpleFiltersUi

2008-08-24T05:02:34Z

Jarek: menu structure

SpecSimpleFiltersUi

2008-08-24T03:45:33Z

Jarek: workflow

File:Filter-workflow11.png

2008-08-24T03:42:39Z

Jarek:

File:Filter-workflow10.png

2008-08-24T03:38:52Z

Jarek:

File:Filter-workflow9.png

2008-08-24T03:30:35Z

Jarek:

File:Filter-workflow8.png

2008-08-24T03:18:08Z

Jarek:

SpecSimpleFiltersUi

2008-08-24T02:40:23Z

Jarek: more workflow examples

File:Filter-workflow7.png

2008-08-24T02:39:31Z

Jarek:

File:Filter-workflow6.png

2008-08-24T02:38:17Z

Jarek:

SpecSimpleFiltersUi

2008-08-24T02:10:37Z

Jarek: Added filter workflow examples

File:Filter-workflow5.png

2008-08-24T01:45:03Z

Jarek:

File:Filter-workflow4.png

2008-08-24T01:44:45Z

Jarek:

File:Filter-workflow3.png

2008-08-24T01:44:16Z

Jarek:

File:Filter-workflow2.png

2008-08-24T01:17:42Z

Jarek:

File:Filter-workflow1.png

2008-08-24T01:16:46Z

Jarek:

SpecSimpleFiltersUi

2008-08-24T00:47:22Z

Jarek: added ui mock-ups

File:Custom filter dialog.png

2008-08-24T00:27:41Z

Jarek: Custom filter dialog mock-up

Custom filter dialog mock-up

SpecSimpleFiltersUi

2008-08-24T00:16:31Z

Jarek:

Launchpad Entry:
https://blueprints.launchpad.net/inkscape/+spec/non-advanced-filters-ui

== Summary ==

== Release Note ==

== Rationale ==

== Design ==
1. [http://wiki.inkscape.org/wiki/index.php/Image:Basic_dialog.png Basic dialog mock-up]
== TODO ==

* Flesh this specification out in more detail

== Discussion ==

File:Basic dialog.png

2008-08-24T00:11:27Z

Jarek: Filter effects - basic dialog mock-up

Filter effects - basic dialog mock-up