Inspiration
Right now, if you want to create a complex text effect, you generally search through a long list of templates, to find something close to what you were imagining. I wanted to have a way to create advanced text effects from scratch. In order to be flexible enough to create many different effects, I decided on a layer system. The layer system allows for almost endless possibilities and very complex text effects.
What it does
FontStudio allows you to create layers of text effects, like outlines, 3d projections, and shadows. You can start with a preset, or start from scratch. Full list of features:
- Choose a font
- Select text alignment, letter spacing, line spacing, and style
- Choose fill colors or an image to use as the text background
- Choose special effects like letter tilting and height adjustment
- Add layers of outlines, 3d projections, and shadows
How we built it
FontStudio is built using the Canva Apps SDK and react.
Challenges we ran into
There were many challenges, most of them related to how to find a medium between flexibility and complexity. I wanted the app to have the flexibility to create any text design, but ultimately had to scale it back because it was getting too complex.
Accomplishments that we're proud of
The text effects that are possible to create with the app are really cool. There are so many more presets that can be created as time allows.
What's next for Text Effects
- More presets
- Allow gradients as an option
- Add more fun special effects
Log in or sign up for Devpost to join the conversation.