Coder Social home page Coder Social logo

Comments (6)

buba447 avatar buba447 commented on May 17, 2024

Hey! We haven't yet implemented support for text layers. We're currently working out a strategy for supporting text layers while also supporting localization. Stay tuned!

Until then you can convert the text layer to a shape layer following the steps in this tutorial, its not perfect but it will get your text on screen for the time being!

https://www.premiumbeat.com/blog/quick-tip-converting-text-to-masks-in-after-effects/

from lottie-ios.

therealsalih avatar therealsalih commented on May 17, 2024

You can also right click a text layer and select "Create Shapes From Text"

screen shot 2017-02-05 at 11 14 37 am

There still might be some weirdness because Lottie doesnt yet support "Even-odd" fill rule so letters like the "e" that have holes inside will just be filled.

screen shot 2017-02-05 at 11 16 11 am

screen shot 2017-02-05 at 11 17 02 am

from lottie-ios.

johnkeese avatar johnkeese commented on May 17, 2024

The following process, while tedious, worked for me.

  1. Start with text in Illustrator (you might be able to pull in stuff from Sketch as well?)
  2. Outline the text
  3. For each character that requires "Merged paths" when outlining in After Effects place a hidden cut. This is easiest using the knife tool.
  4. Import AI file into After Effects and "Create Shapes from Vector Layer"

screen shot 2017-02-09 at 8 11 20 am

I've also run into issues using Pre-Comps. Seemed to work best when everything what in the root comp.

from lottie-ios.

buba447 avatar buba447 commented on May 17, 2024

@johnkeese Precomps aren't yet supported! Were working on it though :)

from lottie-ios.

johnkeese avatar johnkeese commented on May 17, 2024

@buba447 oh my bad. Good to know!

from lottie-ios.

anjanamta avatar anjanamta commented on May 17, 2024

Gave path animation and mask to an image layer. Exported as json with bodymovin. But images are not loading. What might be reason?

from lottie-ios.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.