Difference between revisions of "SpecSimpleFiltersUi"

From Inkscape Wiki
Jump to navigation Jump to search
m (Add category Proposals)
 
(8 intermediate revisions by 4 users not shown)
Line 95: Line 95:


== Workflow ==
== Workflow ==
=== 1. Open Effects dialog ===
=== 1. Open "Filter effects" dialog ===
[[Image:Filter-workflow1.png|501px|center]]
[[Image:Filter-workflow1.png|501px|center]]
=== 2. Select object to which you want to add filter ===
=== 2. Select object to which you want to add filter ===
Line 101: Line 101:
=== 3. Click on "Add" button and select one of the built-in filters ===
=== 3. Click on "Add" button and select one of the built-in filters ===
[[Image:Filter-workflow3.png|501|center]]
[[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 ===
=== 4. Selected filter is now applied, tweak it by changing amount of Gaussian blur ===
[[Image:Filter-workflow4.png|500|center]]
[[Image:Filter-workflow4.png|500|center]]
=== 5. Click on "Crop" icon to resize (on canvas) visible area of filter ===
=== 5. Click on "Crop" icon to resize (on canvas) visible area of filter ===
Line 109: Line 109:
=== 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" ===
=== 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]]
[[Image:Filter-workflow7.png|500|center]]
=== 8. ===
=== 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|540x453|center]]
[[Image:Filter-workflow8.png|500|center]]
=== 9. ===
=== 9. Add some effects to your filter and customise them. When you are done - simply close "Custom filters" window===
[[Image:Filter-workflow9.png|726x659|center]]
[[Image:Filter-workflow9.png|500|center]]
=== 10. Close "Custom filter" dialog. New filter is now accesible from basic filter dialog under: "Add -> Custom ->" ===
 
=== 10. New filter is now accesible from "Filter effects" dialog under: "Add -> Custom ->" ===
[[Image:Filter-workflow10.png|500|center]]
[[Image:Filter-workflow10.png|500|center]]
=== 11. ===
=== 11. ===
Line 125: Line 126:
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.
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)
--[[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)
Make sure you've seen http://wiki.inkscape.org/wiki/index.php/SpecFilterEffectDialog :) --[[User:Prokoudine|Prokoudine]] 11:21, 26 August 2008 (UTC)
[[Category:Proposals]]

Latest revision as of 10:23, 31 March 2012

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

Summary

Release Note

Rationale

Design

Basic filter dialog mock-up

Basic dialog.png

Custom (advanced) filter dialog mock-up

Custom filter dialog.png

Proposed menu structure and built-in filters

Add:

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

Workflow

1. Open "Filter effects" dialog

Filter-workflow1.png

2. Select object to which you want to add filter

Filter-workflow2.png

3. Click on "Add" button and select one of the built-in filters

501

4. Selected filter is now applied, tweak it by changing amount of Gaussian blur

500

5. Click on "Crop" icon to resize (on canvas) visible area of filter

500x439

6. Add more filters by repeating previous steps, note that "Configure selected filter" box changes its content according to type of selected filter

500

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"

500

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

500

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

500

10. New filter is now accesible from "Filter effects" dialog under: "Add -> Custom ->"

500

11.

500

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. --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 discussed on mailing list. --Jarek 21:58, 24 August 2008 (UTC)

Make sure you've seen http://wiki.inkscape.org/wiki/index.php/SpecFilterEffectDialog :) --Prokoudine 11:21, 26 August 2008 (UTC)