Quick question guys, can we export a prototype to a GIF animated?
Like that https://dribbble.com/shots/1911722-Corporate-task-manager-dashboard-UX?list=searches&tag=framerjs&offset=2
Or do I need to record my screen?Thanks
You'll need to screen capture the proto in action and use a video to gif converter like GIF Brewery or photoshop
Oh I'll have to check this out. I really like having control of quality and trimming video before making it into a gif
it works well for making quick gifs, for Dribbble where you need higher quality, I'd go with importing to photoshop like you recommended
Cool! Yeah, definitely checking it out
Hey Jérémy! I used quicktime to record framer and then imported the output file to Photoshop by creating a video layer. The layer then becomes a smart object, which you can scale to fit your mockup and finally export the whole thing as a gif. :)
FWIW I use Screenflick or QT to capture video and then bring into Photoshop. You can do basic trimming in Photoshop and of course lots of control over the final gif output.
Patryk Sobczak Thanks! what about the quality of your gif in photoshop? Which one do you choose?
Jérémy Jones, shared both the .psd and settings here, feel free to take a peek: https://www.dropbox.com/sh/zpfxozdni500qf0/AACq7twQAPTESeSjXK6a8APla?dl=0
Patryk Sobczak Thanks!
when it needs to be hiqh quality I make a quicktime recording at 60fps, then go through photoshop adjusting it to get it to a filesize I want.
If it's just a very quick GIF to share with colleagues, I use LieCap.
All the videos I record I press through Miro Video Converter into MP4, those videos are often times smaller than the GIF