# Quel outil utilisez-vous pour créer des instructions animées ou des GIF ?

**URL:** https://meta.discourse.org/t/what-do-you-use-to-make-animated-gif-instructions/96276
**Category:** Community Building
**Created:** [Septembre 3, 2018, 5:19 UTC](https://meta.discourse.org/t/what-do-you-use-to-make-animated-gif-instructions/96276 "2018-09-03T17:19:50Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![jameshahnii](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jameshahnii/32/108982_2.png) [@jameshahnii](https://meta.discourse.org/u/jameshahnii)
#### Post date: [Septembre 3, 2018, 5:19 UTC](https://meta.discourse.org/t/what-do-you-use-to-make-animated-gif-instructions/96276/1 "2018-09-03T17:19:51Z")

</div>

Not sure I’m using the right terms here, but documentation is going to be key to adoption for my community. Need to be able to include instructions that tell **and** show. What do y’all use to make those kind of images and share them in Discourse?

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [Septembre 3, 2018, 9:39 UTC](https://meta.discourse.org/t/what-do-you-use-to-make-animated-gif-instructions/96276/2 "2018-09-03T21:39:28Z")

</div>

I am not sure this topic is really about Discourse?

---

<div class="post-metadata">

### Author: ![HAWK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hawk/32/86627_2.png) [@HAWK](https://meta.discourse.org/u/HAWK)
#### Post date: [Septembre 3, 2018, 9:52 UTC](https://meta.discourse.org/t/what-do-you-use-to-make-animated-gif-instructions/96276/3 "2018-09-03T21:52:58Z")

</div>

Je l’ai déplacé vers #Community Building  
Il y a probablement de la valeur à partager les façons dont les gens documentent et/ou communiquent Discourse dans leurs communautés.

---

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [Septembre 3, 2018, 10:14 UTC](https://meta.discourse.org/t/what-do-you-use-to-make-animated-gif-instructions/96276/4 "2018-09-03T22:14:07Z")

</div>

> [@jameshahnii](#):
>
> What do y’all use to make those kind of images and share them in Discourse?

I know of no way to _make_ them in Discourse. But to post them, I simply upload them. eg  
 ![stirthepot](https://global.discourse-cdn.com/meta/original/3X/2/a/2a5f746bbf0043a9f4cd73830206e5527b82d9d2.gif) ![nana](https://global.discourse-cdn.com/meta/original/3X/2/9/29318572f82025a8ad4574bf3f2617ae465ef82a.gif) ![image](https://global.discourse-cdn.com/meta/original/3X/f/6/f611d3f2e6d7ad0566ead855284c4eb4b6d33dc6.gif)

---

<div class="post-metadata">

### Author: ![HAWK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hawk/32/86627_2.png) [@HAWK](https://meta.discourse.org/u/HAWK)
#### Post date: [Septembre 3, 2018, 10:17 UTC](https://meta.discourse.org/t/what-do-you-use-to-make-animated-gif-instructions/96276/5 "2018-09-03T22:17:40Z")

</div>

It’s possible that I’m misunderstanding the question here.

I thought we were talking about animations for communicating Discourse features like below (which @robmc made).

 ![collapse-expand-editor-1](https://global.discourse-cdn.com/meta/original/3X/c/c/ccc0848a3f62eb44ccfaaa824a61df94ce84421a.gif)

---

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [Septembre 3, 2018, 10:27 UTC](https://meta.discourse.org/t/what-do-you-use-to-make-animated-gif-instructions/96276/6 "2018-09-03T22:27:13Z")

</div>

For simple animated screen captures I’ve used LICEcap. I’ve not used any others so I have nothing to compare it to. It isn’t something I would expect many members to be interested in doing, but it would be worth trying if the goal is to provide visuals for “how to use the Discourse GUI” tutorials.

EDIT  
here’s a crude first try example

 ![animated-discourse](https://global.discourse-cdn.com/meta/original/3X/b/c/bc05e9938427e033a4d12f5776a6198f821b80d8.gif)

---

<div class="post-metadata">

### Author: ![jameshahnii](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jameshahnii/32/108982_2.png) [@jameshahnii](https://meta.discourse.org/u/jameshahnii)
#### Post date: [Septembre 3, 2018, 10:51 UTC](https://meta.discourse.org/t/what-do-you-use-to-make-animated-gif-instructions/96276/7 "2018-09-03T22:51:50Z")

</div>

Yes, apologies for the confusion. I couldn’t find an example quickly, but that’s exactly what I’m after.

---

<div class="post-metadata">

### Author: ![robmc](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/robmc/32/125900_2.png) [@robmc](https://meta.discourse.org/u/robmc)
#### Post date: [Septembre 3, 2018, 10:59 UTC](https://meta.discourse.org/t/what-do-you-use-to-make-animated-gif-instructions/96276/8 "2018-09-03T22:59:01Z")

</div>

Actually this was from @codinghorror’s original blog post, but yes, you can use LICEcap to create them if you need a new one.

Moving this back to Discourse, what sort of of instructions are you looking to create @jameshahnii? Can you give me examples? I’m working on some documentation projects and this will help me see what is required, but I might also have material to point you to

---

<div class="post-metadata">

### Author: ![jameshahnii](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jameshahnii/32/108982_2.png) [@jameshahnii](https://meta.discourse.org/u/jameshahnii)
#### Post date: [Septembre 3, 2018, 11:10 UTC](https://meta.discourse.org/t/what-do-you-use-to-make-animated-gif-instructions/96276/9 "2018-09-03T23:10:59Z")

</div>

Just downloaded LICEcap, love it. Thank you!

I am documenting how to do everything in my community. I’m modeling the format after @Johani’s [Developing Discourse Themes & Theme Components](https://meta.discourse.org/t/developer-s-guide-to-discourse-themes/93648). It’s quite a project, but I believe essential to drive adoption for our users. Oil and gas professionals are not the most digitally proficient guys out there, but if you give them good documentation they’ll figure it out.

Spent the day documenting yUML and Mathjax. It’s a very, very rough draft, but you can see where this is all headed here: [https://bitkcor.com/t/how-to-use-bitkcor/43](https://bitkcor.com/t/how-to-use-bitkcor/43)

---

<div class="post-metadata">

### Author: ![erlend\_sh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/erlend_sh/32/119475_2.png) [@erlend\_sh](https://meta.discourse.org/u/erlend_sh)
#### Post date: [Septembre 4, 2018, 8:22 UTC](https://meta.discourse.org/t/what-do-you-use-to-make-animated-gif-instructions/96276/10 "2018-09-04T08:22:23Z")

</div>

For the animated clips in our release videos, my toolbox is exceedingly simple:

[https://meta.discourse.org/t/product-feature-homepage-design-question/68745/3?u=erlend\_sh](https://meta.discourse.org/t/product-feature-homepage-design-question/68745/3)

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [Septembre 4, 2018, 9:04 UTC](https://meta.discourse.org/t/what-do-you-use-to-make-animated-gif-instructions/96276/11 "2018-09-04T09:04:56Z")

</div>

> [@jameshahnii](#):
>
> Spent the day documenting yUML and Mathjax. It’s a very, very rough draft, but you can see where this is all headed here: [How to use bitkcor - Feedback & Support - bitkcor](https://bitkcor.com/t/how-to-use-bitkcor/43)

That’s a long long page. Just a suggestion, but you might like to add links within your TOC using _markdown_ which will allow you to deep link to specific parts from elsewhere too:

> [@Linking to a heading within a post or topic](https://meta.discourse.org/t/deep-linking-to-headings-anchors/47552):
>
> bookmark This guide explains how to link directly to a heading within a Discourse post or topic, enabling users to navigate long posts efficiently. person_raising_hand Required user level: All users Adding headings within long posts can make the content more readable and allow users to link directly to specific sections. This can be particularly useful for navigating extensive discussions and documentation. Summary This guide covers: Creating headings using Markdown Linking directly …

---

<div class="post-metadata">

### Author: ![jameshahnii](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jameshahnii/32/108982_2.png) [@jameshahnii](https://meta.discourse.org/u/jameshahnii)
#### Post date: [Septembre 4, 2018, 1:33 UTC](https://meta.discourse.org/t/what-do-you-use-to-make-animated-gif-instructions/96276/12 "2018-09-04T13:33:36Z")

</div>

> [@merefield](#):
>
> That’s a long long page. Just a suggestion, but you might like to add links within your TOC using _markdown_ which will allow you to deep link to specific parts from elsewhere too:

Thanks man. Once spent a year re-writing [all of this technical documentation](http://help.drillinginfo.com/robohelp/robohelp/server/DI_Main/projects/Drillinginfo%20Online%20Manual/MyNewProject.htm), along with compiling and writing the entire glossary. Anchor tags became my best-good friend. Definitely will be plenty in this page when it’s all done, just an extremely rough draft right now.
