4 ms·

Slightly OT, but I like the schematic gifs used in the Readme.md (pretty amazing doc overall!) like this one [0]. Does anyone have suggestions what tools they m

by c7b 4y ago

Slightly OT, but I like the schematic gifs used in the Readme.md (pretty amazing doc overall!) like this one [0]. Does anyone have suggestions what tools they might have used (or might be used in general) to create those? [0] https://github.com/google/cdc-file-transfer/blob/main/docs/linux_rsync_animation.gif https://github.com/google/cdc-file-transfer/blob/main/docs/l...

yellow_lead 4y ago
Maybe just draw.io plus Photoshop or some gif generator. The gifs don't look very complicated
ljusten 4y ago
We used an internal Chrome extension to capture the gifs. There also seem to be some externally available GIF capturing tools, like https://chrome.google.com/webstore/detail/chrome-capture-screenshot/ggaabchcecdbomdcnbahdfddfikjmphe?hl=en https://chrome.google.com/webstore/detail/chrome-capture-scr... (disclaimer: I haven't tried those). We then used https://ezgif.com/optimize https://ezgif.com/optimize to remove dupe/unwanted frames, tweak timings and compress the gif. The actual content was done in Google Slides.
- c7b 4y ago
  Awesome, thanks for replying here! If I may be greedy: I suppose you used something else for capturing the command prompt gif?
  - ljusten 4y ago
    Nope, luckily we still partially work from home and use Chrome Remote Desktop. The command prompt was running on my Windows machine, which I accessed remotely, so I could capture it with the extension. That wouldn't have worked if I had been in the office that day.
r4kbY44D 4y ago
ImageMagick does the trick, for example `convert -delay 20 -loop 0 *.png out.gif`
- pornel 4y ago
  https://gif.ski https://gif.ski should give you higher quality and smaller file sizes.
skies457 4y ago
D2 (https://d2lang.com/tour/intro/ https://d2lang.com/tour/intro/) might be the tool you are looking for, but it doesn't handle animation as far as I know
- c7b 4y ago
  That looks useful, thanks!
- alixanderwang 4y ago
  Coming very soon!
  - deleted 4y ago
    [deleted]

by c7b 4y ago

yellow_lead 4y ago

Maybe just draw.io plus Photoshop or some gif generator. The gifs don't look very complicated

ljusten 4y ago

We used an internal Chrome extension to capture the gifs. There also seem to be some externally available GIF capturing tools, like https://chrome.google.com/webstore/detail/chrome-capture-screenshot/ggaabchcecdbomdcnbahdfddfikjmphe?hl=en https://chrome.google.com/webstore/detail/chrome-capture-scr... (disclaimer: I haven't tried those). We then used https://ezgif.com/optimize https://ezgif.com/optimize to remove dupe/unwanted frames, tweak timings and compress the gif. The actual content was done in Google Slides.

c7b 4y ago
Awesome, thanks for replying here! If I may be greedy: I suppose you used something else for capturing the command prompt gif?
- ljusten 4y ago
  Nope, luckily we still partially work from home and use Chrome Remote Desktop. The command prompt was running on my Windows machine, which I accessed remotely, so I could capture it with the extension. That wouldn't have worked if I had been in the office that day.

r4kbY44D 4y ago

ImageMagick does the trick, for example `convert -delay 20 -loop 0 *.png out.gif`

pornel 4y ago
https://gif.ski https://gif.ski should give you higher quality and smaller file sizes.

skies457 4y ago

D2 (https://d2lang.com/tour/intro/ https://d2lang.com/tour/intro/) might be the tool you are looking for, but it doesn't handle animation as far as I know

c7b 4y ago
That looks useful, thanks!
alixanderwang 4y ago
Coming very soon!
- deleted 4y ago
  [deleted]