Working with properties in Dresser is not much different from working with properties in your timeline.
For example: You can hold shift for steps of 10 when working with sliders etc.
A hovered Color Property in Dresser
When you hover over the property you’ll see that there is a stopwatch and an expression button available.
Clicking the grey stopwatch will add a keyframe with the value of the current time to the timeline. You can navigate to the keyframes directly from Dresser using the previous and next buttons next to the keyframe.
Clicking a blue keyframe will remove that single keyframe from that point of time in the timeline. When it’s not blue it will add one.
Like I said: “Just like it works in your timeline” 🙂
Clicking the stopwatch when it’s blue will remove all keyframes
Size Property with a keyframe on the current time
Opacity property selected. Indicated by the blue checkmark behind the name
Outer Glow Layer Style Group selected in the header. Indicated by the blue checkmark behind the name.
To reveal your property in the timeline you can click the name to select the property. Indicated with a blue checkmark.
<aside>
👀 Hitting ss on your keyboard will now reveal all selected properties on your timeline.
</aside>
Of course you can select multiple properties or even the whole group from the header
You can manipulate the expressions from a property directly from the panel
Just click the Expression Button
The Expression Button for the Size Property. Turns visible while hovering over the property
Dialog with a simple Expression Editor
<aside>
<img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4e01e855-f302-45cf-8b8b-915fbd46ef07/Smock_Code_18_N.svg" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4e01e855-f302-45cf-8b8b-915fbd46ef07/Smock_Code_18_N.svg" width="40px" /> Edit expression click
Opens up the Expression Editor inside the panel
</aside>
<aside>
<img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/57d7aa6e-9475-4e80-a511-70a43d9ea37f/Smock_VisibilityOff_18_N.svg" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/57d7aa6e-9475-4e80-a511-70a43d9ea37f/Smock_VisibilityOff_18_N.svg" width="40px" /> Toggle expression on/off shift + click
Disables/enables the expression for the property. The expression is conserved
</aside>
<aside>
<img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/585bf143-1025-4047-89f5-186542c39792/Smock_RemoveCircle_18_N.svg" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/585bf143-1025-4047-89f5-186542c39792/Smock_RemoveCircle_18_N.svg" width="40px" /> Remove expression alt + click
Removes the expression
</aside>
<aside>
<img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/e47be61d-8d06-436b-8335-58e176c2df43/Smock_DataRemove_18_N_(1).svg" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/e47be61d-8d06-436b-8335-58e176c2df43/Smock_DataRemove_18_N_(1).svg" width="40px" /> Remove expression & Keep Value meta + click
Removes the expression but keeps the resulting value of the expression (for the current time)
</aside>
These actions are also available through the property menu button on the top right corner of the property
<aside> 🟥 When a property has an expression enabled its name is red. If a property has an expression but it is not enabled only the small expression button in the bottom right is red.
</aside>
<aside> 🟧 When a property has an Expression Error enabled its name is orange and an orange Warning Sign is displayed in place of the Code Symbol
</aside>
Opacity Property with the Property Expression Button marked red. Indicating it has a working expression
Angle Property with an expression that is disabled.
Distance Property with an Expression Error. Indicated by the orange color and Warning Sign
But what if you want to remove all the expressions from all the properties on a Layer Style or even from the complete Layer Styles Group?
Go to:
.svg){kind=link}