-5

I'm learning after effect for animate a typography logo for my website. What format do I have to save and how can I integrate that in the HTML code?

Thanks and sorry for my english.

Ps: if you know better way to animate a font logo it will be appreciated.

user2996092
  • 5
  • 3
  • You can't use after effect. If you want to make your website dynamic you can use JavaScript or with CSS animations and transitions. I think you have to delete this question. – PMA May 07 '17 at 13:53
  • How can I do this https://dribbble.com/shots/2354342-Craft-Fig-Studio with css? – user2996092 May 07 '17 at 14:20
  • Check this out: https://codepen.io/juliangarnier/pen/xOgyjB – PMA May 07 '17 at 14:22
  • That work only if I've a linear font with only stroke to fill. If I need to animate something that isn't a line that can't work. – user2996092 May 07 '17 at 14:27
  • I don't know anything about your logo, I dropped that example so you can see how it is possible to animate logos with HTML, CSS and JS – PMA May 07 '17 at 14:28
  • I posted that question because I saw that i can't animate a logo with css and js only. Can I simply create an animation with after effect, save that as a gif and use it in my website? – user2996092 May 07 '17 at 14:32

1 Answers1

0

Not sure why everyone is downvoting this...

All you need to do is turn your After Effects composition into a gif and place it in an <img> tag. You can search this on Google.

Example: https://cdn.dribbble.com/users/29591/screenshots/2354342/studio.gif

Gabe Rogan
  • 3,343
  • 1
  • 16
  • 22
  • Thanks for your answer. Can I stop the loop with after affect in a gif? Can I control number of repeat times of my gif with css or JS? – user2996092 May 07 '17 at 14:33
  • @user2996092 Yep! Here's an example: https://jsfiddle.net/jkovzels/75kg0tz1/ You can "fiddle" with this code (excuse the pun haha) – Gabe Rogan May 07 '17 at 14:38
  • Oh and here's the question for it on StackOverflow: http://stackoverflow.com/questions/19171075/how-to-stop-an-animated-gif-from-looping – Gabe Rogan May 07 '17 at 14:39
  • Thanks guys for your help :) – user2996092 May 07 '17 at 14:42
  • Using gif for web animation is professional or a bad escape for someone like me that can't animate with js? – user2996092 May 07 '17 at 14:44
  • For simple animations we use JavaScript, but there is absolutely nothing wrong with using GIFs for more complex animations, like that example you gave is virtually impossible in JavaScript – Gabe Rogan May 07 '17 at 14:47
  • I asked it because using gif in a website remind me when I'm tryed to animate forumfree website with bm's gifs in 90s' :D – user2996092 May 07 '17 at 14:53
  • Yeah definitely use JS for UI animations. We try to not talk about websites in the 90s xD – Gabe Rogan May 07 '17 at 14:55