Difference between revisions of "SpecSimpleFiltersUi"

From Inkscape Wiki
Jump to navigation Jump to search
Line 111: Line 111:
=== 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 ===
=== 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]]
[[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===
=== 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]]
[[Image:Filter-workflow9.png|500|center]]



Revision as of 20:58, 24 August 2008

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)