Skip to content
This repository has been archived by the owner on Dec 19, 2017. It is now read-only.

Feature Spec Tool: Sampler

Chad Rolfs edited this page Nov 24, 2015 · 4 revisions

Canvas Interactions

  • Sampler tool is used to sample attributes of a clicked on layer to the selected layer(s).
  • All selected layers should have a magenta highlight, while the hovered on layer that is sample-able should have a blue highlight.
  • Left clicking a layer should sample the clicked on layer's primary color to all the selected layers.
Selected Layer Kind Clicked Layer Kind Sample Action
Shape Shape Fill Color => Fill Color
Shape Type Text Color => Fill Color
Shape Others Color at clicked point => Fill Color
Type Shape Fill Color => Text Color
Type Type Text Color => Text Color
Type Others Color at clicked point => Text Color
Others * No-op
  • Shift + clicking a layer will copy all the effects on that layer to the selected layers.
  • Pressing Space bar on a blue highlighted layer should bring up the Sampler HUD, showing all available attributes that can be sampled for that layer:
    • Type color, shape fill color, pixel color of the clicked spot
    • Shape stroke color / stroke properties
    • If all selected layers are type layers, and clicked layer is type, user should be able to sample the type style (including Typeface, Size, Alignment, etc).
    • Layer effects, if clicked layer has none, will remove effects of selected layers to match the "none" state of the sampled layer.
    • If clicked layer is a smart object, and all selected layers are smart object, the sampled smart object's graphic and type (embedded, linked, library linked) will be applied to the selected smart object layers.
Clone this wiki locally