10/2/2023 0 Comments Boxy svg tutorial![]() What’s important isn’t perfection, but that the mask covers the layer below it.Ĭreate a mask for each letters and remember to use good names for the layers. My pen tool skills aren’t great, but that’s OK. I’m setting the Stroke Width option to 5px and setting its color to black. The stroke width will depend on the font you’re using.We can use the pen tool to trace the letters. ![]() In SVG, we can animate the stroke in the way we want to, so we’re going to need to create that as our second main layer, the mask. Notice how individual letters have a fill but no stroke: Those names are much nicer that what would have been auto-generated. When we expect this to SVG, the app will generate code and it uses those layer names as the IDs and classes. Imagine drawing all that by hand!Īt this point it is very important to give meaningful names to these paths, which are stored as layers.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |