

Write desired text into the Inspector, or double-click the Shape in canvas to edit text.

Text – The text that is rendered in Shape’s bounding box.Any styling attributes of the clipping Shape become invisible, only outline is used. You pick a Shape from the inside of the Group’s contents and this Shape will act as a clipping mask. This attribute doesn’t support Variables. From simple Multiply to advanced compositing operations that can be used for masking, like Destination In or Source Out. Blending Mode – One of many standard blending modes which define how the Shape is rendered on existing drawing beneath it.Drag the slider or connect a Variable of Fraction type. Opacity – How transparent the shape appears, from 0% to 100%.Touch Bar also allows you to hide and show selected Shapes. You can either click the eye button in Shape List, or connect a Variable of Boolean type to the popover. Visibility – Whether the Shape is actually visible.Basically these are the attributes that make the Shape actually visible.Īs shown in Inspector, from top to bottom, here is a description of all visual attributes. The other part is Style, which I use to collectively call Fill, Stroke, Shadow, Text, Opacity, Blend Mode, and such. In previous post I discussed Shapes and their actual shape, but it’s just one aspect of Shapes.
#PAINTCODE ANIMATION SERIES#
This post is a part of series PaintCode Power User. The PPI number tells you how many pixels fit into one inch and thus how large the pixels appear in the real world. Rendered Pixels Finally, computed pixels are displayed on the physical screen. Higher scale factors result in higher level of detail. Point coordinates are multiplied by scale factor to get pixel coordinates. Points Point-based drawings are rendered into pixels. Points are abstract units, they only make sense in this mathematical coordinate space.

Physical Pixels At the beginning, coordinates of all drawings are specified in The device screen may have lower pixel resolution than the image rendered in previous step.īefore the image can be displayed, it must be downsampled (resized) to lower pixel resolution.
